.submit-btn .btn@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

body { font-family: 'Roboto', sans-serif; font-size: 18px;  color: #000; font-weight: 300; }

p{line-height: 1.42;}
a, a:hover, a:active, a:focus{ color: #23b898; text-decoration: none;}

.form-control { height: 50px; -webkit-appearance: none;-moz-appearance: none; appearance: none; border-radius: 0; box-shadow: none; font-size: 16px; resize: none;}
.form-control:focus { box-shadow: none; border-color: #105ead;  }

select.form-control{ background-image: url(../images/select-icon.png); background-repeat: no-repeat; background-position: 97% 50%;  }

.btn-cust { background: #23b898; border-radius: 0; color: #fff; padding: 10px 20px; font-weight: 400; font-size: 18px;}
.btn-cust:hover { color: #fff; }
.btn-cust:focus { box-shadow: none; border-color: transparent; outline: none; }

h2.page-title { position: relative; margin: 30px 0 41px; padding-left: 17px; font-size: 35px; color: #1b1b1b; font-weight: 400; line-height: 30px;}
h2.page-title span{ color: #8e8e8e; font-size: 18px; display: block; margin-bottom: 13px;}
h2.page-title:after {  content: ""; position: absolute; background: #105ead; bottom: 0px; left: 0; top: 0; margin: 0 auto; width: 3px; height: 30px;  }
.aa1 {color: #fff; background-color: #3cb0e9; padding: 20px; }
.aa1:hover { background-color: #1c65aa; }
.owl-dots { text-align: center; }
.owl-dots .owl-dot{ width: 15px; height: 15px; border:1px solid #c5c3c3; border-radius: 100%; display: inline-block;  margin: 5px;}
.owl-dots .owl-dot.active{ background: #23b898; border:0; }
.line-btn { position: relative; background: none; box-shadow: none; outline: none; border-left: 0; border-right: 0; color: #23b898;  font-style: italic; display: inline-block; padding: 10px 20px; border-top:1px solid #23b898;  border-bottom:1px solid #23b898; font-size: 16px; text-align: center; margin-top: 10px;}
.line-btn img{ margin-left: 5px;  }
.line-btn:before { content: ""; position: absolute; left: 0; top:0; background: #23b898; width: 1px; height: 7px;  transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; }
.line-btn:after { content: ""; position: absolute; right: 0; bottom:0; background: #23b898; width: 1px; height: 7px;  transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }


.owl-carousel .owl-nav { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); color: #fff; font-size: 35px;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; left: 2%; right: 0;transform: translateY(-50%); border-radius: 100%; border: 1px solid #fff; width: 52px; height: 52px; text-align: center; }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background: #fff; color: #000; }
.owl-carousel .owl-nav .owl-next { right: 2%; left: initial; }


#mln-top { position: fixed; right: 30px; bottom: 30px; background: #23b898; border-radius: 3px; width: 40px; height: 40px; box-shadow: 0px 0px 7px 1px #666;}
#mln-top a { width: 40px; height: 40px; float: left; position: relative; background:#105ead; }
#mln-top a:before { content: ''; position: absolute; left: 50%; top: 50%; border: solid 5px rgba(0, 0, 0, 0); border-bottom: solid 5px #fff; border-top: 0px; margin-left: -5px; margin-top: -3px; }
#mln-top a:after { content: ''; position: absolute; left: 50%; top: 50%; border: solid 5px rgba(0, 0, 0, 0); border-bottom: solid 5px #23b898; border-top: 0px; margin-left: -5px; margin-top: -1px; }


.modal-content { border-radius: 0; border: 0; }
.modal-header { background: #23b898; color: #fff; text-align: center;}
.modal-dialog .modal-header button.close { opacity: 1; color: #fff; background: #1f8a73; position: absolute; right: 0px; padding: 13px; top: 0; margin: 0; font-size: 29px; }
.modal-title { line-height: 1; font-size: 25px; }
.modal-dialog .modal-header .close:hover, .modal-dialog .modal-header .close:focus { color: #fff; }

/* header */
header .top-bar{ background: #363636; width: 100%; font-size: 14px; }
header .top-bar a{ color: #fff; font-weight:400; }
header .top-bar ul.social {  margin: 0; line-height: 10px; float: right; }
header .top-bar ul.social li:last-child{ padding-right: 0; }
header .top-bar ul.social li{ padding: 17px 10px; }
header .top-bar ul.social li a{ font-size: 16px; }
header .top-bar ul.social li a:hover{color:#00abe6; }
header .top-bar ul.contact-info {margin: 0; line-height: 10px; }
header .top-bar ul.contact-info li { padding: 0 15px; border-right: 1px solid #a0a0a0; }
header .top-bar ul.contact-info li:first-child{ padding-left: 0; }
header .top-bar ul.contact-info li:last-child { border: 0; }
header .top-bar ul.contact-info li i{ margin-right: 10px; }
header .top-bar ul.contact-info li a{ padding: 18px 0; display: inline-block;}

header .navbar{ border:0; min-height: auto; margin-bottom: 0px; background: #fff; border-radius: 0; }
header .navbar .navbar-brand{ height: auto; padding: 10px 15px; }
header .navbar .nav > li:last-child, header .navbar .nav > li:last-child > a { padding-right: 0 !important; }
header .navbar .nav > li > a { padding: 37px 20px; color: #797979; font-size: 16px; text-transform: uppercase; position: relative; font-weight:400; letter-spacing:1px; transition: all 0.25s; }
header .navbar.navbar-default .navbar-nav > .active > a,
header .navbar.navbar-default .navbar-nav > .active > a:hover,
header .navbar.navbar-default .navbar-nav > .active > a:focus{ background: transparent; color:#000; }
header .navbar.navbar-default .navbar-nav > li > a:hover,
header .navbar.navbar-default .navbar-nav > li > a:focus { color: #000; background-color: transparent;}

/* sticky header */
header .sticky-wrapper.is-sticky{z-index:999; position:relative; }
header .sticky-wrapper.is-sticky .navbar{box-shadow:0 0 10px rgba(0,0,0,0.5); transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s ; }
header .navbar-header a.navbar-brand{transition: width 0.25s; -moz-transition:width 0.25s; -ms-transition:width 0.25s; -o-transition:width 0.25s; -webkit-transition:width 0.25s;  width: 221px; }
header .sticky-wrapper.is-sticky .navbar-header a.navbar-brand{width: 175px; }
header .sticky-wrapper.is-sticky .navbar .nav > li > a{padding: 28px 20px;}

/* Banner */
section.banner { position: relative; color: #fff; clear: both; }
section.banner .item:before { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
section.banner .testibox{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center;}
section.banner h3{ color: #fff;  font-size: 50px; font-weight: 400; letter-spacing: 7px; margin: 0 0 30px; }
section.banner p{ font-size: 20px; line-height:31px; font-weight:400; padding: 0 22%; letter-spacing: 1px;}

/* About Us */

section.about-us{ background: #f5f5f5;  }
section.about-us .img { margin-top: 30px; }
section.about-us .img img{ margin: 0 auto;}
section.about-us .content{ padding-right: 30px;  font-size: 18px; font-weight: 300; }
section.about-us .content p{line-height:30px; }
section.about-us .content p.bold{ font-weight: 400; margin-bottom: 30px; }

/* our service */
section.our-service { padding-bottom: 30px; }
section.our-service .service-box{position: relative; overflow: hidden; }
section.our-service .service-box img{ position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
section.our-service .service-box .caption{padding: 15px; color: #fff; font-size: 16px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

section.our-service .service-box:hover .caption::before, section.our-service .service-box:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
section.our-service .service-box .caption::before, section.our-service .service-box p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
section.our-service .service-box .caption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 75%); content: ''; opacity: 1; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,0,0); }
section.our-service .service-box h4 {color: #fff; position: absolute; top: 77%; left: 0; width: 100%; padding: 0 20px 16px 20px; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); font-weight:400; text-transform:uppercase; }
section.our-service .service-box h4:after{background:#105ead; position:absolute; left:20px; bottom:0; content:""; width:50px; height:4px; content:"";  }
section.our-service .service-box:hover h4 { color: #fff; -webkit-transform: translate3d(0,-52%,0) translate3d(0,-62px,0); transform: translate3d(0,-52%,0) translate3d(0,-62px,0); }
section.our-service .service-box p { position: absolute; bottom: 0; left: 0; padding: 15px 20px 0px 20px; width: 100%; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
section.our-service .service-box .caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
section.our-service .service-box .caption a{ display: inline-block; width: 100%; text-align: right; color:#ffffff; }
section.our-service .service-box .caption a:hover{text-decoration:underline; }

.service-list{padding:40px 0 0 0; }

/* write us */
section.home-write{background:url(../images/write-us-bg.jpg) center top no-repeat; background-size:cover; min-height:426px;}
section.home-write .write-text{padding:22px 70px 22px 0;}
section.home-write .write-text h2.page-title{color:#ffffff; }
section.home-write .write-text h2.page-title::after{background:#ffffff; }
section.home-write .write-text p{font-size:18px; line-height:30px; color:#ffffff; font-weight:300; }
section.home-write .write-form{background:rgba(16,94,173,0.9); padding:40px 100px; min-height:426px; }
section.home-write .write-form input.form-control{background:#ffffff; height:36px; font-size:14px; line-height:1; color:#797979; font-weight:300; border-radius:5px; padding:0 16px 0 28px; }
section.home-write .write-form textarea.form-control{background:#ffffff; font-size:14px; color:#797979; font-weight:300; border-radius:5px; height:144px; padding:7px 16px 7px 28px; }
section.home-write .write-form .form-group{position:relative; margin-bottom:26px; }
section.home-write .write-form .form-group .form-icon{position:absolute; left:9px; top:8px; font-size:14px; color:#797979; }
.submit-btn{padding:2px 0 0 0; }
.submit-btn .btn {
    font-size: 16px;
    text-transform: uppercase;
    color: #185fa6;
    font-weight: 300;
    background: #ffffff;
    height: 36px;
    border-radius: 18px;
    padding: 0 20px 0 28px;
    border: none;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    margin-top: 20px;
}
.submit-btn .btn i{margin:0 0 0 7px; }
.submit-btn .btn:hover{background:#000000; color:#ffffff; }

/* testimonial */
section.testimonial { background: #f5f5f5; padding:0 0 15px 0; }
section.testimonial h2.page-title{ color: #000000; }
section.testimonial h2.page-title::after{background:#10559d; }
section.testimonial p{line-height: 30px;}
section.testimonial #testimonial{padding:65px 0  0; }
section.testimonial .testi-box{padding:0 0 65px 0; }
section.testimonial .testi-img{width:133px; }
section.testimonial .testi-img img{border-radius:50%; border:3px solid #175ea6; }
section.testimonial .testi-text{overflow:hidden; padding:2px 0 0 22px; }
section.testimonial .testi-text h3{margin:0; font-size:18px; line-height:24px; color:#175fa6; font-weight:400; padding-bottom:6px; }
section.testimonial .testi-text h3 strong{font-weight:400; color:#000000; }
section.testimonial .testi-text p{line-height:30px; color:#010101; font-weight:300; }
section.testimonial .owl-dots .owl-dot{background:none; height:10px; width:36px; border-radius:5px; border:1px solid #175ba1; margin:0 5px; vertical-align:top; }
section.testimonial .owl-dots .owl-dot.active{background:#175ba1; }

/*footer*/
footer{background:#000000; }
footer .inner-footer{padding:50px 0; }
footer .footer-logo img{display:inline-block; vertical-align:top; }
footer .mid-foot{padding:30px 0 0 0; }
footer .mid-foot h3{margin:0; font-size:18px; line-height:1; color:#ffffff; text-transform:uppercase; font-weight:400; padding-bottom:18px; }
footer .mid-foot p{margin:0; font-size:16px; line-height:26px; color:#ffffff; font-weight:400; }
footer .mid-foot p a{color:#ffffff; }
footer .mid-foot p a:hover{text-decoration:underline; }
footer .foot-box{background:url(../images/footer-icon1.png) center 0 no-repeat; padding:60px 0 0 0;  }
footer .foot-call{background:url(../images/footer-icon2.png) center 0 no-repeat;}
footer .foot-email{background:url(../images/footer-icon3.png) center 0 no-repeat;}
footer .foot-social{background:url(../images/footer-icon4.png) center 0 no-repeat;}
footer .foot-box .list-inline{padding:5px 0 0 0; }
footer .foot-box .list-inline > li{font-size:20px; padding:0 6px; }
footer .foot-box .list-inline > li a{color:#ffffff; }
footer .foot-box .list-inline > li a:hover{color:#00abe6; }
footer .foot-box .list-inline > li:first-child{padding-right:8px; }
footer .copy-right{background:#ffffff; padding:9px 0; }
footer .copy-right p{margin: 0; font-size: 14px; line-height: 22px; color: #797979; font-weight: 400; }
footer .copy-right p a{color: #797979; }
footer .copy-right p a:hover{color: #000000; }

/* service modal */
.modal-dialog{width:800px; margin:60px auto; }
.modal-header{padding:0; }
.modal-dialog .modal-header button.close{padding:0; height:40px; width:40px; top:-40px; z-index:99; background:#105ead; }
.modal-dialog .modal-header button.close:hover{background:#000000; }
.modal-body{padding:35px; }
.service-img{float:right; margin:0 0 20px 40px; }
.service-modal h2.page-title{font-size:30px; line-height:34px; color:#000000; font-weight:400; margin:0 0 22px 0; }
.service-modal p{margin:0; font-size:16px; line-height:24px; color:#000000; font-weight:300; padding-bottom:22px;  }
.service-modal p:last-child{padding-bottom:0; }

/**/
.write-form .submit-btn .btn{float: left;}
.write-form #loading-image{float: left; margin: 4px 0 0 12px; }
.write-form #loading-image img{max-width: 100%; width: 28px; }
.write-form span.info{position: absolute; left: 0; bottom: -22px;}
.write-form #mail-status{float: left; padding: 7px 0 0 22px;}
.write-form #mail-status p.Error{color: #FF6600; }
.write-form #mail-status p.success{color: #ffffff; }
.ctrl1{border-radius: 5px 0px 0px 5px !important;}
p.footertime{color:#ffffff; padding-top:17px;}