@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=latin-ext');

*{outline: none;}
body { font-family: 'Poppins',Arial,sans-serif; font-size: 15px; color: #333333; line-height: 26px; font-weight: 400; }
body{ -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}
body{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}

p {
	text-align: justify;
}
.image-caption {
	text-align: center;
}
/* LINKS */
a{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}



/* HTML TAGS */
img{ max-width: 100%;}
main{ width: 86%; float: left; background: #fff; margin: 0 7%; overflow: hidden;}
.boxed-bg{background: url(../images/bg_1.png);}


/* SPACING */
.no-padding-top{padding-top: 0 !important;}
.no-padding{padding: 0 !important;}
.no-margin{margin:0 !important;}




/*preloader*/
#preloader {
	background: #fff url(loader.gif) no-repeat center center;
	background-size: 20%;
	height: 100vh;
	width: 100%;
	position: fixed;
	z-index: 100;

}


#aboutus-button{
	height: 50px;
	width: 250px;
	background-color: #019de6;
	margin: auto;
}

#aboutus-button a{
	text-decoration: none;
	height: 50px;
    line-height: 50px;
    padding: 0 35px;
    color: #fff;
    background: #019de6;
	font-weight: 500;
	font-size: 15px;
    margin-top: 10px;
}
#aboutus-button:hover a{
	text-decoration: none;
}

/* MISSION VISION */
.mission-vision{ width: 100%; float: center; background: #f4f4f4;}
.mission-vision .accordion{margin-bottom: 50px;}
.mission-vision .content {width: 100%;}
/*.mission-vision img{ width: 540px !important;}*/




/* ACCORDION */
.accordion{ width: 100%; float: left;}
.accordion .card{ background: none; border-radius: 0; border:none; margin-bottom: 10px; background: #fff; box-shadow: 0 7px 16px 0 rgba(0,0,0,0.02), 0 0 82px 0 rgba(0,0,0,0.01); border: 1px solid #eee !important;}
.accordion .card .card-header{ background: none; padding:0; border-bottom: none;  font-size: 17px;}
.accordion .card .card-header a{ width: 100%; float: left; font-weight: 600; line-height: 26px; padding: 20px 25px; color: #333333;}
.accordion .card .card-header a:hover{color: #333333; text-decoration: none;}
.accordion .card .card-header a.collapsed:after{content: "+"; width: 25px; height: 25px; line-height: 27px; float: right; text-align: center; background: #019de6; color: #fff; border-radius: 50%;}
.accordion .card .card-body{ width: 100%; line-height: 20px; padding: 25px; padding-top: 0; line-height: 27px;}
.accordion .card [aria-expanded="true"]{ color: #485cc7;}



/* SIDE MENU */
.side-menu{ width: 250px; height: 100%; position: fixed; right: -250px; top: 0; background: #fff; z-index: 99; overflow: scroll;}
.side-menu{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.side-menu .top{ width: 100%; height: 50px; line-height: 50px; float: left; background: #019de6; color: #fff; margin-bottom: 20px;}
.side-menu .top h3{font-family: "Poppins",Helvetica,Arial,sans-serif; float: left; color: #fff; margin: 0; padding: 0; font-weight: 400; font-size: 15px; line-height: 42px; padding: 0 20px;}
.side-menu .top i{ width: 55px; height: 42x; line-height: 42px; float: right; text-align: center;}
.side-menu .inner{ width: 100%; float: left; padding: 0 20px; }
.side-menu .inner ul{ width: 100%; float: left; margin: 0; padding: 0;}
.side-menu .inner ul li{ width: 100%; float: left; padding: 10px 0; list-style: none; position: relative;}
.side-menu .inner ul li a{color: #222222; font-weight: 600;}
.side-menu .inner ul li a:hover{text-decoration: none; color: #019de6;}
.side-menu .inner ul li .dropdown{margin: 0; margin-top: 10px; padding: 0; display: none;}
.side-menu .inner ul li .dropdown li{margin: 0; margin-bottom: 5px; padding: 0;}
.side-menu .inner ul li .dropdown li a{ color: #333333;}
.side-menu.show-me{ right: 0;}
.push-left{ margin-left: -250px; overflow: hidden; position: relative;}
.push-left:after{content: ""; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.2); z-index: 9;}







/* TOO TOPBAR*/
.topbar { width: 100%; height: 100px; float: left; background: #fff; padding-top: 12px; position: relative; z-index: 2;}
.topbar .contact-details{ float: left; padding: 0px; margin: 0px; color: #019de6; font-size: 13px;}
.topbar .contact-details li { list-style: none; display: inline; padding-right: 30px; font-weight: 500;}
.topbar .contact-details li i{margin-right: 5px;}
.topbar span{ float: right; margin-right: 10px; color: #019de6; font-size: 13px; font-weight: 700;}
.topbar .social-media{ float: right; margin: 0; padding: 0; color: #019de6;}
.topbar .social-media li{ float: left; margin: 0; margin-left: 20px; padding: 0; list-style: none;}
.topbar .social-media li a{ float: left; color: #019de6; font-size: 13px;}



/* HEADER */
.header{ width: 100%; float: left; position: absolute; left: 0; top: 50px; z-index: 3;}
.header .header-container{ width: 100%; max-width: 1170px; max-height:100px ; display: flex; margin: 0 auto; background:#019de6; z-index: 1000; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.06);  }
.header .header-container .logo-image{float: left; margin: 10px 0;}
.header .header-container .logo-image a{ float: left;}
.header .header-container .logo-image img{ height: 70px; display: inline-block;}
.header .header-container .hamburger-btn{ width: 50px; height: 50px; line-height: 48px; float: right; background: #fff; text-align: center; color: #019de6; cursor: pointer; margin: 23px 0; display: none;}
.header .header-container .search-btn{ float:  right; padding: 35px 15px; position: relative; color: #019de6;}
.header .header-container .site-nav { float:  right; margin: 0; padding: 0;}
.header .header-container .site-nav *{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.header .header-container .site-nav li.nav-link{ float: left; margin: 0; padding: 0; list-style: none; position: relative;}
.header .header-container .site-nav li.nav-link a{ float: left; padding: 35px 15px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 600; text-transform: uppercase; font-size:14px;}
.header .header-container .site-nav li.nav-link a:hover{text-decoration: none; color: #fff;}
.header .header-container .site-nav li.nav-link .dropdown{ width: 185px; margin: 0; padding: 0 15px; background: #019de6; position: absolute; left: 0; top: 100%; border:1px solid transparent; box-shadow: 0 6px 12px rgba(0,0,0,0.175); visibility: hidden; opacity: 0; border:none;}
.header .header-container .site-nav li.nav-link .dropdown li{width: 100%; float: left; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid rgba(255,255,255,0.1);}
.header .header-container .site-nav li.nav-link .dropdown li:last-child{border-bottom: none;}
.header .header-container .site-nav li.nav-link .dropdown li a{ padding: 12px 0; padding-bottom: 10px;  color: #fff; font-size: 13px; font-weight: 400;}
.header .header-container .site-nav li.nav-link .dropdown li a:hover{ text-decoration: none;}
.header .header-container .site-nav li.nav-link:hover .dropdown{ opacity: 1; visibility: visible; }



/* FIXED HEADER */
.header.fixed-nav{top: 0; position: fixed; background: #019de6; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.06); transform: translateY(-100%);}
.header.fixed-nav .header-container{margin-top: 0; box-shadow: none;} 
.header.show-me{ transform: translateY(0);}
.header.show-me{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}



/* SLIDER */
.slider{ width: 100%; float: left; z-index: -1;}
.slider .rev_slider_wrapper{ width: 100%; float: left; margin-top: -62px;}
.slider .rev_slider_wrapper h2{ color: #fff;}
.slider .rev_slider_wrapper .btn1{ min-width:inherit !important; height: 50px; line-height: 50px !important; float: left; padding: 0 35px !important; font-size: 14px; font-weight: 600; background: #019de6; color: #fff;  color: #fff; border-radius: 50px;}
.slider .rev_slider_wrapper .btn1:hover{ background: #019de6; text-decoration: none;}
.slider .rev_slider_wrapper .btn2{ min-width:inherit !important; height: 50px; line-height: 50px !important; float: left; padding: 0 35px !important; font-size: 14px; font-weight: 600; background: #fff; color: #fff;  color: #333333; border-radius: 50px;}
.slider .rev_slider_wrapper .btn2:hover{text-decoration: none; background: #019de6;}
.slider .rev_slider_wrapper .rev-slidebg{max-width: 100%; height: auto;}
.slider .rev_slider li img::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transition: all 0.8s;
	opacity: 0;
	background: rgba(0, 0, 0, 0.258);
	background-size: 100% 100%;
  }

/* INT HERO */
.int-hero{ width: 100%; height: 360px; float: left; background: url(../images/bg.jpg) center no-repeat; background-size: cover; margin-bottom: 0;}
.int-hero h2{ display: block; height: 44px; font-size: 50px; line-height: 1; color: #fff;  margin-top: 160px; text-align: center; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;}
.int-hero .breadcrumb{ width: 100%; float: left; padding: 0; margin: 0; background: none; border-radius:0; box-shadow: none; text-align:center; position: relative; z-index: 2; display: block; color: #fff;}
.int-hero .breadcrumb .breadcrumb-item{  display: inline-block; float: none; color: #fff; font-size: 13px;}
.int-hero .breadcrumb .breadcrumb-item:before{color: #fff; font-size: 11px;}
.int-hero .breadcrumb .breadcrumb-item:hover{color: #019de6; text-decoration: none;}


/* SECTION */
.section{ width: 100%; float: left; padding: 100px 0; }
.section.bg-gray{ background: #f4f4f4;}



/* TITLES */
.titles{ width: 100%; float: left; margin-bottom: 40px;}
.titles h2{ width: 100%; float: left; font-size: 32px; font-weight: 600; margin: 0;  color: #333333; line-height: 1;}
.titles span{ width: 45px; height: 3px; display: inline-block; background: #019de6;}



/* FEATURES BOX */
.features-box{ width: 100%; float: left; padding:60px 30px; box-shadow: 0 15px 30px rgba(0,0,0,0.05), 0 8px 30px rgba(0,0,0,0.05);}
.features-box h3{ width: 100%; float: left; font-size: 13px; line-height: 62px; font-weight: 500; color: #019de6; position: relative;}
.features-box h3 span{ width: 100%; position: absolute; left: 0; top: 0; z-index: -1;  font-size: 65px;    line-height: 60px; color: #efefef;    font-weight: 700;}
.features-box h4{ width: 100%; float: left; font-size: 19px; font-weight: 600; color: #333333; margin-bottom: 20px; }
.features-box p{display: block; margin: 0; font-weight: 300;}


/* HELP BOX */
.help-box{ width: 100%; float: left; text-align: center; padding: 30px; background: #f4f4f4;}
.help-box h4{ width: 100%; float: left; font-size: 19px; font-weight: 600; color: #333333; }
.help-box span{ width: 45px; height: 3px; display: inline-block; background: #019de6; margin-bottom: 10px;}
.help-box p{display: block; margin-bottom: 20px;}
.help-box a{ height: 50px; line-height: 50px; display: inline-block; background: #019de6; color: #fff; padding: 0 35px; font-size: 14px; font-weight: 600;}
.help-box a:hover{background: #15689d; text-decoration: none;} 



/* SIDE IMAGE CONTENT */
.side-image-content{ width: 100%; display: flex; flex-direction: row;}
.side-image-content .inner{ width: 50%; display: flex; justify-content: center; flex-direction: column;}
.side-image-content .inner .content{ width:100%; float: left; padding: 0 15px;}
.side-image-content .inner .content img{ width: 100%;}
.side-image-content .inner .content h4{ line-height: 28px; color: #333333; font-size: 19px; font-weight: 600; text-transform: uppercase;}
.side-image-content .inner .content {font-size: 13px; line-height: 22px;}
.side-image-content .inner .content ul{ width: 100%; float: left; margin: 0; padding: 0;}
.side-image-content .inner .content ul li{ width: 50%; float:left; list-style: none;  margin: 5px 0;}
.side-image-content .inner .content ul li i{color: #019de6; padding-right: 10px; font-size: 16px;}
.side-image-content .inner .content ul li a{color: #333333;}
.side-image-content .inner .content ul li a:hover{ color: #019de6; text-decoration: none;}




/* HOME FEATURES */
.home-features{ width: 100%; float: left; background: url(../images/bg_services_home.jpg) no-repeat; background-size: cover;}
.home-features .titles h2{color: #fff;}
.home-features .swiper-button-prev{ width: 50px; height: 50px; float: left; background: #fff; text-align: center;}
.home-features .swiper-button-prev:after{content: "\f053"; font-family: FontAwesome; font-size: 19px; color: #333333; font-weight: 700; line-height: 52px;}
.home-features .swiper-button-next{ width: 50px; height: 50px; float: left; background: #fff; text-align: center;}
.home-features .swiper-button-next:after{content: "\f054"; font-family: FontAwesome; font-size: 19px; color: #333333; font-weight: 700; line-height: 52px;}
.home-features .services-box{ width: 100%; float: left; background: #fff;}
.home-features .services-box *{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.home-features .services-box figure{ width: 100%; float: left; position: relative; overflow: hidden; margin: 0;}
.home-features .services-box figure img{ width: 100%; float: left;}
.home-features .services-box figure .overlay{ width: 100%; height: 100%; display: flex; flex-direction: row; position: absolute; left: 0; top: 0; background: transparent;}
.home-features .services-box figure .overlay a{ width: 100%; float: left; display: flex; justify-content: center; flex-direction: column; text-align: center; color: #fff; font-size: 30px; margin-top: 50px; opacity: 0;}
.home-features .services-box figure .overlay a:hover{text-decoration: none; margin: 0; opacity: 1;}
.home-features .services-box figure:hover .overlay{ background: rgba(0,0,0,0.5);}
.home-features .services-box figure:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.home-features .services-box .caption{ width: 100%; float: left; padding: 26px 20px;}
.home-features .services-box .caption h4{ width: 100%; float: left; font-size: 19px; font-weight: 600; color: #333333;margin-bottom: 15px; }
.home-features .services-box .caption p{font-weight: 300; font-size: 14px; line-height: 26px; margin: 0;}



/* PROJECTS  border: 3px solid #019de614;*/
.project { box-shadow: -13px 12px 30px -1px rgba(96,92,92,0.15);
	-webkit-box-shadow: -13px 12px 30px -1px rgba(96,92,92,0.15);
	-moz-box-shadow: -13px 12px 30px -1px rgba(96,92,92,0.15);}
.projects .project{ width: 100%; float: left;}
.projects .project *{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.projects .project figure{ width: 100%; float: left; position: relative; margin: 0; background: #333333; overflow: hidden;}
.projects .project figure a img{ width: 100%; max-height:auto; height: 250px;  float: left;}
.projects .project figure a{ width: 100%; height: 100%; float: left;}
.projects .project figure i{ width: 24px; height: 24px;  line-height: 24px; font-size: 20px; color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -12px;  margin-top: 10px; opacity: 0;}
.projects .project .content{ width: 100%; height: 93px; float: left; padding: 12px 15px; border:1px solid #f4f4f4; border-top: 0; text-align: center;}
.projects .project .content a{ width: 100%; float: left; color: #333333; }
.projects .project .content a:hover{text-decoration: none; color:#019de6; }
.projects .project .content span{ width: 100%; float: left; color: #019de6; font-size: 14px; font-weight: 600;}
.projects .project:hover figure img{opacity: 0.2; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.projects .project:hover figure i{margin-top: -12px; opacity: 1;}
.projects .project-list{ width: 100%; float: left; margin: 0; padding: 0;}
.projects .project-list li{ height: 342.8px; width: 25%; float: left; margin: 0; margin-bottom: 30px; padding:0 15px; list-style: none;}
.projects .four-cols li{ width: 25%;}
.projects .three-cols li{ width: 33.33333%;}
.projects .two-cols li{ width: 50%;}



/* ICON FEATURES */
.icon-features{ width: 100%; float: left; padding-bottom: 70px;}
.icon-features .icon-boxes{ width: 100%; float: left; padding: 40px 20px; margin-bottom: 30px; border: 1px solid #f4f4f4;}
.icon-features .icon-boxes i{ width: 80px; height: 80px; float: left; line-height: 50px; text-align: center; color: #019de6; font-size: 35px; margin-bottom: 10px;}
.icon-features .icon-boxes h4{ width: 100%; font-size: 19px; font-weight: 600; color: #333333;  }
.icon-features .icon-boxes p{margin: 0; font-size: 14px; line-height: 26px;}



/* FEATURES BOX */
.features-box {height: 350px; max-height: 350px;}
.icon-features-content{padding-bottom: 70px; text-align: center;}
.icon-features-box{ width: 100%; float: left;border: 1px solid #f4f4f4; padding: 50px 30px; margin-bottom: 30px;}
.icon-features-box i{ font-size: 35px; color: #019de6; margin-bottom: 20px; display: inline-block;}
.icon-features-box h4{ width: 100%; float: left; font-size: 19px; font-weight: 600; color: #333333; margin-bottom: 20px;  }
.icon-features-box p{ font-size: 14px; line-height: 26px; opacity: 0.8; margin: 0;}





/* LOGOS*/
.logos{ width: 100%; float: left;}
.logos .swiper-logos{ width: 100%; float: left; padding: 30px 0; border-top: 1px solid #f4f4f4; position:relative; overflow:hidden; z-index:1}
.logos .swiper-logos img{ width: 100%; padding: 0 20px;}



/* FUN FACTS */
.fun-facts{ width: 100%; float: left; background: #f4f4f4;}
.fun-facts .fact-box{ width: 100%; float: left; text-align: center; padding: 40px 18px; border:1px solid #eee; box-shadow: 0 15px 16px 0 rgba(0,0,0,0.02), 0 0 82px 0 rgba(0,0,0,0.01); background: #fff;}
.fun-facts .fact-box h4{ width: 100%; font-size: 16px; margin: 0; font-weight: 500; color: #333333;  }
.fun-facts .fact-box .odometer{color: #019de6; font-size: 50px; line-height: 55px;  font-weight: 600; letter-spacing: -2px;}



/* GET IN TOUCH */
.get-in-touch{ width: 100%; float: left; padding-top: 100px;}
.get-in-touch address{ width: 100%; float: left; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #eee;}
.get-in-touch address i{ width: 50px; font-size: 32px; color: #019de6; float: left; padding-top: 10px;}
.get-in-touch address span{display: block;}
.get-in-touch address b{font-size: 15px; font-weight: 600; color: #333333;  }
.get-in-touch address a{color: #333333;}
.get-in-touch address a:hover{text-decoration: none; color: #019de6;}
.get-in-touch form{ width: 100%; display: inline-block; background: #fff; padding: 0 50px;}
.get-in-touch form input[type="text"]{ width: 100%; height: 50px; float: left; color: #333333; background: #fafafa; border:1px solid #f0f0f0; padding: 0 25px; margin-bottom: 35px;}
.get-in-touch form textarea{ width: 100%; height: 165px; line-height: 30px; float: left; color: #333333; background: #fafafa; border:1px solid #f0f0f0;  padding: 25px; margin-bottom: 35px;}
.get-in-touch form button{  height: 50px; line-height: 50px; display: inline-block; padding: 0 35px;  display: inline-block; color: #fff; background: #019de6; font-size: 14px; border:none; font-weight: 500; margin-bottom: 35px;}
.get-in-touch form button:hover{ background: #15689d;}
.get-in-touch .alert{ width:100%; float:left;}
.get-in-touch #success{display:none}
.get-in-touch #error{display:none}
.get-in-touch #success p, #error p { float:left;}
.get-in-touch #contact .error{ width:100%; color:red;}
.get-in-touch #error p {color:#c0392b}	

/* About us */
.ab-content h4{
	font-size: 26px;
	margin-bottom: 10px;
	line-height: 30px;
}
.ab-content p {
	line-height: 23px;
	margin-bottom: 30px;
}
table {
	color:#212529;
}

table tr{
	padding: 10px;
}
table td {
	padding: 30px;
	width: 50%;
	border: 3px solid rgba(0, 0, 0, 0.051);
	border-radius: 5px;
	font-weight: bold;
	line-height: 1.8;
	vertical-align: middle;
	color: #333333;
}





/* CONTACT */
.contact{ width: 100%; float: left;}
.contact form{ width: 100%; float: left;}
.contact form input[type="text"]{ width: 100%; height: 50px; float: left; color: #333333; border:1px solid #f0f0f0; padding: 0 25px; margin-bottom: 15px;}
.contact form textarea{ width: 100%; height: 165px; line-height: 30px; float: left; color: #333333; border:1px solid #f0f0f0;  padding: 25px; margin-bottom: 15px;}
.contact form button{  height: 50px; line-height: 50px; display: inline-block; padding: 0 35px;  display: inline-block; color: #fff; background: #019de6; font-size: 14px; border:none; font-weight: 500; margin-bottom: 35px;}
.contact .alert{ width:100%; float:left;}
.contact #success{display:none}
.contact #error{display:none}
.contact #success p, #error p { float:left;}
.contact #contact .error{ width:100%; color:red;}
.contact #error p {color:#c0392b}	
.contact .contact-details{ width: 100%; float: left; padding: 34px 37px 40px; background: #f4f4f4; text-align: center;}
.contact .contact-details h4{ width: 100%; float: left; font-size: 19px; font-weight: 600; line-height: 30px;  color: #333333; margin-top: 20px;}
.contact .contact-details p{ width: 100%; float: left;}
.contact .contact-details address{ width: 50%; float: left; margin: 5px 0; padding: 0;}
.contact .contact-details address i{ font-size: 35px; color: #019de6; margin-bottom: 15px;}
.contact .contact-details address span{ font-size: 14px; color: #333333;  margin-bottom: 0;font-weight: 600;}
.contact .contact-details address a{color: #333333;}
.contact .contact-details address ul{ width: 100%; float: left; text-align: center; margin: 0; padding: 0; margin-top: 5px;}
.contact .contact-details address ul li{display: inline-block; margin: 0; padding: 0; list-style: none;}
.contact .contact-details address ul li a{ width: 35px; height: 35px; line-height: 35px; float: left; border-bottom: 1px solid #d5d5d5; border-radius: 50%; background: #fff; }
.contact .contact-details address ul li a i{ font-size: 14px; color:#333333;}
.contact .contact-details address ul li a:hover{background: #019de6;}
.contact .contact-details address ul li a:hover i{color: #fff;}



/* FOOTER */
.footer{ width: 100%; float: left; background: #019de6; color: #fff; padding-top: 70px;}
.footer img{ width: 130px; margin-bottom: 15px;}
.footer h5{ width: 100%; float: left; font-size: 17px; font-weight: 600; color: #eee;  margin-top: 7px; margin-bottom: 30px; text-transform: uppercase;}
.footer p{font-size: 14px; line-height: 20px;}
.footer .social-media{ width: 100%; float: left; margin: 0; padding: 0;}
.footer .social-media li{ float: left; list-style: none; margin-right: 25px;}
.footer .social-media li a{color: #fff}
.footer address{ width: calc(100% - 30px); float: left; margin: 0; padding: 0;}
.footer address p{ width: 100%; float: left;  padding-left: 30px;}
.footer address p i{ width: 30px; float: left; margin-top: 2px; margin-left: -30px;}
.footer form{ width: 100%; float: left;}
.footer form input[type="text"]{ width: 100%; height: 50px; float: left; background: #1d1d1d; text-align: center; border:none; margin-bottom: 10px; color: #fff;}
.footer form button[type="submit"]{ height: 50px; background: #019de6; color: #fff; border:none; font-size: 14px; font-weight: 600;  padding: 0 35px;}
.footer .footer-bar{ width: 100%; float: left; border-top: 1px solid rgba(255,255,255,.2); padding: 30px 0; margin-top: 50px;}
.footer .footer-bar span{ float: left; font-size: 13px; }
.footer .footer-bar span i{color: #019de6;}
.footer .footer-bar span a{color: #019de6;}
.footer .footer-bar span a:hover{color: #fff; text-decoration: none;}
.footer  ul li a{color: #ffffff; text-decoration: none;}
.footer  ul li a:hover{text-decoration: none;}
.footer .footer-bar ul li a:hover{color: #019de6; text-decoration: none;}




/* SCROLL UP */
.scrollup { width: 50px; height: 50px; line-height:50px; color: #333333; text-align:center; position: fixed; bottom: 20px; right: 20px; display: none; background-color: #eeeeee;  z-index: 9; font-size: 30px;}
.scrollup:hover{ color: #fff; background: #019de6;}



/* RESPONSIVE TABLE FIXES */
@media only screen and (max-width: 989px), only screen and (max-device-width: 989px) {
	.topbar{ padding: 12px 0;}
	.topbar span{display: none;}
	.topbar .contact-details{ width: auto;}
	.topbar .contact-details li{ width: auto; float: left;}
	.header .header-container{margin-top: 0; border-radius: 0; box-shadow: none;}
	.header .header-container .hamburger-btn{ display: block;}
	.header .header-container .site-nav{display: none;}
	.side-image-content{display: block; float: left;}
	.side-image-content .inner{width: 100%; float: left; display: block;}
	.side-image-content .inner .content img{margin-bottom: 30px;}
	.icon-features .icon-boxes {text-align: center;}
	.icon-features .icon-boxes i{ width: 100%; margin-bottom: 0;}
	.fun-facts .fact-box{margin-bottom: 30px;}
	.home-news .news-box{margin-bottom: 30px;}
	.projects .four-cols li{ width: 50%;}
	.projects .three-cols li{ width: 50%;}
	.projects .two-cols li{ width: 50%;}
	.projects .project figure a img {
		width: 100%;
		height: 340px;
	  }
	  .projects .project-list li {
		height: 450px;
	}
	.lb-nav {
		position: absolute;
		left: 10%;
	  }
	  #preloader {
	
		background-size: 50%;
	
	
	}
	.footer .footer-bar ul{ width: 100%; float: left;}
	.footer .footer-bar ul li{ margin-left: 0; margin-right: 25px;}
	.footer .social-media{margin-bottom: 50px;}

}

/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	.topbar{text-align: center;}
	.topbar .social-media{float: right;}
	.topbar .contact-details li:last-child{display: none;}
	.topbar span{display: none;}
	.side-image-content .inner .content ul li{ width: 100%;}
	.tparrows{display: none !important;}
	.get-in-touch .map{margin-top: 0;}
	.features-box{margin-bottom: 30px;}
	.projects .four-cols li{ width: 100%;}
	.projects .three-cols li{ width: 100%;}
	.projects .two-cols li{ width: 100%;}
	.projects .project figure a img {
		width: 100%;
		height: 524px;
	  }
	  
		.project {
			margin-bottom: 10px;
		}
	  .projects .project-list li {
		height: auto;
	}
	#preloader {
	
		background-size: 50%;
	}
table tr td {
	font-size: 11px;
	padding: 10px;
}
	.services .side-services{padding-right: 0; margin-bottom: 50px;}
	.services .services-content blockquote p{ width: 100%; float: left; margin-top: 20px;}
	.services .services-content blockquote a{ float: left;}
	.services .services-content .service-list{ width: 100%;}
	.contact .contact-details address{ width: 100%;}
	.get-in-touch form{padding: 0;}
	.get-in-touch address{margin-bottom: 20px;}
	.footer address{margin-bottom: 50px;}
	.footer form input[type="text"]{text-align: left;padding: 0 25px;}
	.footer .footer-bar ul{margin-top: 30px;}
	.footer .footer-bar ul li{margin-right: 10px;}
	.footer .footer-bar ul li:last-child{margin-right: 0;}
}

