@charset "utf-8";
/* CSS Document */
/********* foobarxp81785967167 *********/
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600');
* {
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    text-decoration: none;
}

html,
body {
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #444;
}

a {
    text-decoration: none;
}

.transition {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.height100 {
    height: 100%;
}

.none {
    display: none;
}

.whiteBg {
    background: #fff;
}

.block {
    display: block;
}

textarea {
    font-family: inherit;
    min-height: 80px;
}

.uppercase {
    text-transform: uppercase;
}

.pointer {
    cursor: pointer
}

.paddingAside5 {
    padding: 0 5px;
}

.paddingTB10 {
    padding: 10px 0;
}

.paddingTB15 {
    padding: 15px 0;
}

.paddingTB20 {
    padding: 20px 0;
}

.paddingTB25 {
    padding: 25px 0;
}

.paddingTB30 {
    padding: 30px 0;
}

.paddingTB50 {
    padding: 50px 0;
}

.paddingTB60 {
    padding: 60px 0;
}

.paddingTB70 {
    padding: 70px 0;
}

.paddingTB80 {
    padding: 80px 0;
}

.aCenter {
    text-align: center;
}

.aRight {
    text-align: right;
}

.b-box {
    box-sizing: border-box;
}

.mAuto {
    margin: auto;
}

.mainTitle {
    font-size: 38px;
    line-height: 1.2em;
    letter-spacing: -1px;
    font-weight: 400;
    font-style: normal;
    color: #1c1c1c;
    margin-bottom: 10px;
    font-family: 'Oswald', sans-serif;
}

.mainTitle.mb0 {
    margin-bottom: 0;
}

.mainTitle .title {
    position: relative;
    z-index: 2;
    padding: 0 20px;
}

.mainTitle .titleLine {
    border-top: 4px double #c5c5c5;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.mainTitle.medium {
    font-size: 32px;
}

.mainTitle.small {
    font-size: 26px;
    letter-spacing: 0px;
}

.mainTitle.xsmall {
    font-size: 20px;
    letter-spacing: 0px;
}

.mainTitle.bold {
    font-weight: 500;
}

.mainTitle.bold.sans {
    font-weight: 600;
}

.mainTitle.accent {
    color: #38b6ff;
}

.mainTitle.accent2 {
    color: #1264ab;
}

.mainTitle.white {
    color: #fff;
}

.mainTitle.sans {
    font-family: 'Open Sans', sans-serif;
}

.description {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #888;
}

.description.accent {
    color: #38b6ff;
}

.description.small {
    font-size: 18px;
}

.content {
    font-size: 15px;
    line-height: 150%;
}

.content.small {
    font-size: 14px;
}

.content p {
    padding: 4px 0;
}

.red {
    color: #fff;
    font-weight: 700;
}

.fullHeight {
    height: 100%;
}

.mainButton {
    border-radius: 5px;
    padding: 12px 10px;
    color: #fff;
    background: #38b6ff;
    display: block;
    width: 100%;
    max-width: 350px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 10px;
    cursor: pointer;
}

.mainButton.accent {
    background: #1264ab;
}

.mainButton.mb0 {
    margin-bottom: 0;
}

.darkBg {
    background-color: #0e4b80;
}

.whiteBg {
    background-color: #FFF;
}

.grayBg {
    background-color: #f3f3f3;
}

.color2{
    color: #1264ab!important;
}


/********** HEADER **********/

.blueTop {
    background: transparent;
    text-align: right;
}

.blueTop .left {
    text-align: left;
}

.blueTop,
.blueTop a {
    color: #fff;
}

.blueTop a:hover {
    color: #38b6ff;
}

.blueTop a {
    font-size: 13px;
    padding: 5px;
    display: inline-block;
    font-weight: 600;
}

.headerSpacer {
    height: 116px;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.headerTop figure {
    max-height: 90px;
    /*background: #FFF;*/
}

.headerTop figure a {
    display: inline-block;
}

.logo {
    padding: 0 0px 5px;
    max-height: 85px;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    filter: brightness(0) invert(1);
}

.headerTop figure {
    max-height: 90px;
    padding-left: 20px;
}

.scrollStyle {
    background: #1264abe6;
}

.scrollStyle .logo {
    /*padding: 5px 0;
    max-height: 45px;*/
}

.scrollStyle .headerTop figure {
    margin-top: 5px;
    max-height: 45px;
}

header figure span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 20px;
    color: #555;
    text-transform: uppercase;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Open sans, sans-serif;
    margin-top: 5px;
    margin-left: 5px;
}

header figure span h3 {
    font-size: 26px;
}

header figure span p {
    color: #38b6ff;
}

.txtLogo {
    font-size: 30px;
    color: #38b6ff;
    font-weight: 800;
    margin-top: 8px;
    text-transform: uppercase;
}

.txtLogo span.uppercase {
    font-size: 12px;
    color: #555;
    font-weight: 400;
    margin-top: 2px;
}

.txtLogo p span {
    font-weight: 600;
}

.headerPhone {
    font-size: 20px;
    color: #FFF;
    text-align: right;
    margin-top: 15px;
    font-weight: 600;
}

.headerPhone,
.headerPhone a {
    color: #fff;
}

.scrollStyle .headerPhone {
    margin-top: 5px;
}

.homeTitle {
    position: absolute;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #38b6ff;
    font-weight: 400;
    padding: 10px 0;
    font-size: 1vw;
    text-transform: uppercase;
}

.toggleMenu {
    margin: 5px 0 10px 0;
    color: #38b6ff;
    padding: 20px;
}

.scrollStyle .toggleMenu {
    margin: 0;
}

.toggleMenu .fa {
    color: #fff;
    cursor: pointer;
}

.mainMenu .mainUl {
    list-style: none;
    display: block;
}

.mainMenu li {
    display: inline-block;
}

.mainMenu span {
    cursor: pointer;
}

.mainMenu li a,
.mainMenu li span {
    color: #ffffff;
    display: block;
    margin: 34px 10px 35px 10px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
}

.mainMenu li a:hover,
.mainMenu li a.active_nav,
.mainMenu li span:hover,
.mainMenu li span.active_nav {
    /*border-bottom:5px solid #38b6ff;*/
    color: #38b6ff;
}

.mainMenu {}

.scrollStyle .mainMenu li a,
.scrollStyle .mainMenu li span {
    /*margin: 25px 15px 21px 15px;*/
}

.scrollStyle .mainMenu .subMenu li a,
.scrollStyle .mainMenu .subMenu li span {
    margin: 0;
}

.subMenu {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-25%, 100%);
    -webkit-transform: translate(-25%, 100%);
    width: 300px;
    z-index: 999;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
    /*max-height:0;*/
    transition:height 1s ease-in;
    -webkit-transition:max-height 0.2s ease-in;
    -moz-transition:max-height 0.2s ease-in;
    -ms-transition:max-height 0.2s ease-in;
    -o-transition:max-height 0.2s ease-in;
}

.subMenu li,
.subMenu li a,
.subMenu li span {
    display: block;
    float: none;
    margin: 0;
}

.subMenu li a,
.subMenu li span {
    padding: 10px 20px;
    background: #fff;
    border-bottom: none;
    transition: background-color .15s linear, color .15s linear;
    margin: 0;
    color: #333;
}

.subMenu li span:hover {
    background: #38b6ff;
    color: #fff;
    border-bottom: none;
}

.propMenu:hover .subMenu {
   display: block;
    max-height:300px;
}


.subMenu li a:hover,
.mainMenu .subMenu li span:hover {
    background: #38b6ff;
    color: #fff;
    border-bottom: none;
}

.subMenuSubCat {
    display: none;
    position: absolute;
    top: 0;
    right: 300px;
}

.propMenuSubCat:hover>.subMenuSubCat {
    display: block;
}

.subMenuService {
    display: none;
    position: absolute;
    top: 0;
    right: 150px;
}

.propMenuService:hover>.subMenuService {
    display: block;
}


/***********BANNER*************/

.banner-button {
    position: absolute;
    left: 0;
    bottom: 25%;
    z-index: 50;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.height100 {
    height: 100%;
}

.banner2 {
    height: 100vh;
    overflow: hidden;
}

#banner2>div {
    display: none;
}

.bullets {
    display: inline-block;
    background: #fff;
    /* box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);*/
    cursor: pointer;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    margin: 0 5px;
    z-index: 50;
    border: 0px solid #fff;
    border-radius: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bullets.bullets_On {
    background: #38b6ff;
}

#bgRotatorNav {
    bottom: 40px !important;
    z-index: 25;
}

.banner2.inner {
    height: 50vh;
}

.arrowNav2 {
    color: #ffffff;
    font-size: 30px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    cursor: pointer;
    z-index: 200;
}

.arrowNav_l2 {
    left: 20px;
}

.arrowNav_r2 {
    right: 20px;
}

.banner2 .container {
    height: 100%;
    display: block;
    z-index: 10;
}

.turquoiseTXT {
    color: #38b6ff;
}

.banner_content2 {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.0);
}

.buttonsBanner2 {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    left: 0;
    width: 100%;
    max-width: 55%;
    /*background: rgba(6, 40, 57, 0.7);*/
    background: #1264aba0;
}

.bannerCaption2 {
    color: #fff;
    display: block;
    letter-spacing: 0px;
    font-size: 45px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.bannerCaption2 span {
    color: #;
}

.bannerBlock2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}

.bannerDivider {
    background: #38b6ff;
    height: 5px;
    display: block;
    margin-bottom: 5px;
    position: relative;
    width: -webkit-calc(100% - 6px);
    width: 100%;
}

.bannerDivider:after {
    content: '';
    display: block;
    position: absolute;
    right: -6px;
    top: 0;
    width: 0;
    height: 0;
}

.bannerDescription2 {
    color: #fff;
    /* -webkit-text-shadow: 1px 1px 8px rgba(65, 78, 68, 0.5);
  	text-shadow: 1px 1px 8px rgba(65, 78, 68, 0.5);*/
    margin: 5px 0 0 0;
    display: block;
    line-height: 150%;
    font-size: 21px;
    font-weight: 600;
    width: 100%;
    margin: 10px 0 25px 0;
    /*text-transform:uppercase;*/
}

.buttonsBanner2 .mainButton {
    padding: 0 28px;
    height: 52px;
    line-height: 53px;
    text-align: center;
    display: inline-block;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    border: 2px solid #fff;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.buttonsBanner2 .mainButton:hover {
    background: #fff;
    color: #333;
}

.buttonsBanner2 .mainButton .fa {
    font-size: 30px;
    vertical-align: middle;
}


/*
.banner_content2:after{
	content: '';
  	position:absolute;
  	left:0;
  	top:0;
  	z-index:0;
  	background:rgba(150,150,150,0.25);
  	width:100%;
  	height:100%;
}
*/

.inner_banner {
    height: 40vh;
    background-color: #f3f3f3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.inner_banner .bannerBlock2 {
    z-index: 30;
    color: #fff;
}

.inner_banner .description {
    margin: 0px auto;
    line-height: 20px;
    font-weight: 600;
    max-width: 470px;
}

.content.app {
    font-size: 15px;
    max-width: 730px;
}

.inner_banner .bannerCaption2 {
    font-weight: 500;
    width: initial;
}


/***********WHATSAPP*************/

.btn-whatsapp {
    width: 70px;
    height: 70px;
    position: fixed;
    right: 4%;
    bottom: 5%;
    z-index: 999;
    border-radius: 20px;
    background: rgb(85, 229, 104);
    background: linear-gradient(225deg, rgba(85, 229, 104, 1) 0%, rgba(19, 217, 36, 1) 100%);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 5px 0px rgba(56, 56, 56, 1);
}

.btn-whatsapp a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.log-whatsapp {
    width: 120px;
    padding: 1px 0;
    margin: -2px 0 0 -32px;
}


/***********FEATURES*************/

.flexWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexItem {
    display: flex;
}
.justifyContentCenter {
    justify-content: center;
}

.flexedItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid rgba(256, 256, 256, 0.2);
}

.sectionFeatures .flexedItem {
    border-right: 1px solid #ddd;
    text-align: center;
    min-width: 16.66666666666667%;
}

.flexedItem.col-7 {
    min-width: 58.333333333333336%;
}

.sectionFeatures .title {
    font-size: 14px;
}

.featureIcon {
    height: 45px;
    color: #1264ab;
}

.featureIcon i {
    font-size: 40px;
}

.whiteDescription,
.img-height {
    height: 260px;
    position: relative;
    color: #333;
}

.whiteDescription:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 2;
}

.whiteDescription.top:after {
    position: absolute;
    left: 50%;
    bottom: -32px;
    border-width: 33px 31px 0 33px;
    border-color: #ffffff transparent transparent transparent;
}

.whiteDescription.bottom:after {
    position: absolute;
    left: 50%;
    top: -31px;
    border-width: 0 31px 33px 31px;
    border-color: transparent transparent #ffffff transparent;
}

.sectionServices {
    padding: 30px 0;
}

.adaptPadding {
    padding: 50px;
}


/*********** FEATURES CLIENTS *************/

.clientsSection .inline-col {
    vertical-align: top;
}

.clientsSection img {
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
}

.logoHeight {
    height: 100px;
}

.clientsSection img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.clientsSection .flexWrap {
    align-items: center;
    justify-content: center;
}

.clientsSection .flexedItem {
    max-width: 20%;
    min-width: 20%;
}


/************ ABOUT ***********/

.aboutSection .flexedItem,
.serviceSection .flexedItem{
    min-width: 50%;
}

.aboutSection .description,
.serviceSection .description{
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #38b6ff;
    font-family: 'Open Sans';
    font-size: 19px;
}

.aboutImage {
    height: 60vh;
}

.aboutSection .right,
.serviceSection .right{
    padding: 50px 40px 60px 40px;
    position: relative;
    z-index: 3;
}

.flexGrid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flexWrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexItem {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.aboutSilhouette {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}


/********** TESTIMONIALS *********/

.userIcon {
    width: 50px;
    height: 50px;
    border: 2px solid #;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    margin-top: 20px;
    font-size: 24px;
    padding: 10px;
}

.userIcon i {
    vertical-align: top;
    color: #;
}

.testContent {
    padding-left: 15px;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
}

footer .userIcon {
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 7px 5px;
    margin: 20px 15px 0 0;
    border: 2px solid #fff;
}

footer .userIcon i,
footer a {
    color: #fff;
}

footer .testContent {
    padding-left: 15px;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}

footer .content {
    font-size: 13px;
}

.mainTitle.blockTitle {
    background: #0e4b80;
    color: #fff;
    padding: 10px 20px;
}

.testQuote {
    color: #;
    font-size: 55px;
    height: 60px;
}

.testQuote i {
    vertical-align: top;
}

.testimonialBox {
    margin: 20px;
    min-width: -webkit-calc(50% - 40px);
    min-width: calc(50% - 40px);
}

footer .showCode {
    background: #1264ab;
    color: #ffffff;
}

footer .showCode .fa-redo-alt {
    color: #ffffff;
}


/*.testimonialsSection .mainButton{
	background:#0e4b80;
}*/


/*********** SERVICES ************/

.servicesSection {
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    background-attachment: fixed;
    min-height: 200px;
}

.servicesSection .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.servicesSection .mainTitle {
    color: #fff;
    font-size: 45px;
    font-weight: 500;
}

.servicesSection .subtitle,
.subtitle {
    line-height: 150%;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}


/* .servSection:nth-of-type(even) */

.servSection .servBlock:nth-of-type(even) {
    /*background:#eee;*/
}

.servBlock {
    min-width: 100%;
}

.servBlock .mainTitle {
    /*font-size:28px;*/
}

.servBlock .img {
    height: 40vh;
}

.serviceCategorie {
    background: #f3f3f3;
    height: 15vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*********** SERVICE ************/

.galThumb{
	height:75px; 
  	overflow:hidden;
}

.zoomIn {
    text-align:center; 
    font-size:16px; 
    background:rgba(0,0,0,0.7); 
    color:#fff; 
    width:35px; 
    padding:5px 0; 
    position:absolute; 
    right:0;
    bottom:0;
    opacity:0.7;
  	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out; 
}

/*********** FOOTER ************/

.social {
    display: inline-block;
    margin: 0 5px 5px 0;
    font-size: 30px;
    color: #fff;
}

.social:hover {
    color: #38b6ff;
}

.paddingFooter {
    /*padding: 40px 0;*/
}

.footerBg {
    background: #1264ab;
    color: #eee;
    font-size: 12px;
}

.footerBg h4 {
    font-size: 14px;
    margin-bottom: 10px
}

.contFooter .mainTitle {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 5px;
    color: #eee;
}

.contFooter .mainTitle.small {
    font-size: 18px;
    margin-bottom: 12px;
}

footer i {}

.socialmedia {
    margin-top: 40px;
}

.socialmedia a {
    font-size: 14px;
}

footer input,
footer textarea,
.input_form {
    display: block;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 90%;
    width: calc(100% - 22px);
    width: -webkit-calc(100% - 22px);
}

footer input,
footer textarea {
    margin-bottom: 6px;
}

footer textarea {
    height: 100px;
    font-family: 'Open Sans', sans-serif;
}

.contact_form label {
    font-weight: 600;
    margin: 9px 0 3px 0;
    font-size: 13px;
    display: block;
}

.contact_form .send_btn {
    display: block;
    color: #ffffff;
    padding: 11px 50px;
    cursor: pointer;
    border-radius: 2px;
    margin: 10px 0 20px 0;
    text-transform: uppercase;
}

.phone_footer .fa {
    vertical-align: middle;
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

.contacInfo {
    font-size: 14px;
}

.contacInfo h3 {
    text-transform: uppercase;
    /*color: #F0BD40;*/
}

.contacInfo p {
    font-size: 15px;
    word-wrap: break-word;
}

.contacInfo p .fa {
    padding: 5px 0;
    font-size: 16px;
}

.contacInfo table {
    margin: 10px 0;
    border: 0;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 10px 0;
}

.contacInfo table.opHours {
    width: 100%;
    max-width: 200px;
    max-width: 250px;
}

.contacInfo table td {
    padding: 3px;
    padding: 3px;
    vertical-align: top;
}

.contacInfo table.opHours td {
    /*border:1px solid #eee;*/
}

.contacInfo table.opHours td:first-of-type {
    width: 49%;
}

.contacInfo table.contactTable td:nth-of-type(2) {
    width: 70%;
}

.openingHours {
    color: #0e4b80;
}

#sentMsg {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    margin: -10px 0 10px 0;
    text-align: left;
}

#map {
    width: 100%;
    height: 400px;
}

.blueTop a.sMedia {
    display: inline-block;
    font-size: 22px;
    margin-right: 5px;
    color: #fff;
    padding: 0;
}

.blueTop a.sMedia:hover {
    color: #38b6ff;
}

.socialIcon {
    margin: 8px 8px 0 0;
    color: #ffffff;
    display: inline-block;
    width: 40px;
    height: 35px;
    text-align: center;
    background: #38b6ff;
    border-radius: 50%;
    vertical-align: sub;
    padding-top: 5px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.socialIcon:hover {
    opacity: 0.8;
}

.copyRight {
    background: #0e4b80;
    color: #fff;
    font-size: 11px;
    text-align: center;
}

.copyfooter {
    padding-bottom: 0 !important;
}

.copyRight a {
    color: #fff;
    text-decoration: none;
}

.copyRight a:hover {
    opacity: 0.8;
}

.contFooter .footer_newsletter .mainTitle {
    font-size: 24px;
    margin-bottom: 5px;
}

.footer_newsletter .description {
    font-size: 15px;
    color: #eee;
    font-weight: 100;
    margin-bottom: 5px;
    font-family: 'open sans';
}

.footer_newsletter .newsletter .input_form {
    padding: 11px 8px;
    border: 1px solid rgba(150, 150, 150, 0.3);
    width: calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    border-radius: 3px 0 0 3px;
    border: none;
    background: rgba(256, 256, 256, 0.1);
}

.footer_newsletter .contact_form.newsletter .send_btn {
    border-radius: 0 2px 2px 0;
    font-size: 12px;
    width: 100%;
    padding: 11px 0;
    margin: 0;
}

.footer_newsletter #sentMsg2 {
    text-align: left;
}

.footer_description {
    color: #aaa;
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: -5px;
}

.send_btn,
.mainButton {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

footer .send_btn,
.mainButton {
    max-width: 220px;
    margin: 0;
    border-radius: 1px;
}

.send_btn:hover {
    opacity: 0.75;
}

.mainButton:hover {
    opacity: 0.85;
}


/********** NEWSLETTER MODAL ********/

.newsletterLb {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
}

.newsBoxWrap {
    width: 90%;
    height: 90%;
    max-width: 1000px;
    background: #fff;
    max-height: 550px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    overflow: hidden;
}

.closeNews {
    font-size: 40px;
    position: absolute;
    top: 10px;
    right: 20px;
    color: #333;
    cursor: pointer
}

.newsleft {
    max-width: 40%;
}

.newsright {
    background: #fff;
}

.paddingNews {
    box-shadow: 0px 0px 10px 1px #e1e1e1;
}

.newsletterLb .paddingNews {
    padding: 55px 40px;
}

.paddingNews .sentMsg {
    color: #730947;
    font-size: 20px;
}

.newsBoxWrap .contact_form.newsletter p {
    font-size: 13px;
    font-weight: 400;
    margin-right: 5px;
}

.newsBoxWrap .customCheckbox {
    height: 18px;
    width: 18px;
    margin-right: 1px;
}

.newsBoxWrap.newsletterSection .contact_form .send_btn {
    padding: 9px 10px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 0;
    max-width: 100%;
}


/********** FAQ ********/

.inner-banner {
    height: 200px;
}

.faq-question {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 15px 10px;
    vertical-align: middle;
}

.quest {
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    color: #333;
    line-height: 120%;
    font-weight: 500;
    cursor: pointer;
    font-weight: 600;
}

.faq-icon {
    cursor: pointer;
}

.see-answer {
    display: inline-block;
    vertical-align: middle;
}

.faq-question:hover .faq-icon,
.faq-question:hover .quest {
    color: #38b6ff;
}


/********** LOADING AND LIGHTBOX ********/

.mainLoading,
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    color: #777;
    background: rgba(256, 256, 256, 0.7);
    z-index: 999;
    font-size: 40px;
}

.overlay {
    z-index: 800;
    background: rgba(150, 150, 150, 0.8);
}

.lbWrap {
    width: 90%;
    max-width: 500px;
    left: 50%;
    top: 50px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #fff;
    position: absolute;
    z-index: 1000;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.10);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.10);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.10);
}

.closeLb {
    position: absolute;
    top: 11px;
    right: 15px;
    display: block;
    color: #151515;
    text-align: center;
    cursor: pointer;
    font-size: 25px;
}

select.fill_form {
    width: 100%;
}

.iconSet {
    font-size: 19px;
    padding: 4px 0 5px 0;
    border-left: none;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
}

div.ui-datepicker {
    font-size: 14px;
}

.cartLoading {
    z-index: 9999;
}

.mainLoading .fa.absolute,
.newItemWarp {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


/********* MEDIA QUERIES ***********/

@media (max-width:1150px) {
    .sectionFeatures .flexedItem {
        min-width: 33.3333333333333%;
        border-top: 1px solid #ddd;
        min-height: 160px;
    }
}

@media (max-width:1024px) {
    .headerSpacer {
        height: 105px;
    }
    .scrollStyle .logo {
        padding: 7px 0;
    }
    .servBlock .mainTitle {
        font-size: 22px;
    }
    .aboutSection .right,
    .serviceSection .right{
        padding: 30px 20px 40px 20px;
    }
    .aboutSilhouette {
        position: static;
        /* max-height: 400px; */
        margin: auto;
        float: left;
        padding-top: 30px;
    }
    .mainTitle {
        font-size: 30px;
    }
    .mainTitle.medium {
        font-size: 25px;
    }
    .showMenu.fa {
        display: block;
    }
    .testWrap {
        height: 120px;
    }
    .mainMenu {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 999;
        transform: translate(0, 100%);
        -webkit-transform: translate(0, 100%);
        width: 100% !important;
        display: none;
    }
    .mainMenu .mainUl {
        display: block;
        width: 100%;
        background: #fff;
    }
    .mainMenu li a,
    .mainMenu li span,
    .scrollStyle .mainMenu li a,
    .scrollStyle .mainMenu li span {
        font-size: 13px;
        padding: 12px 15px;
        margin: 0;
        border-bottom: none;
        color: #333;
    }
    .mainMenu li,
    .mainMenu a,
    .mainMenu span {
        display: block;
        float: none;
        border-bottom: none;
    }
    .subMenu {
        position: static;
        bottom: 168px;
        border-bottom: none;
        transform: translate(0, 100%);
        -webkit-transform: translate(0, 0);
        box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.0);
        width: 100%;
        -webkit-transition:max-height 0.5s ease-in;
        -moz-transition:max-height 0.5s ease-in;
        -ms-transition:max-height 0.5s ease-in;
        -o-transition:max-height 0.5s ease-in;
        padding-left: 20px;
           
    }
    .propMenu:hover .subMenu {
        /*display: none;*/
    }
    .mainMenu li a.desktop,
    ,
    .mainMenu li span.desktop {
        display: none;
    }
    .bannerCaption2,
    .inner_banner .bannerCaption2 {
        font-size: 30px;
    }
    .bannerDescription2 {
        font-size: 18px;
        font-weight: 600;
    }
    .servicesSection .mainTitle {
        font-size: 30px;
    }
    .banner2 .container {
        top: 0;
        height: 100%;
        display: block;
        z-index: 90;
        position: absolute;
        left: 50%;
        transform: -webkit-translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .featWrap.col-tab-4 {
        min-width: 33.33333333333333% !important;
    }
    .featWrap {
        border-bottom: 1px solid rgba(256, 256, 256, 0.2);
    }
    .servBlock .img {
        min-height: 50vh;
        max-height: 80vh;
    }
    .servBlock .padding30 {
        padding: 0;
    }
    .adaptPadding {
        padding: 0;
    }
}

@media (max-width:768px) {
    .logoDiv.aCenter {
        text-align: left;
    }
    .header_phone {
        font-size: 16px;
    }
    .logo .height-responsive {
        max-width: 275px;
        margin-left: 15px;
    }
    .logo {
        height: 50px;
    }
    .featuredIcons {
        font-size: 40px;
        text-align: center;
    }
    .banner-button {
        bottom: 15%;
    }
    .buttonsBanner2 {
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        left: 50%;
        box-sizing: border-box;
        max-width: 85%;
    }
    #banner2 div,
    .servicesSection {
        background-attachment: initial !important;
    }
    .bannerDescription2 {
        font-size: 14px;
    }
    .servicesSection .subtitle {
        font-size: 14px;
    }
    #bgRotatorNav {
        bottom: 25px !important;
    }
    .inner_banner .bannerDescription2 {
        margin-top: 0;
        font-size: 18px;
    }
    .newsletter .input_form {
        width: calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
    }
    .adjustFields {
        margin-top: 0;
    }
    .not_mobile {
        display: none;
    }
    .contacInfo table.contactTable td:nth-of-type(2) {
        width: 93%;
    }
    .servContainer {
        display: block;
    }
    .servImage {
        flex: none;
        box-sizing: border-box;
        padding: 20px;
    }
    .paddingTB50.servContent {
        padding: 0;
    }
    #banner div {
        background-position: right bottom !important;
    }
    .banner {
        height: 42vh;
    }
    .featureWrap .title {
        font-size: 20px;
        padding: 20px;
    }
    .featureWrap {
        height: 120px;
    }
    .mainTitle {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .newsletterLb .paddingNews {
        padding:15px 40px;
    }
    .description {
        font-size: 17px;
    }
    .mainTitle.medium {
        font-size: 22px;
    }
    .mainTitle.small {
        font-size: 16px;
    }
    .testWrap {
        height: auto;
        margin-bottom: 15px;
    }
    .featWrap {
        min-width: 100% border-right: none;
    }
    .featureIcon {
        height: 55px;
    }
    .featureIcon i {
        font-size: 44px;
    }
    .bannerDivider {
        height: 6px;
        width: -webkit-calc(100% - 5px);
        width: calc(100% - 5px);
    }
    .bannerDivider:after {
        right: -4px;
        border-width: 3px 0 3px 5px;
    }
    .aboutSection .flexedItem,
    .serviceSection .right
    .flexedItem.col-7 {
        min-width: 100%;
    }
    .sectionFeatures .flexedItem {
        min-height: 0;
        min-width: 100%;
    }
    .aboutSection .description,
    .serviceSection .description{
        font-size: 15px;
    }
    .sectionServices a {
        padding: 20px;
    }
    .servicePage .img-responsive {
        padding: 0 20px;
        box-sizing: border-box;
    }
}

@media (max-width:420px) {
    /********** FOR SLICK - CLIENTS **********/
    .container.sliderWrap {
        min-width: auto;
        max-width: 500px;
    }
} 
#banner, #banner2, #banner3{ overflow:hidden; opacity:0; transition:opacity ease-out 0.6s;}