html {overflow-x: hidden;}
body {font-family: 'Roboto', Helvetica, sans-serif; font-size: 1em;  line-height: 1.5em;  color: #5d6c79; font-weight:300; background-color: #ffffff;}


/* Typography */
p { margin-bottom:15px; text-align:center}
.breakout { font-size:1.4em; line-height:1.25em; margin:15px 0; font-weight:300; text-align:center; color:#1189c8}

a { color: #000; font-weight: 500;}
a:hover { text-decoration: none; color: #3d3d3d;}


/* Home page */
#header { background-color: #fff; height: 115px; position: fixed; top: 0; width: 100%; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-bottom:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom:3px solid #bfc2c8 }

#logo { float: left; padding: 0;}
#header h1#logo img { height:110px; width:auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.logo-container-mob { display:none}

#header.sticky { /* reduced sticky header */
            position: fixed;
            height: 50px; 
            width: 100%;
			z-index:2000;
			top:0;
			padding:0; margin:0;
			background-color:#fff;
			-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
			border-bottom:3px solid #bfc2c8
       	 	}

#header.sticky h1#logo img { height:80px; width:auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}





/* Menu */
#main-menu { float: right; margin-right: 30px; margin-top:30px; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom:0 }

#main-menu.sticky { float: right; margin-right: 30px; margin-top:15px; margin-bottom:0; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#main-menu ul { list-style: none; padding: 0; margin: 0; line-height: 1; }
#main-menu ul li {  margin: 0; padding: 0; list-style:none }
#main-menu > ul { position: relative; display: block; width: 100%; z-index: 500; }
#main-menu > ul > li { display: block; position: relative; float: left; margin: 0; padding: 0; }
#main-menu > ul > #menu-button { display: none; }
#main-menu ul li a { display: block; font-family: 'Roboto', Helvetica, sans-serif; font-weight: 500; font-size: 13px; line-height: 1.4em }

#main-menu > ul > li > a { line-height: 36px; font-weight: 500; margin-right:12px;  padding: 0px 20px; color: #000000; text-transform: uppercase; -webkit-transition: color 0.25s ease-out; -moz-transition: color 0.25s ease-out; -ms-transition: color 0.25s ease-out; -o-transition: color 0.25s ease-out; transition: color 0.25s ease-out; border:1px solid #000; border-radius:0 }

#main-menu > ul > li.has-sub > a:hover { color: #000; background-color:#d1dae3 }
#main-menu > ul > li > a:hover, #main-menu > ul > li.active > a { color: #000; background-color:#d1dae3 }
#main-menu > ul > li > a:hover, #main-menu > ul > li:hover > a { color: #000; background-color:#d1dae3}

#main-menu ul ul li a:not(:only-child):after { position: absolute; top: 13px; right: 10px; font-family: 'icomoon'; 
speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color: #f80e3f; font-size: 13px;} 

#indicatorContainer { position: absolute; height: 12px; width: 100%; bottom: 0px; overflow: hidden; z-index: -1; }
#pIndicator { position: absolute; height: 0; width: 100%; border: 12px solid transparent; border-top-color: #2b2f3a; z-index: -2; -webkit-transition: left .25s ease; -moz-transition: left .25s ease; -ms-transition: left .25s ease; -o-transition: left .25s ease; transition: left .25s ease; }
#cIndicator { position: absolute; height: 0; width: 100%; border: 12px solid transparent; border-top-color: #2b2f3a; top: -12px; right: 100%; z-index: -2; }

#main-menu ul ul { position: absolute; left: -9999px; top:0px; margin-top:0; 
opacity: 0; -webkit-transition: opacity .4s ease, top .45s ease; -moz-transition: opacity .4s ease, top .45s ease; 
-ms-transition: opacity .4s ease, top .45s ease; -o-transition: opacity .4s ease, top .45s ease; 
transition: opacity .4s ease, top .45s ease; z-index: 1000; }


/* Slideshow */

#slideshow { margin-top:115px}
#slideshow.sticky { margin-top:80px}

/* .tp-banner {height:863px !important;} */
.tp-banner li {  margin:0; padding:0; list-style:none}
.tp-banner-container { border-bottom:18px solid #dee6ed; clear:both}

.tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; width: 60px; background:#fff ; opacity: 0.5; filter: alpha(opacity=50); height: 60px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border: 2px solid #fff; color:#4d515a; text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.tp-leftarrow.default:before, .tp-rightarrow.default:before { font-family: 'icomoon'; line-height: 55px; width: 60px; font-size: 28px; }
.tp-leftarrow.default:before { content: "\f104";}
.tp-rightarrow.default:before { content: "\f105";}
.tp-leftarrow.default:hover, .tp-rightarrow.default:hover {background: #000; border-color:#fff; color:#fff; cursor:pointer}

.tp-leftarrow.default	{ margin-left:20px; }
.tp-rightarrow.default 	{ margin-right:30px; }

.tp-caption h1 {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-size: 3.6em; 
	line-height: 1.4em; 
	font-weight:300; 
	color: #ffffff !important;
	margin:0;
	padding:0;
	text-align:center !important
	}
	
.tp-caption	h3 {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-size: 1.7em; 
	line-height: 1.45em; 
	font-weight:300; 
	color: #ffffff !important;
	letter-spacing: 0.5px;
	}
	
/* text positioning */
.slide1 h1 {	margin-top:330px; margin-left:115px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px }
.slide1 h3 {	margin-top:430px; margin-left:210px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px}

.slide2 h1 {	margin-top:330px; margin-left:170px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px}
.slide2 h3 {	margin-top:430px; margin-left:250px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px }

.slide3 h1 {	margin-top:330px; margin-left:410px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px }
.slide3 h3 {	margin-top:430px; margin-left:300px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px}



.tp-caption a.slider-button	{ border: 2px solid #fff; color: #fff; cursor: pointer; padding: 15px 60px 15px 28px; display: inline-block; letter-spacing:0.35pt; text-align:center; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; font-size:1.5em; border-radius:7px; background:#5a8e22 url(../images/btn-arrow.png) 85% -6px no-repeat;}

.tp-caption a:hover.slider-button { border:2px solid #4d515a; color:#4d515a; background:#ffffff url(../images/btn-arrow.png) 85% -74px no-repeat; }



::selection {background: #768ea5; color:#fff}
::-moz-selection {background: #768ea5; color:#fff}


/* Sections */
.about { /*padding: 35px 0 90px;*/padding: 0 0 90px 0;}
.services { padding: 80px 0 100px; background:url(../images/bg-services.jpg) top center no-repeat}
.logos {padding: 90px 0; text-align:center}
.gallery { background-color:#eff3f6; padding: 90px 0; text-align:center}
.contact {padding:90px 0}
.copyright {text-align:center; padding:25px 0}

.services p, .services h2, .services ul li { /*color:#92e0ff;*/ color:#fff}

.logos ul 	{ margin:0; padding:0}
.logos ul li { margin:0; padding:0; list-style:none; text-align:center; display:inline-block; padding: 0 25px}
.logos ul li img { height:115px; width:auto; padding-bottom:5px}

.gallery ul 	{ margin:0; padding:0}
.gallery ul li { margin:0 20px 10px 0; padding:0; list-style:none; text-align:center; display:inline-block;}
.gallery ul li img { height:240px; width:auto; padding-bottom:5px}


h1 {font-weight: 300; color: #2e3943; font-size:2.8em; line-height: 1.4em; margin-bottom: 3px; text-align:center}	
h2 {font-weight: 300; color: #2e3943; font-size:2.3em; line-height: 1.4em; margin-bottom: 15px; text-align:center}



/* Buttons 
.btn {border: none; color: #fff; font-size:1.4em; cursor: pointer; padding: 12px 24px; display: inline-block; letter-spacing: 0.02em; text-align:center;
outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn:active { border:none;}
*/


/* Footer */
.footer { border-top: solid 6px #d1dae3; padding-top:30px; text-align:center }
.footer h3 {font-family: 'Roboto', Helvetica, sans-serif; font-weight:300; font-size:2em; margin:15px 0 10px 0;  color:#374e66}
.footer p {color: #768ea5;}



.copyright {font-size: 0.9em; line-height: 1.4em;}
.copyright p { margin-bottom:0}
.sonic a {font-size: 0.9em; color: #96a6b6; line-height: 1.4em; text-decoration:none}
.sonic a:hover {text-decoration:underline}


.desktop-switch a {font-family: 'Roboto', Helvetica, sans-serif; font-weight:500; text-transform:uppercase; font-size: 1em; color: #768ea5; line-height: 1.4em; text-decoration:none; }
.desktop-switch a:hover {text-decoration:underline}


/* Back to top button */
#back-top { position: fixed; bottom: 30px; right: 15px; background: #768ea5; border-radius: 4px; 
border-bottom: none; }
#back-top a { color: #ffffff; padding: 5px 13px; line-height: 30px;}
#back-top:active { border-bottom: none;}





ul { margin:0; padding:0}
ul li { margin-left:35px; padding-left:3px; list-style: none; text-align:center; padding-bottom:8px}