/* Safari 4.0 - 8.0 */
@-webkit-keyframes phoneSlideDown {
    from {
    	opacity: 0;
    	-webkit-transform: translate3d(0, -5%, 0);
    	transform: translate3d(0, -5%, 0);
    }
    to {
    	opacity: 1;
	 	-webkit-transform: translate3d(0, 0, 0);
    	transform: translate3d(0, 0, 0);
    }
}

@keyframes phoneSlideDown {
    from {
    	opacity: 0;
    	-webkit-transform: translate3d(0, -5%, 0);
    	transform: translate3d(0, -5%, 0);
	}
    to {
    	opacity: 1;
    	-webkit-transform: translate3d(0, 0, 0);
    	transform: translate3d(0, 0, 0);
    }
}

.down{
	-webkit-animation: phoneSlideDown 1s ; /* Safari 4.0 - 8.0 */
}

.down{	
    animation: phoneSlideDown 1s ;
}

.down-animation{
	-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  	transition:         all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/********************************
Landing Page
********************************/
.page-index header{
	background:url(../images/sm-header-bg.jpg) no-repeat;
	background-position: right top;
	background-size:cover;
	position:relative;
}

@media (min-width: 768px){
	.page-index header{
		background:url(../images/header-bg.jpg) no-repeat;
		background-size: cover;
		background-position: center 0px;
		height: 660px;
	}
}

@media (min-width: 992px){
	.page-index header{
		background:url(../images/header-bg.jpg) no-repeat;
		background-size: cover;
		background-position: center top;
	}
}

.page-index .main-msg{
	text-align: left;
	padding-top:80px;
	overflow: hidden;
	position:absolute;
	bottom:12vh;
}

@media (min-width: 768px){
	.page-index .main-msg{
		text-align: left;
		padding-top:100px;
		position:initial;
	}
}

.index-message{
	border-left: 4px solid #c1a272;
	padding-left:1.5rem;
	margin-bottom:1rem;
	font-size:2rem;
	font-weight:600;
}

.page-index .main-msg img{
	margin: 0 auto;
	max-width: 300px;
}

@media (min-width: 576px){
	.page-index .main-msg img{
		max-width: 100%; 
	}	
}

.page-index .main-msg h1{
	font-size: 1.3rem;
}

@media (min-width: 576px){
	.page-index .main-msg h1{
		font-size: 1.6rem;
	}
}

.page-index .main-msg h1,
.page-index .main-msg p{
	color: #000;
}
.page-index .main-msg h1{
	font-size:2rem;
	font-weight:600;
}



@media (min-width:576px){
	.page-index .main-msg h1{
		font-size:1.8rem;
		font-weight:600;
	}
}
@media (min-width:992px){
	.page-index .main-msg h1{
		font-size:2rem;
		font-weight:600;
	}
}
.page-index .main-msg p{
	font-size: 1.1rem;
	line-height: 1.5;
	font-weight:500;
}

.main-msg .col-first{
	padding-bottom: 1rem;
}

.main-msg .col-first .btn{
	margin-top: 0.5rem;
}

@media (min-width: 576px){
	.main-msg .col-first .btn{
		margin-top: 1rem;
	}
}

/*
Mission section
*/
.mission-section{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,25252f+100 */
	background: #fff;
	overflow:hidden;
}

@media (min-width: 992px){
	.mission-section{
		background: #000 url(../images/card-bg-gradient.jpg) center;
	}
}

.mission-section .card img{
	display: none;
}

@media (min-width: 768px){
	.mission-section .card img{
		display: inline-block;
	}
}

.mission-section .md_section{
	border-top: 1px solid #fff;
	text-align: center;
}

@media (min-width: 992px){
	.mission-section .md_section{
		display: none;
	}
}

.mission-section .md_section a{
	text-transform: uppercase;
    letter-spacing: 1.5px;
    background-color: #000;
    padding: 1.5rem 2rem;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #fff;
}

.mission-section .md_section a .fa-arrow-right{
	float: right;
	color: #c1a272;
}

.mission-section .lg_section .lg-items {
	margin: 0;
}
.mission-section .lg_section h3{
	padding-bottom: 0.5rem;
}


/*
Section who we are
*/
.who-we-are{
	background: #000 url(../images/who-we-are.jpg) no-repeat right -400px bottom;
	padding-top: 3rem;
	overflow: hidden;
}

@media (min-width: 768px){
	.who-we-are{
		background: #000 url(../images/who-we-are.jpg) no-repeat right 55% top;
		padding-bottom: 2rem;
		height:500px;
	}
}

@media (min-width: 992px){
	.who-we-are{
		background: #000 url(../images/who-we-are.jpg) no-repeat center top;
	}
}


.who-we-are .col-info{
	padding-bottom: 4rem;
}

@media (min-width: 768px){
	.who-we-are .col-info{
		padding-bottom: 0;
	}
}

.who-we-are p {
	font-weight:300;
	padding-bottom:10px;
}
.who-we-are p span{
	font-weight:600;
}
.who-we-are .title-decor{
	height: 1px;
	width: 90%;
	background-color: #c1a373;
	margin: 1rem 0 1rem 0;
}

/*
Section what we do
*/
.what-we-do{
	background: #fff0e1 url(../images/what-we-do.jpg) left top no-repeat;
	padding-top: 2rem;
	height:560px;
	overflow: hidden;
}

@media (min-width: 768px){
	.what-we-do{
		background: #fff0e1 url(../images/what-we-do.jpg) center top no-repeat;
		padding-bottom: 2rem;
		height:500px;
	}
}

.what-we-do .col-info{
	padding-bottom: 4rem;
}

@media (min-width: 768px){
	.what-we-do .col-info{
		padding-bottom: 0;
	}
}

.what-we-do h2{
	color: #000;
}

.what-we-do p{
	color: #000;
	font-weight:300;
}
.what-we-do p span{
	font-weight:500;
}
.what-we-do .title-decor{
    height: 1px;
    width: 90%;
    background-color: #c1a373;
    margin: 1rem 0 1rem 0;
}

.what-we-do .fa-angle-right{
	color: #c1a472;
	margin-right: 0.5rem;
}

.what-we-do .bullet-point{
	font-weight:600;
}
.what-we-do .btn-secondary{
	margin-top:30px;
}



/*
Section how we protect
*/
.how-we-protect{
	background: #000 url(../images/how-we-protect.jpg) no-repeat right -400px bottom;
	overflow: hidden;
}

@media (min-width: 768px){
	.how-we-protect{
		background: #000 url(../images/how-we-protect.jpg) no-repeat right 50% top;
		height:500px;
	}
}

@media (min-width: 992px){
	.how-we-protect{
		background: #000 url(../images/how-we-protect.jpg) no-repeat center top;
	}
}


.how-we-protect .col-info{
	padding: 3rem 0;
}

@media (min-width: 768px){
	.how-we-protect .col-info{
		padding: 0;
	}
}

.how-we-protect p {
	font-weight:300;
	padding-bottom:10px;
}
.how-we-protect p span{
	font-weight:600;
}
.how-we-protect .title-decor{
	height: 1px;
	width: 90%;
	background-color: #c1a373;
	margin: 1rem 0 1rem 0;
}

/*
Trusted Partners
*/
.trusted-partners{
	background: #fff url(../images/trusted-partners.jpg) no-repeat right -400px bottom;
	overflow: hidden;
	text-align:center;
}

@media (min-width: 768px){
	.trusted-partners{
		background: #fff url(../images/trusted-partners.jpg) no-repeat right 50% bottom;
		min-height:500px;
	}
}

@media (min-width: 992px){
	.trusted-partners{
		background: #fff url(../images/trusted-partners.jpg) no-repeat center bottom;
	}
}

.trusted-partners .col-info{
	padding: 3rem 0;
}

@media (min-width: 768px){
	.trusted-partners .col-info{
		padding: 3rem;
	}
}

.trusted-partners h2{
	color:#000;
	font-size:2.1rem;
	text-transform:uppercase;
}

@media (min-width: 992px){
	.trusted-partners h2 {
    	font-size: 2.6rem;
    }
}
.trusted-partners .title-decor{
	height: 1px;
	width: 100%;
	background-color: #c1a373;
	margin: 1rem 0 1rem 0;
}

.partner-images{
	margin-top:3rem;
	margin-bottom:3rem;
}


/*
Section Contact Us
*/
.contact-us{
	padding: 2rem 0 3rem 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#25252f+0,000000+100 */
background: #25252f; /* Old browsers */
background: -moz-linear-gradient(top, #25252f 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #25252f 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #25252f 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25252f', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}

@media (min-width: 992px){
	.contact-us{
		padding: 5rem 0 3rem 0;
	}
}

.contact-us .title{
	padding-bottom: 2rem;
}

.contact-us .title .title-decor{
	height: 1px;
	width: 100%;
	background-color: #c1a472;
	margin: 0 auto;
}

.contact-us .title h2{
	letter-spacing: 1px;
	font-size: 3rem;
	font-weight: 300;
	padding-bottom: 1rem;
}

.contact-us .col-address{
	text-align: center;
	padding-bottom: 2rem;
}

.contact-us h3{
	letter-spacing: 1px;
}

.contact-us .fa-map-marker-alt{
	color: #c1a473;
}

/* Form card has light background; ensure text is dark for contrast */
.contact-us .form-card .form-header h3,
.contact-us .form-card .form-body,
.contact-us .form-card .form-body p,
.advertiser-signup .form-card .form-header h3,
.advertiser-signup .form-card .form-body,
.advertiser-signup .form-card .form-body p {
	color: #333;
}

/********************************
About Page
********************************/
.page-about header{
	background: url(../images/sm-header-about-bg.jpg) no-repeat;
	background-position: center bottom;
	background-size: cover;
	min-height: 250px;
}

@media (min-width: 768px){
	.page-about header{
		background: url(../images/header-about-bg.jpg) no-repeat;
		background-position: center bottom;
		min-height:600px;
	}
}

.page-about .main-msg h1{
	color: #000;
	padding-top: 70px;
	font-size: 2.4rem;

}

@media (min-width:768px){
	.page-about .main-msg h1{
		font-size:4rem;
	}
}

.page-about .main-msg p{
	color: #222;
	font-size: 1rem;
	font-weight:300;
}

@media (min-width:768px){
	.page-about .main-msg p{
		font-size:1.1rem;
	}
}

.page-about .main-msg-text{
	padding-top:40px;
	padding-bottom:40px;
}

.page-about .page .col-media{
	padding-bottom: 1rem;
}

.page-about .page .col-info{
	padding-bottom: 2rem;
}

@media (min-width: 768px){
	.page-about .page .col-media{
		padding-bottom: 0;
	}

	.page-about .page .col-info{
		padding-bottom: 0;
	}
}

/*
Section Technology
*/
.technology{
	min-height:600px;
	padding: 1.5rem;
	background: #445166 url(../images/sm-about-technology-bg.jpg) center top no-repeat;
	background-size:cover;
}
@media (min-width:768px) {
	.technology{
		padding-top:2.5rem;
		min-height:400px;
		background: #445166 url(../images/about-technology-bg.jpg) left -310px top no-repeat;
		background-size:cover;
	}
}
@media (min-width:992px){
	.technology{
		background: #445166 url(../images/about-technology-bg.jpg) center top no-repeat;
		background-size:cover;
	}
}

.technology .title-decor{
	height: 3px;
	width: 10%;
	background-color: #c1a473;
	margin: 1rem 0 1rem 0.5rem;
}

.technology h2, .technology p{
	color: #fff;
}
.technology p {
	font-weight:300;
	font-size:1rem;
}
@media (min-width:768px){
	.technology p{
		padding-left: 1.5rem;
		font-size:1.1rem;
	}
}

@media (min-width:768px){
	.technology h2{
		border-left: 2px solid #c1a272;
		padding-left: 1.5rem;
	}
}

.technology-message{
	text-align:left;
}

@media (min-width:768px){
	.technology-message{
		text-align:left;
	}
}

/*
Section Trust
*/
.trust{
	min-height:600px;
	padding: 1.5rem;
	background: #445166 url(../images/sm-about-trust-bg.jpg) center top no-repeat;
	background-size:cover;
}
@media (min-width:768px){
	.trust{
		padding-top:2.5rem;
		min-height:400px;
		background: #445166 url(../images/about-trust-bg.jpg) right -330px top no-repeat;
		background-size:cover;
	}
}
@media (min-width:992px){
	.trust{
		background: #445166 url(../images/about-trust-bg.jpg) center top no-repeat;
		background-size:cover;
	}
}

@media (min-width:768px){
	.trust h2{
		border-right: 2px solid #c1a272;
		padding-right: 1.5rem;
	}
}

.trust p {
	font-weight:300;
	font-size:1rem;
}

@media (min-width:768px){
	.trust p{
		padding-right: 1.5rem;
		font-size:1.1rem;
	}
}

.trust h2, .trust p{
	color: #fff;
}
.trust-message{
	text-align:left;
}
@media (min-width:768px){
	.trust-message{
		text-align:right;
	}
}

/*
Section Transparency
*/
.transparency{
	min-height:600px;
	padding: 1.5rem;
	background: #445166 url(../images/sm-about-transparency-bg.jpg) center top no-repeat;
	background-size:cover;
}
@media (min-width:768px){
	.transparency{
		padding-top:2.5rem;
		min-height:400px;
		background: #445166 url(../images/about-transparency-bg.jpg) left -100px top no-repeat;
		background-size:cover;
	}
}

@media (min-width:992px){
	.transparency{
		background: #445166 url(../images/about-transparency-bg.jpg) center top no-repeat;
		background-size:cover;
	}
}

@media (min-width:768px){
	.transparency h2{
		border-left: 2px solid #c1a272;
	    padding-left: 1.5rem;
	}
}
.transparency p {
	font-weight:300;
	font-size:1rem;
}
@media (min-width:768px){
	.transparency p{
		padding-left: 1.5rem;
		font-size:1.1rem;
	}
}

.transparency h2, .transparency p{
	color: #414e5a;
}
.transparency-message{
	text-align:left;
}
@media (min-width:768px){
	.transparency-message{
		text-align:left;
	}
}

/*
Section Team
*/
.team{
	min-height:600px;
	padding: 1.5rem;
	background: #fff url(../images/sm-about-team-bg.jpg) center bottom no-repeat;
	background-size:cover;
}
@media (min-width:768px){
	.team{
		padding-top:2.5rem;
		min-height:400px;
		background: #fff url(../images/about-team-bg.jpg) right -280px top no-repeat;
		background-size:cover;
	}
}

@media (min-width:992px){
	.team{
		background: #fff url(../images/about-team-bg.jpg) center top no-repeat;
		background-size:cover;
	}
}

.team .title-decor{
	height: 3px;
	width: 10%;
	background-color: #c1a473;
	margin: 1rem 0 1rem 0.5rem;
}

@media (min-width:768px){
	.team h2{
		border-right: 2px solid #c1a272;
		padding-right: 1.5rem;
	}
}
.team p {
	font-weight:300;
	font-size:1rem;
}
@media (min-width:768px){
	.team p{
		font-size:1.1rem;
		padding-right: 1.5rem;
	}
}
.team h2, .team p{
	color: #414e5a;
}
.team-message{
	text-align:left;
}
@media (min-width:768px){
	.team-message{
		text-align:right;
	}
}

/*
Section Ranking
*/
.ranking{
	min-height: 530px;
	padding: 1.5rem;
	background: #fff url(../images/ranking-bg-sm.jpg) center bottom no-repeat;
	background-size:cover;
}

.ranking .title-decor{
	height: 3px;
	width: 10%;
	background-color: #c1a473;
	margin: 1rem 0 1rem 0.5rem;
}

.ranking h2 {
	font-size: 2.4em;
}

.ranking .ranking-img img {
	width: 150px;
	margin-top: 30px;
}

.ranking p {
	font-weight:300;
	font-size:1rem;
}

.ranking h2, .ranking p{
	color: #414e5a;
}
.ranking-message{
	text-align:center;
}

@media (min-width:768px){

	.ranking{
		padding-top:2.5rem;
		min-height: 370px;
		background: #fff url(../images/ranking-bg.jpg) right -280px top no-repeat;
		background-size:cover;
	}

	.ranking h2{
		border-right: 2px solid #c1a272;
		padding-right: 1.5rem;
	}

	.ranking p{
		font-size:1.1rem;
		padding-right: 1.5rem;
	}

	.ranking p, .ranking h2 {
		padding-right: 30px;
	}

	.ranking .ranking-img img {
		width: 200px;
		margin-top: 0px;
	}

	.ranking-message{
		text-align: left;
	}

}

@media (min-width:992px){
	.ranking{
		background: #fff url(../images/ranking-bg.jpg) center top no-repeat;
		background-size:cover;
	}

	.ranking h2 {
		font-size: 2.8em;
	}

	.ranking p, .ranking h2 {
    	padding-left: 20px;
    }

	.ranking-message{
		/*text-align:right;*/
	}

}

/********************************
Solutions Page
********************************/
.page-solutions header{
	background:url(../images/sm-header-solutions-bg.jpg) no-repeat;
	background-position: center bottom;
	background-size: cover;
	min-height: 550px;
}

@media (min-width: 768px){
	.page-solutions header{
		background:url(../images/header-solutions-bg.jpg) no-repeat;
		background-position: center bottom;
		min-height: 500px;
	}
}

.page-solutions .main-msg-text{
	padding-top: 40px;
    padding-bottom: 20px;
}

.page-solutions .main-msg h1{
	color: #000;
	padding-top: 70px;
	font-size: 2.4rem;
}

@media (min-width:768px){
	.page-solutions .main-msg h1{
		font-size:4rem;
	}
}

.page-solutions .main-msg p{
	color: #222;
	font-size: 1rem;
	font-weight:300;
}
@media (min-width:768px){
	.page-solutions .main-msg p{
		font-size:1.1rem;
	}
}

.page-solutions .page .col-media{
	padding-bottom: 1rem;
}

.page-solutions .page .col-info{
	padding-bottom: 2rem;
}

@media (min-width: 768px){
	.page-solutions .page .col-media{
		padding-bottom: 0;
	}

	.page-solutions .page .col-info{
		padding-bottom: 0;
	}
}

/*
Section launch
*/
.launch{
	min-height:500px;
	padding: 1.5rem;
	background: #445166 url(../images/sm-solutions-launch.jpg) center top no-repeat;
	background-size:cover;
}
@media (min-width:768px) {
	.launch{
		padding-top:2.5rem;
		min-height:300px;
		background: #445166 url(../images/solutions-launch.jpg) left -270px center no-repeat;
		background-size:cover;
	}
}
@media (min-width:992px){
	.launch{
		background: #445166 url(../images/solutions-launch.jpg) center center no-repeat;
		background-size:cover;
	}
}

.launch h2, .launch p{
	color: #fff;
}
.launch p {
	font-weight:300;
	font-size:1rem;
}
@media (min-width:768px){
	.launch p{
		padding-left: 1.5rem;
		font-size:1.1rem;
	}
}

@media (min-width:768px){
	.launch h2{
		border-left: 2px solid #c1a272;
		padding-left: 1.5rem;
	}
}

.launch-message{
	text-align:left;
}

@media (min-width:768px){
	.launch-message{
		text-align:left;
	}
}

/*
Section Grow
*/
.grow{
	min-height:500px;
	padding: 1.5rem;
	background: #445166 url(../images/sm-solutions-grow.jpg) center top no-repeat;
	background-size:cover;
}
@media (min-width:768px){
	.grow{
		padding-top:2.5rem;
		min-height:300px;
		background: #445166 url(../images/solutions-grow.jpg) right -370px center no-repeat;
		background-size:cover;
	}
}
@media (min-width:992px){
	.grow{
		background: #445166 url(../images/solutions-grow.jpg) center center no-repeat;
		background-size:cover;
	}
}

@media (min-width:768px){
	.grow h2{
		border-right: 2px solid #c1a272;
		padding-right: 1.5rem;
	}
}

.grow p {
	font-weight:300;
	font-size:1rem;
}

@media (min-width:768px){
	.grow p{
		padding-right: 1.5rem;
		font-size:1.1rem;
	}
}

.grow h2, .grow p{
	color: #fff;
}
.grow-message{
	text-align:left;
}
@media (min-width:768px){
	.grow-message{
		text-align:right;
	}
}

/*
Section Retain
*/
.retain{
	min-height:500px;
	padding: 1.5rem;
	background: #445166 url(../images/sm-solutions-retain.jpg) center center no-repeat;
	background-size:cover;
}
@media (min-width:768px){
	.retain{
		padding-top:2.5rem;
		min-height:300px;
		background: #445166 url(../images/solutions-retain.jpg) left -180px center no-repeat;
		background-size:cover;
	}
}

@media (min-width:992px){
	.retain{
		background: #445166 url(../images/solutions-retain.jpg) center center no-repeat;
		background-size:cover;
	}
}

@media (min-width:768px){
	.retain h2{
		border-left: 2px solid #c1a272;
	    padding-left: 1.5rem;
	}
}
.retain p {
	font-weight:300;
	font-size:1rem;
}
@media (min-width:768px){
	.retain p{
		padding-left: 1.5rem;
		font-size:1.1rem;
	}
}

.retain h2, .retain p{
	color: #414e5a;
}
.retain-message{
	text-align:left;
}
@media (min-width:768px){
	.retain-message{
		text-align:left;
	}
}

/********************************
Protect Page
********************************/
.page-protect header{
	background: url(../images/sm-header-protect-bg.jpg) no-repeat;
	background-position: center bottom;
	background-size: cover;
	min-height: 250px;
}

@media (min-width: 768px){
	.page-protect header{
		background: url(../images/header-protect-bg.jpg) no-repeat;
		background-position: center bottom;
		min-height:500px;
	}
}

.page-protect .main-msg h1{
	color: #000;
	padding-top: 70px;
	font-size: 2.4rem;

}

@media (min-width:768px){
	.page-protect .main-msg h1{
		font-size:4rem;
	}
}

.page-protect .main-msg p{
	color: #222;
	font-size: 1rem;
	font-weight:300;
}

@media (min-width:768px){
	.page-protect .main-msg p{
		font-size:1.1rem;
	}
}

.page-protect .main-msg-text{
	padding-top:40px;
	padding-bottom:40px;
}

.page-protect .page .col-media{
	padding-bottom: 1rem;
}

.page-protect .page .col-info{
	padding-bottom: 2rem;
}

@media (min-width: 768px){
	.page-protect .page .col-media{
		padding-bottom: 0;
	}

	.page-protect .page .col-info{
		padding-bottom: 0;
	}
}

/*
Our Approach Technology
*/
.our-approach{
	min-height:600px;
	padding: 1.5rem;
	background: #445166 url(../images/sm-protect-our-approach-bg.jpg)no-repeat;
	background-position: -80px center;
	background-size:cover;
}
@media (min-width:768px) {
	.our-approach{
		padding-top:2.5rem;
		min-height:400px;
		background: #445166 url(../images/protect-our-approach-bg.jpg) left -200px top no-repeat;
		background-size:cover;
	}
}
@media (min-width:992px){
	.our-approach{
		background: #445166 url(../images/protect-our-approach-bg.jpg) center top no-repeat;
		background-size:cover;
	}
}

.our-approach .title-decor{
	height: 3px;
	width: 10%;
	background-color: #c1a473;
	margin: 1rem 0 1rem 0.5rem;
}

.our-approach h2, .our-approach p{
	color: #fff;
}
.our-approach p {
	font-weight:300;
	font-size:1rem;
}
@media (min-width:768px){
	.our-approach p{
		padding-left: 1.5rem;
		font-size:1.1rem;
	}
}

@media (min-width:768px){
	.our-approach h2{
		border-left: 2px solid #c1a272;
		padding-left: 1.5rem;
	}
}

.our-approach-message{
	text-align:left;
}

@media (min-width:768px){
	.our-approach-message{
		text-align:left;
	}
}

/*
Section Trust
*/
.tech-shield{
	min-height:600px;
	padding: 1.5rem;
	background: #445166 url(../images/sm-protect-shield-tech-bg.jpg) center top no-repeat;
	background-size:cover;
}
@media (min-width:768px){
	.tech-shield{
		padding-top:2.5rem;
		min-height:400px;
		background: #445166 url(../images/protect-human-tech-bg.jpg) right -330px top no-repeat;
		background-size:cover;
	}
}
@media (min-width:992px){
	.tech-shield{
		background: #445166 url(../images/protect-human-tech-bg.jpg) center top no-repeat;
		background-size:cover;
	}
}

@media (min-width:768px){
	.tech-shield h2{
		border-right: 2px solid #c1a272;
		padding-right: 1.5rem;
	}
}

.tech-shield p {
	font-weight:300;
	font-size:1rem;
}

@media (min-width:768px){
	.tech-shield p{
		padding-right: 1.5rem;
		font-size:1.1rem;
	}
}

.tech-shield h2, .tech-shield p{
	color: #fff;
}
.tech-shield-message{
	text-align:left;
}
@media (min-width:768px){
	.tech-shield-message{
		text-align:right;
	}
}

/*
Methods Section
*/
.methods{
	background: #333 url(../images/contact-us-bg.jpg) center bottom no-repeat;
	padding: 3rem 0;
}

.methods .card{
	margin-bottom: 2rem;
}

.methods .title {
    padding-bottom: 2rem;
}

.methods .title h2 {
    letter-spacing: 1px;
    font-size: 2rem;
    font-weight: 700;
    padding-bottom: 1rem;
}

.methods .title .title-decor {
    height: 3px;
    width: 10%;
    background-color: #c1a472;
    margin: 0 auto;
}

/********************************
Advertiser Sign Up
********************************/

.page-advertiser-sign-up{
	background:#fff;
}

/* Add mobile header image for advertiser sign-up page here */
/*
.page-advertiser-sign-up header {
	background: url(../images/header-contact-us-bg.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 250px;
}
*/

.advertiser-signup{
	padding: 1rem 0;
	background: #333 url(../images/contact-us-bg.jpg) center bottom repeat-x;
}

@media (min-width: 768px){
	/* Add desktop header image for advertiser sign-up page here */
/*
	.page-advertiser-sign-up header {
		background: url(../images/header-contact-us-bg.jpg) no-repeat;
		background-position: center center;
		min-height:300px;
	}
*/
	.advertiser-signup{
		padding: 1rem 0 11rem 0;
	}
	
}

@media (min-width: 992px){
	.advertiser-signup{
		padding: 5rem 0 7rem 0;
	}
}

.advertiser-signup .title{
	padding-bottom: 2rem;
}

.advertiser-signup .title .title-decor{
	height: 1px;
	width: 90%;
	background-color: #c1a472;
	margin: 0 auto;
}

.advertiser-signup .title h2{
	letter-spacing: 1px;
	font-size: 2rem;
	font-weight: 300;
	padding-bottom: 1rem;
}
@media (min-width:768px){
	.advertiser-signup .title h2{
		font-size:3rem;
	}
}

.advertiser-signup-card .form .form-header{
	padding-bottom: 1.5rem;
}

.advertiser-signup-card .form .form-header h3{
	font-weight: 400;
}


/********************************
terms conditions and privacy policy
********************************/
.terms-and-conditions-page h1,
.privacy-policy-page h1{
	color: #5a6c7e;
	padding-bottom: 1rem;
}

.terms-and-conditions-page .page,
.privacy-policy-page .page{
	padding-bottom: 3rem;
}


/* captcha override */
@media (max-width:360px){
	.g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} 
}

/********************************
404 Page
********************************/
.msg_404{
	background: #f2f2f2;
	padding: 25px 15px;
	margin-top: 50px;
	margin-bottom: 50px;
	border-radius: 5px;
	border: 1px solid #efecec;
}

.msg_404 h1{
	color: #333;
	font-weight: 700;
}

.msg_404 p{
	color: #636c6f;
}

/********************************
Carrers Page
********************************/
.careers-page header{
	background: url(../images/sm-header-careers-bg.jpg) no-repeat;
	background-position: center bottom;
	background-size: cover;
	min-height: 250px;
}

@media (min-width: 768px){
	.careers-page header{
		background: url(../images/header-careers-bg.jpg) no-repeat;
		background-position: center bottom;
		min-height:300px;
	}
}

.careers-page .main-msg h1{
	color: #000;
	padding-top: 70px;
	font-size: 2rem;

}

@media (min-width:768px){
	.careers-page .main-msg h1{
		font-size:4rem;
	}
}


.careers-page .page{
	padding: 2rem 0;
	background-color: #fbfbfb;
	min-height:300px;
}

.careers-page .page h2{
	font-size: 1.5rem;
}
.careers-page .page p{
	font-size: 0.95rem;
	margin-bottom: 25px;
}
.careers-page .page ul{
	list-style: square;
	padding: 0 0 0 1rem;
}

.accordion {
	text-transform: uppercase;
	font-weight: 700;
    background-color: #fbfbfb;
    cursor: pointer;
    padding: 18px;
    width: 100%;    
    text-align: left;
    outline: none;
    font-size: 0.7rem;
    letter-spacing: 0.25px;
    transition: 0.4s;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e4e5e6;
}

.active,
.accordion:hover {
    background-color: #e4e5e6;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.panel {
    padding: 0.5rem 1rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}