/*Responsive styles */


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


} /* end Large devices (large desktops, 1200px and up) */




/* Large devices (large desktops, max 1200px ) */
@media (max-width: 1200px) {

} /* end Large devices (large desktops, max 1200px ) */




/* Medium devices (desktops, 992px and up) incl IPAD HORIZONTAL *******************************/
@media (min-width: 992px) and (max-width: 1200px) {


#header { height: 120px; }
#header h1#logo img { height:120px; }
#header.sticky { height: 120px;	}
#header.sticky h1#logo img { height:120px; }

.logo-container-mob { display:none}
/* Mobile Menu */
#dl-menu {text-align: right; padding-top: 37px; margin-right: 80px;}
.dl-menuwrapper { text-align: right !important; margin-right: 80px !important; padding-top: 36px; z-index: 1000; 
-webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { background: transparent; border: none; width: 25px; height: 28px; text-indent: -900em; 
overflow: hidden; position: relative; cursor: pointer; outline: none; padding: 0; }
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul { background: transparent; }
.dl-menuwrapper button:after { content: ''; position: absolute; width: 100%; height: 4px; background: #3d3d3d; 
border-radius: 4px; left: 0; box-shadow: 0 8px 0 #3d3d3d, 0 16px 0 #3d3d3d; }

.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; background: #fff; list-style:none }
.dl-menuwrapper ul li.active { background: #bac6d2;}
.dl-menu span.icon-angle-right.pull-right { position: absolute; right: 10px; font-size: 11px; top: 20px;}

.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; 
font-weight: 300; color: #3d3d3d; outline: none; background-color:rgba(186,198,210, 0.5)}
.dl-menuwrapper ul li a.hover {background-color: #bac6d2 !important; }
.dl-menuwrapper li a.active {background: #bac6d2;}
.dl-menuwrapper li a.active:hover { border-right: 0;}
	.no-touch .dl-menuwrapper li a:hover { background: rgba(186,198,210); }

.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(186,198,210, 0.5); }
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; 
speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color: #3d3d3d; font-size: 12px; }
.dl-menuwrapper li.dl-back:after { left: 10px; color: #3d3d3d; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(186,198,210, 0.5); }
.dl-menuwrapper .dl-menu { text-align: left; margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; display:none; 
-webkit-transform: translateY(10px); transform: translateY(10px); 
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; -webkit-transform: translateY(0px); 
transform: translateY(0px); width: 100%; position: absolute; left: 45px; margin: 0; top: 102px; display: block; }

/* END Mobile Menu */

/* Slideshow */
.tp-leftarrow.default, .tp-rightarrow.default { top:290px }

/* slider TEXT */
.slide1 h1 {	margin-top:180px; margin-left:35px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px; font-size: 4.2em;   }
.slide1 h3 {	margin-top:260px; margin-left:50px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px; font-size: 2.6em;}

.slide2 h1 {	margin-top:180px; margin-left:200px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px;font-size: 4.2em; }
.slide2 h3 {	margin-top:260px; margin-left:60px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px;  font-size: 2.6em;}

.slide3 h1 {	margin-top:180px; margin-left:160px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 4.2em;; }
.slide3 h3 {	margin-top:260px; margin-left:00px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px;font-size:2.6em;}

#slideshow { margin-top:120px}
#slideshow.sticky { margin-top:120px}

img { width:100%; height:auto}

.tp-banner {height:550px !important; }


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


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}

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


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


} /* end Medium devices (desktops, 992px and up) */




/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) { 

.logo-container-mob { display:none}

/* slider TEXT */
.slide1 h1 {	margin-top:330px; margin-left:115px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px; font-size: 3.2em;  }
.slide1 h3 {	margin-top:430px; margin-left:0px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px; font-size: 1.5em; }

.slide2 h1 {	margin-top:330px; margin-left:370px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 3.2em;}
.slide2 h3 {	margin-top:430px; margin-left:130px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 1.5em;  }

.slide3 h1 {	margin-top:330px; margin-left:330px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 3.2em; }
.slide3 h3 {	margin-top:430px; margin-left:210px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 1.5em;}


/* Mobile Menu */
#dl-menu {text-align: right; padding-top: 37px; margin-right: 80px;}
.dl-menuwrapper { text-align: right !important; margin-right: 80px !important; padding-top: 36px; z-index: 1000; 
-webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { background: transparent; border: none; width: 25px; height: 28px; text-indent: -900em; 
overflow: hidden; position: relative; cursor: pointer; outline: none; padding: 0; }
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul { background: transparent; }
.dl-menuwrapper button:after { content: ''; position: absolute; width: 100%; height: 4px; background: #3d3d3d; 
border-radius: 4px; left: 0; box-shadow: 0 8px 0 #3d3d3d, 0 16px 0 #3d3d3d; }

.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; background: #fff; list-style:none }
.dl-menuwrapper ul li.active { background: #bac6d2;}
.dl-menu span.icon-angle-right.pull-right { position: absolute; right: 10px; font-size: 11px; top: 20px;}

.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; 
font-weight: 300; color: #3d3d3d; outline: none; background-color:rgba(186,198,210, 0.5)}
.dl-menuwrapper ul li a.hover {background-color: #bac6d2 !important; }
.dl-menuwrapper li a.active {background: #bac6d2;}
.dl-menuwrapper li a.active:hover { border-right: 0;}
	.no-touch .dl-menuwrapper li a:hover { background: rgba(186,198,210); }

.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(186,198,210, 0.5); }
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; 
speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color: #3d3d3d; font-size: 12px; }
.dl-menuwrapper li.dl-back:after { left: 10px; color: #3d3d3d; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(186,198,210, 0.5); }
.dl-menuwrapper .dl-menu { text-align: left; margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; display:none; 
-webkit-transform: translateY(10px); transform: translateY(10px); 
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; -webkit-transform: translateY(0px); 
transform: translateY(0px); width: 100%; position: absolute; left: 45px; margin: 0; top: 102px; display: block; }

/* END Mobile Menu */



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


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}

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


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

} /* end Small devices (tablets, 768px and up) */




/* Extra small devices (Phones) incl IPAD VERTICAL */
/* Max Width 768px */
@media (max-width: 768px) {

#header { height: 110px; }
#header h1#logo img { height:110px; }
#header.sticky { height: 110px;	}
#header.sticky h1#logo img { height:110px; }

.logo-container-mob { display:none}

/* slider TEXT */
.slide1 h1 {	margin-top:180px; margin-left:95px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px; font-size: 3.8em;  }
.slide1 h3 {	margin-top:260px; margin-left:115px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px; font-size: 2.2em;}

.slide2 h1 {	margin-top:180px; margin-left:250px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 3.8em;}
.slide2 h3 {	margin-top:260px; margin-left:110px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px;font-size: 2.2em;}

.slide3 h1 {	margin-top:180px; margin-left:210px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 3.8em; }
.slide3 h3 {	margin-top:260px; margin-left:60px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px;font-size:2.2em;}

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

img { width:100%; height:auto}

.tp-banner {height:563px !important; }


/* Mobile Menu */
#dl-menu {text-align: right; padding-top: 37px; margin-right: 40px;}
.dl-menuwrapper { text-align: right !important; margin-right: 40px !important; padding-top: 36px; z-index: 1000; 
-webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { background: transparent; border: none; width: 25px; height: 28px; text-indent: -900em; 
overflow: hidden; position: relative; cursor: pointer; outline: none; padding: 0; }
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul { background: transparent; }
.dl-menuwrapper button:after { content: ''; position: absolute; width: 100%; height: 4px; background: #3d3d3d; 
border-radius: 4px; left: 0; box-shadow: 0 8px 0 #3d3d3d, 0 16px 0 #3d3d3d; }

.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; background: #fff; list-style:none }
.dl-menuwrapper ul li.active { background: #bac6d2;}
.dl-menu span.icon-angle-right.pull-right { position: absolute; right: 10px; font-size: 11px; top: 20px;}

.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; 
font-weight: 300; color: #3d3d3d; outline: none; background-color:rgba(186,198,210, 0.5)}
.dl-menuwrapper ul li a.hover {background-color: #bac6d2 !important; }
.dl-menuwrapper li a.active {background: #bac6d2;}
.dl-menuwrapper li a.active:hover { border-right: 0;}
	.no-touch .dl-menuwrapper li a:hover { background: rgba(186,198,210); }

.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(186,198,210, 0.5); }
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; 
speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color: #3d3d3d; font-size: 12px; }
.dl-menuwrapper li.dl-back:after { left: 10px; color: #3d3d3d; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(186,198,210, 0.5); }
.dl-menuwrapper .dl-menu { text-align: left; margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; display:none; 
-webkit-transform: translateY(10px); transform: translateY(10px); 
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; -webkit-transform: translateY(0px); 
transform: translateY(0px); width: 100%; position: absolute; left: 45px; margin: 0; top: 102px; display: block; }

/* END Mobile Menu */




/* Slideshow */
.tp-banner li { margin:0; padding:0; list-style:none}
.tp-banner-container { border-bottom:3px solid #374e66}
.tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; width: 50px; background:transparent; height: 50px; 
-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-width: 1px; border-style: solid; border-color: #fff; color:#fff; text-align: center; 
-webkit-border-radius: 0; -moz-border-radius:0; border-radius: 0; top:400px }

.tp-leftarrow.default:before, .tp-rightarrow.default:before { font-family: 'icomoon'; line-height: 44px; width: 50px; font-size: 40px; }

.tp-leftarrow.default	{ margin-left:0px}
.tp-rightarrow.default 	{ margin-right:0px}

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


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}

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


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




} /* end Extra small devices (Phones) Max Width 768px */



/* Small devices (iphone horiz ) */
@media (min-width: 321px) and (max-width: 767px) {

#header { height: 100px; z-index:2000}
#header h1#logo img { height:90px;width:auto }
#header.sticky { display:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;	}
#header.sticky h1#logo img { height:90px; width:auto }


.logo-container-mob { display:none}

/* slider TEXT */
.slide1 h1 {	margin-top:80px; margin-left:10px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px; font-size: 4.3em !important; }
.slide1 h3 {	margin-top:120px; margin-left:10px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px; font-size:2.8em !important;}

.slide2 h1 {	margin-top:80px; margin-left:10px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 4.3em !important;}
.slide2 h3 {	margin-top:120px; margin-left:10px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px;font-size: 2.8em !important;}

.slide3 h1 {	margin-top:80px; margin-left:10px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 4.3em !important; }
.slide3 h3 {	margin-top:120px; margin-left:10px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 2.8em !important;}

#slideshow { margin-top:100px}
#slideshow.sticky { margin-top:100px}

img { width:100%; height:auto}

.tp-banner {height:350px !important; width:100% }

ul li { margin-left:0; padding-left:0x; list-style: none; text-align:center; padding-bottom:2px}


/* Mobile Menu */
#dl-menu {text-align: right; padding-top: 32px; margin-right: 20px;}
.dl-menuwrapper { text-align: right !important; margin-right: 20px !important; padding-top: 36px; z-index: 1000; 
-webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { background: transparent; border: none; width: 25px; height: 28px; text-indent: -900em; 
overflow: hidden; position: relative; cursor: pointer; outline: none; padding: 0; }
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul { background: transparent;  }
.dl-menuwrapper button:after { content: ''; position: absolute; width: 100%; height: 4px; background: #3d3d3d; 
border-radius: 4px; left: 0; box-shadow: 0 8px 0 #3d3d3d, 0 16px 0 #3d3d3d; }

.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; background: #fff; list-style:none }
.dl-menuwrapper ul li.active { background: #bac6d2;}
.dl-menu span.icon-angle-right.pull-right { position: absolute; right: 10px; font-size: 11px; top: 20px;}

.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; 
font-weight: 300; color: #3d3d3d; outline: none; background-color:rgba(186,198,210, 0.5)}
.dl-menuwrapper ul li a.hover {background-color: #bac6d2 !important; }
.dl-menuwrapper li a.active {background: #bac6d2;}
.dl-menuwrapper li a.active:hover { border-right: 0;}
	.no-touch .dl-menuwrapper li a:hover { background: rgba(186,198,210); }

.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(186,198,210, 0.5); }
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; 
speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color: #3d3d3d; font-size: 12px; }
.dl-menuwrapper li.dl-back:after { left: 10px; color: #3d3d3d; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(186,198,210, 0.5); }
.dl-menuwrapper .dl-menu { text-align: left; margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; display:none; 
-webkit-transform: translateY(10px); transform: translateY(10px); 
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }

<!-- drop down box positioning -->
/*.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; -webkit-transform: translateY(0px); 
transform: translateY(0px); width: 100%; position: absolute; left: 0px ; margin: 0; top: 68px !important; display: block; }*/



/* END Mobile Menu */

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


/* slider TEXT */


/* Slideshow */
.tp-banner li { margin:0; padding:0; list-style:none}
.tp-banner-container { border-bottom:3px solid #374e66}
.tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; width: 40px; background:transparent; height: 40px; 
-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-width: 1px; border-style: solid; border-color: #fff; color:#fff; text-align: center; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top:110px }

.tp-leftarrow.default:before, .tp-rightarrow.default:before { font-family: 'icomoon'; line-height: 34px; width: 40px; font-size: 30px; }

.tp-leftarrow.default	{ margin-left:0px}
.tp-rightarrow.default 	{ margin-right:0px}

.about { padding: 0 0 30px 0; margin-top:-65px}

}


/* Max Width 320px MOBILE ONLY */
@media (max-width: 320px) {


/*#header { height: 90px; }
#header h1#logo img { height:70px; width:auto }
#header.sticky { height: 90px;	}
#header.sticky h1#logo img { height:70px; width:auto }*/


#header { height: 80px !important; z-index:2000; width:100%; margin-bottom:0  }
#header.sticky { /*height: 80px;  z-index:2000; width:100%;*/ display:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 	}


/*#header h1#logo { width:225px; background-color:#A2AA1D}
#header h1#logo.mobile { background-image:url(../images/logo-marque.png); }
#header h1#logo img {  display:none }*/

.logo-container { display:none}
.logo-container-mob { display:block; width:79%; float:left; margin-right:24px}
.logo-container-mob img { padding-top:10px }

/* slider TEXT */
.slide1 h1 {	margin-top:80px; margin-left:10px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px; font-size: 4.3em !important;  }
.slide1 h3 {	margin-top:120px; margin-left:10px; background-color:rgba(0,0,0, 0.8); padding:0px 10px 3px; font-size:2.8em !important;}

.slide2 h1 {	margin-top:80px; margin-left:10px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 4.3em !important;}
.slide2 h3 {	margin-top:120px; margin-left:10px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px;font-size: 2.8em !important;}

.slide3 h1 {	margin-top:80px; margin-left:10px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 4.3em !important; }
.slide3 h3 {	margin-top:120px; margin-left:10px; background-color:rgba(0,0,0, 0.7); padding:0px 10px 3px; font-size: 2.8em !important;}

#slideshow { margin-top:80px !important;}
#slideshow.sticky { margin-top:80px}

img { width:100%; height:auto}

.tp-banner {height:250px !important; width:100% }
.tp-banner img { width:100%; height:auto;}
/* Responsive nav */


/* Mobile Menu */
#dl-menu {text-align: center; padding-top: 25px; padding-bottom:10px; padding-right: 235px;/* padding-right adjusts drop down width */ margin:0; width:50px;  } /* don't change this!! */

.dl-menuwrapper { text-align: center; margin-right: 0px; padding-top: 36px; z-index: 1000; top:10px;    }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { background: transparent; border: none; width: 25px; height: 28px; text-indent: -900em; 
overflow: hidden; position: relative; cursor: pointer; outline: none; padding: 0; }
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul { background: transparent; margin-top:-47px !important;  }<!-- drop down box Y positioning -->

.dl-menuwrapper button:after { content: ''; position: absolute; width: 100%; height: 4px; background: #3d3d3d; 
border-radius: 4px; left: 0; box-shadow: 0 8px 0 #3d3d3d, 0 16px 0 #3d3d3d; }

.dl-menuwrapper ul { padding: 0; list-style: none; /*-webkit-transform-style: preserve-3d; transform-style: preserve-3d;*/ }
.dl-menuwrapper li { position: relative; background: #fff; list-style:none; }
.dl-menuwrapper ul li.active { background: #bac6d2;}
.dl-menu span.icon-angle-right.pull-right { position: absolute; right: 10px; font-size: 11px; top: 20px;}

.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; 
font-weight: 300; color: #3d3d3d; outline: none; background-color:rgba(186,198,210, 0.5)}
.dl-menuwrapper ul li a.hover {background-color: #bac6d2 !important; }
.dl-menuwrapper li a.active {background: #bac6d2;}
.dl-menuwrapper li a.active:hover { border-right: 0;}
	.no-touch .dl-menuwrapper li a:hover { background: rgba(186,198,210); }

.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(186,198,210, 0.5); }
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; 
speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color: #3d3d3d; font-size: 12px; }
.dl-menuwrapper li.dl-back:after { left: 10px; color: #3d3d3d; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(186,198,210, 0.5); }
.dl-menuwrapper .dl-menu { text-align: left; margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; display:none; 
-webkit-transform: translateY(10px); transform: translateY(10px); 
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }
<!-- drop down box positioning -->
/*.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; -webkit-transform: translateY(0px); 
transform: translateY(0px); width: 100% !important; position: absolute; left: 0px !important; margin: 0; top: 45px !important; display: block; }*/

<!-- drop down box positioning -->
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; -webkit-transform: translateY(0px); 
transform: translateY(0px); width: 100%; /*position: absolute;*/ left: 80px ; margin: 0; top: 0px; display: block; }

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.*/

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a { display: none; }
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; }

/* END Mobile Menu */



/* Slideshow */
.tp-banner li { margin:0; padding:0; list-style:none}
.tp-banner-container { border-bottom:3px solid #374e66}
.tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; width: 30px; background:transparent; height: 30px; 
-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-width: 1px; border-style: solid; border-color: #fff; color:#fff; text-align: center; 
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; top:180px }

.tp-leftarrow.default:before, .tp-rightarrow.default:before { font-family: 'icomoon'; line-height: 26px; width: 30px; font-size: 18px; }

.tp-leftarrow.default	{ margin-left:0px}
.tp-rightarrow.default 	{ margin-right:0px}

.about { padding: 0 0 30px 0; margin-top:-65px}
.services { padding: 30px 0; background:#000 url(../images/bg-services.jpg) top center no-repeat}
.logos {padding: 30px 0; text-align:center}
.gallery { background-color:#eff3f6; padding: 30px 0 30px 0; text-align:center}
.contact {padding:30px 0}
.copyright {text-align:center; padding:25px 0}

ul li { margin-left:0; padding-left:0x; list-style: none; text-align:center; padding-bottom:2px}

h1 {font-weight: 300; color: #2e3943; font-size:1.9em !important ; line-height: 1.3em; margin-bottom: 5px; text-align:center; }	
h2 {font-weight: 300; color: #2e3943; font-size:1.6em; line-height: 1.4em; margin-bottom: 15px; text-align:center}



img { width:100%; height:auto}




} /* end Max Width 320px */