/* -----
author: Mohamed Poujul Ameen
website: mubetech.com
------*/

/* --- basic ---*/
body{font-family: 'Lato', sans-serif;background-color:#f7f6f6;}
a:hover{text-decoration:none;}
p{font-size:16px;color:#4e4e4e;}
h2 {font-size:48px; text-transform:uppercase; color:#007CC0}

/* ------------- Navigation ------------------------------*/
.navbar-brand {margin-top: 0.5rem;margin-bottom: 0.5rem;}
header.navbar {padding:0;}
.navbar-nav .nav-link {padding: 1rem; border-bottom: 3px solid rgba(0, 124, 192, 0);}
.navbar-nav .nav-item + .nav-item {margin-left:0;}
.bg-inverse {background-color:#76C5EE;}
.navbar-dark .navbar-nav .nav-link {color:rgb(39, 39, 39);text-transform: uppercase;border-right:1px solid rgb(67, 176, 233);}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link:focus, .navbar-dark .navbar-nav .active > .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:focus, .navbar-dark .navbar-nav .nav-link.active:hover, .navbar-dark .navbar-nav .nav-link.open, .navbar-dark .navbar-nav .nav-link.open:focus, .navbar-dark .navbar-nav .nav-link.open:hover, .navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover {color: #F3F3F3;
background-color: #00598a;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: #000;background-color: #76c5f0; }
 .navbar-dark .navbar-nav .nav-link:hover{border-bottom-color:rgba(0, 124, 192, 1)}
.navbar-dark .navbar-nav .nav-link:focus{border-bottom-color:#00598A}
.navbar-dark .navbar-nav .nav-item.btn-warning .nav-link{color:#333;}
.navbar-dark .navbar-nav .nav-item.btn-warning i {margin:0 10px;}
.navbar-nav .nav-item + .nav-item {position:relative;}
.dropdown-menu {margin:0;border:none;background-color:#00598a;}
.dropdown-item{color:#FFF}
/* ------------- Slider ------------------------------*/
.index-slider{float:left; width:100%;background:url(../images/slider.jpg) no-repeat right fixed; background-size:cover; padding:100px 0}
.index-slider.about{background:url(../images/slider-about.jpg) no-repeat center fixed; background-size:cover;}
.index-slider.service{background:url(../images/slider-service.jpg) no-repeat center fixed; background-size:cover;}
.index-slider.contact{background:url(../images/slider-contact.jpg) no-repeat center fixed; background-size:cover;}
.index-slider.downloads{background:url(../images/slider-downloads.jpg) no-repeat bottom right fixed; background-size:cover;}
.index-slider.product{background:url(../images/slider-product.jpg) no-repeat bottom right fixed; background-size:cover;}
.index-slider h2{ font-size:54px;font-weight:900; color:#FFF; margin-bottom:30px}
.index-slider h3{ font-size:30px;color:#fed501; line-height:1.4; text-transform:uppercase;margin-bottom:70px;}
.get-strat, .know-more{float:left;display:inline-block; padding:15px 25px; border:2px solid; font-size:18px;font-weight:400; }
.get-strat{margin-right:30px;color:#fed501; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.get-strat:hover, .get-strat:focus{background-color:#fed501}
.know-more{color:#FFF; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.know-more:hover{background-color:#FFF;}

.arrow_bullet{list-style-image:url(../images/bullet.gif);}
.arrow_bullet li {font-size: 16px;padding: 5px 10px;}

/* ------------- Call to action message ------------------------------*/
.in-msg{float:left; width:100%; list-style:none; padding:30px 0}
.in-msg li{background:url(../images/msg-divider.png) no-repeat center right; background-size:contain;}
.in-msg li:last-child{background:none;}
.in-msg img{max-width:100%}

/* ------------- why us ------------------------------*/
.index-whyus{float:left; width:100%; overflow:hidden; position:relative;}
.index-whyus .whyus-content{padding:10%;float: right;}
.index-whyus .whyus-content h2{ font-size:36px; color:#323331; font-weight:900;margin-bottom: 15px;}
.index-whyus .whyus-content p{font-size:16px; color:#323331; text-align:justify}
.index-whyus .whyus-content img{float:right; position:absolute; right:0; top:0; z-index:-1;min-height: 100%;}
.why-reasons{padding:0; list-style:none; margin-bottom:0}
.why-reasons li{ display:block;width: 100%;float: left;}
.why-reasons li:nth-child(odd){background-color:#525251}
.why-reasons li:nth-child(even){background-color:#616160}
.why-reasons li .why-r-img,.why-reasons li .why-r-content{ display:table-cell; vertical-align:middle; padding:11px 10px 10px}
.why-reasons li .why-r-img{width:30%}
.why-reasons li .why-r{padding: 10px 2%; display:table;}
.why-reasons li .why-r-content{ color:#7ccfff}
.why-reasons li .why-r-content p{ font-size:14px; color:#fff;margin-bottom: 5px;}
.why-reasons li .why-r-content a{color: rgb(124, 207, 255);font-size: 14px;}
.why-reasons li .why-r-content a:hover{color: #FFF;}

.index-service{float:left; width:100%; background-color:#FFF; box-shadow:0 5px 5px rgba(0,0,0,0.2) }
.index-service h2{ text-align:center; padding:40px 0 25px; color:#525251; font-size:42px; text-transform:uppercase; font-weight:700}
.index-service.downloads{padding:20px 0}
.index-service.downloads h4{text-align:center;color:#e67817;font-weight:bold;}

.download_listings{float:left; width:100%; padding:50px 0}
.download_listings a{font-size: 21px;margin: 30px 0px 15px 10%;display: inline-block;font-weight: bold;float: left;clear: left;}
.download_listings a img {margin-right:15px}
.download_listings h3{color: rgb(255, 255, 255);font-size: 30px;font-weight: bold;text-transform: uppercase;background-color: #76C5EE;padding: 15px 10px;}
.margin-top-30{margin-top:30px}
.service-slider{float:left; width:100%; padding:50px 0;}
.owl-carousel .owl-item img {width: auto !important;margin: auto !important;max-width: 100%;}
.owl-item {-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1.0, 1.0);}
.owl-nav{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: auto;}
.owl-nav .owl-prev{width:46px; height:50px;left: 50px;bottom: auto;position: absolute;margin: auto;top: 50%; text-indent:-9999px; background:url(../images/arrow-left.png) no-repeat; z-index:999;}
.owl-nav .owl-next{width:46px; height:50px;right: 50px;bottom: auto;position: absolute;margin: auto;top: 50%; text-indent:-9999px; background:url(../images/arrow-right.png) no-repeat; z-index:999}
.owl-carousel .owl-stage-outer {z-index: 99;}

.call-start{float:left;width:100%; background-color:#76c5ee; text-align:center; padding:20px 0}
.call-start a{ font-size:33px; color:#464645; padding:15px 50px; display:inline-block; border:2px solid; -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.call-start a:hover{color:#fed501;background-color:#333; }
.call-start h6{font-size:27px; text-transform:uppercase; padding:15px 0 0}

.index-pricing{float:left; width:100%}
.index-pricing h5{ font-size:35px; color:#464645; text-align:center; padding:20px 0; text-transform:uppercase}

.index-aboutus{float:left; width:100%; padding:60px 0;}
.index-aboutus h2{font-size:34px; color:#007CC0; margin-top:40px}
.payment-mode{float:left; width:100%; padding:20px 0; text-align:center; max-width:100%}
.submit-a-trail{float:left; width:100%; padding:20px 0; text-align:center; max-width:100%; background-color:#fed501;}
.submit-a-trail a{font-size: 24px;padding: 16px 30px;display: inline-block;border: 2px solid;color: #464645; -webkit-transition: all 0.2s ease-out;   -moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.submit-a-trail a:hover{color:#fed501;background-color:#333; }

.footer-row1{float:left;width:100%;padding:20px 0;max-width:100%;background-color:#212121;}
.footer-row2{float:left;width:100%;padding:20px 0;max-width:100%;background-color:#2b2b2b;}
.footer-row3{float:left;width:100%;padding:20px 0;text-align:center;max-width:100%;background-color:#2b2b2b; color:#606060}
.footer-row2 a{color:#696969; text-transform:uppercase; margin-bottom:10px; display:inline-block}
.footer-row2 a:hover{color:#fed501;}
.foot-nav-menu{display:block; width:100%; list-style:none; padding:0}
.foot-nav-menu li{display:block; text-align:center;text-align:left;}
.footer-row3 a{color:#606060}
.footer-row3 a:hover{color:#fed501; text-decoration:underline}
.foot-fin-menu{display:block; width:100%; list-style:none; padding:0}
.foot-fin-menu li{display:inline-block; text-align:center; padding:0px 10px;}
.reachus{ font-size:14px; color:#696969; text-decoration:underline; margin-bottom:20px}
.s-mail{ font-size:14px; color:#999999; font-weight:700}
.s-number{ font-size:14px; color:#999999; font-weight:700}
.s-number img,.s-mail img{ margin-right:8px}
.social-icon{display:block; width:100%; list-style:none; padding:0; margin-top:20px}
.social-icon li{display:inline-block; text-align:center; padding:0px 0px;}

.form-control{border-radius:0; background-color:#262626; border:none;}
.btn-primary{ background-color:#5e5e5e; border-color:transparent}
.btn-primary:hover {background-color: #fed501; color:#333}
.btn-primary.focus, .btn-primary:focus {background-color:#fed501; color:#333}

.portfolio-cat-img{overflow:hidden; position:relative}
.portfolio-cat-img:before {content: "";float: left;display: inline-block;width: 100%;height: 100%;background:RGBA(118, 197, 238, 0.8);z-index: 99;position: absolute;left: 0;right: 0;top: -600px;bottom: 0;margin: auto;transition: all 0.3s;}
.portfolio-cat-img:hover:before , .portfolio-cat-img:hover::after {top: 0;}
.portfolio-cat-img::after {content: '\f0c1';font-family: FontAwesome;font-weight: normal;font-style: normal;margin: auto;text-decoration: none; font-size: 60px;position: absolute;z-index: 111;top: 129%;left: 0;right: 0;bottom: 0;transition: all 0.3s;background-color: #FFF;width: 120px;   height: 120px;border-radius: 50%;color:#007CC0;line-height: 2.1;box-shadow: 0px 0px 40px rgba(0,0,0,0.6);text-align: center;}

.contact-content{float:left; width:100%; padding:50px 0}
.contact_section {padding: 20px 30px;background-color: #FFF;border: 1px solid #d8d8d8;}
.contact_section h3{margin-bottom: 30px;text-transform: uppercase;font-weight: bold;color: rgb(43, 123, 191);}
.contact_section .form-control {border-radius: 0;background-color: #EAEAEA;}
.reach-us{padding-left: 6%;}
.reach-us h3{margin:20px 0;color:#2B7BBF;font-weight:bold;text-transform:uppercase;}
.reach-us .social-icon{ margin-top:0;}
.address_ico, .phone_ico, .mail_ico {padding-left: 30px;position: relative;}
.address_ico:before,.phone_ico:before, .mail_ico:before {font-family: FontAwesome;font-weight: normal;font-style: normal;display: inline-block;  text-decoration: inherit;position:absolute;left:0}
.address_ico:before{content: "\f041";}
.phone_ico:before{content: "\f095";}
.mail_ico:before {content: "\f0e0";}
.mail_ico{margin-bottom:35px}
.contact_section .ani_btn.ani_btn-1{ border:none}
.contact_section .ani_btn.ani_btn-1:hover{color:#007CC0}
.p2out{float:left; width:100%; padding:50px 0}
.p2out h5 {color:#E67817; line-height:1.5}
.bg-faded {background-color: #FFFFFF;}
.index-aboutus h2 {margin-top: 0;}
.navbar-toggler{margin-top:40px}
.down_trail{background-color: rgb(118, 197, 238);padding: 10px 30px;margin: 15px 20px;display: inline-block;color: #FFF;}
.down_trail:hover{background-color: rgb(0, 89, 138); color:#FFF}
@media only screen and (max-width : 1400px) {
.index-whyus .whyus-content {padding: 7%;}
}

@media only screen and (max-width : 1200px) {
.navbar-nav > li > a {font-size: 13px;}
}

@media only screen and (max-width : 992px) {
.call-start h6{font-size: 20px;}
.reach-us{padding-left:15px;}
.footer-row2 a{text-transform:initial;font-size:14px;}
.call-start a {font-size: 18px;}
.owl-nav {display:none;}
.navbar-dark .navbar-nav .nav-link{ border-right:none;}
.navbar-nav .nav-item {float: left;width: 100%;border-right: none;}
.nav.navbar-nav.pull-right{ width:100%}
.open>.dropdown-menu {display: block;position: relative;width: 100%;border-radius: 0;}
}

@media only screen and (max-width : 768px) {
.index-aboutus {padding: 60px 0 60px;}
}

@media only screen and (max-width : 767px) {
.index-slider h2 {font-size: 20px;margin-bottom: 10px;}
.index-slider h3 {font-size: 15px;margin-bottom: 15px;}
.get-strat, .know-more {padding: 10px 15px;border: 1px solid;font-size: 14px;}
.portfolio-cat-img:before{top: -900px;}
.index-whyus .whyus-content h2 {font-size: 24px;}
.index-whyus .whyus-content img{min-height: 850px;}
.index-service h2{font-size: 26px;font-weight: 800}
.footer-row1{display:none}
.call-start h6 {font-size: 14px;}
h2 { font-size: 22px;}
.download_listings h3 {font-size: 22px;}
.download_listings .col-sm-12 {float: left;width: 100%;}
.download_listings a {font-size: 14px;margin: 15px 0px 15px 0;}
.download_listings a img {margin-right: 10px;max-width: 35px;}
}

@media only screen and (max-width : 320px) {
        
}


















* {
  box-sizing: inherit;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.ani_btn {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 45px;
  margin: 0 auto 2em;
  max-width: 160px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
  text-align:center
}
@media (min-width: 400px) {
  .ani_btn {
    display: inline-block;
  }
  .ani_btn:nth-of-type(even) {
    margin-right: 0;
  }
}
@media (min-width: 600px) {
  .ani_btn:nth-of-type(even) {
    margin-right: 2.5em;
  }
  .ani_btn:nth-of-type(5) {
    margin-right: 0;
  }
}
.ani_btn:hover {
  text-decoration: none;
}

.ani_btn-1 {
  background: #007cc0;
  font-weight: 100;
}
.ani_btn-1 svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ani_btn-1 rect {
  fill: none;
  stroke: #007cc0;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
}

.ani_btn-1:hover {
  background: rgba(225, 51, 45, 0);
  font-weight: 900;
  letter-spacing: 1px;
}
.ani_btn-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

.download_ani{max-width:250px}
.download_ani.ani_btn-1:hover rect {stroke-dasharray: 15, 20;}