/*
Theme Name: cfipak
Theme URI: http://
Version: 1.0.0
*/

/* ==========================================================================
   Base styles RESET: opinionated defaults
   ========================================================================== */

   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   	margin: 0;
   	padding: 0;
   	border: 0;
   	vertical-align: baseline;
   }
   article, aside, details, figcaption, figure, footer, header, menu, nav, section {
   	display: block;
   }
   ol, ul {
   	list-style: none;
   }

   table {
   	border-collapse: collapse;
   	border-spacing: 0;
   }

/* ==========================================================================
   Font Face  Roboto Family
   ========================================================================== */

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
  @font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoblack_italic';
    src: url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold_italic';
    src: url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latohairline';
    src: url('../fonts/lato-hairline-webfont.woff2') format('woff2'),
         url('../fonts/lato-hairline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latohairline_italic';
    src: url('../fonts/lato-hairlineitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-hairlineitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoheavy';
    src: url('../fonts/lato-heavy-webfont.woff2') format('woff2'),
         url('../fonts/lato-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoheavy_italic';
    src: url('../fonts/lato-heavyitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-heavyitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.woff2') format('woff2'),
         url('../fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight_italic';
    src: url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium-webfont.woff2') format('woff2'),
         url('../fonts/lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

   .browserupgrade {
   	margin: 0.2em 0;
   	background: #ccc;
   	color: #000;
   	padding: 0.2em 0;
   }
/*::-moz-selection { //Code for Firefox 
    color: red;
    background: yellow;
    }*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*::-webkit-scrollbar-track
{
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   border-radius: 10px;
   background-color: #002a54;
}

::-webkit-scrollbar
{
   width: 3px;
   background-color: #002a54;
}

::-webkit-scrollbar-thumb
{
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   background-color: #fdb813;
}*/


   body {
   	background-color: transparent;
      font-family: 'latoregular', sans-serif;
   	font-size: 14px;
   	color: #333333;
   	font-weight: 400;
   }
   p {
   	line-height: 24px;
   	font-weight: 400;
   	font-family: 'latoregular', sans-serif;
   }
   h1, h2, h3, h4, h5, h6 {
   	font-family: 'latoregular', sans-serif;
   	color: #2b2b2b;
   	font-weight: normal;
   }
   h6 {
   	font-size: 12px;
   }
   h5 {
   	font-size: 14px;
   }
   h4 {
   	font-size: 18px;
   }
   h3 {
   	font-size: 24px;
   }
   h2 {
   	font-size: 30px;
   }
   h1 {
   	font-size: 36px;
   }
   a {
   	color: #fdb813;
   	text-decoration: none;
   }
   a:focus, a:hover {
   	text-decoration: underline;
   	color: #012b55;
   }
/* ==========================================================================
   Being Header + Slider
   ========================================================================== */
  
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}

.navbar-default {
    background-color: #ffffff;
    border: none;
}
.navbar-brand{
   float: none;
   padding: inherit;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.call_us_area {
    padding: 35px 0px;
    overflow: hidden;
    position: relative;
}
.call_us_area ul li {
    color: #333333;
    padding: 0rem 1rem;
    font-size: 16px;
    font-family:'latoregular', sans-serif;
}
.call_us_area ul li span {
    display: inline-block;
    font-weight: 400;
        vertical-align: middle;
}
.call_us_area ul li span.fa {
    display: inline-block;
    color: #ffffff;
    font-size: 25px;
   padding: 9px 12px;
   background-color: #0e4e85;
}

.call_us_area ul li span strong {
    font-family: 'latobold', sans-serif;
}
#navbar{
   background-color: #0e4e85;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
   color: #fff;
    background: none;
    outline: 0;
    box-shadow: none;
    border-bottom: 3px solid #e7f4ff;
}

.navbar-default .navbar-nav>.active>a:after {
   content:'';
   width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
    border-bottom: 5px solid #e7f4ff;
   position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
.navbar-default .navbar-nav>li>a:hover{
   color: #ffffff;
   /*border-bottom: 3px solid #e7f4ff;*/
}
.navbar-default .navbar-nav>li>a:hover:after{
   content:'';
   width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
    border-bottom: 5px solid #e7f4ff;
   position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
.navbar-default .navbar-toggle {
    border-color: #e7f4ff;
    background-color: #0e4e85;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.dropdown-menu>li>a {
    
     color: #000;
    font-size: 16px;
    text-transform: uppercase;
}
.dropdown-menu>li>a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #0e4e85;}
    navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

   
.dropdown:hover .dropdown-menu {display: block;}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

#carousel{
  min-height: 500px;
  position:relative;
}
#carousel .carousel-caption {
      align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    margin: 0 auto;
    max-width: 1170px;
    position: absolute;
    right: 0;
    text-align: left;
    text-shadow: none;
    z-index: 10;
}

#carousel .carousel-caption h3{
   font-family: 'latobold', sans-serif;
   font-size: 36px;
   color: #ffffff;
   margin-bottom: 10px;
   position: relative;
}
#carousel .carousel-caption h3:after{
   content: '';
   width: 100px;
   height: 4px;
   background-color: #ffffff;
       position: absolute;
    bottom: 0px;
    left: 4px;
    top: 43px;
}
#carousel .carousel-caption h1{
   font-family: 'latobold', sans-serif;
   font-size: 36px;
   color: #ffffff;
   margin-bottom: 10px;
   position: relative;
}
#carousel .carousel-caption h1:after{
   content: '';
   width: 100px;
   height: 4px;
   background-color: #ffffff;
       position: absolute;
    bottom: 0px;
    left: 4px;
    top: 43px;
}

#carousel .carousel-caption p{
   color: #ffffff;
   font-family: 'latoregular', sans-serif;
   font-size: 20px;
   margin-top: 20px;
   font-weight: normal;
}

#carousel .item {
  min-height: 500px;
  background-color: transparent;
}
#carousel .carousel-inner > .item > img {
  min-width: 100%;
  min-height: 50px;
}


#carousel .carousel-control.left, #carousel .carousel-control.right {
    background: none;
}

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}


/* ==========================================================================
   Quote Form
   ========================================================================== */
#quote-form{
 position: relative;
}
#quote-form h2 {
    position: absolute;
     bottom: 129px;
    left: 0px;
    right: 0px;
    margin: 0px 6.7%;
   background: #0e4e85;
    color: #fff;
    max-width: 195px;
    padding: 12px 6px;
    font-size: 30px;
    font-family: bold;
    text-align: center;
    font-family: 'latobold', sans-serif;
}
#quote-form h2:before{
    background: none;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0px 56px 36px;
    border-bottom-color: #000000;
    border-left-color: transparent;
    position: absolute;
    top: 0;
    left: -36px;

}
#quote-form h2:after{
    background: none;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 56px 0px 0px 36px;
    border-top-color: transparent;
    border-left-color: #000000;
    position: absolute;
    top: 0;
    right:-36px;
}
div#get-quote {
    position: absolute;
       bottom: 0px;
    left: 0px;
    right: 0px;
   background: rgba(36,49,54,.8);
}
div#get-quote-form {
  /*      padding-top: 16px;
    padding-bottom: 20px*/
        padding-top: 20px;
    padding-bottom: 23px;
}
div#get-quote-form .form-inline .control-label{
   font-size: 18px;
   font-weight: bold;
   color: rgba(255,255,255,.7);
   text-transform: uppercase;
   margin-bottom: 12px;
}
div#get-quote-form .form-inline .form-control{
   width: 282px;
   border-radius: 0px;
   background: rgba(255,255,255,.2);
   border: none;
    box-shadow: none;
    color: rgba(255,255,255,.3);
   font-size: 16px;
   font-weight: bold;
   height:50px;
}
div#get-quote-form .form-inline .form-control:focus{background: rgba(255,255,255,.2);
   border: none;}
div#get-quote-form .form-inline select.form-control option {
    
    background: rgb(79, 88, 93);
   color: rgba(255,255,255,.3)
    
}
div#get-quote-form .form-inline .form-group + .form-group{
padding-left:25px;
}
div#get-quote-form .form-inline .form-group button{
   width:190px;
   height:50px;
   background: #0e4e85;
   border-radius: 0px;
   border:none;
   color: #ffffff;
   font-size: 18px;
   font-weight: bold;
}
/****************************************************************************
- ABOUT SECTION
****************************************************************************/
#about-section{
   padding: 16px 0px;
}
.heading h1{
   font-size: 30px;
    font-family: 'latobold', sans-serif;
    color: #131212;
     font-weight: bold;
     position: relative;
}
.heading h1:after{
   content: '';
    
    width: 136px;
    height: 2px;
     display: block;
    background-color: #eeeeee;
    margin: 10px auto 0px;
    
}
.heading h1:before{ 
    content: '';
    position: absolute;
    top: 32px;
   width: 20px;
   height: 4px;
   background: #0e4e85;
  left: 0px;
    right: 0px;
   margin: 10px auto 0px;
  
}
.heading h1 span{
   color: #0e4e85;
}
.heading h2{
   font-size: 30px;
    font-family: 'latobold', sans-serif;
    color: #131212;
     font-weight: bold;
     position: relative;
}
.heading h2:after{
   content: '';
    
    width: 136px;
    height: 2px;
     display: block;
    background-color: #eeeeee;
    margin: 10px auto 0px;
    
}
.heading h2:before{ 
    content: '';
    position: absolute;
    top: 32px;
   width: 20px;
   height: 4px;
   background: #0e4e85;
  left: 0px;
    right: 0px;
   margin: 10px auto 0px;
  
}
.heading h2 span{
   color: #0e4e85;
}
.heading p{
   color: #494949;
   font-size: 15px;
   font-family: 'latoregular',sans-serif;
   padding-top: 22px;
   padding-bottom: 32px;
}
#about-section h3{
   font-size: 18px;
    font-family: 'latobold', sans-serif;
    text-transform: uppercase;
    color: #0e0e0e;
     display: inline-block;
     font-weight: bold;
}
#about-section p{
   color: #494949;
   font-size: 15px;
   font-family: 'latoregular',sans-serif;
   line-height: 20px;

}





#about-section .btn-blue{
   margin-top: 12px;
}

#about-section .btn-red.lg-btn{
   padding: 10px 66px;
   text-transform: uppercase;
}
#about-section .newsletter-form{
 
    background: url('../img/tracking-img.jpg') no-repeat;
   padding: 10px 18px;
   outline: 1px solid #0e4e85;
   outline-offset: -15px;
  text-align: center;
}

#about-section .newsletter-form h4{
   font-size: 24px;
   color: #ffffff;
   padding: 28px 0px 22px;
   font-family: 'latobold',sans-serif;
   font-weight: bold;
   text-transform: uppercase;
 
}
#about-section .newsletter-form p{
   color: #ffffff;
   padding: 0px 35px;
   font-family: 'latobold',sans-serif;
   font-weight: bold;
   margin-bottom: 28px;
}
#about-section .newsletter-form .form-horizontal{
   padding: 0px 25px;
}
#about-section .newsletter-form .form-horizontal .form-control{
   border: 0px;
   border-radius: 0px;
}

#about-section .newsletter-form .form-horizontal .form-control{
   width: 282px;
   border-radius: 0px;
   background: rgba(255,255,255,.2);
   border: none;
    box-shadow: none;
    color: rgba(255,255,255,.3);
   font-size: 16px;
   font-weight: normal;
   height:37px;
}.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: rgba(255,255,255,.30);
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    right: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
        right: 31px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    right: 5px;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #0e4e85;
}




 #about-section .newsletter-form .form-horizontal .form-group {
    margin-bottom: 30px;
}

 #about-section .newsletter-form .form-horizontal small{
   display: block;
   color: #ffffff;
   margin-top: 22px;
   margin-bottom: 10px;
   font-size: 15px;
 }
/* ==========================================================================
   Being Services
   ========================================================================== */
   #services-section{
      background: #f7f7f7;
      padding: 30px 0px;
   }
   #services-section .row + .row{
      margin-top:18px; 
   }
   #services-section .services-single{
      padding:15px;
      min-height: 260px;
   }
   #services-section .services-single .service-icon img{
   margin-bottom: 15px;
   }
    #services-section .services-single h3{
      color: #ffffff;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 24px;
   }
   #services-section .services-single{
      color: #ffffff;
   }
   #services-section .services-single a{
      color: #ffffff;
      font-weight: bold;
   }
#services-section .services-single.services-one{
   background: url('../img/service-1.jpg') no-repeat;
}
#services-section .services-single.services-two{
   background: url('../img/service-2.jpg') no-repeat;
}
#services-section .services-single.services-three{
   background: url('../img/service-3.jpg') no-repeat;
}
#services-section .services-single.services-four{
   background: url('../img/service-4.jpg') no-repeat;
}

#services-section .services-single.services-five{
   background: url('../img/service-5.jpg') no-repeat;
}

#services-section .services-single.services-six{
   background: url('../img/service-6.jpg') no-repeat;
}
/* ==========================================================================
   Being testimonials
   ========================================================================== */
    #testimonials{
      padding-top: 40px;
      background-size: cover;
      background-image:url('../img//testmonials-bg.jpg');
       padding-bottom: 30px;
    }
     #testimonials .contant-block {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    z-index: 1;
}
 #testimonials .section-head {
    margin-bottom: 50px;
}
 #testimonials h2{
   color: #ffffff;
   font-family: 'latobold',sans-serif;
   font-size: 30px;
   text-transform: uppercase;
 }
 #testimonials h2:after{
   content: '';
    
    width: 136px;
    height: 2px;
     display: block;
    background-color: #eeeeee;
    margin: 10px auto 0px;
    
}
#testimonials h2:before{ 
    content: '';
    position: absolute;
    top: 32px;
   width: 20px;
   height: 4px;
   background: #0e4e85;
  left: 0px;
    right: 0px;
   margin: 10px auto 0px;
  
}
 #testimonials p{
   color: #ffffff;
   font-family: 'latoregular',sans-serif;
   font-size: 15px;
 }

 #testimonial.carousel {
    height: auto;
    margin-bottom: 0px;
}
#testimonial.carousel .item {
    height: auto;
    background-color:transparent;
}
 #testimonials .testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 28px 24px 59px;
    position: relative;
}
 #testimonials .testimonials blockquote p{
  color: #151515;
 }
.testimonials blockquote::before {
   content: "\f10d";
     font-family: 'FontAwesome';
    top: 12px;
    left: 25px;
    display: block;
    position: absolute;
    font-size: 18px;
    color: #b5b5b5;
}
.testimonials blockquote::after {
    content: "\f10e";
     font-family: 'FontAwesome';
    bottom: 12px;
    right: 30px;
    display: block;
    position: absolute;
    font-size: 18px;
    color: #b5b5b5;
   
}
.testimonials .carousel-info img {
    border: 5px solid #ffffff;
    border-radius: 150px !important;
    height: 100px;
    width: 100px;
    position: absolute;
    right: 0px;
    bottom: 25px;}


.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0 2px;
     font-weight: bold;
    font-family: 'latobold',sans-serif;

}
.testimonials span.testimonials-post {
    color: #ffffff;
    font-size: 18px;
    font-style: italic;
    font-family: 'latolight_italic',sans-serif;
}

.testimonials-details {
    background-color: #0e4e85;
    display: block;
    /*height: 64px;*/
    width: 448px;
    padding:0px 23px 84px 23px;
    position: relative;
    top: -30px;
}

.testimonials-details:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 84px 0 0 80px;
    border-color: transparent transparent transparent transparent;
    position: absolute;
    top: 0;
    right: -80px;
    border-left-color: #0e4e85;
}
/****************************************************************************
- CALL TO ACTION
****************************************************************************/
#call-to-action{
   background: #0e4e85;
   padding: 40px 0px;
}
#call-to-action .text:after{
   content: '';
    width: 1px;
    height: 72px;
    background: #ffffff;
    position: absolute;
    top: 0px;
    right: 0px;
}
#call-to-action h3, #call-to-action p{
   color: #ffffff;
}
#call-to-action .phone p{
   color: #ffffff;
   font-size: 24px;
}
#call-to-action .phone p i{
   font-size: 52px;
   margin-right: 25px;
   vertical-align: middle;
}
/* ==========================================================================
   Being Client
   ========================================================================== */
#client{
   padding: 14px;
}

#clients .owl-item {
  width: auto !important;
}

.owl-clients .owl-next {
    position: absolute;
    right: -40px;
    top: 10px;
}
.owl-clients .owl-prev {
    position: absolute;
    left: -40px;
    top: 10px;
}
.owl-clients .owl-next .fa{
  font-size: 30px;
  vertical-align: middle;
}
.owl-clients .owl-prev .fa{
  font-size: 30px;
  vertical-align: middle;
}
/* ==========================================================================
   Being Footer
   ========================================================================== */
   footer.footer{
   	padding: 28px 0px 18px;
   	background: url('../img/footer-bg.jpg') no-repeat center / cover;
   	position: relative;

   }
   .footer h4 {
    color: #fff;
    font-family: 'latobold',sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
   .footer p {
    color: #fff;
    font-family: 'latoregular',sans-serif;
    font-weight: 400;
    font-size: 14px;
}
   .footer .social-media-footer {
    list-style: none;
    display: inline-block;
    padding-top: 10px;
}
.footer .social-media-footer li {
    display: inline-block;
    margin-right: 15px;
}
.footer .social-media-footer li a {
 
    line-height: 24px;
    display: block;
 
    vertical-align: middle;
}
.footer .address-info li{
  line-height: 24px;
}
.footer .address-info li a{
   color: #ffffff;
}
.footer .social-media-footer li a i {
    vertical-align: middle;
    color: #cccccc;
    font-size: 20px;
}

.footer .newsletterform input {
    border-radius: 0px;
    background-color: #f2f2f2;
    color: #292929;
    padding: 16px 11px;
    border: rgba(0, 0, 0, 0);
    font-family: 'ralewaymedium';
    font-weight: normal;
    text-shadow: none;
    box-shadow: none;
    height: inherit;
}
.footer .newsletterform .btn-default {
    border-radius: 0px;
    margin-left: -4px;
    padding: 16px 29px;
    border: none;
    background-color: #0e4e85;
    color: #fff;
}
   footer .footer-bottom {
   	background: rgba(255,255,255,.18);
   	float: none;
   	margin: 0 auto;
   	overflow: hidden;
   	padding: 10px 0;
   	width: 100%;
   }
   .footer-bottom .left {
   	float: left;
   	margin: 0 0 0 20px;
   	font-family: "robotomedium";
   	color: #fff;
   }
   .footer-bottom .right {
   	color: #fff;
   	float: right;
   	font-family: "robotomedium";
   	font-size: 14px;
   	font-weight: normal;
   	margin: 0 20px 0 0;
   	text-transform: capitalize;
   }


   .before-none:after{display:none;}

   .footer-navigation li a{position: relative; line-height: 24px; font-size: 13px; color: #ffffff;}
   .footer-navigation li a:hover{text-decoration: none; color: #fdb813;}
   .footer-navigation li a::after {
   	background: rgba(0, 0, 0, 0) url("../img/footer-nav-border.png") no-repeat scroll left 0 top 0;
   	content: "";
   	height: 1px;
   	position: absolute;
   	left: 0px;
   	right: 0px;
   	top: 24px;
   	width: 124px;
   }

   .footer-newsletter .social-media-footer {
   	display: inline-block;
   	list-style: outside none none;
   	padding-top: 56px;
   	float: right;

   }
   .footer-newsletter .social-media-footer li {
   	display: inline-block;
   	margin-right: 15px;
   }
   .footer-newsletter .social-media-footer li a {
   	font-size: 24px;
   	color: #ffffff
   }
   .footer-newsletter .social-media-footer li a:hover{
   	color: #fdb813; 
   }
   .footer-newsletter form{
   	padding-top: 13px;
   }
   .footer-newsletter .input-group .form-control {
   	border-radius: 0;
   	color: #898989;
   	font-family: "robotoregular";
   	font-size: 12px;
   	height: 53px;
   }
   .footer-newsletter .btn-default{ 
   	height: 53px; 
   	border-radius: 0px; 
   	background-color: #fdb813; 
   	color: #ffffff;
   	text-transform: uppercase;
   	border-color: #fdb813;}
/* ==========================================================================
  Pages
   ========================================================================== */
#carousel .banner .carousel-caption {
    top: 10em;
}

#pages{
      margin-top: 33px;
  margin-bottom: 33px;
}

#pages h1 {

    color: #575153;

    font-weight: 500;

    margin-bottom: 10px;

    margin-top: 0px;

}

#pages h2 {
font-weight: bold;
font-family: 'latobold',sans-serif;
  color: #575153;

  font-size: 18px;

  text-transform: uppercase;

  font-weight: 500;
margin-top: 10px;
  margin-bottom: 10px;

}

#pages p {

  color: #8e8c8c;

  font-size: 15px;

  line-height: 22px;

  margin-bottom: 10px;

}
#pages #services-section p{
  color: #ffffff;
}

#inquiry .inquiry-form .form-control{
border-radius: 0px;
border:1px solid #cccccc;
margin-bottom: 11px;
height: 35px;
background-color: #ffffff;
}
 #inquiry .inquiry-form textarea.form-control{
  height: 95px;
border:1px solid #cccccc;
  margin-bottom: 15px;
background-color: #ffffff;

 }

 /* ==========================================================================

  Contacts

   ========================================================================== */

#pages h3{

  color:#575153;

  font-size: 18px;

  text-transform: uppercase;

}

/*#pages .social-media{

  margin-top: 50px;

}*/

.contact-linklead{
    margin-top:10px;
    margin-bottom:10px;
    padding-top:10px;
    border-top:1px solid #333;
}

#pages .social-media li{

  width: 30px;

  height: 30px;

  background: #727272;

  border-radius: 50px;

  text-align: center;



}

#pages .social-media li + li{

  margin-left: 13px;

}

#pages .social-media li a{

  color: #ffffff;

}

#pages .social-media li a i{

  line-height: 30px;

}



#pages .list-unstyled li a{

  color: #8e8c8c;

  line-height: 32px;

}



#pages .list-unstyled li a i{

  margin-right: 10px;

}



#pages .contact-form h3{

  color:#575153;

  font-size: 18px;

  text-transform: uppercase;

  font-weight: bold;

      margin-top: 20px;
    margin-bottom: 10px;

}



#pages .contact-form .form-control{

border-radius: 0px;

border:1px solid #0e4e85;

margin-bottom: 11px;

height: 44px;

}



#pages  iframe {

    width:100%;

    border:0;

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */

    filter: gray; /* IE6-9 */

    -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */

    -webkit-backface-visibility: hidden;  /* Fix for transition flickering */

  }



 #pages .contact-form textarea.form-control{

  height: 184px;

  margin-bottom: 15px;



 }

 #pages .contact-form .btn-outline{

height: 55px;

 }
#pages .contact-form .btn-outline{

  background: none;

  border: 1px solid #0e4e85;

  border-radius: 0px;

  text-transform: uppercase;

  color: #333333;

}

 #pages .contact-form .btn-outline:hover{

  border: 1px solid #0e4e85;

  background: #0e4e85;

  border-radius: 0px;

  color: #ffffff;



}
/* ==========================================================================
   Being Footer Bottom
   ========================================================================== */
   .footer-bottom{
    background-color: #000000;
    padding: 15px 0px;
    color: #fff;
   }

/* ==========================================================================
   Being Pages
   ========================================================================== */


/* ==========================================================================
   Helper classes
   ========================================================================== */
   .btn-red {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #0e4e85;
  color: #ffffff;
  border-radius:0px;
  border: 0px;
  font-family: 'pt_sansregular', sans-serif;
}
.btn-red:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #404041;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-red:hover, .btn-red:focus, .btn-red:active,.btn-red:visited {
  color: white;
}
.btn-red:hover:before, .btn-red:focus:before, .btn-red:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
   /* btn-blue */
   .btn-blue {
   	color: white;
   	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;
   	background: #e7f4ff;
   	-webkit-transition-property: color;
   	transition-property: color;
   	-webkit-transition-duration: 0.3s;
   	transition-duration: 0.3s;
      border-radius: 0px;
   }
   .btn-blue:before {
   	content: "";
   	position: absolute;
   	z-index: -1;
   	top: 0;
   	bottom: 0;
   	left: 0;
   	right: 0;
   	background: #0e4e85;
   	-webkit-transform: scaleY(1);
   	transform: scaleY(1);
   	-webkit-transform-origin: 50%;
   	transform-origin: 50%;
   	-webkit-transition-property: transform;
   	transition-property: transform;
   	-webkit-transition-duration: 0.3s;
   	transition-duration: 0.3s;
   	-webkit-transition-timing-function: ease-out;
   	transition-timing-function: ease-out;
   }
   .btn-blue:hover, .btn-blue:focus, .btn-blue:active {
   	color: white;
   }
   .btn-blue:hover:before, .btn-blue:focus:before, .btn-blue:active:before {
   	-webkit-transform: scaleY(0);
   	transform: scaleY(0);
   }
   /* btn outline */
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
    border:2px solid #ffffff;
    border-radius: 4px;
    font-family: 'latoregular', sans-serif;
    font-size: 18px;
    padding: 7px 11px;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active,.btn-outline:visited
 {
    color: #fff;
}
/* btn outline red style */
.btn-outline-red{
   color: #ffffff;
   border:2px solid #ffffff;
   background-color: transparent;
   padding: 8px 50px;
   border-radius: 4px;
   font-size: 18px;
   font-family: 'latoregular', sans-serif;
   margin-left: 10px;
}
.btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active,.btn-outline-red:visited
 {
    color: #ffffff;
}
   .has-error .form-control {
   	border-color: #a94442 !important;
   	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   	border: 1px solid;
   }
   .hidden {
   	display: none !important;
   }
   .font6 {
   	font-size: 6px !important;
   }
   .font8 {
   	font-size: 8px !important;
   }
   .font9 {
   	font-size: 9px !important;
   }
   .font10 {
   	font-size: 10px !important;
   }
   .font11 {
   	font-size: 11px !important;
   }
   .font12 {
   	font-size: 12px !important;
   }
   .font14 {
   	font-size: 14px !important;
   }
   .font18 {
   	font-size: 18px !important;
   }
   .font24 {
   	font-size: 24px !important;
   }
   .font30 {
   	font-size: 30px !important;
   }
   .font36 {
   	font-size: 36px !important;
   }
   .font48 {
   	font-size: 48px !important;
   }
   .font60 {
   	font-size: 60px !important;
   }
   .font72 {
   	font-size: 72px !important;
   }
   .font-light {
   	font-weight: 300 !important;
   }
   .font-normal {
   	font-weight: 400 !important;
   }
   .font-medium {
   	font-weight: 500 !important;
   }
   .font-thin-xs {
   	font-weight: 200 !important;
   }
   .font-bold {
   	font-weight: 600 !important;
   }
   .font-mbold {
   	font-weight: 700 !important;
   }
   .font-italic {
   	font-style: italic !important;
   }
   .font-lowercase {
   	text-transform: lowercase !important;
   }
   .font-uppercase {
   	text-transform: uppercase !important;
   }
   .font-capitalize {
   	text-transform: capitalize !important;
   }
   .font-inherit {
   	text-transform: inherit !important;
   }
   .margin-top0 {
   	margin-top: 0px !important;
   }
   .margin-top2 {
   	margin-top: 2px !important;
   }
   .margin-top4 {
   	margin-top: 4px !important;
   }
   .margin-top6 {
   	margin-top: 6px !important;
   }
   .margin-top8 {
   	margin-top: 8px !important;
   }
   .margin-top10 {
   	margin-top: 10px !important;
   }
   .margin-top12 {
   	margin-top: 12px !important;
   }
   .margin-top14 { 
   	margin-top: 14px !important;
   }
   .margin-top16 {
   	margin-top: 16px !important;
   }
   .margin-top18 {
   	margin-top: 18px !important;
   }
   .margin-top20 {
   	margin-top: 20px !important;
   }
   .margin-top22 {
   	margin-top: 22px !important;
   }
   .margin-top24 {
   	margin-top: 24px !important;
   }
   .margin-top26 {
   	margin-top: 26px !important;
   }
   .margin-top28 {
   	margin-top: 28px !important;
   }
   .margin-top30 {
   	margin-top: 30px !important;
   }
   .margin-top32 {
   	margin-top: 32px !important;
   }
   .margin-top34 {
   	margin-top: 34px !important;
   }
   .margin-top36 {
   	margin-top: 36px !important;
   }
   .margin-top38 {
   	margin-top: 38px !important;
   }
   .margin-top40 {
   	margin-top: 40px !important;
   }
   .margin-top50 {
   	margin-top: 50px !important;
   }
   .margin-top60 {
   	margin-top: 60px !important;
   }
   .margin-top70 {
   	margin-top: 70px !important;
   }
   .margin-top80 {
   	margin-top: 80px !important;
   }
   .margin-bottom0 {
   	margin-bottom: 0px !important;
   }
   .margin-bottom2 {
   	margin-bottom: 2px !important;
   }
   .margin-bottom4 {
   	margin-bottom: 4px !important;
   }
   .margin-bottom6 {
   	margin-bottom: 6px !important;
   }
   .margin-bottom8 {
   	margin-bottom: 8px !important;
   }
   .margin-bottom10 {
   	margin-bottom: 10px !important;
   }
   .margin-bottom12 {
   	margin-bottom: 12px !important;
   }
   .margin-bottom14 {
   	margin-bottom: 14px !important;
   }
   .margin-bottom16 {
   	margin-bottom: 16px !important;
   }
   .margin-bottom18 {
   	margin-bottom: 18px !important;
   }
   .margin-bottom20 {
   	margin-bottom: 20px !important;
   }
   .margin-bottom22 {
   	margin-bottom: 22px !important; 
   }
   .margin-bottom24 {
   	margin-bottom: 24px !important;
   }
   .margin-bottom26 {
   	margin-bottom: 26px !important;
   }
   .margin-bottom28 {
   	margin-bottom: 28px !important;
   }
   .margin-bottom30 {
   	margin-bottom: 30px !important;
   }
   .margin-bottom32 {
   	margin-bottom: 32px !important;
   }
   .margin-bottom34 {
   	margin-bottom: 34px !important;
   }
   .margin-bottom36 {
   	margin-bottom: 36px !important;
   }
   .margin-bottom38 {
   	margin-bottom: 38px !important;
   }
   .margin-bottom40 {
   	margin-bottom: 40px !important;
   }
   .margin-bottom50 {
   	margin-bottom: 50px !important
   }
   .margin-bottom60 {
   	margin-bottom: 60px !important;
   }
   .margin-bottom70 {
   	margin-right: 70px !important;
   }
   .margin-bottom80 {
   	margin-bottom: 80px !important;
   }
   .margin-right0 {
   	margin-right: 2px !important;
   }
   .margin-right2 {
   	margin-right: 2px !important;
   }
   .margin-right4 {
   	margin-right: 4px !important;
   }
   .margin-right6 {
   	margin-right: 6px !important;
   }
   .margin-right8 {
   	margin-right: 8px !important;
   }
   .margin-right10 {
   	margin-right: 10px !important;
   }
   .margin-right12 {
   	margin-right: 12px !important;
   }
   .margin-right14 {
   	margin-right: 14px !important;
   }
   .margin-right16 {
   	margin-right: 16px !important;
   }
   .margin-right18 {
   	margin-right: 18px !important;
   }
   .margin-right20 {
   	margin-right: 20px !important;
   }
   .margin-right22 {
   	margin-right: 22px !important;
   }
   .margin-right24 {
   	margin-right: 24px !important;
   }
   .margin-right26 {
   	margin-right: 26px !important;
   }
   .margin-right28 {
   	margin-right: 28px !important;
   }
   .margin-left {
   	margin-left: 0px !important;
   }
   .margin-left2 {
   	margin-left: 2px !important;
   }
   .margin-left4 {
   	margin-left: 4px !important;
   }
   .margin-left6 {
   	margin-left: 6px !important;
   }
   .margin-left8 {
   	margin-left: 8px !important;
   }
   .margin-left10 {
   	margin-left: 10px !important;
   }
   .margin-left12 {
   	margin-left: 12px !important;
   }
   .margin-left14 {
   	margin-left: 14px !important;
   }
   .margin-left16 {
   	margin-left: 16px !important;
   }
   .margin-left18 {
   	margin-left: 18px !important;
   }
   .margin-left20 {
   	margin-left: 20px !important;
   }
   .margin-left22 {
   	margin-left: 22px !important;
   }
   .margin-left24 {
   	margin-left: 24px !important;
   }
   .margin-left26 {
   	margin-left: 26px !important;
   }
   .margin-left28 {
   	margin-left: 28px !important;
   }
   .padding-top0 {
   	padding-top: 0px !important;
   }
   .padding-top2 {
   	padding-top: 2px  !important;
   }
   .padding-top4 {
   	padding-top: 4px !important;
   }
   .padding-top6 {
   	padding-top: 6px !important;
   }
   .padding-top8 {
   	padding-top: 8px !important;
   }
   .padding-top10 {
   	padding-top: 10px !important;
   }
   .padding-top12 {
   	padding-top: 12px !important;
   }
   .padding-top14 {
   	padding-top: 14px !important;
   }
   .padding-top16 {
   	padding-top: 16px !important;
   }
   .padding-top18 {
   	padding-top: 18px !important;
   }
   .padding-top20 {
   	padding-top: 20px !important;
   }
   .padding-top22 {
   	padding-top: 22px !important;
   }
   .padding-top24 {
   	padding-top: 24px !important;
   }
   .padding-top26 {
   	padding-top: 26px !important;
   }
   .padding-top28 {
   	padding-top: 28px !important;
   }
   .padding-top30 {
   	padding-top: 30px !important;
   }
   .padding-top32 {
   	padding-top: 32px !important;
   }
   .padding-top34 {
   	padding-top: 34px !important;
   }
   .padding-top36 {
   	padding-top: 36px !important;
   }
   .padding-top38 {
   	padding-top: 38px !important;
   }
   .padding-top40 {
   	padding-top: 40px !important;
   }
   .padding-top50 {
   	padding-top: 50px !important;
   }
   .padding-top60 {
   	padding-top: 60px !important;
   }
   .padding-top70 {
   	padding-top: 70px !important;
   }
   .padding-top80 {
   	padding-top: 80px !important;
   }
   .padding-bottom0 {
   	padding-bottom: 0px !important;
   }
   .padding-bottom2 {
   	padding-bottom: 2px !important; 
   }
   .padding-bottom4 {
   	padding-bottom: 4px !important; 
   }
   .padding-bottom6 {
   	padding-bottom: 6px !important;
   }
   .padding-bottom8 {
   	padding-bottom: 8px !important;
   }
   .padding-bottom10 {
   	padding-bottom: 10px !important;
   }
   .padding-bottom12 {
   	padding-bottom: 12px !important;
   }
   .padding-bottom14 {
   	padding-bottom: 14px !important;
   }
   .padding-bottom16 {
   	padding-bottom: 16px !important;
   }
   .padding-bottom18 {
   	padding-bottom: 18px !important;
   }
   .padding-bottom20 {
   	padding-bottom: 20px !important;
   }
   .padding-bottom22 {
   	padding-bottom: 22px !important;
   }
   .padding-bottom24 {
   	padding-bottom: 24px !important;
   }
   .padding-bottom26 {
   	padding-bottom: 26px !important;
   }
   .padding-bottom28 {
   	padding-bottom: 28px !important;
   }
   .padding-bottom30 {
   	padding-bottom: 30px !important;
   }
   .padding-bottom32 {
   	padding-bottom: 32px !important;
   }
   .padding-bottom34 {
   	padding-bottom: 34px !important;
   }
   .padding-bottom36 {
   	padding-bottom: 36px !important;
   }
   .padding-bottom38 {
   	padding-bottom: 38px !important;
   }
   .padding-bottom40 {
   	padding-bottom: 40px !important;
   }
   .padding-bottom50 {
   	padding-bottom: 50px !important;
   }
   .padding-bottom60 {
   	padding-bottom: 60px !important;
   }
   .padding-bottom70 {
   	padding-bottom: 70px !important;
   }
   .padding-bottom80 {
   	padding-bottom: 80px !important;
   }
   .padding-right0 {
   	padding-right: 2px !important; 
   }
   .padding-right2 {
   	padding-right: 2px !important; 
   }
   .padding-right4 {
   	padding-right: 4px !important;
   }
   .padding-right6 {
   	padding-right: 6px !important;
   }
   .padding-right8 {
   	padding-right: 8px !important;
   }
   .padding-right10 {
   	padding-right: 10px !important;
   }
   .padding-right12 {
   	padding-right: 12px !important;
   }
   .padding-right14 {
   	padding-right: 14px !important;
   }
   .padding-right16 {
   	padding-right: 16px !important;
   }
   .padding-right18 {
   	padding-right: 18px !important;
   }
   .padding-right20 {
   	padding-right: 20px !important;
   }
   .padding-right22 {
   	padding-right: 22px !important;
   }
   .padding-right24 {
   	padding-right: 24px !important;
   }
   .padding-right26 {
   	padding-right: 26px !important;
   }
   .padding-right28 {
   	padding-right: 28px !important;
   }
   .padding-left {
   	padding-left: 0px !important; 
   }
   .padding-left2 {
   	padding-left: 2px !important; 
   }
   .padding-left4 {
   	padding-left: 4px !important;
   }
   .padding-left6 {
   	padding-left: 6px !important;
   }
   .padding-left8 {
   	padding-left: 8px !important; 
   }
   .padding-left10 {
   	padding-left: 10px !important;
   }
   .padding-left12 {
   	padding-left: 12px !important;
   }
   .padding-left14 {
   	padding-left: 14px !important;
   }
   .padding-left16 {
   	padding-left: 16px !important;
   }
   .padding-left18 {
   	padding-left: 18px !important;
   }
   .padding-left20 {
   	padding-left: 20px !important;
   }
   .padding-left22 {
   	padding-left: 22px !important;
   }
   .padding-left24 {
   	padding-left: 24px !important;
   }
   .padding-left26 {
   	padding-left: 26px !important;
   }
   .padding-left28 {
   	padding-left: 28px !important;
   }
   .visuallyhidden {
   	border: 0;
   	clip: rect(0 0 0 0);
   	height: 1px;
   	margin: -1px;
   	overflow: hidden;
   	padding: 0;
   	position: absolute;
   	width: 1px;
   }
   .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
   	clip: auto;
   	height: auto;
   	margin: 0;
   	overflow: visible;
   	position: static;
   	width: auto;
   }
   .invisible {
   	visibility: hidden;
   }
   .clearfix:before, .clearfix:after {
   	content: " ";
   	/* 1 */

   	display:table;/* 2 */
   }
   .clearfix:after {
   	clear:both;
   }
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
   @media (min-width:320px) {}
   @media (min-width: 768px) {
      .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
    padding-top: 10px;
    display: block;
}
.owl-clients.owl-theme.owl-carousel {
   height: 88px;
}
   }
   @media(min-width: 992px) {
      #carousel .carousel-caption{
   top: -24px;
}

#carousel .carousel-caption h1{
font-size: 34px;
margin-bottom: 10px;
font-weight: bold;
}
#carousel .carousel-caption h3{
font-size: 34px;
margin-bottom: 10px;
font-weight: bold;
}
#carousel .carousel-caption p{
font-size: 20px;
margin-bottom: 0px;
}
   }
   @media(min-width: 1200px) {

   #carousel{
  margin-bottom: 10px;
}
   #carousel .carousel-caption{
   justify-content: space-between;
   left: 0rem;
   }

   #carousel .carousel-control{
   align-items: center;
    bottom: 0;
    display: flex;
    top: 20%;
    width: 3.7%;
}
   }
   @media(min-width: 1400px) {
      #carousel .carousel-caption{
   top: -14px;
}
#quote-form h2{
  left: 9em;
}
   }

 @media(max-width:1024px) {

  #about-section .newsletter-form {
    padding: 10px 0px;
    outline-offset: -4px;
}

  .owl-clients .owl-next {
    right: -20px;

}

  .owl-clients .owl-prev {
    left: -20px;

}
#carousel .col-md-6 {
    width: 100%;
}



 }
 @media(max-width:980px) {
   .nav > li > a {
    position: relative;
    display: block;
    padding: 9px 10px;

}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

#carousel .carousel-caption{
  top: 10px;
  left: 10%;
}
div#get-quote{
  position: relative
}
#quote-form h2 {
    position: absolute;
    bottom: 218px;
}
#quote-form h2::before{
  border-width: 0px 0px 57px 36px;
}
#quote-form h2::after{
  border-width: 57px 0px 0px 36px;
}
div#get-quote-form .form-inline .form-group + .form-group{
  padding-left: 2px;
}
.formNewsletter{
  clear: both;
  margin-top: 10px;
}
 }
@media(max-width: 900px){

  .nav > li > a {
    position: relative;
    display: block;
    padding: 9px 10px;

}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
#carousel,.carousel , #carousel .item {
    min-height:auto;

}
#carousel{
  margin-bottom: 4px;
}
#carousel .carousel-caption{
   top: 63px;
   left: 7%;
}
#quote-form h2 {
    position: absolute;
    bottom: 218px;
}
div#get-quote{
  position: relative
}
#quote-form h2::before{
  border-width: 0px 0px 57px 36px;
}
#quote-form h2::after{
  border-width: 57px 0px 0px 36px;
}

div#get-quote-form .form-inline .form-group + .form-group{
  padding-left: 2px;
}
.formNewsletter{
  clear: both;
  margin-top: 10px;
}

}
   @media(max-width:800px){ }
   @media(max-width:768px){
       .testimonials-details{
           width: auto;
       }
}
   @media(max-width:640px) {
    #quote-form h2 {
    bottom: 454px;
}
#carousel .carousel-caption {
    top: 130px;
    left: 7%;
}
.heading h2::after,
.heading h2::before{
  display: none;
}
.services-single{
  margin-bottom: 18px;
}
   }

   @media(max-width: 600px){ }
   @media(max-width:480px) { }
   @media(max-width:360px) {
#carousel .carousel-caption {
    top: 200px;
    left: 7%;
}
  #carousel .carousel-caption h1 {
    font-size: 18px;
    color: #ffffff;
}
#carousel .carousel-caption h1::after {
    top: 26px;
}
#carousel .carousel-caption h3 {
    font-size: 18px;
    color: #ffffff;
}
#carousel .carousel-caption h3::after {
    top: 26px;
}


#carousel .carousel-caption p {
    font-size: 15px;

}




   }
   @media(max-width:320px) {
       #carousel .carousel-caption h3::after {
    top: 44px;
}
#carousel .carousel-caption h1::after {
    top: 44px;
}
       
       .owl-clients .owl-next {
    right: -18px;
}
.owl-clients .owl-prev {
    left: -17px;
}

}

.bullet li{
    list-style: circle;
    color: #8e8c8c;
    margin-left: 18px;
}
.servicesarea .bullet li{
    color: #ffffff;
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

   @media print {
   	*, *:before, *:after, *:first-letter, *:first-line {
   		background: transparent !important;
   		color: #000 !important;
	/* Black prints faster:
	http://www.sanbeiji.com/archives/953 */

	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href)")";
}
abbr[title]:after {
	content: " (" attr(title)")";
}
/*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

     a[href^="#"]:after, a[href^="javascript:"]:after {
     	content: "";
     }
     pre, blockquote {
     	border: 1px solid #999;
     	page-break-inside: avoid;
     }
/*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

     thead {
     	display: table-header-group;
     }
     tr, img {
     	page-break-inside: avoid;
     }
     img {
     	max-width: 100% !important;
     }
     p, h2, h3 {
     	orphans: 3;
     	widows: 3;
     }
     h2, h3 {
     	page-break-after: avoid;
     }
 }




/* Tabbing */
.badge { background-color: #777; }
.tabs-left { margin-top: 3rem; }
.nav-tabs { float: left; border-bottom: 0; } 
.nav-tabs li { display:block; float:none;  }
.nav-tabs li a { display:block; }
.glyphicon { color: #fff; }
.active .glyphicon { color: #333; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border:0; background:#e7f4ff; color: #fff;}
.tab-content { position:relative; }
.tab-content .col-md-4 {  }
.tab-content  h3 { margin-top:0; font-size:24px; color:#fff; font-family:'lato-regular',sans-serif; font-weight:bold;  }
.tab-content .contentarea {  background:rgba(62, 43, 43, 0.65); min-height:250px; padding:10px; position:absolute; z-index:99; bottom: 21px; }
.tab-pane { display: none;  padding: 1.6rem; overflow-y: auto; }
.active { display: block; }
.list-group { width: 100%; } 
.list-group-item { height: 50px; }contentarea
.tab-content .contentarea p {color:black;}
.servicesarea p {color:#fff;}
.servicesarea { background:#0e4e85;  color:#4f4e4e;  } 
.servicesarea h2 { color:rgba(0, 0, 0, 0.73); font-size:30px; font-weight:bold; font-family:'lato-regular',sans-serif; margin-bottom:5px; }
.servicesarea .col-md-8 { padding:0; margin:0; }
.tab-content > .tab-pane img {
    width: 100%;
    /*height: 100%;*/
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid rgba(238, 238, 238, 0.6);
}

.nav-tabs > li > a:hover {
    color: #fff;        
    background:#e7f4ff;
    border-color: #e7f4ff;
}

.services-page .services-content {
    margin-bottom: 40px;
}

.services-page .services-text {
    position: relative;
    background-color: #ffffff;
    padding: 30px 30px 0px;
}

.services-page .services-text a.btn {
margin-top: 10px;
}

.services-page .services-thumb {
    position: relative;
}

.services-page .services-thumb .overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(141, 59, 63, .8) url(../img/plus.svg) no-repeat;
    background-position: center center;
    background-size: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
}

.services-page .services-thumb:hover .overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}


/* Single Services */

.single-services-wrap img {
    width: 100%;
    margin-bottom: 40px;
}

.single-services-wrap .features-wrap {
    margin-top: 60px;
}

.single-services-wrap .features-item {
    padding: 20px 20px 20px 60px;
}

.single-services-wrap .features-item .icon-wrap {
    padding: 0px 15px;
    background-color: transparent;
}
.services-page .services-text h3.title:after {
    content: '';
    background-color: #0e4e85;
    width: 75px;
    height: 2px;
    margin-top: 15px;
    display: block;       
}
.single-services-wrap .features-item .icon-wrap i {
    font-size: 32px;
    color: #0B60A9;
    line-height: 70px;
}



.sb {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -150px;
  width: 500px;
  height: 200px;
  background: white;
  padding: 25px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
  z-index: 1999;
  opacity: 0;
}

.sb h2 {
  margin-top: 0;
}

.sb p {
  font-size: 20px;
}

.sb form input[type='text'], .sb form input[type='password'], .sb form input[type='email'], .sb form textarea{
  margin: 0;
  border: none;
  background: #f7f7f7;
  padding: 18px 10px;
  font-size: 16px;
  width: 79%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.sb form input[type='submit']{
  padding: 18px 10px;
  background: none;
  font-size: 16px;
  text-transform: uppercase;
  border: none;
  background: black;
  color: white;
  width: 20%;
  margin: 0;
}

.sb .sb-close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #ccc;
}

.sb.sb-withoverlay {
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: -250px;
}


.sb-open.sb-open-with-overlay {
  overflow: hidden;
}

.sb-open .sb-overlay {
  opacity: 1;
}

.sb-open .sb {
  opacity: 1;
}

.sb-overlay {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.58);
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  overflow: auto;
}

.sb-close-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

[class^="sb-animation-"], [class*=" sb-animation-"] {
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
}

.sb-animation-flyInRight {
  -webkit-animation-name: flyInRight;
	-moz-animation-name: flyInRight;
	-o-animation-name: flyInRight;
	animation-name: flyInRight;
}

.sb-animation-flyOutRight {
  -webkit-animation-name: flyOutRight;
	-moz-animation-name: flyOutRight;
	-o-animation-name: flyOutRight;
	animation-name: flyOutRight;
}

.sb-animation-flyInLeft {
  -webkit-animation-name: flyInLeft;
	-moz-animation-name: flyInLeft;
	-o-animation-name: flyInLeft;
	animation-name: flyInLeft;
}

.sb-animation-flyOutLeft {
  -webkit-animation-name: flyOutLeft;
	-moz-animation-name: flyOutLeft;
	-o-animation-name: flyOutLeft;
	animation-name: flyOutLeft;
}

.sb-animation-flyInUp {
  -webkit-animation-name: flyInUp;
	-moz-animation-name: flyInUp;
	-o-animation-name: flyInUp;
	animation-name: flyInUp;
}

.sb-animation-flyOutUp {
  -webkit-animation-name: flyOutUp;
	-moz-animation-name: flyOutUp;
	-o-animation-name: flyOutUp;
	animation-name: flyOutUp;
}

.sb-animation-flyInDown {
  -webkit-animation-name: flyInDown;
	-moz-animation-name: flyInDown;
	-o-animation-name: flyInDown;
	animation-name: flyInDown;
}

.sb-animation-flyOutDown {
  -webkit-animation-name: flyOutDown;
	-moz-animation-name: flyOutDown;
	-o-animation-name: flyOutDown;
	animation-name: flyOutDown;
}
/*=================================================
Animation Library
=================================================*/

@-webkit-keyframes flyInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(3000px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes flyInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(3000px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes flyInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(3000px);
	}

	100% {
		-o-transform: translateX(0);
	}
}

@keyframes flyInRight {
	0% {
		opacity: 0;
		transform: translateX(3000px);
	}

	100% {
		transform: translateX(0);
	}
}

@-webkit-keyframes flyOutRight {
	0% {
		-webkit-transform: translateX(0);
	}

	100% {
	  opacity: 0;
		-webkit-transform: translateX(3000px);
	}
}

@-moz-keyframes flyOutRight {
	0% {
		-moz-transform: translateX(0);
	}

	100% {
	  opacity: 0;
		-moz-transform: translateX(3000px);
	}
}

@-o-keyframes flyOutRight {
	0% {
		-o-transform: translateX(0);
	}

	100% {
	  opacity: 0;
		-o-transform: translateX(3000px);
	}
}

@keyframes flyOutRight {
	0% {
		transform: translateX(0);
	}

	100% {
	  opacity: 0;
		transform: translateX(3000px);
	}
}

@-webkit-keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-3000px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes flyInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-3000px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes flyInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-3000px);
	}

	100% {
		-o-transform: translateX(0);
	}
}

@keyframes flyInLeft {
	0% {
		opacity: 0;
		transform: translateX(-3000px);
	}

	100% {
		transform: translateX(0);
	}
}
@-webkit-keyframes flyOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-3000px);
	}
}

@-moz-keyframes flyOutLeft {
	0% {
		-moz-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-3000px);
	}
}

@-o-keyframes flyOutLeft {
	0% {
		-o-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateX(-3000px);
	}
}

@keyframes flyOutLeft {
	0% {
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-3000px);
	}
}

@-webkit-keyframes flyInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes flyInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes flyInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes flyInUp {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}

	100% {
		transform: translateY(0);
	}
}

@-webkit-keyframes flyOutUp {
	0% {
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes flyOutUp {
	0% {
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes flyOutUp {
	0% {
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes flyOutUp {
	0% {
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}


@-webkit-keyframes flyInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes flyInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes flyInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes flyInDown {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}

	100% {
		transform: translateY(0);
	}
}

@-webkit-keyframes flyOutDown {
	0% {
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes flyOutDown {
	0% {
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes flyOutDown {
	0% {
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes flyOutDown {
	0% {
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

@media (max-width:768px){
    .nav-tabs { float: noe; border-bottom: 0; }
    .tab-content .contentarea{
        position: relative;
        bottom: 0px;
    }
}

.footer-bottom a {
    color: #fff;
}
.call_us_area a{
    color: #333;
}


.owl-clients .item{
    text-align:center;
}
.navbar-default .navbar-toggle{
    margin-top:28px;
}

/*responsive css style*/
@media (max-width:420px){
    .call_us_area{
        display:none;
    }
    #call-to-action .phone p {
        color: #ffffff;
        font-size: 22px;
    }
    .navbar-brand>img{
        width: 140px;
        padding: 10px;
    }
    .servicesarea .nav-tabs li {
        display: inline-block;
    }
    #carousel .carousel-caption h3:after{
        display:none;
    }
    #carousel .carousel-caption h1:after{
        display:none;
    }
}