@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);
::-webkit-input-placeholder {
   color: #636363;
   opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
   color: #636363;
   opacity:1;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #636363; 
   opacity:1;
}

:-ms-input-placeholder {  
   color:#636363;
   opacity:1;  
}
.no-top-padding{ padding-top:0px !important;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent;}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; }
.top-header{ padding:10px 0px; background: #092942;}
.logo_main{ float:left;padding-right: 50px;}
.top_connect{ float:left; font-weight:400;}
.top_connect p{ border-right:solid 2px #c0c0c0; line-height:22px; padding:0px 15px; float:left; color:#1c3f93; font-size:14px;}
.top_connect p i{ margin-right:8px; padding-top:5px;color: #fff;font-size: 15px;}
.top_connect p:last-child{ border-right:none;}
.top_connect p:nth-child(2){margin-top:0px;}
.top_connect p:nth-child(2) img{margin-top:8px;}
.top_connect p:nth-child(3){margin-top:0px;}
.top_connect p { display:inline-block; vertical-align:top; color:#000; margin-bottom: 0;    font-size: 15px;
   }

.top_connect p  a{ color:#fff;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6  {
   font-family: 'Raleway', sans-serif !important;
}
ul.heade-link li {
    display: inline-block;
    padding: 0px 5px;
}
ul.heade-link li a {
    font-size: 15px;
    color: #fff;
    line-height: 18px;
    margin-bottom: 0;
}
ul.heade-link{
    float: right;
    margin-bottom: 0px;
}
/*quote-btn{
  float: right;
}*/ul.quote-btn {
    float: right;
}
ul.heade-link.wow.zoomIn li a i {
  border: solid 2px #eee;
  border-radius: 50%;

  width: 32px;
  height: 32px;
  line-height: 28px;
  font-size: 13px;
  text-align: center;
}
.bttn {
    /* border-radius: 4px; */
   background: #ff5a55;
       border: none;
    color: #ffffff;
    text-align: center;
    text-transform: capitalize;
    font-size: 16px;
    padding: 12px 30px;
    transition: all 0.4s;
    cursor: pointer;
    transition: 2s ease-out;
    display: inline-block;
    font-weight: 700;
  }
  .bttn:hover {
    color: #fff;
    background: #092942;
    transition: 2s ease-out;
  }
.navigation{ width:100%; position:absolute; z-index:9;}
.navigation #cssmenu{ background:#3077af; padding:10px 20px; }
/*.navigation #cssmenu ul{ border:solid 1px #ff8c8c;}*/
.navigation #cssmenu ul ul{ border:none;}
.navigation #cssmenu ul ul li{ /*border-bottom:solid 1px #ff8c8c;*/}
.navigation.sticky {
    position: fixed;
	background:#3077af;transition: all 0.4s ease;
    top: 0;
    z-index: 9999;
}
.banner-overlay {
        background: rgba(13, 11, 11, 0.43);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.banner-txt {
  position: absolute;
  text-align: left;
  top: 33%;
  width: 100%;
  z-index: 9999;
   
}
.caption{
  width: 55%;
}
.banner-txt h2{ color:#fff; font-size:45px; font-weight:700;line-height: 1.2;display:block; font-size:43px;font-family: 'Raleway', sans-serif;}
.banner-txt p{     color: #fff;
    font-size: 17px;
    /* line-height: 26px; */
    width: 80%;
    margin-bottom: 25px;
    line-height: 1.5;}

.banner-txt .hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.banner-txt .hvr-icon-forward:before {
  *content: "\f0a9";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.welcome{ padding:50px 0px 0px 0px;}
.welcome h1{ float:left; text-align:right; width:340px; border-right:solid 3px #3077af; padding-right:40px; font-size:30px; line-height:34px;}
.welcome p{ padding-left:40px; float:left; display:inline-block; width:830px; margin-bottom:0px;}
.services{padding:50px 0px;}
.services .ser-box{ width:550px; float:left; margin-right:60px; margin-bottom:45px;}
.services .ser-box-in{ width:452px; background:#fbfbfb; border:solid 1px #e2e2e2; padding:30px 25px 30px 80px; color:#000; position:relative; float:right;}
.services .ser-box-in:hover h2, .services .ser-box-in:hover p{ color:#fff;}
.services .ser-box-in:hover{ background:#3077af;color:#fff;-webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;}
.services .ser-box-in:hover img{ border:solid 1px #3077af; border-radius:50%;-webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;}
.services .ser-box-in img{ position:absolute; left:-22%; border:solid 1px #d1d0d0; top:12.5%; width:auto !important;}
.services .ser-box-in h2{ display:block; margin-bottom:0px; color:#000; font-size:18px;}
.services .ser-box-in h2 span{ width:56px; height:3px; margin:15px 0px; background:#3077af; display:block;}
.services .ser-box-in:hover span, .services .ser-box-in:hover a{ background:#fff; color:#3077af;}
.services .ser-box-in p{ color:#000; margin-bottom:12px;}
.services .ser-box-in a{ border-radius:4px; background:#3077af; padding:8px 15px; color:#fff; font-size:14px; float:right;}
.services .ser-box:nth-child(2n){ margin-right:0px;}
.services .owl-theme .owl-controls .owl-buttons div{ border-radius:0px; opacity:9; width:37px; height:33px; font-size:0px;}
.services .owl-buttons .owl-prev{ background:url(../img/left-arrow.png) no-repeat !important; }
.services .owl-buttons .owl-next{ background:url(../img/right-arrow.png) no-repeat !important; }
.services .owl-theme .owl-controls{ margin-top:0px;}
.owl-controls{ display:block !important;}
.owl-controls .owl-pagination{ display:none;}
.who-we{ background:#313c43 url(../img/who-we.jpg)  no-repeat scroll 100% 0 / cover ; min-height:550px;}
.left-column{ width:50%; float:left;min-height:550px;}
.right-column{ float: right; position: relative; padding:40px 40px; width:50%;}
.who-we h1{ display:block; margin-bottom:0px; color:#fff; font-size:30px;}
.who-we h1 span{ width:56px; height:3px; margin:15px 0px 30px 0px; background:#3077af; display:block;}
.who-we p{ color:#fff;}
.who-we a{ font-size:14px; color:#3077af; float:right; display:block; margin-bottom:50px;}
.who-we-box{ width:240px; float:left; position:relative; min-height:75px; padding:15px 0px 0px 0px;}
.right-column .who-we-box:nth-child(2n+1){ padding-left:30px;}
.right-column .who-we-box:nth-child(2n+1):after{border-right:none;}
.right-column .who-we-box:nth-child(3n+2):before, .right-column .who-we-box:nth-child(4n+1):before{border-bottom:none;}
.right-column .who-we-box:nth-child(2n+1):before{ left:20px}
.who-we-box:before {
    border-bottom:dashed 2px #485056;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
	bottom:0px;
	left:0px;
    vertical-align: middle;
    width: 90%;
}
.who-we-box:after {
    border-right:dashed 2px #485056;
    content: "";
    display: inline-block;
    height:70%;
    position: absolute;
	right:0px;
	top:10px;
    vertical-align: middle;
    width: 1px;
}
.who-we-box span{ float:left; display:inline-block;}
.who-we-box h3{ color:#fff; font-size:18px; display:inline-block; padding:15px 0px 0px 15px;}
.latest-news{ padding:50px 0px;}
.latest-news h1{ display:block; margin-bottom:0px; color:#000; font-size:30px;}
.latest-news h1 span{ width:56px; height:3px; margin:15px 0px 40px 0px; background:#3077af; display:block;}
.news-box{ width:370px; float:left; margin-right:30px; border:solid 1px #dedcdc; position:relative;}
.news-box:last-child{ margin-right:0px;}
.news-box .news-in{ padding:20px;}
.news-box:hover h4{ color:#3077af;}
.news-box .tag{ position:absolute; background:#3077af; font-size:14px; color:#fff; padding:5px 10px; top:53%;}
.news-in h4{ font-size:18px; font-weight:bold; margin-bottom:20px;}
.short-contact{ background:#3077af; padding:30px 0px; color:#fff;}
.short-contact h3{ font-size:30px; font-weight: 500; display:inline-block; padding-top:10px;}
.short-contact .hvr-icon-forward span{ margin-right:10px; padding-right:15px;font-family: 'Open Sans', sans-serif;}
.short-contact a{ background:#313c43; color:#fff; padding:15px 30px;border-radius: 3px; float:right; vertical-align:middle;}
.short-contact .hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.short-contact .hvr-icon-forward:before {
  *content: "\f0a9";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.upper-footer{padding: 60px 0px 40px;background: #092942 url(../img/footer-bg.png);background: #092942 url(../img/footer-bg1.png);}
.upper-footer h3{ display:block; margin-bottom:0px;    color: #d2d2d2; font-size:24px; font-weight:500;}
.upper-footer h3 span{ width:56px; height:3px; margin:15px 0px 30px 0px;    background: #ff5a55; display:block;}
.upper-footer ul{ width:270px; margin-right:30px; float:left;font-size:14px; color:#fff;}
.upper-footer p{color: #d2d2d2; }
.upper-footer ul li{ margin-bottom:10px;    font-size: 15px;}
.foot-contact p{font-size:14px; color:#fff; margin-bottom:0px; display:inline-block;}
.foot-contact span{ vertical-align:top; margin-right:15px;}
.upper-footer ul:last-child{margin-right:0px; }
.upper-footer ul li:last-child{margin-bottom: 0;}
.upper-footer ul li a{ font-size:15px;  color: #d2d2d2; line-height:18px;}
.upper-footer ul li a:hover{ padding-left:5px; color:#3077af;}
.footer{     background: #092942 url(../img/footer-bg1.png);
    border-top: 1px solid;padding: 15px 0px;}
.footer p{ font-size:15px; text-align:center; color:#fff; margin-bottom:0px;}
/*INNER PAGE*/
.inner-banner{ position:relative; z-index:1;}
.inner-banner .banner-txt h2 span{ width:70px; height:3px; margin:15px auto; background:#fff; display:block;}
.inner-banner  .banner-txt{ top:50%;}
.inner-page{ padding:50px 0px 50px 0px;}
.img{ float:right; margin-left:40px;}
.left-text{ float:left; width:580px;}
.inner-page .people-box{ width:100%; float:left;margin-bottom:45px;}
.inner-page .people-box:first-child{ margin-top:30px;}
.inner-page .people-box-in{ width:1060px; background:#fbfbfb; border:solid 1px #e2e2e2; padding:30px 25px 30px 80px; color:#000; position:relative; float:right; min-height:320px;}
.inner-page .people-box img{ position:absolute; left:-10%; border:solid 1px #d1d0d0; top:12.5%; width:auto !important;}
.inner-page .people-box h2{ display:block; margin-bottom:0px; color:#000; font-size:18px;}
.inner-page .people-box h2 span{ width:56px; height:3px; margin:15px 0px; background:#3077af; display:block;}
.inner-page .people-box p{ color:#000; margin-bottom:12px;}
.inner-page .people-box a{ border-radius:4px; background:#3077af; padding:8px 15px; color:#fff; font-size:14px; float:right;}
.contact-page{ padding:50px 0px 50px 0px;}
.quick-form{ width:62%; float:left; margin-right:30px;}
.quick-form h3{ display:block; margin-bottom:0px; color:#000; font-size:25px; text-transform:uppercase; margin-top:0px; line-height:0;    color: #3077af;
    font-size: 20px;font-weight: 600;}
.quick-form h3 span{ width:56px; height:3px; margin:25px 0 20px; background:#3077af; display:block;}
.quick-form .field{ width:352px; float:left;  margin-right: 20px;
    margin-bottom: 0px;}
.quick-form .field:nth-child(2n) { margin-right: 0;}
.quick-form .field .mdl-textfield__label:after{ bottom:0px; background:#fe0000;}
.quick-form .field .mdl-textfield{ padding:0;}
.quick-form .field .mdl-textfield__input{ border-color:none;}
.quick-form .field .mdl-textfield__label{ top:20px; left:0px; padding-left:15px;}
.quick-form .field input{     display: block;
    width: 100%;
    padding: 14px;
    border: 1px solid #e5e4e4;
    background-color: #fafafa;
    margin-bottom: 20px;
    border-radius: 3px;}
.quick-form .field.textarea-box textarea{ width:100% !important; border: 1px solid #e5e4e4;
    background-color: #fafafa;padding:20px 15px; resize:none; height:140px;} 
.quick-form .field.textarea-box{ width:100% !important; background:#eaeaea; margin-right:0px !important; height:140px;} 
.get-touch{ width:35%; float:left;}
.get-touch h2{ display:block; margin-bottom:0px; color:#000; font-size:21px; text-transform:uppercase; margin-top:0px; line-height:0;}
.get-touch h2 span{ width:56px; height:3px; margin:25px 0 20px; background:#3077af; display:block;}
.get-touch .field{ width:366px; float:left; margin-right:30px;}
.get-touch-in{ background:#fff;}
.get-touch-in .foot-contact{ padding:45px 30px 30px;
    -webkit-box-shadow: 1px 2px 8px 1px rgba(224,230,235,.9);
    -moz-box-shadow: 1px 2px 8px 1px rgba(224,230,235,.9);
    box-shadow: 1px 2px 8px 1px rgba(224,230,235,.9);}
.get-touch-in .foot-contact a{display: block;
    font-size: 16px;
    line-height: 24px;
    color: #636363;
    text-decoration: none;
  }
.get-touch-in .foot-contact li{ margin-bottom:20px;}
.submit button{ background:#313c43; color:#fff; padding:15px 30px;border-radius: 3px; float:left; vertical-align:middle;}
.field.captcha { width: 100%;}
.field.submit{ float:left; margin-bottom:0px;    margin-top: 30px;}
.submit .hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.submit .hvr-icon-forward span{ margin-right:10px; font-size:15px; padding-right:15px;font-family: 'Open Sans', sans-serif;}
.submit .hvr-icon-forward:before {
  *content: "\f0a9";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;

  z-index: 99999;
  
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;

  top: 50%;
 
  background-image: url(../img/loader.gif);
 
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.social-link li{float:left; width:50px;}
.social-link li .fab{font-size:22px;}
/*------------about cms-------------------------*/
.cms-content{
    font-family: 'Roboto', sans-serif; padding:0px;
}
.cms-content h1{ 
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 600;
    font-size: 31px;
    color: #2a6ba2;
    font-weight: 600;
    line-height: 1.3;
}
.cms-content h2{
    color: #111;
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 20px 0;
    padding: 0;
	font-weight:600;
}
.cms-content h3{
    color:#111;
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 20px 0;
    padding: 0;
	font-weight:600;
}
.cms-content h4{
    color:#111;
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 20px 0;
    padding: 0;
	font-weight:600;
}
.cms-content h5{
    color:#111;
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 20px 0;
    padding: 0;
	font-weight:600;
}
.cms-content h6{
    color: #111;
    font-size:28px;
    line-height: 1.2;
    margin: 0 0 20px 0;
    padding: 0;
	font-weight:600;
}
.cms-content p,
.cms-content ul,
.cms-content ol,
.cms-content table{
    color: #444;
    font-size: 15px;
    line-height:1.6;
    margin: 0 0 20px 0;
    padding: 0;

	text-align:justify;
}
.cms-content ul,
.cms-content ol{
    list-style: none;
    margin-left: 30px;
}
.cms-content ul ul,
.cms-content ul ol,
.cms-content ol ul,
.cms-content ol ol{
    font-size: 16px;
    margin-bottom: 8px;color:#000;
}
.cms-content ul > li{
    list-style: disc;
}
.cms-content ol > li{
    list-style: decimal;color:#000;
}
.cms-content ul ul > li,
.cms-content ol ul > li{
    list-style: square; color:#000;
}
.cms-content ul ol > li,
.cms-content ol ol > li{
    list-style: lower-roman;color:#000;
}
.cms-content table{
    border: 0;
    border-collapse: collapse;
    max-width: 100%;
    vertical-align: middle;
}
.cms-content table tr th,
.cms-content table tr td{
    padding: 4px 10px;
    text-align: left;
    vertical-align: middle;
}
.cms-content table thead > tr > th,
.cms-content table thead > tr > td{
    background:#111;
    border: 0;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
.cms-content table tbody > tr > th,
.cms-content table tbody > tr > td{
    background: #fcfcfc;
    border: solid 1px #ddd;
}
.cms-content table tbody > tr:nth-child(2n) > th,
.cms-content table tbody > tr:nth-child(2n) > td{
    background: #f9f9f9;
}
.cms-content img{
    background: #fff;
    
    border-radius: 8px;
    padding: 4px;
}
.cms-content img.align-left{
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
}
.cms-content img.align-right{
    float: right;
    margin-bottom: 20px;
    margin-left: 30px;
}
.cms-content a:not(.btn),
.cms-content a:not(.button){
    color: #8B008B;
}

/*----------error----------------*/
.error-heading {
    text-align: center;
    padding: 0px 0 0px;
}
.error-heading img {
    width: 100px;
    margin: 0 auto;
}
.error-heading h2 {
    font-size: 35px;
    padding: 20px 0 0px;
    font-weight: 400;
	margin-bottom:10px;
}
.error-heading h2::after, .error-heading h2::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 2px;
    width: 104px;
    background-color: #282d57;
	display:none;
	margin-bottom:0px;
}
.error-heading p {
    font-size: 22px;
    padding-bottom: 10px;
}

.error-heading .btnSuccess {
    display: inline-block;
    background: #313C43;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 20px;
    text-decoration: none !important;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.error-heading .btnSuccess:hover{background:#3077af;}
/*-------------thankyou------------------*/
.thankyou-heading{text-align:center;}
.thankyou-heading img {
    width: 100px;
    margin: 0 auto;
}
.thankyou-heading h2 {
    font-size: 35px;
    padding: 10px 0 10px;
    font-weight: 400;
	margin-bottom:0px;
}
.thankyou-heading p {
    font-size: 22px;
    padding-bottom: 10px;
}
.thankyou-heading .btnSuccess {
    display: inline-block;
    background:#313C43;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 20px;
    text-decoration: none !important;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.thankyou-heading .btnSuccess:hover{background:#3077af;}
.thankyou-heading h2::after, .thankyou-heading h2::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 2px;
    width: 104px;
    background-color: #282d57;
	display:none;
	margin-bottom:0px;
}
.inner-banner img{min-width:100%;}
.example_f {
      background: #ff5a55;
    border: none;
    color: #ffffff;
    text-align: center;
    text-transform:capitalize;
    font-size: 16px;
    padding: 15px 30px;
    transition: all 0.4s;
    cursor: pointer;
    display: inline-block;
 }
 .example_f:hover{
  color: #fff;
    background: #092942;
 }
 .example_f span {
   cursor: pointer;
   display: inline-block;
   position: relative;
   transition: 0.4s;
   font-weight: 700;
 }
 .example_f span:after {
   content: '\00bb';
   position: absolute;
   opacity: 0;
   top: 0;
   right: -20px;
   transition: 0.5s;
 }
 .example_f:hover span {
   padding-right: 25px;
 }
 .example_f:hover span:after {
   opacity: 1;
   right: 0;
 }


.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}


/*--------------service detail--------------------*/
.detail-page img{padding-bottom:25px;}
.detail-page h1  {  font-size: 31px;
    margin-top: 0;
    color: #2a6ba2;
    font-weight: 600;
    margin-bottom: 20px;
      text-transform:uppercase;
  } 
.detail-page h3{font-size:25px; margin-bottom: 0; padding-bottom: 10px;}
.detail-page .more-service-layout1 h4 {
    color: #ff5a55;
    font-weight: 700;
  text-transform:uppercase;
   margin-bottom: 10px;
	padding-top:20px;
     font-size: 21px;
} 
.detail-page .more-service-layout1 p {
    margin-bottom: 25px;
}

.detail-page .more-service-layout1 ul {
    display: inline-block;
    margin-right: 25px;
}

.detail-page .more-service-layout1 ul li {
    position: relative;
    color: #000000;
    font-weight: 600;
    padding-left: 30px;
    margin-bottom: 3px;
	line-height:30px;
}

.detail-page .more-service-layout1 ul li::before {
    content: "\f111";
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    color: #3077af;
    top: 5px;
    font-size: 10px;
    font-weight: 600;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.detail-page .more-service-layout1 ul li a {
       color: #464646;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.detail-page .right-list ul{}
.detail-page .right-list ul li{ padding:12px 10px; margin:5px;    border-bottom: 1px solid #d8d8d8;}
/*.detail-page .right-list ul li:hover{background:#3077af; border-left:4px solid #313C43; padding:12px 10px; margin:15px; transition:.5s;}*/
.detail-page .right-list ul li a{ color: #2b2b2b;font-size: 17px;}


.right-column a {
    border-radius: 4px;
    background: #3077af;
    padding: 8px 15px;
    color: #fff;
    font-size: 14px;
    float: right;
}

.right-column a:hover {
    border-radius: 4px;
    background: #fff;
   
    color: #000;
    font-size: 14px;
    float: right;
}

/*.banner-txt a:hover {
    background:#313C43;
    padding: 15px 25px;
        padding-right: 25px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
    margin-top: 30px;
    display: inline-block;
    margin-top: 43px;
}
*/

.short-contact a:hover {
    background:#000;
    color: #fff;
    padding: 15px 30px;
        padding-right: 30px;
    border-radius: 3px;
    float: right;
    vertical-align: middle;
}

.submit button:hover {
    background: #3077af;
    color: #fff;
    padding: 15px 30px;
        padding-right: 30px;
    border-radius: 3px;
    float: left;
    vertical-align: middle;
}
.padd-60{
    padding: 60px 0px;
  }
  .cta-section{
    background-image: url(../img/cta-img.png);
    background-size: cover;
        position: relative;
        padding: 100px 0px;
    
  }
    .cta-section:before{
        content: "";
        background-color: rgba(31, 35, 59, 0.6);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;    
    }
  
  h3{
    font-size: 30px;
    margin-top:0px;
    font-weight: 500;
  }
  p{
    font-size: 15px;
    line-height: 1.6;
  }
  .description{
    margin-top:20px;
  }
 
  .welcome-section{
    position: relative;
  }
  .welcome-box{
    padding: 47px 20px;
    background: #ff5a55;
    color: #fff;
    text-align: center;
    border-radius: 5px;

  }

  .welcome-section h1 {
    font-size: 30px;
    margin-top: 0;
    color: #2a6ba2;
    font-weight: 600;
    line-height: 1.3;
    }
  .welcome-box h3 {
    
    font-weight: 600;
  
   display: inline-block;
    margin-top: 0;
    font-weight: 600;
  font-size: 40px;
  }
    .welcome-box p{
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 0;
      color: #fff;
     line-height: 1.3;
    } 
    .mt-20{
      margin-top:20px;
    }.mt-35{
      margin-top:35px;
    }
    .bg{
          background: #3077af;
    }
 .color {
    color: #ff5a55;
  }
    .mt-10{
      margin-top:10px;
    }
    img{
      max-width: 100%;
    }
  
    .service-box {
    margin-bottom: 30px;
    background-color: #ffffff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    transform: scale(1);
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    }
    .service-box:hover {
    transform: scale(1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
   
    .service-box .image-box {
    margin-bottom: 30px;
    overflow: hidden;
    }
    .service-box .image-box img {
    width: 100%;
    transform: scale(1);
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -ms-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
    }.service-box .content-box {
    text-align: center;
    padding: 0 30px;
    }
     .service-box:hover img {
    transform: scale(1.4);
    }
    .service-box .content-box h3 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    }.service-box .content-box h3 a {
    color: #3077af;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .service-box .content-box p {
    margin: 0;
    padding-bottom: 40px;
     
  }
 

    h2.heading{    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    z-index: 2;
    color: #3077af;
   text-transform: uppercase;
   margin: 0  0 20px; 
   font-size: 36px;


   }
   h2.heading:before {
    content: "";
    border-top: 1px solid #3077af;
    width: 113px;
    position: absolute;
    top: 50px;
    left: 0;
    right: 40px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    }
    .white{
    color: #fff !important;
  }
    h2.heading span {
    color: #ff5a55;
    }
    h2.heading:after {
    content: "";
    border-bottom: 1px solid #3077af;
    width: 113px;
    position: absolute;
    top: 57px;
    right: 0;
    left: 40px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;}
    h2.heading.white:before{
      border-top: 1px solid #ffffff;
    }
    h2.heading.white:after{
      border-top: 1px solid #ffffff;
    }
    .section-title{
      text-align: center;
      margin-bottom: 60px;

    }
    .service-section{
      background: #fbfbfb;
    }


    .cta-text h2{
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 70%;
    color: #ffffff;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.2;
    font-size: 36px;
    margin-top: 0;
  }
  .socials ul li a {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border: 2px solid #d2d2d2;
    border-radius: 100%;
   
    color: #d2d2d2;
    display: inline-block;
  }
  .socials ul li {
    display: inline-block;
  }
  .socials {
    margin-top: 28px;}
    .socials.text-widget ul li {
    margin-right: 15px;
    margin-bottom: 0;
  }
  .footer-img{
    margin-right: 25px;
  }
  .clients-reviews-area{
    position: relative;
    height: 400px;
    background-image: url(../img/testi-bg.jpg);
    background-repeat: no-repeat;
  }
  .clients-reviews-area:before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
       background-color: rgba(48, 119, 175, 0.73);
     }
     .testi{
      position: relative;
     }
     .test-section{
      position: relative;
      margin-top:-300px;
    
     }
     .section-space-equal-2x {
    padding: 140px 0 140px;
  }
  .testmonial-layout {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
     box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08); 
     margin-bottom: 30px;


}
   .testmonial-layout .top-content {
    background-color: #fffffd;
    padding: 50px 60px 60px;}
  .testmonial-layout .bottom-content {
    padding: 65px 0 35px;
    position: relative;
    background-color: #3077af;
    border-radius: 0 0 4px 4px;
  }
    .testmonial-layout .bottom-content .image-box {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 0;
    z-index: 2;
    transform: translateY(-50%);
        width: 80px;
  }
 .bottom-content .image-box img {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
  .testmonial-layout .bottom-content .title-box h3 {
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 20px;
  }
.top-content.text-center p i {
    font-size: 12px;
    font-weight: 600;
}
 .section-carousel .slides li {
    margin: 0 10px;
  } 
  .map-section{
    margin-top: 60px;
  }
  .contact-info-title {
   font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #3077af;
    text-transform: uppercase;
        margin-bottom: 25px;
}
.contact-soical h4 {
    font-size: 18px;
    font-weight: 700;
     color: #3077af;
    text-transform: uppercase;

    margin-top: 30px;
     margin-bottom: 25px;
}
.contact-soical ul.social-media li {
    display: inline-block;
    padding: 0px 7px;
}
.contact-soical ul.social-media li a{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    display: block;
    color: #959595;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.section-sub-heading-2{
 line-height: 28px;
  font-weight: 700;
  color: #3077af;
  text-transform:uppercase;
  margin-bottom: 30px;
  font-size: 25px;
  margin-top:0;

}
.right-section{
  padding-left:30px;
}
.accordion-section .panel-default>.panel-heading {
    color: #333;
   background-color: #ffffff;
    border-color: #ddd;
   padding: 15px;
   font-size: 14px;
   
}
.accordion-section .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    margin-bottom: 15px;
}
.choose-3-quick-quote {
    border: 1px solid #e1e1e1; 
    position: relative;
    z-index: 1;
    padding:25px 30px;
    background: #3077af;
}

h6.form-heading{
    font-size: 18px;
        color: #ffffff;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: capitalize;
}
.img-show{
  display: none;
}
.testiSlider .owl-nav {
  font-size: 36px;
  color: #3077af;

  line-height: 0px;
}
.service-process-layout1 .image-box {
    margin-bottom: 42px;
}
.text-center {
    text-align: center;
}
.service-process-layout1 .content-box h3 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    color: #3077af;
        font-size: 20px;
}
.content-box.text-center {
    width: 90%;
    margin: 0 auto;
}
.accordion-section .panel-default>.panel-headinga.collapsed{
    color: #3077af;
    background-color: #fbfbfb;
    border-color: #ddd;
    padding: 15px;
}
.project-layout {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}
.project-layout:before {
    content: "";
    position: absolute;
    background-color: rgba(0, 67, 220, 0.8);
    height: 100%;
    z-index: 1;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.project-layout:hover:before {
    visibility: visible;
    opacity: 1;
}
.project-layout .content-box {
    width: 100%;
    position: absolute;
    display: block;
    padding: 0 25px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    
    transition: all 1s ease-out;
}.project-layout .content-box h4 {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}
.project-layout .content-box h4 a{
    color: #fff;
    text-decoration: none;

}
.content-box a.btn-fill {
    text-transform: uppercase;
    font-size: 13px;
    color: #ffffff;
    border: 2px solid #ffffff;
    background: transparent;
    padding: 10px 20px;
    border-radius: 2px;
    display: inline-block;
    font-weight: 700;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.btn-fill {
    background: #0c65ed;
    text-transform: uppercase;
    font-size: 13px;
    color: #ffffff;
    border: 2px solid #0c65ed;
    padding: 13px 34px;
    border-radius: 3px;
    display: inline-block;
    font-weight: 700;
    -webkit-transition: all 0.5s ease-out;
    
    transition: all 0.5s ease-out;
}
.project-layout:hover .content-box {
    visibility: visible;
    opacity: 1;
}
.panel-title.active{
  color: #3077af;
  font-size: 17px;
}

.banner .customNav {
    position: relative;
    bottom: 50px;
    z-index: 4;
    color: #fff;
    font-size: 20px;
}
.banner  a.customPrevBtn {
    background: #3077af;
    padding: 6px 10px;
    color: #fff;
}
.banner  a.customNextBtn {
  background: #3077af;
  padding: 6px 10px;
  color: #fff;
}
.project-section {
    background: #f9f9f9;
}
#cssmenu > ul > li.mobile-link{
  display: none;
}
 textarea.form-control {
    height: auto;
    color: #a2a2a2;
}
.homeSlider  .owl-nav {
    position: absolute;
    bottom: 13px;
    z-index: 9;
    color: #fff;
    left: 114px;
}
.homeSlider  .owl-nav span {
    font-size: 45px;
    padding: 0 10px;

}