@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');

body{/*font-family: 'Poppins', sans-serif;*/font-family: 'Montserrat', sans-serif;color: #000}


img{max-width:100%;}
 p{text-align:justify}
.text-left p{ text-align:left}
.nomargin{margin:0}
.text-center p{text-align:center}



.topHeader{color: #fff;background: #000112;font-size:12px;padding:5px 0;}
.topHeader a{color: #fff;}
.topHeader ul{list-style:none; padding:0; margin:0}
.topHeader ul li{display: inline-block;margin-left: 10px}
.topHeader ul li a{}
.topHeader ul li a i.fa{color: #5cc2f2;margin-right: 5px}
.topHeader .social ul li{ margin:0 5px 0 0}
.topHeader .social ul li a i.fa{color: #000;
    font-size: 16px;
    background: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;}
.topHeader .social ul li a{}


#header{padding:15px 0 ;background: #010228;left: 0;right: 0;top: -300px;z-index:999;transition: .5s}
#header .logo img{height:auto; width:auto;}
#header .logo .site-logo{display:inline-block}
#header .logo .screen-reader-text{display:none}
#header.fixed{position: fixed;top: 0}
#header .container{position:relative}




.navbar ul > li {position:relative}
.navbar ul>li> a{color: #fff;text-decoration: none;padding: 8px 15px;font-size: 12px;display: block;font-weight: 500;text-transform: uppercase;}
.navbar ul>li.quote-btn> a{
    background: #5cc2f2;
    font-size: 105%;transition: .5s
    }
.navbar ul>li.quote-btn> a:hover{
    color: #5cc2f2;background: #fff;border-radius: 50px
    }
.navbar ul>li.dropdown > a:after{font-family:FontAwesome; content:"\f0d7"; margin-left:5px;}
.navbar ul>li:last-child{border-right:none}
.navbar ul>li:hover> a{color:#20acdb }
.navbar ul>li.active> a{background:#020001; color:#FFC001 }
@media(min-width:768px) {
    .navbar{}
#mobileMenuButton{display:none}
.navbar .navbar-collapse>.navbar-nav{}
.navbar .navbar-nav>li{ margin-left:1px;}
.navbar ul>li:first-child>a{padding-left:0}
.navbar .navbar-nav>li:not(:last-child){}
.navbar ul>li ul{
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -webkit-animation-name: slide-down-slow;
    -moz-animation-name: slide-down-slow;
    animation-name: slide-down-slow;
    display:none;
    position: absolute;
    left: 0;
    width: 300px;
    background: #ffde75;
    z-index:12;
    box-shadow: 0 0 5px #ccc;
    list-style:none;
    padding:10px 0;
    margin:0;
    display:none;
    }
@-webkit-keyframes slide-down-slow{0%{-webkit-transform:perspective(1px) scaleY(.1);-moz-transform:perspective(1px) scaleY(.1);-ms-transform:perspective(1px) scaleY(.1);-o-transform:perspective(1px) scaleY(.1);transform:perspective(1px) scaleY(.1)}to{-webkit-transform:perspective(1px) scaleY(1);-moz-transform:perspective(1px) scaleY(1);-ms-transform:perspective(1px) scaleY(1);-o-transform:perspective(1px) scaleY(1);transform:perspective(1px) scaleY(1)}}
@keyframes slide-down-slow{0%{-webkit-transform:perspective(1px) scaleY(.1);-moz-transform:perspective(1px) scaleY(.1);-ms-transform:perspective(1px) scaleY(.1);-o-transform:perspective(1px) scaleY(.1);transform:perspective(1px) scaleY(.1)}to{-webkit-transform:perspective(1px) scaleY(1);-moz-transform:perspective(1px) scaleY(1);-ms-transform:perspective(1px) scaleY(1);-o-transform:perspective(1px) scaleY(1);transform:perspective(1px) scaleY(1)}}
}
.navbar ul>li:hover> ul{ display:block}
.navbar ul > li .hasSub{position: absolute;right: 14px;top: 45px;}
.navbar ul > li .hasSub:after {content: '';position: absolute;border-top: 4px solid #000000;border-left: 4px solid transparent;border-right: 4px solid transparent;}
.navbar ul > li li a{    color: #000;text-shadow: none;padding: 5px 15px;font-size: 14px;font-weight: 500;}
.navbar ul > li li:hover>a{ background:#020001; color:#fff}

.pageContent{ position:relative; }
.pageContent .pageOverlay{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.4);left: 0;top:0;z-index: 12;opacity:0; transition:.5s; display:none}
.pageContent.showNav .pageOverlay{ opacity:1;display:block}

/* menu start */
.mobileNavWrapper ul.nav li a { border-top: 1px solid #e8e8e8; display:block; color: #000; font-size: 14px; text-transform: capitalize; padding:7px 15px; font-weight:500  }
.mobileNavWrapper ul li a:hover, .mobileNavWrapper ul li.active a { color: #FFF; background: #018fbe; text-decoration:none; }
.mobileNavWrapper { background:#fff; width: 250px; height: 100%; min-height: 100%; position: fixed; right: -250px; padding-top:50px; top: 0; overflow-x: hidden; z-index: 16; }
.mobileNavWrapper h2{    font-size: 23px;
    padding: 15px; margin:0px}
.mobileNavWrapper, .header {
 transition: all .30s ease; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
.pageContent{ transition:all .30s ease;-webkit-backface-visibility:hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}
.mobileNavWrapper .navbar-nav li{ position:relative}
.mobileNavWrapper .navbar-nav li ul{padding: 0;box-shadow: none;margin: 0;border: none; width:100%; min-width:auto; display:none}
.mobileNavWrapper .navbar-nav li ul ul{}
.mobileNavWrapper ul.nav li li a {padding: 10px 15px;font-size: 95%;border-color: #efefef;color: #4e4e4e;line-height: normal;font-weight: 500;}
.mobileNavWrapper .navbar-nav li .hasSub{position: absolute;right: 0;width: 45px;height: 41px;top: 0;z-index: 123;background: #e07e27;cursor: pointer;}
.mobileNavWrapper .navbar-nav li .hasSub:after{ position:absolute;     content: '';width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;left: 18px;top: 12px;transform: rotate(135deg);}

.mobileNavWrapper.showNav, .header.showNav, .pageContent.showNav { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); }
#mobileMenuButton{float: right;margin:0 0px 0;font-size: 25px;color: #fff;padding: 0;background:url(../images/menu.png) no-repeat;width: 36px;height: 36px;background-size: 36px;}
/* menu close */










.slider {position:relative;font-size: 20px;}
.slider .desc{max-width: 62%;}
.slider .carousel-item .carousel-caption{ color:#fff}
.slider .carousel-item h1{font-weight: bold;text-transform: uppercase;font-size: 70px;margin-bottom: 20px;text-shadow: 5px 5px 20px rgb(0 0 0 / 48%);}
.slider .carousel-item h2{font-weight: bold;font-size: 38px;margin-bottom: 20px;text-shadow: 5px 5px 20px rgb(0 0 0 / 48%);}
.slider .carousel-item p{text-shadow: 5px 5px 20px rgb(0 0 0 / 48%);}

.slider .carousel-item>img{ width:100%; height:auto; min-height:180px;}
.slider .carousel-item .btn{color: #fff;font-weight: 600;font-size: 24px;padding: 15px 34px;text-transform: uppercase;}
.slider .carousel-item .btn:hover{background:#fff;color: #000}






/* code of owl-carousel script  */
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-stage-outer.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-controls .owl-nav div, .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('owl-video-play.png') no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition-property: scale; transition-duration: 100ms; transition-timing-function: ease; }
.owl-carousel .owl-video-play-icon:hover { -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; transition-property: opacity; transition-duration: 400ms; transition-timing-function: ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; }
.owl-loaded { display: block; }
.owl-loading { opacity: 0; display: block; }
.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-item img { }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel .owl-item img.owl-lazy { opacity: 0; }
.owl-carousel .owl-item img {}
.owl-carousel .owl-stage.backfacefix .owl-item { -webkit-backface-visibility: hidden; }
.owl-rtl { direction: rtl; }
.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.animated { -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-animated-in { z-index: 0 }
.owl-animated-out { z-index: 1 }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
 @-webkit-keyframes fadeOut {  0% { opacity: 1;} 100% { opacity: 0;}}
 @keyframes fadeOut {  0% { opacity: 1;} 100% { opacity: 0;}}
.owl-theme .owl-controls { text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.owl-theme .owl-controls .owl-nav div { color: #FFF; display: inline-block; cursor: pointer; width:25px;height: 30px;position:relative}
.owl-theme .owl-controls .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-controls .owl-nav div:hover { text-decoration: none; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1;  *display: inline;}
.owl-theme .owl-dots .owl-dot span {  display: block; width: 10px; height: 10px; margin: 5px 2px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #9e9e9e;  }
.owl-theme .owl-dots .owl-dot.active span { background:#c8021b }
.owl-theme .owl-controls .owl-nav div {
    margin: 0px;
    position: absolute;
    top: 35%;
    width: 34px;
    height: 64px;
    background: url(../images/arrow-left.png) no-repeat center #fff;
}
.owl-theme .owl-controls .owl-nav .owl-prev{left:-15px}
.owl-theme .owl-controls .owl-nav .owl-next{ right:-15px;transform:rotate(180deg); -webkit-transform:rotate(180deg);} 
.owl-theme .owl-controls .owl-nav div:after{}
.owl-theme .owl-controls .owl-nav .owl-prev{}
@media(min-width:1300px){
.owl-theme .owl-controls .owl-nav .owl-prev{left:-50px}
.owl-theme .owl-controls .owl-nav .owl-next{ right:-50px;}
}
/* end code of owl-carousel script  */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(blank.gif);-webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: visible; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: visible !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0, 0, 0, 0.45); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent;  background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {/*background-image: url(fancybox_sprite@2x.png);background-size: 44px 152px;*/}
 #fancybox-loading div {
/*background-image: url(fancybox_loading@2x.gif);background-size: 24px 24px; */}
}
.shareThis { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9999; text-align:center; }
.shareThis .btn { margin:2px; }
.shareThis a { float:none!important; display:inline-block!important; }

/* end code of fancy lightbox */
.title-bg{}
.title-bg h2 {text-transform: uppercase;font-weight: 600}
.title-bg h2 strong{font-weight: inherit;background: #def3fc;padding: 5px;display:inline-block}
.midtitle{}
.midtitle h2{position: relative;padding-bottom: 15px;text-transform: uppercase;margin-bottom: 10px;font-weight: 600}
.midtitle h2:after{position: absolute;width: 245px;height: 5px;content: '';background: #5cc2f2;left: 0;right: 0;margin: 0 auto;bottom: 0}
.Welcome-text{}

.section-services{background: url(../images/service-bg.jpg)no-repeat center fixed;background-size: cover;}
.ourser{}
.ourser .box{
    padding: 20px;
    background: #fff;
    position: relative;margin: 15px 0;
}
.ourser .box:after{position: absolute;
    content: '';
    left: 5px;
    top: 5px;
    bottom: 5px;
    right: 5px;
    border: 1px solid #5cc2f2;}
.ourser .box .thumb{}
.ourser .box .thumb img{
    background: #191ca9;
    border-radius: 50%;
    margin: 0 auto; height:auto;
}
.ourser .box h3{
    font-size: 18px;
    margin-top: 15px;text-transform: uppercase;
}
.ourser .box p{}

.section-work{}
.section-work .item{position: relative;margin-top: 40px}
.section-work .item .stepicon img{
    border: 2px solid #5cc2f2;
    border-radius: 50%;
    margin: 0 auto;}
.section-work .item h3{font-size: 30px;
    font-weight: 600;
    color: #191ca9;
    margin-top: 10px;}
.section-work .item h5{font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;}
.section-work .item p{}

@media(min-width: 992px){
.section-work .item{padding: 0 5%;}
.section-work .item:not(:last-child):after{content: '';
    background: url(../images/turn-arrow.png)no-repeat;
    position: absolute;
    top: 20%;
    width: 133px;
    height: 46px;
    right: -50px;}
.section-work .item:nth-child(2):after{transform: rotateX(180deg);}
.section-about:before{position: absolute;content: '';right: 0;top: 0;width: 50%;bottom: 0;background: rgba(255,255,255,.5);}
}

.section-about{background: url(../images/about-bg.jpg)no-repeat center fixed;background-size: cover; position: relative;}
.section-about .container{position: relative;z-index: 1}
.section-about h3{
    border-left: 25px solid #43b0e3;
    font-size: 30px;
    margin-bottom: 20px;
    padding-left: 15px;
    font-weight: 600;
    text-transform: uppercase;
    }
.section-about img{margin-bottom: 10px;width: 100%; height:auto;}
.section-about p{font-weight: 500}

.section-advantage{background: url(../images/advantage-bg.jpg)no-repeat center fixed;background-size: cover;}
.section-advantage .midtitle h2{color: #fff}
.section-advantage .box{border: 4px solid #43b0e3;
    padding: 40px;
    position: relative;}
.section-advantage .box h3{color: #fff;}
.section-advantage .box p{color: #ccc;margin-bottom: 0}
.section-advantage .box .numbercount{position: absolute;
    width: 66px;
    height: 66px;
    background: #43b0e3;
    text-align: center;
    line-height: 66px;
    color: #fff;
    top: -35px;
    border-radius: 50%;
    font-size: 28px;}
.section-product{}
.section-product .midtitle h2:after{background: #191cab}
.section-product .item{margin-top: 30px}
.section-product .item h3{font-size: 20px;color: #191919;margin: 10px 0;font-weight: 600;}
.section-product .item p{}
.section-product .item img{}

.section-quote{background: #43b0e3;
    color: #fff;}
.section-quote h3{font-size: 36px;
    font-weight: 600;}
.section-quote h3 .btn{color: #fff;
    font-size: 36px;
    padding: 0px 14px;
    line-height: 49px;
    margin-left: 10px;
    font-weight: 600;}
    .section-quote h3 .btn:hover{color: #000;background: #fff;border-color: #fff}

.section-tech{background: url(../images/tech-bg.jpg) no-repeat center fixed;background-size: cover;}
.section-tech h2{font-weight: 600;}
.section-tech p{font-weight: 500;}
.section-tech .btn{font-size: 42px;
    font-weight: 600;
    background: #fff;
    padding: 4px 57px;
    border-radius: 35px;
    box-shadow: 0 10px 10px #898989;
    margin-top: 15px;}
.section-tech .btn i.fa{color: #191cab}
.happyclient{}
.happyclient .midtitle h2:after{background: #191cab}
.happyclient .item{margin-top: 2em;}
.happyclient .item .author{
   /* width: 179px;
    height: 179px;
    overflow: hidden;
    border-radius: 50%; */
    margin: 3em auto 0;
    border: 2px solid #43b0e3;
}
.happyclient .item .auth-name{font-size: 24px;
    font-weight: 600;
    color: #43b0e3;
    margin: 10px 0 5px;}
.happyclient .item p{
    font-size: 18px;
    font-style: italic;
    position: relative;
    padding-bottom: 20px;
    }
.happyclient .item p:before{position: absolute;content: url(../images/open-quote.png);top: -60px;left: -20px;}
.happyclient .item p:after{position: absolute;content: url(../images/close-quote.png);padding-right: 10px;margin-left: 10px;}
@media(min-width: 992px){
.happyclient .item {
    max-width: 970px;
    margin: 0 auto;
}
}

.section-contact{ position: relative; }
.section-contact{position: relative;}
.section-contact iframe{width: 100% !important;display: block;height: 700px !important;}
.section-contact .form-outer{position: absolute;top: 50px;width: 100%}
.section-contact .frmbox{max-width: 430px;background: #fff;box-shadow: 0 0 20px #a19a9a;margin-left: auto;border-radius: 4px}
.section-contact .frmbox h2{padding: 15px;
    background: #43b0e3;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;position: relative;}
.section-contact .frmbox h2:after{position: absolute;
    content: '';
    bottom: -16px;
    left: 20px;
    border-top: 16px solid #43b0e3;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;}
.section-contact .frmbox form{padding: 15px}
.section-contact .frmbox form .form-control{
    border-color: #000;
}
.section-contact .frmbox form textarea.form-control{
    height: 111px;
    resize: none;
}
.section-contact .frmbox form .btn{font-size: 24px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    padding: 4px 37px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #000;
    border-color: #000;}
.section-contact .frmbox form .btn:hover{background:transparent;color:#000;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{display:none !important}


#footer{font-size:16px;color: #fff;background: url(../images/footer-bg.jpg)no-repeat center fixed;background-size: cover;}
#footer a{color:#fff; }
#footer a:hover{color:#43b0e3 }
#footer h2{
    font-size: 48px;
    font-weight: bold;
    padding: 15px 0;
    border-top: 1px solid #726f6f;
    border-bottom: 1px solid #726f6f;
}
#footer h2 i.fa{color: #43b0e3}
#footer li {display: inline-block;}
#footer .ftrlink li:not(:Last-child):after{content: '::'}
#footer .ftrlink li a{
    padding: 2px 10px;
    text-transform: uppercase;
}
#footer .ftrcontact{
    padding: 2em 0;
    display: inline-block;
    margin-bottom: 0;
}
#footer .ftrcontact li{
    float: left;
    margin: 5px 40px;
    text-align: left;
    padding-left: 55px;
    position: relative;
    line-height: 1.4;
}
#footer .ftrcontact li:before{position: absolute;width: 43px;height: 43px;border-radius: 50%;font-family: 'FontAwesome';left: 0;top: 0;background: #cdcdd6;color: #000;text-align: center;line-height: 43px;font-size: 18px;}
.copyright{border-top: 1px solid #726f6f;padding-top: 3em;}
#toTop{background: #fff;border-radius: 50%;width: 50px;height: 50px;background-size: 50px;bottom:40px;position:fixed;right:40px;
    box-shadow: 5px 10px 30px #3B37350D;z-index:1234;cursor:pointer; opacity:.8; display:none;line-height: 50px;text-align: center;font-size: 30px}
#toTop:hover{opacity:1}

@media(min-width:768px){
}


.banner {
    text-align: center;
    background: #e8f9ff;
}
.banner h1{
        margin: 0;
    padding: 45px 0;
    font-weight: 600;
}

/* MEDIA QUERY */
@media(max-width:1300px){
    #header .container{ max-width:100%;}
	.slider .carousel-item h2{font-size:24px;}
.slider .carousel-item h1{font-size: 40px}
}

@media(max-width:1199px) and (min-width:991px){



}
@media(max-width:991px) and (min-width:768px){

}

@media(max-width:991px){
	slider{font-size:14px;}
.navbar ul>li> a{padding: 8px 5px;font-size: 10px;}
}
@media(max-width:767px){
    .hidden-xs{ display:none}
.text-xs-center{text-align:center!important}
.text-xs-center p{text-align:center!important}
h1,.h1,.slider .carousel-item h1{font-size:25px;}
.h2, h2,.section-about h3,.section-tech h2,#footer h2{font-size: 22px}
.h3, h3,.happyclient .item .auth-name{font-size:18px;}
.slider .desc {
    max-width: 100%;
}
.slider .carousel-item .btn,.happyclient .item p{font-size: 14px; padding: 10px 15px;}
	.slider .carousel-item h2{font-size:18px; margin-bottom:5px;}
	.slider .carousel-item p{font-weight:500; margin-bottom:10px;}
.ourser .box .thumb img,.section-work .item .stepicon img{width: 60px;}
.section-work .item h3 {
    font-size: 15px;}
    .section-work .item h5 {
    font-size: 14px;}
    .section-about h3{margin-bottom: 10px}
    .section-advantage .box{padding: 40px 20px 20px;margin-top: 40px;}
    .section-advantage .box p {text-align: left;
    line-height: 1.4;
}
.section-advantage .box .numbercount{width: 50px;
    height: 50px;
    line-height: 50px;
    top: -26px;
    font-size: 20px;}
.section-product .item img {
    width: 100%;
}
.section-product .item,.section-work .item {
    margin-top: 15px;
}
.section-quote h3{font-size: 20px}
.section-quote h3 .btn {font-size: 15px;
    padding: 8px 20px;
    margin-left: 0;
    margin-top: 5px;line-height: normal;}
    .section-tech .btn {
    font-size: 15px;
    padding: 7px 20px;
    margin-top: 0;
}
.happyclient .item p:after,.happyclient .item p:before{transform: scale(.5);}
.happyclient .item p:before {top: -30px;
    left: 0;
}
.happyclient .item .author {
    width: 100px;
    height: 100px;margin: 0em auto 0;}
    .owl-theme .owl-controls .owl-nav .owl-prev{left: 0}
    .owl-theme .owl-controls .owl-nav .owl-next{right: 0}
    .owl-theme .owl-controls .owl-nav div{width: 32px;
    height: 32px;
    background-size: 10px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 50%;
    top: 20%;}
#footer {
    font-size: 14px;}
    #footer .ftrcontact {
    padding: 5px 0 2em;}
    #footer h2{padding: 12px 0}
    .copyright{padding-top: 1em}
    #footer .ftrcontact li {margin: 10px 40px;}

}
@media(max-width:640px){
	.section-work .item p {line-height: normal;	font-size: 10px;margin-bottom: 10px;}
	#header .logo img{ width:250px}
}
@media(max-width:480px){
	.section-work .item h5 {font-size: 10px;margin-bottom: 5px;}
	.section-work .item h3 {font-size: 12px;margin: 5px 0;}
	.section-work .item p {line-height: normal;font-size: 10px;margin-bottom: 10px;}
	.slider .carousel-item h2{font-size:14px;}
	.slider .carousel-item p{line-height:normal;text-align:left; font-size:12px;}
	.slider .carousel-item .btn{font-size: 11px;
    padding: 5px 6px;}
}
@media(max-width:420px){


}