/*============== Body Code ==============*/

body {background: #fff;font: 13px 'Open Sans', sans-serif;color: #000;-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;}

/*============== Body Code ==============*/

/*============== Header Area Codes ==============*/

header{padding:20px 0;width: 100%;background:#fff;}
.logo{float: left;position:relative;z-index:1001;}
.logo a{margin:0;}
.slider{width:100%;position:relative;padding:0;}
.heroHeading h1{font-size:120px;color:#fff;margin-top:30px;margin-bottom:30px;border: 0;text-align: center;display: block;padding: 25px;font-weight:normal;}
.heroHeading h2{font-size:50px;text-align:center;color:#fff;}
.heroHeading p{color:#fff;}
.heroHeading{position: absolute;width: 100%;top: 30%;padding:20px;}
.slider img{width:100%;float:left;}
/* Effect 7: second border slides up */
.cl-effect-18 a {
	padding: 12px 10px 10px;
	color: #566473;
}

.cl-effect-18 a::before,
.cl-effect-18 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
	border-bottom: 1px #006666 dashed;
}

.cl-effect-18 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
	top: 0%;
	opacity: 1;
}
/*============== Header Area Codes ==============*/

/*============== Headings ==============*/

h1 { font-size: 40px; line-height: 50px;}
h2 { font-size: 35px; line-height: 40px;}
h3 { font-size: 25px; line-height: 34px;}
h4 { font-size: 18px; line-height: 30px;}
h5 { font-size: 13px; line-height: 24px; }
h6 { font-size: 10px; line-height: 21px; }
h1, .h1, h2, .h2, h3, .h3 {margin-top: 10px;margin-bottom: 10px;}

/*============== Headings ==============*/

p{font-size:14px;color:#006666;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none;transition: all 0.5s ease;}

/*============== Buttons ==============*/


.theme-button{border-bottom: 2px dashed #fff;color: #fff;display: inline-block;font-size: 14px;text-decoration: none;cursor: pointer;margin-top: 5px;line-height: normal;padding: 12px 40px;font-family:  'Lato', sans-serif;outline: none;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border-top:0;border-left:0;border-right:0;  background-color: transparent;}
.theme-button:hover, focus{background:#fff;border-bottom:2px solid #006666;color: #006666;border-top:0;border-left:0;border-right:0;}
.theme-button-second{border:1px dashed #fff;color:#fff;display: inline-block;font-size: 14px;text-decoration: none;cursor: pointer;margin-top: 5px;line-height: normal;padding: 12px 40px;font-family:  'Lato', sans-serif;outline: none;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;  background-color: transparent;}
.theme-button-second:hover, focus{background:#fff;border:1px solid #006666;color: #006666;}

.info-link{color: #38BFC3; transition: none;}
.info-link:hover, focus{color: #099;}
.info-link:active, visited{color: #38BFC3}

/*============== Buttons ==============*/


/*============== Forms ==============*/

form {margin-bottom: 20px; }
fieldset {margin-bottom: 20px; }
input[type="text"], input[type="password"], input[type="email"], textarea, select {border-bottom: 2px dashed #fff;padding: 11.45px 15px;outline: none;font: 13px 'Open Sans', sans-serif;color: #fff;margin: 0;width:100%;max-width: 100%;display: block;margin-bottom: 10px;background:transparent;transition: all 0.5s ease;border-top: 0;border-left: 0;border-right: 0;}
textarea {min-height: 60px;transition: all 0.5s ease; }
label, legend {display: block;font-size: 14px;color: #fff;margin-bottom: 10px;font-weight: normal;}
select {color: #006666;border: 1px solid #006666;}
input[type="checkbox"] {display: inline; }
label span, legend span {font-weight: normal;font-size: 13px;color: #006666;margin-bottom: 10px; }
.form p {border-bottom: 1px dotted #a91632;padding-bottom: 10px;margin-bottom: 10px;}
.form .input{float: left;width: 329px;margin: 0 30px 0px 0;}
.form .input:first-child{margin-left: 0;}
.form textarea{margin-bottom: 20px;}
.form{width: 100%;padding: 20px 0;}
.form h3{text-align:left;}
textarea{height: auto;resize: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:    #006666;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: #fff;}
input:-moz-placeholder {color:    #006666;opacity:  1;}
input:focus:-moz-placeholder {color:    #fff;opacity:  1;}
input::-moz-placeholder {color:    #006666;opacity:  1;}
input:focus::-moz-placeholder {color:    #fff;opacity:  1;}
input:-ms-input-placeholder {color:    #006666;}
input:focus:-ms-input-placeholder {color:    #fff;}	
.connections{}
.connections p{font-size:14px;}

/*============== Forms ==============*/

/*============== Misc ==============*/
.beginNote{}
.beginNote p{color:#000;}
.copyright{background: #006666;padding:20px 0 10px 0;}
.copyright p{color:#fff;text-align:center;font-size:14px;}
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.remove-top { margin-top: 0 !important; }
.remove-left{ margin-left: 0 !important;}
.remove-right{ margin-right: 0 !important;}
.half-top{ margin-top: 10px !important; }
.add-top{ margin-top: 20px !important; }
.add-med{ margin-top: 32px !important; }
.add-top-large{ margin-top: 40px !important; }
.add-top-xl{ margin-top: 65px !important; }
.add-top-xxl{ margin-top: 109px !important; }
img.scale-with-grid {max-width: 100%;height: auto;}	
.paragraphText{float: left;}
.paragraphText img{margin:15px;float: left;}
.paragraphText p{margin-top:15px;}
.social-media{background:#006666;padding:18px 0px 0px;}
.social-media ul{margin:0;padding:0;}
.social-media li{list-style:none;display:inline-block;float:left;margin-right: 50px;margin-bottom: 15px;font-size: 60px;}
.social-media span{color:#fff;}
.caption-image {background: #f8f8f8;}
.caption-image img {width: 100%;height: 100%;}
.caption-text {color: #FFF;text-align: center;background: #006666;padding: 10px;}
.caption-text h3 {font-size: 25px;color: #FFF;margin-top: 0;margin-bottom: 0;}
.caption-text h4 {font-size: 20px;color: #FFF;margin-top: 0;margin-bottom: 0;} 
.caption-text p {padding-bottom: 15px;}
.simpleBox{display:block;}
ul.imgs-gallery {float: none;margin: 20px auto 0;width: 1170px;padding: 0;}
ul.imgs-gallery li {display: inline-block;float: left;margin-right: 10px;width: 380px;}
.blockContent{}
.blockContent h1, .blockContent h2, .blockContent h3, .blockContent h4, .blockContent h5, .blockContent h6, .blockContent p{color:#fff;font-weight:normal;}
.social-media{}
.social-media ul{margin: 0;padding: 0;display: block;width: 100%;float: left;}
.social-media li{list-style:none;display:inline-block;float:none;margin-right: 10px;margin-bottom: 10px;font-size: 35px;}
.social-media span{color:#fff;}
/*============== Misc ==============*/

/*============== Theme Elements ==============*/

.boxBg{background:rgba(255, 255, 255, 0.7);}
.boxBgThird{background:url(../images/sectionBg04.jpg) no-repeat center center;background-size:cover;}
.boxBgThird h1, .boxBgThird h2, .boxBgThird h3, .boxBgThird h4, .boxBgThird h5, .boxBgThird h6, .boxBgThird p, .boxBgThird span{color:#fff;}
.boxBgThird h4{font-size:18px;font-weight:lighter;}
.boxBgThird p{font-size:16px;}
.boxBgAlginment{text-align:left;padding: 20px;}
.boxBgAlginment h1, .boxBgAlginment h2, .boxBgAlginment h3, .boxBgAlginment h4, .boxBgAlginment h5, .boxBgAlginment h6{text-align:left;}
.remove-padding{padding:0!important;}

.imgBoxLayout{background-size:cover !important;padding: 15px;}
.imgBoxLayout .theme-button-second{padding: 8px 40px;}
.imgBoxFirst{background:url(../images/05.jpg) no-repeat center center;}
.imgBoxSecond{background:url(../images/06.jpg) no-repeat center center;}
.imgBoxThird{background:url(../images/07.jpg) no-repeat center center;}
.imgBoxFourth{background:url(../images/08.jpg) no-repeat center center;}


/*============== Theme Elements ==============*/




/*============== Theme Gallery ==============*/
.grid {max-width: 100%;list-style: none;float: left;width: 100%;}
.grid figure{width: 100%;max-height: 240px;margin: 5px 0;background: rgba(0, 0, 0, 0.8);}
.grid figure img{width:100%;opacity: 10;}
figure.effect-zoe h2, figure.effect-zoe p{color: #fff;}
figure.effect-zoe{background: #006666 !important;}

.grid figure.effect-zoe figcaption{height: 6em;background: #006666;}
.grid figure.effect-zoe:hover h2{font-size: 28px;}
/* ===== Gallery UI Style ======*/

.circleLayout figure.effect-zoe {border-radius: 50%;max-height: 380px;}
.circleLayout figure.effect-zoe img, figure.effect-layla h2{-webkit-transform: translate3d(0,0px,0);}
.circleLayout figure.effect-zoe img{height: 310px;border-radius: 50%;}
.circleLayout .grid figure{margin:0;}
.circleLayout .grid figure img{height: 310px;}
.circleLayout figure.effect-zoe figcaption::before, .circleLayout figure.effect-zoe figcaption::after{display:none;}

ul.fullwidthGallery.imgs-gallery{width:100%;}
ul.fullwidthGallery.imgs-gallery li{width:33.3%;margin-right:0;}
.fullwidthGallery figure.effect-zoe{margin:0;}

.borderGallery figure.effect-zoe{background: #000000;border: 3px double #fff;}
.borderGallery figure.effect-zoe figcaption::before{border-top: 3px double #fff;
border-bottom: 3px double #fff;}

/* ===== Gallery UI Style ======*/
/*============== Theme Gallery ==============*/



/*============== UI ELEMENTS ==============*/
ol{display: block;list-style-type: decimal;padding-left: 40px;color:#006666;}
ul li{list-style-type:square;color:#006666;}
/*============== UI ELEMENTS ==============*/

/*============== Footer Area Codes ==============*/
footer{padding:0;width:100%;margin-top:20px;}
footer p{color:#000;}
footer h3, footer h4{text-align:left;}
/*============== Footer Area Codes ==============*/


/*============== Responsive Codes ==============*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
		
		ul.imgs-gallery{width: 100%;float: left;}
		ul.imgs-gallery li{margin-right: 8px;width: 49%;}
		ul.fullwidthGallery.imgs-gallery li{width:50%;}
		.dynamicColorBox h3{font-size:25px;}
	}

/*============== Ipad (portrait and landscape) ==============*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
			.slider{width:100%;height:auto;}
			.navbar-brand{font-size: 34px;}
			.nav>li{margin-right: 0px;}
			ul.fullwidthGallery.imgs-gallery li{width: 49.3%;margin-right: 5px;}
			.heroHeading h1{font-size:100px;}
		}
		@media only screen and (max-width: 768px) {
			ul.imgs-gallery{width: 100%;float: left;}
			ul.imgs-gallery li{margin-right: 0px;width: 50%;}
			ul.fullwidthGallery.imgs-gallery li{width: 100%;margin-right: 0;}
			ul.fullwidthGallery.imgs-gallery li figure.effect-layla img, figure.effect-layla h2{-webkit-transform: translate3d(0,0px,0);}
		
			
		}
		
/*============== Ipad (portrait and landscape) ==============*/

/*============== Big Smartphones (portrait and landscape) ==============*/			

	@media only screen and (min-width: 480px) and (max-width: 767px) {
			.slider{width:100%;height:auto;}
			 header{position:relative;}
			.paragraphText img{margin:0;}
			.navbar-brand{font-size: 34px;}
			.nav>li>a{width: 100%;text-align: center;margin: 0 auto;}
			.navbar-nav>li>a {padding-top: 15px;padding-bottom: 15px;}
			.navbar{margin-bottom:0;}
			.navbar-nav {margin: 0px;}
			.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
			.heroHeading{top: 0%;}
			.slider h1{font-size: 55px;padding: 0;margin: 10px;}
			.slider h2 {font-size: 35px;margin: 10px;}
			ul.imgs-gallery{width: 100%;float: left;}
			ul.imgs-gallery li{margin-right: 0px;width: 100%;}
			ul.fullwidthGallery.imgs-gallery li{width: 100%;margin-right: 0;}
			ul.fullwidthGallery.imgs-gallery li figure.effect-layla img, figure.effect-layla h2{-webkit-transform: translate3d(0,0px,0);}
	}
	
/*============== Big Smartphones (portrait and landscape) ==============*/		
	
/*============== Smartphones (portrait and landscape) ==============*/

	@media only screen and (max-width: 479px) {
			header{position:relative;}
			h1{font-size: 38px;line-height: 40px;}
			h4{font-size: 16px;}
			.paragraphText img{margin:0;}
			.slider{width:100%;height:auto;}
			.navbar-brand{width: 200px;}
			.navbar-brand{font-size: 34px;}
			.nav>li>a{width: 100%;text-align: center;margin: 0 auto;}
			.navbar-nav>li>a {padding-top: 15px;padding-bottom: 15px;}
			.navbar{margin-bottom:0;}
			.navbar-nav {margin:0px;}
			.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
			.heroHeading{top: 0%;}
			.slider h1{font-size: 25px;line-height: 10px;margin: 0;padding:0;}
			.slider h2 {font-size: 15px;margin: 0;padding:0;}
			img.scale-with-grid{width:100%;}
			.social-media li{margin-right: 5px;font-size: 28px;}
			ul.imgs-gallery{width: 100%;float: left;}
			ul.imgs-gallery li{margin-right: 0px;width: 100%;}
			ul.fullwidthGallery.imgs-gallery li{width: 100%;margin-right: 0;}
			
		}
		
/*============== Smartphones (portrait and landscape) ==============*/		
		
/*============== Responsive Codes ==============*/		

/*======================== Dynamic Codes =============================*/

/*============== Content Selection Codes ==============*/

::selection{background:#006666;color:#fff;}
::-webkit-selection{background:#006666;color:#fff;}
::-moz-selection{background:#006666;color:#fff;}

/*============== Content Selection Codes ==============*/

/* Navigation Codes*/
.navbar-default {background-color:transparent;border-color: transparent;}
.navbar-default .navbar-brand{color:#a91632;}
.navbar-brand {float: left;height: 50px;padding: 0px 0px;margin-top:-5px;}
.nav>li {position: relative;display: block;margin-right: 12px;}
.navbar-default .navbar-nav>li>a {color: #006666;transition: all 0.5s ease;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #000;transition: all 0.5s ease;}
.navbar-default .navbar-toggle {border: solid 1px #006666;}
.navbar-toggle{border-radius:0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #006666;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
.navbar-nav {margin: 6px 0 0;}
.navbar{margin-bottom:0;}

.dynamicColorBox{background:rgba(255, 255, 255, 0.7);padding:25px;border-bottom: 3px solid #006666;}
.dynamicColorBox span {display: block;color:#006666;}
.dynamicColorBox p, .dynamicColorBox h3 {text-align: center;}
.dynamicColorBox img{text-align: center;display: block;margin: 0 auto 20px auto;}



/* Heading Codes*/
h1, h2, h3, h4, h5, h6 {color: #006666;font-family:  'Lato', sans-serif;text-align:center;font-weight:300;transition: all 0.5s ease;}
section{padding:20px 0;width:100%;zoom: 1;clear:both;overflow:hidden;display:block;}
.sectionBg{background:#006666;}
.sectionBg h1, .sectionBg P{color:#fff;line-height: 1.1;}

.sectionBgSecond{background:url(../images/sectionBg03.jpg) no-repeat;background-size:cover;}
.sectionBgThird{background:url(../images/sectionBg04.jpg) center center no-repeat;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border-bottom: 2px solid #006666;background: #fff;color:#006666;border-top: 0;border-left: 0;border-right: 0;}

/*======================== Dynamic Codes =============================*/