@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/* 	-----------------------------------------------------
	------------------- General Styles ------------------
	----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
	
* {margin:0; padding:0; outline:none;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background-color:transparent;}

html, body {overflow:hidden !important;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a {outline:none; outline-style:none; outline-width:0; color:#3a3939; text-decoration:none;}
a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0; color:#000000; text-decoration:none;}

input:focus, select:focus, textarea:focus, button:focus {outline:none;}
[contenteditable="true"]:focus {outline:none;}
*:focus {outline:none;}

img {margin:0; padding:0; outline-style:none; outline-width:0; max-width:100%; height:auto;}

@-webkit-viewport {width:device-width; }
@-moz-viewport {width:device-width; }
@-ms-viewport {width:device-width; }
@-o-viewport {width:device-width; }
@viewport {width:device-width; }

body {margin:0; padding:0; font-family:'Raleway', sans-serif; color:#000000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; font-size:100%; overflow-x:hidden;}

.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}

.clearfix:before, .clearfix:after {content:"."; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both}
.clearfix {zoom:1}

strong {font-weight:700;}
em {font-style:italic;}

.img-left {float:left; margin:10px 30px 30px 0;}
.img-right {float:right; margin:10px 0 30px 30px;}


/* 	-----------------------------------------------------
	-------------------- Header Styles ------------------
	----------------------------------------------------- */
	.header-section {padding:20px 0; transition:all .4s ease-in-out; position:absolute; top:0; left:0; z-index:2; width:100%;}
	.header-section .logo {float:left;}
	.header-section .menu {padding:26px 0 0 0; float:right;}
	.header-section .menu ul {margin:0; padding:0; list-style:none;}
	.header-section .menu ul li {margin:0; padding:0 0 0 30px; float:left; font-size:15px; font-weight:700; line-height:32px; color:#FFFFFF;letter-spacing: 1px;}
	.header-section .menu ul li a {color:#FFFFFF; display:block;}
	.header-section .menu ul li a.active {color:#000000;}
	.header-section .menu ul li.request-a-quote a {color:#FFFFFF; padding:0 15px; background-color:#f8941f; border-radius:3px;}
	
	#nav-trigger {display:none; width:100%;}
	#nav-trigger span {display:block; padding-left:15px; font-size:14px; font-weight:700; line-height:44px; color:#FFFFFF; text-transform:uppercase; cursor:pointer; text-align:left;}
	#nav-trigger span:after {display:inline-block; width:44px; height:44px; content:""; background:url(../images/menu-bar.png) no-repeat center; float:right;}
	#nav-trigger span:hover {}
	#nav-trigger span.open:after {background:url(../images/menu-close.png) no-repeat center;}
	nav {}
	nav#nav-main {}
	nav#nav-mobile {position:relative; display:none; width:100%;}
	nav#nav-mobile ul {display:none; padding:0; list-style:none; width:100%; position:absolute; top:0; right:0; background-color:#3c3c3b;}
	nav#nav-mobile ul li {margin:0; padding:0; float:none; font-size:14px; font-weight:700; line-height:1.4; color:#FFFFFF; text-transform:uppercase; text-align:left;}
	nav#nav-mobile ul li a {padding:10px 15px; color:#FFFFFF; display:block; border:none;}
	nav#nav-mobile ul li a:hover, nav#nav-mobile ul li a.active {color:#FFFFFF; background-color:#22c8ae; border:none;}
	
	.inner-header-section {background:url(../images/Background_2.jpg) no-repeat top / cover; transition:all .4s ease-in-out; position:fixed; top:0; z-index:9999;}
	
	.sticky {position:fixed; top:0; z-index:9999; width:100%; transition:all .4s ease-in-out; background-color:#0cabc6;}
	.sticky + .content-section {padding-top:98px;}	
	

/* 	-----------------------------------------------------
	-------------------- Banner Styles ------------------
	----------------------------------------------------- */
	.banner-section {/*min-height:750px; background:#f6f7fc url(../images/banner.jpg) no-repeat top;*/}
	.banner-section article {padding:200px 0; max-width:550px;}
	.banner-section h1 {font-size:60px; font-weight:800; line-height:1; color:#FFFFFF; padding:20px 0;}
	.banner-section p {font-size:18px; font-weight:400; line-height:1.5; color:#FFFFFF; padding:20px 0;}
	.banner-section p a {font-size:16px; color:#FFFFFF; font-weight:700; border-bottom:2px solid #FFFFFF;}
	.banner-section p .fa-arrow-circle-right {font-size:16px; margin-right:10px;}
	.banner-section section {margin:0 auto; max-width:1440px; min-height:840px; position:relative;}	
	
/* 	-----------------------------------------------------
	------------------- Content Styles ------------------
	----------------------------------------------------- */
	.content-section {min-height:600px;}
	
	.home-services-section {padding:90px 0; background-color:#ffffff;}
	.home-services-section table {border-collapse:collapse;}
	.home-services-section td + td, .home-services-section th + th {border-left:2px solid #e6e6e6; vertical-align:middle; text-align:center;}
	.home-services-section tr + tr {border-top:1px solid #e6e6e6;}
	.home-services-section td, .home-services-section th {padding:15px; vertical-align:middle; text-align:center;}
	.home-services-section tr + tr > td, .home-services-section tr + tr > th {border-top:1px solid #e6e6e6;}
	.home-services-section .blue-box {width:400px; height:430px; background-color:#eff6f9; margin:-15px 0; padding:50px; text-align:center;}
	.home-services-section h3 {font-size:26px; font-weight:700; line-height:1.2; color:#3d3d3d; padding-top:25px; padding-bottom:10px;}
	.home-services-section h4 {font-size:18px; font-weight:700; line-height:1.2; color:#3d3d3d; padding-top:15px;}
	.home-services-section p {font-size:16px; font-weight:400; line-height:1.6; color:#5d5d5d; padding:5px 0;}
	.home-services-section h6 {font-size:16px; font-weight:700; line-height:40px; color:#FFFFFF; display:inline-block; background-color:#f59531; border-radius:20px; margin:10px auto; padding:0 25px;}
	.home-services-section .btn-here a {margin:50px auto 0 auto; padding:0; max-width:400px; height:56px; background-color:#22c8ae; border-radius:27px; font-size:15px; font-weight:900; line-height:56px; color:#FFFFFF; text-transform:uppercase; text-align:center; display:block; transition:all .4s ease-in-out;}
	.home-services-section .btn-here a:hover {transition:all .4s ease-in-out; letter-spacing:0.2em;}
	.home-services-section td {transition:all .4s ease-in-out;}
	.home-services-section td:hover {transition:all .4s ease-in-out; letter-spacing:0.1em;}
	
	.home-about-section {background-color:#1b4752;}
	.home-about-section section {padding:100px 100px 100px 0; max-width:517px; float:right;}
	.home-about-section h3 {font-size:35px; font-weight:800; line-height:1.2; color:#ffffff; padding:10px 0;}
	.home-about-section p {font-size:15px; font-weight:400; line-height:1.4; color:#719ca7; padding:10px 0;}
	.home-about-section figure {position:absolute; right:0; bottom:0; margin:0; padding:0;}
	
	.home-devices-section {padding:80px 0 40px 0; background-color:#ffffff; text-align:center;}
	.home-devices-section h3 {font-size:35px; font-weight:800; line-height:1.4; color:#505050; padding:10px 0;}
	.home-devices-section h6 {font-size:15px; font-weight:700; line-height:1.4; color:#a4a4a4; padding:10px 0; background:url(../images/line.png) repeat-x center;}
	.home-devices-section h6 span {background-color:#FFFFFF; padding:0 25px; display:inline-block;}
	.home-devices-section p {font-size:15px; font-weight:400; line-height:1.4; color:#a4a4a4; padding:10px 0; margin:0 auto; max-width:770px;}	
	
	.home-portfolio-section {padding:100px 0; background:#0aa9cf url(../images/portfolio-section.jpg) no-repeat center / cover; min-height:770px;}
	.home-portfolio-section .main-container {margin:0 auto; max-width:1440px;}
	.home-portfolio-section section {padding:120px 100px 0 0; max-width:517px; float:right;}
	.home-portfolio-section h3 {font-size:35px; font-weight:800; line-height:1.2; color:#ffffff; padding:10px 0;}
	.home-portfolio-section p {font-size:17px; font-weight:400; line-height:1.4; color:#ffffff; padding:10px 0;}
	.home-portfolio-section .btn-goto a {margin:20px 0; padding:0; max-width:220px; height:56px; background-color:#FFFFFF; border-radius:27px; font-size:15px; font-weight:900; line-height:56px; color:#0dabc3; text-transform:uppercase; text-align:center; display:block; transition:all .4s ease-in-out;}
	.home-portfolio-section .btn-goto a:hover {letter-spacing:0.15em; transition:all .4s ease-in-out;}
	
	.home-portfolio-section .portfolio-gallery {background-color:#FFFFFF; border-radius:20px 0 0 20px; box-shadow:0 0 18px rgba(0,0,0,0.20);}
	.home-portfolio-section .portfolio-gallery .owl-nav {display:none;}
	.home-portfolio-section .portfolio-gallery img {border-radius:20px 0 0 20px;}
	
	.home-testimonials-section {padding:100px 0 0 0; background-color:#ffffff;}
	.home-testimonials-section h4 {font-size:25px; font-weight:700; line-height:1.2; color:#505050; text-align:center;}
	.home-testimonials-section p {font-size:15px; font-weight:400; line-height:1.2; color:#505050; padding:10px 0; text-align:center;}
	.home-testimonials-section hr {margin:1.5rem 0; border-top:2px solid #e6e6e6;}
	.home-testimonials-section [class*="col-"] {padding:15px;}
	.home-testimonials-section .video-box {position:relative;}
	.home-testimonials-section .video-box .heading {position:absolute; bottom:0; left:0; width:100%; height:50px; background-color:#f59531; padding:10px 20px; font-size:20px; font-weight:400; line-height:30px; color:#FFFFFF;}
	
	.home-customers-section {padding:0 0 50px 0; background-color:#ffffff;}
	.home-customers-section [class*="col-"] {padding:15px;}
	.home-customers-section section {padding:150px 0 150px 50px; max-width:502px;}
	.home-customers-section h3 {font-size:32px; font-weight:800; line-height:1.4; color:#505050;}
	.home-customers-section h6 {font-size:15px; font-weight:700; line-height:1.4; color:#a4a4a4; padding:10px 0; background:url(../images/line.png) repeat-x center;}
	.home-customers-section h6 span {background-color:#FFFFFF; padding-right:15px; display:inline-block;}
	.home-customers-section p {font-size:15px; font-weight:400; line-height:1.4; color:#a4a4a4; padding:15px 0 10px 0;}
	.home-customers-section p strong {font-size:16px; color:#505050;}
	.home-customers-section p img {margin-top:10px;}
	
	.bottom-contact-section {padding:100px 0; background:url(../images/contact-form.jpg) no-repeat center / cover;}
	.bottom-contact-section [class*="col-"] {padding:15px;}
	.bottom-contact-section h3 {font-size:36px; font-weight:800; line-height:1; color:#FFFFFF; padding:15px 0;}
	.bottom-contact-section table {margin:0; padding:0; width:100%; border:1px solid #FFFFFF; border-collapse:collapse;}
	.bottom-contact-section table th {margin:0; padding:10px; width:132px; height:52px; border:1px solid #FFFFFF; border-collapse:collapse; text-align:center; vertical-align:middle; font-size:15px; font-weight:900; line-height:1; color:#FFFFFF; text-transform:uppercase;}
	.bottom-contact-section table td {margin:0; padding:10px; height:52px; border:1px solid #FFFFFF; border-collapse:collapse; text-align:left; vertical-align:middle; font-size:15px; font-weight:400; line-height:1; color:#FFFFFF;}
	.bottom-contact-section input[type="text"], .bottom-contact-section input[type="email"], .bottom-contact-section textarea {margin:0; padding:0; width:100%; height:30px; background:none; border:none; font-size:15px; font-weight:400; line-height:30px; color:#FFFFFF; resize:none;}
	.bottom-contact-section input[type="submit"] {margin:0; padding:0; width:100%; height:52px; background-color:#315e72; border:none; border-radius:26px; font-size:15px; font-weight:900; line-height:52px; color:#FFFFFF; text-transform:uppercase; cursor:pointer;}
	
	.portfolio-section {padding:150px 0 50px 0; background-color:#ffffff;}
	.portfolio-section h2 {font-size:40px; font-weight:300; line-height:1.2; color:#505050; padding:15px 0 30px 0; text-align:center;}
	.portfolio-section [class*="col-"] {padding:15px;}
	.portfolio-section .portfolio-box {position:relative; text-align:center;}
	.portfolio-section .portfolio-box figure {margin:0; padding:0; border:1px solid #efefef;}
	.portfolio-section .portfolio-box article {margin:0; padding:15px; font-size:16px; font-weight:400; line-height:1.4; color:#616161;}
	
	figure.effect-bubba {margin:0; padding:0; position:relative; background-color:#FFFFFF; text-align:center;}
	figure.effect-bubba img {position:relative; display:block;}
	figure.effect-bubba:hover img {opacity:0.5;}
	figure.effect-bubba figcaption {-webkit-backface-visibility:hidden; backface-visibility:hidden;}
	figure.effect-bubba figcaption::before, .grid figure figcaption::after {pointer-events:none;}
	figure.effect-bubba figcaption, .grid figure figcaption > a {position:absolute; top:0; left:0; width:100%; height:100%; text-align:left;}
	figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {position:absolute; top:0; right:0; bottom:0; left:0; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
	figure.effect-bubba figcaption::before {border-top:1px solid #0cabc6; border-bottom:1px solid #0cabc6; -webkit-transform:scale(0, 1); transform:scale(0, 1);}
	figure.effect-bubba figcaption::after {border-right:1px solid #0cabc6; border-left:1px solid #0cabc6; -webkit-transform:scale(1, 0); transform:scale(1, 0);}
	figure.effect-bubba p {padding:78px 44px; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0); color:#000000; position:relative; z-index:9999; font-size:12px;}
	figure.effect-bubba p span {color:#d0ccd1;}
	figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {opacity:1; -webkit-transform:scale(1); transform:scale(1);}
	figure.effect-bubba:hover p {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	figure.effect-bubba p a .fa-link {width:116px; height:46px; background-color:#22c8ae; border-radius:23px; font-size:20px; line-height:46px; color:#FFFFFF; margin:20px 0; display:block; text-align:center;}
	figure.effect-bubba p a .fa-expand-arrows-alt {width:116px; height:46px; background-color:#1b4752; border-radius:23px; font-size:20px; line-height:46px; color:#FFFFFF; margin:20px 0; display:block; text-align:center;}
	
/* 	-----------------------------------------------------
	-------------------- Footer Styles ------------------
	----------------------------------------------------- */
	.footer-section {padding:30px 0; background-color:#142a37;}
	.footer-section .left {font-size:14px; font-weight:400; line-height:26px; color:#b7b7b7;}
	.footer-section .right ul {margin:0; padding:0; list-style:none;}
	.footer-section .right ul li {margin:0 0 0 2px; padding:0; display:inline; font-size:14px; font-weight:400; line-height:26px; color:#b7b7b7;}
	.footer-section .right ul li a {color:#142a37; text-align:center; display:inline-block; width:26px; height:26px; background-color:#b7b7b7; border-radius:50%; transition:all .4s ease-in-out;}
	.footer-section .right ul li a:hover {background-color:#0cabc6; color:#FFFFFF; transition:all .4s ease-in-out;}
	
	.cd-top {display:inline-block; height:40px; width:40px; position:fixed; bottom:20px; right:20px; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); overflow:hidden; text-indent:100%; white-space:nowrap; background:#0cabc6 url(../fonts/cd-top-arrow.svg) no-repeat center 50%; border-radius:50%; visibility:hidden; opacity:0; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s;}
	.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s;}
	.cd-top.cd-is-visible {visibility:visible; opacity:1;}
	.cd-top.cd-fade-out {opacity:1;}
	.no-touch .cd-top:hover {background-color:#000000; opacity:1;}
	@media only screen and (min-width:768px) {
	.cd-top {right:20px; bottom:20px;}
	}
	@media only screen and (min-width:1024px) {
	.cd-top {height:40px; width:40px; right:20px; bottom:20px;}
	}


	.sh-side-options {position:fixed; background-color:rgba(255,255,255,1); top:200px; right:0; z-index:999; box-shadow:0px 1px 12px 0px rgba(0,0,0,0.12); -webkit-transition:0.3s all; transition:0.2s all; width:74px;}
	.sh-side-options-item {display:block;}
	.sh-side-options-item {text-align:center; margin:0px; padding:18px 0; transition:0.3s all ease-in-out; position:relative; background-color:#fff;}
	.sh-side-options-item:not(:hover):not(:focus) {color:#B9B9B9!important;}
	.sh-side-options-item:hover .sh-side-options-hover {opacity:1; transform:translateX(-100%);}
	.sh-side-options-hover {position:absolute; background-color:#232323; font-size:15px; font-weight:700; color:#fff; padding:15px; transform:translateX(0%); 	left:0px; top:0; bottom:0; opacity:0; transition:0.2s all ease-in-out; z-index:-100; text-align:left; width:120px;}
	.sh-side-options-hover span {display:block; font-size:12px; font-weight:400;}
	.sh-side-options-divider {margin:0 15px; border-bottom:1px solid #ddd;}
	.facebook-hover {background-color:#2b3451;}
	.linkedin-hover {background-color:#0177b5;}
	.email-hover {background-color:#fdb211;}
	 @media (max-width:700px) {
	.sh-side-options {width:52px;}
	.sh-side-options-item {padding:10px 0;}
	}
	 @media (max-width:600px) {
	.sh-side-options {display:none;}
	}
	 @media (max-height:500px) {
	.sh-side-options {top:120px!important; position:absolute;}
	}
	
	.bounce {-moz-animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite; animation:bounce 2s infinite;}

	@keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {transform:translateY(0);}
	  40% {transform:translateY(-30px);}
	  60% {transform:translateY(-15px);}
	}
	
	.carousel {margin: 0 auto; padding: 0;}
	.carousel .item {overflow: hidden;}
	.carousel .testimonial {}
	.carousel .carousel-indicators {
		right:auto;
		left:0;
		bottom: -40px;
		margin:0;
	}
	.carousel-indicators li, .carousel-indicators li.active {
		width: 15px;
		height: 15px;
		margin: 1px 3px;
		border-radius: 50%;
	}
	.carousel-indicators li {	
		background: #999;
		border-color: transparent;
	}
	.carousel-indicators li.active {	
		background: #0cabc6;		
	}