body
{
margin:0;
padding:0;
font-family: 'Conv_Abel-Regular' !important;
}
h1,h2,h3,h4,h5,h6,p
{
margin:0;
padding:0;
font-family: 'Conv_Abel-Regular' !important;
}
/** Generated by FG **/
@font-face {
font-family: 'Conv_Abel-Regular';
src: url('../fonts/Abel-Regular.eot');
src: url('../fonts/Abel-Regular.woff') format('woff'),
url('../fonts/Abel-Regular.ttf') format('truetype'),
url('../fonts/Abel-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}


/*header*/
.navbar {
    border-radous:0;
    border:0;
    margin:0;
}
.header-inner {
    width: 100%;
    position: reltive;
    z-index: 999;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: a;
    ;
2s; /* For Safari 3.1 to 6.0 */
    transition: all 2s;
}
.top-line {
    padding: 10px 0;
    background: #0f3a4f;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    overflow: hidden;
}
.top-line p, .top-line a {
    color: #ffffff;
    margin: 0;
}
.top-line p span { margin-right: 20px; }
.top-line p span i {
    font-size: 13px;
    color:#fff;
    margin-right: 10px;
}
.top-line ul.social-icons {
    margin: 0;
    padding: 0;
    text-align: right;
}
.top-line ul.social-icons li {
    display: inline-block;
    margin-left: 9px;
}
.top-line ul.social-icons li a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    font-size: 14px;
    color: #ffffff;
}
.top-line ul.social-icons li a:hover { color: #ffba00; }
header.active .top-line {
    height: 0;
    padding: 0;
}
/*** Brand logo ***/

.brand {
    width: auto;
    height: auto;
}
.brand h1 {
font-size: 25px;
padding-top:20px;
}
.brand a { display:block;    color: #0f3a4f;
 }
.brand, .header-inner .main-nav {
       display: inline-block;

    vertical-align: middle;
}
/*** Main Nav Menu ***/
.main-nav {
    text-align: right;
    white-space: nowrap;
    padding: 0 0 0 30px;
    width:auto;
	float:right;
}
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.main-nav .sf-menu li { position: relative; }
.main-nav .sf-menu li:hover, .sf-menu li.sfHover {
    -webkit-transition: none;
    transition: none;
}
.main-nav .sf-menu li a {
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 70px;
    padding: 0 15px;
    position: relative;
	font-family: 'Conv_Abel-Regular' !important;
    text-transform: capitalize;
}
.main-nav .sf-menu li.current a { color: #424E75; }
.main-nav .sf-menu li.current ul a { color: #424E75; }
.main-nav .sf-menu li ul li.current a { color: #424E75; }
.main-nav .sf-menu ul {
    background-color: #fff;
    position: absolute;
    z-index: 6000;
    display: none;
    min-width: 12em; /* allow long menu items to determine submenu width */
 *width: 12em; /* no auto sub width for IE7, see white-space comment below */
    top: 99%;
    left: 0;
    z-index: 99;
    margin: 1px 0;
    padding: 0;
    border-top: solid 2px #c44741;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}
.main-nav .sf-menu > li { display: inline-block; }
.main-nav .sf-menu li:hover > ul, .main-nav .sf-menu li.sfHover > ul { display: block; }
.main-nav .sf-menu a {
    display: block;
    position: relative;
}
.main-nav .sf-menu a:hover { color: #0f3a4f; }
.main-nav .sf-menu ul li {
    width: 180px;
    background: #fff;
    text-align: left;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
.main-nav .sf-menu ul li a {
    padding: 10px 15px;
    font-size: 13px;
}
.main-nav .sf-menu ul ul {
    top: 0;
    left: 100%;
}
.main-nav .sf-menu ul ul li {
    background: #fff;
    border-left: solid 1px #eee;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #999; }
.header-inner #toggle-btn {
    cursor: pointer;
    font-size: 17px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 20px;
    width: 45px;
}
.header-inner .toggle-subarrow { display: none; }

.why-outer
{
width:100%;
float:left;
padding:40px 0;
text-align:center;
}
.why-outer h3
{
font-size:50px;
color:#134b67;
position:relative;
margin-bottom:30px;
}
.why-outer h3 span 
{
display:inline-block;
position:relative;
padding:0 90px;
}
.why-outer h3 span:after,
.why-outer h3 span:before
{
position:absolute;
width:70px;
height:2px;
content:"";
top: 26px;
background-color:#134b67;
}
.why-outer h3 span:after
{
left:0;
}
.why-outer h3 span:before
{
right:0;
}
.why-outer h4 {
font-size: 35px;
color: #fff;
text-align:left;
margin-bottom: 15px;
}
.content-left {
background-color: #134b67;
padding: 30px;
border: 10px #0f3a4f solid;
}
.why-outer p {
text-align: center;
font-size: 18px;
color: #000;
margin-bottom: 50px;
}
.why-outer li {
font-size: 16px;
text-align:left;
color:#fff;
margin-bottom:15px;
}
.content-right img {
object-fit: cover;
height: 431px;
}
.why-outer ul
{
list-style: circle !important;
padding:0 20px;
}
ul, ol {
margin: 0;
padding: 0;
list-style:none;
}
.about-us-outer
{
width:100%;
float:left;
padding:40px 0;
background-color:#000;
text-align:center;
}
.about-us-outer h4 {
font-size: 40px;
color: #fff;
margin-bottom: 20px;
}
.about-us-outer p {
font-size: 18px;
color: #fff;
line-height: 25px;
margin-bottom: 20px;
}
.footer-container h4 {
font-size: 25px;
color: #fff;
font-weight: normal;
text-transform: capitalize;
}
.footer-container li a:hover {
color: #145d82 !important;
}
.footer-container li a {
color: #fff;
font-size: 18px;
display: block;
padding: 10px 0;
font-family: 'Conv_Abel-Regular' !important;
text-decoration: none;
border-bottom: 1px #455863 solid;
}
.footer-container li:last-child a
{
border-bottom:none;
}
.footer-container {
background-color:#272723;
width: 100%;
float: left;
padding: 50px 0;
}
.footer-container ul {
margin: 0;
padding: 0;
list-style: none;
}
.latest-services {
padding: 70px 0;
width: 100%;
float: left;
background-color:#145d82;
}
.latest-services h2 {
text-align: center;
color: #fff;
font-size: 45px;
padding-bottom: 40px;
}
.ser-col h5 {
font-size: 25px;
font-weight: 300;
color: #fff;
margin-bottom: 10px;
}
.latest-services img {
margin-bottom: 20px;
}
.ser-col p {
color: #fff;
font-size: 17px;
text-align: justify;
}
.ser-col {
margin-bottom: 30px;
}
.service-blog-inner h3 {
float: left;
width: 100%;
padding: 20px 10px;
font-size: 30px;
color: #fff;
font-weight: 100;
}
.our-service-blog p {
padding: 0 20px;
line-height: 25px;
font-size: 18px;
color: #fff;
}
.service-blog-inner {
float: left;
width: 100%;
min-height:460px;
border: 20px #0f3a4f solid;
background-color: #134b67;
}
.service-blog-inner img {
max-width: 100%;
}
.our-service-blog {
padding: 0 15px 53px;
float: none;
display: inline-block;
margin: 0 !important;
width: 33% !important;
}
.our-service-blog a {
background-color: #134b67;
color: #fff;
display: inline-block;
padding: 13px 20px;
margin-top: 20px;
width: 100%;
font-family: 'Conv_Abel-Regular' !important;
text-align: center;
font-size: 20px;
}
.our-service-blog a:hover {
background-color: #ffffff;
color: #134b67;
text-decoration: none;
}
.fa-angle-right
{
margin-left:5px;
}
.title p {
color: #898989;
font-size: 26px;
line-height: 36px;
font-weight: 300;
margin-bottom: 40px;
}
.title h4 {
color: #000;
font-size: 50px;
line-height: 60px;
font-weight: 100;
margin: 0 0 10px;
}
.our-service-outer {
background: #f9f9f9;
padding: 50px 0 50px;
text-align: center;
width: 100%;
float: left;
}
.banner-outer
{
width:100%;
float:left;
background:url(../images/contact-image.jpg) center top no-repeat;
background-size:cover;
padding:140px 0 140px;
}
.banner-outer h1 {
font-size: 60px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
text-shadow: 1px 7px 4px #000;
letter-spacing: 5px;
}



/*slider-css*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
padding: 0;
}
.navbar-fixed-top {
background-color: #0f3a4f !important;
}
.navbar-fixed-top .main-nav .sf-menu li a,
.navbar-fixed-top .brand a
{
color:#ffffff;
}
.navbar-fixed-top .main-nav .sf-menu li a {
font-size: 15px;
line-height: 50px !important;
}
.navbar-fixed-top  .brand {
height: 60px;
}
.hero a {
font-size: 25px !important;
color: #f5f5f5;
background-color: #134b67;
border: none;
outline: none;
padding: 10px 40px;
border-radius: 50px;
margin-top: 20px;
display: inline-block;
}
.hero a:hover
{
background-color:#000;
color:#fff;
text-decoration:none;
}
.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color:#134b67;
    border: none;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
}
.fade-carousel .slides .slide-3 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
.hero { width: 980px; }    
}
@media screen and (max-width: 640px){
.hero h1 { font-size: 4em; }    
}



.contact-form li {
font-size: 20px;
border-bottom: 1px #000 solid;
padding: 16px 0;
float: left;
margin: 0;
width: 100%;
}
.contact-form li .fa {
float: left;
font-size: 20px;
margin-right: 10px;
position: relative;
top: 3px;
}
.contact-comment textarea {
width: 97%!important;
float: left;
font-size: 18px;
color: #000;
height: 100px !important;
padding: 5px 15px;
}
.contact-field input[type="text"],
.contact-field input[type="email"] {
padding: 5px 15px;
width: 100%;
float: left;
font-size: 18px;
color: #000;
}
.contact-field {
width: 47%;
float: left;
margin-right: 3%;
margin-bottom: 20px;
}
.contact-inner {
background-color: #ffffff;
padding: 50px 20px;
border: 30px #145c82 solid;
}
.submit-button {
font-size: 17px;
text-transform: uppercase;
text-align: center;
border: none;
outline: none;
width: auto;
color: #fff;
padding: 10px 40px;
float: left;
cursor: pointer;
background-color: #000;
}
.submit-button:hover
{
background-color:#145d82 !important;
color:#fff;
}
.contact-form li a {
color: #000;
}
.contact-form {
width: 100%;
float: left;
background-color:#eee;
padding: 40px 0;
}
.contact-form h3 {
padding-bottom: 30px;
font-size: 30px;
}
.contact-comment {
width: 100%;
float: left;
margin-bottom: 20px;
}
.content-outer {
width: 100%;
float: left;
padding: 50px 0;
background-color: #eee;
}
.content-inner img
{
float:left;
margin:0 20px 20px 0;
border:10px #0f3a4f solid;
border-radius:none;
padding:10px;
background-color:#fff;
}
.content-outer p {
font-size: 18px;
text-align: justify;
line-height: 25px;
margin-bottom: 20px;
}
.content-outer h2
{
color:#000;
padding-bottom:10px;
font-size:25px;
}
#content-banner
{
background:#145d82;
}
.content-outer li {
padding-bottom: 10px;
font-size: 16px;
}
.content-outer li .fa
{
margin-right:10px;
}
.content-outer ul {
list-style:none;
margin: 0;
padding:0px;
}