@import url('fonts.css');
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,900');
body { font-family: 'adb-clean', sans-serif;  font-weight: 500;}

a, .selector-button:before { text-decoration: none;transition: all 0.5s linear }
a:hover { text-decoration: none;}

/*WIDTH*/
.width500 { max-width:500px; margin:0px auto;}
.width930 { max-width:950px; margin:5px auto;}
.width850 { max-width:850px; margin:5px auto;}
.width700 { max-width:650px;margin:5px auto; }
.width600 { max-width:650px;margin:5px auto; }
.width650 { max-width:750px;margin:5px auto; }
.width750 { max-width:790px;margin:5px auto; }

.padTop50 { padding-top:50px; }
.lbtn { text-align: center;margin:30px auto;}
.lbtn a { display: block; border: 3px solid #fff; border-radius:30px; padding:9px 12px;max-width: 180px;text-transform: uppercase;letter-spacing: 1px;margin: 0 auto;font-family: 'Museo-700';color:#ffffff;}
.lbtn a:hover { color:black; border: 3px solid #000;background: rgba(255,255,255,0.81)}

.posrelative, img { position: relative; }
.hidden { display:none; }
h3.section-title { text-align: center;font-size: 35px;font-family: 'Museo-900', 'serif'; font-weight: bold;margin:0 auto;}
.testimonial{
	padding: 1em;
  text-align: left;
	margin: 55px auto;
	
}
.circleChart_text span { font-size: 16px;}
.testimonial p {font-family: 'adb-clean-light', serif; font-size: 28px; line-height:36px; 
  color: #ffffff;text-align: center;margin: 0 auto;
padding: 10px 70px 10px 100px;}
.testimonial p span {display: block;font-size: 25px;position: relative;top: 30px}
.testimonial .lq {	
	position: relative;	
  left:0px;
  bottom: -50px
}
.testimonial .rq {	
	position: relative;	
	float: right;
	top: -45px;
}

ul.selector1 { list-style: none; margin: 10px auto; background: rgba(0,0,0,0.5); display: block; max-width: 950px;border-radius: 25px;padding: 0;margin-bottom: 30px}

ul.selector { list-style: none; margin: 30px auto; background: rgba(0,0,0,0.5); display: block; max-width: 679px;border-radius: 25px;padding: 0}
.selector li, .selector1 li { display: inline-block; margin: 0;padding: 0 }
.selector li .selector-button, .selector1 li .selector-button { margin:6px 3px; display: block; text-align: center;padding: 7px 39px; border-radius: 20px; text-transform: uppercase;letter-spacing: 1px;font-size: 12px;cursor: pointer;transition: all 0.5s linear}
.selector li .selector-button.active, .selector1 li .selector-button.active { background:#ffffff;color:#000;  }
.selector li .selector-button.active:hover, .selector1 li .selector-button.active:hover { background:#ffffff;color:#000;  }
.selector li .selector-button:hover, .selector1 li .selector-button:hover { background:rgba(11,11,11,0.70); }
.selector1 li .selector-button {padding: 7px 30px; }


/*SECTION ONE*/
.section-one { background: url(img/bg-section-1.png) top center;margin:0px auto; background-size: cover}
.bannerMain { background:url("img/mbanner.jpg") no-repeat top center; min-height:660px; color:#ffffff;font-family:'Museo-900', serif; }
.bannerMain h1 {text-transform:uppercase;font-family:'Museo-900', serif; font-weight:900;font-size:100px;margin:12px 0;line-height: 100px;
position: relative;
	top: 50px;
	opacity:0;
}
.section-one a {color:#fff;}
.section-one a:hover {text-decoration: underline}
.section-one .gentxt {font-family: 'adb-clean-bold','sans-serif'; font-size:21px; padding:10px 3px;  }
.bannerMain p span {font-family: 'adb-clean-bold','sans-serif';letter-spacing: 2px;font-size: 35px;}
.bannerMain p { font-family: 'adb-clean-bold','sans-serif'; position: relative;opacity:0;display: block; margin: 12px 0;font-size: 36px;max-width: 650px; margin-top: 80px;line-height: 40px;}
.bannerMain h1 span {display: block;}

.pBand { background: url(img/grey-band.jpg) center center #2C2C56 repeat-x; padding:50px 0; 
  display: block;text-align: center;color:#ffffff;background-size: cover}
.pBand .section-title { font-size:20px; font-family:  'Museo-900', 'serif';text-transform: uppercase;font-weight: normal}
.btn-primary { background:none; }
.btn-primary:hover { background:#ffffff;color:#3E3E3E;border: 1px solid #fff;}
.pbtn { color:#ffffff;font-size: 14px;
	border-radius: 30px;
	position: relative;
	display: block;max-width: 140px;
	font-weight: 700;
	padding: 3px 9px 4px 9px;
	overflow: hidden;
	border: 1px solid #fff;
	margin: 9px auto;
}



.bBand { background: url(img/bband-bg.jpg) center center #3a3578 repeat-x; padding:50px 0; 
  display: block;text-align: center;color:#ffffff;background-size: cover}
.bBand .section-title { font-size:20px; font-family:  'Museo-900', 'serif';text-transform: uppercase;font-weight: normal}
.bBand .btn-primary { background:none; }
.bBand .btn-primary:hover { background:#ffffff;color:#3E3E3E;border: 1px solid #fff;}
.bBand .pbtn { color:#ffffff;font-size: 14px;
	border-radius: 30px;
	position: relative;
	display: block;min-width: 140px;
	font-weight: 700;
	padding: 3px 9px 4px 9px;
	overflow: hidden;
	border: 1px solid #fff;
	margin: 9px auto;
}






/* SECTION TWO */

.section-two { background: url(img/sec-bg-2.jpg) #510061 top center repeat-x;
  min-height: 1200px;text-align: center;padding:70px 0;margin: 0 auto; color:#ffffff;
  background-size:cover;
}

.section-two h3.section-title { font-family: 'adb-clean-light';font-size: 32px;text-transform: none !important;margin: 30px auto; }
.section-two  h4.sec-subtitle { font-family: 'adb-clean-light';font-size: 25px; text-transform: none}


.section-two .width900 { margin: 90px auto;}
.icon-circle { border: 3px solid rgba(152,15,188,1.00) ; 
  background: rgba(55, 2, 96, 0.52);min-height: 210px;max-width: 210px; padding: 0; display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;  margin: 0 auto;border-radius: 150px;padding: 50px;}
.icon-circle img {width: 100px;}


.section-two   p.subtext{ font-size: 18px;margin-top: 30px;padding: 12px 20px}
.section-two  h3.section-title { text-transform: uppercase}

.cardDiv { display: inline-block;margin: 5px; text-align: center;width: 150px;margin-right: 18px;vertical-align: top;}

/* SECTION THREE */
.section-three { background:url(img/sec-bg-3.jpg) center center repeat-x #0D5175;
   margin:0px auto; min-height:700px;
   color:#fff;padding:60px 0;
   background-size:cover;position: relative;}

   .section-three .testimonial {
     padding: 50px 45px;
   }

/*SECTION FOUR */
.section-four {background:url(img/sec-bg-4.jpg) bottom center repeat-x  #de6900;
  background-size:cover;
  text-align: center;padding:70px 0;margin: 0 auto; color:#ffffff;  min-height: 750px;}
.section-four h3.section-title { text-transform:uppercase}
.section-four .testimonial {
  padding:  35px 50px;
}

.section-four .testimonial .lq {	
	position: relative;	
  left:-0px;
  bottom: -50px
}
.section-four .testimonial .rq {	
	position: relative;	
	float: right;
	right: 30px;
	top: -65px;
}

footer { background: #1b111c; color:#ffffff; padding: 0; }
footer .copyrighttxt { font-family: 'adb-clean-light', sans-serif; font-size: 14px; display: block; padding:30px 0;margin: 0}




/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* Styles */
		.testimonial p {font-family: 'adb-clean-light', serif; font-size: 21px; line-height:30px; 
			color: #ffffff;text-align: center;margin: 0 auto;
		padding: 10px 10px;}

		.testimonial p span {display: block;font-size: 18px;position: relative;top: 30px}
		.testimonial .lq {	
		
			left:-50px;
			
			width: 50px;
		}
		.testimonial .rq {	
			
			right:-50px;
			width: 50px;
		}

		.section-four .testimonial p {
			padding: 10px 10px;
		}
		
		.section-four .testimonial .lq {	
			
			left:-50px;
			bottom: -50px
		}
		.section-four .testimonial .rq {	
			
			right: -50px;
			top: -65px;
		}


	}
	
	/* Smartphones (landscape) ----------- */
	@media only screen and (min-width : 321px) {
	/* Styles */
	}
	
	/* Smartphones (portrait) ----------- */
	@media only screen and (max-width : 320px) {
	/* Styles */
	}
	