@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);

body{ font-family:'Open Sans', Arial, Helvetica, sans-serif;}
a{ color:#333}a:hover{ color:#000}h1, h2, h3, h4, h5{}
h1{ font-size:28px;}

.logo{font-weight:700; font-size:32px; color:#000 !important} .logo span{ font-weight:400;}
.navbar{ margin-bottom:0;}.navbar-default{padding:1% 0; background: #fff none repeat scroll 0 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); border-bottom:0px solid #000}
.navbar-default .navbar-nav > li > a{ color:#000; text-transform:uppercase;transition:all 1s ease 0s; }
.navbar-default .navbar-nav > li > a:hover,.active{ background:#181c27; color:#FFF !important;}


.carousel-inner {width: 100%;}
.carousel-inner > .item > img,
/*.carousel-inner > .item > a > img {width: 100%;margin: auto;}*/
.carousel-inner > .item > a > img {width:100%;margin:auto;display:block;height:auto;max-width:100%;line-height: 1;}
.carousel-indicators{ bottom:0;}
.carousel{ padding-bottom:3px; padding-top:1px; background:#EEE }

footer{ margin-top:40px; background:#181C27; color:#FFF} footer a{ color:#FFF}
.link{ padding:24px 0 5px 0; border-bottom:1px solid #242937; margin-bottom:12px}.link a{ color:#FFF}
.link ul li{ border-right:1px solid #242937; padding:3px 3.5%;}.link ul li:last-child{ border:0}
.facebook{width: 16px;height: 19px;background: url(../images/facebook.jpg) no-repeat;display: inline-block; padding-right:28px }
.twitter{width: 16px;height: 19px;background: url(../images/twitter.jpg) no-repeat;display: inline-block; padding-right:28px }
.googleplus{width: 16px;height: 19px;background: url(../images/googleplus.jpg) no-repeat;display: inline-block; padding-right:28px }
.linkedin{width: 16px;height: 19px;background: url(../images/linkedin.jpg) no-repeat;display: inline-block;}
.copyright{ font-size:13px;}.jovial,.jovial a{ font-size:12px; color:#CECFD1; font-style:italic; padding:3px 0}

.caption {position: relative; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-size:12px; margin:4% 0;}
.img-width{ width:100% !important;}


.caption-overlay{font-size:13px; background:rgba(61,62,68,0.8); bottom:0; left:0;width:100%;padding-top:0;display:block; color:#37393E !important; }
.caption-overlay .caption-overlay-title{  position:absolute; bottom:0; background:rgba(20,27,46,0.9); display:block; width:100%;padding:20px;transition:all 0.1s ease; color:#FFF} 
.caption-overlay .caption-overlay-title h3{ font-size:21px; margin:0 0 5px 0 ; padding:0; font-weight:600}
.caption-overlay .caption-overlay-content{position:absolute; z-index:2; top:0; visibility:hidden; height:100%; width:100%; left:0;padding:20px; cursor:pointer;transition:all 0.3s ease-in; }
.caption-overlay:hover .caption-overlay-content{position:absolute; visibility:visible; background:rgba(20,27,46,0.9); color:#FFF;}
.caption-overlay:hover .caption-overlay-title{ visibility:hidden }
.caption-overlay a{ color:#FFF !important;}
.caption-overlay .btn-read{ padding:7px 14px; background:#0588B7 !important; color:#FFF !important}

.getguote{ background:#EBEBEB; margin-top:3%; padding:7% 5%;} .getguote h2{ margin:0 0 5px 0; color:#191F39; font-size:28px; font-weight:600}

.padding{ padding:40px 0 10px 0;}.padding h1{ font-size:30px; color:#191F39; font-weight:600}
.submit{ margin-top:2%; background:#111D35; color:#FFF !important; border:1px solid #111D35; border-radius:0; padding:1% 5%;}.submit:hover, .submit:active{ color:#FFF; background:#0588B7; border:1px solid #0588B7}
.input-format{ border-radius:0; margin:3px 0; padding-left:8px; border:1px solid #E2E2E2; color:#000;}

ul.tracking{ margin-bottom:30px;}
ul.tracking li a{ font-weight:400; font-size:16px; line-height:28px; }
.tablecontainer a {color: #000000;font-weight: 600;text-decoration: none;}
.tablecontainer {background: #EBEBEB none repeat scroll 0 0;border: 1px solid #d1d1d1; border-collapse: collapse; text-transform:capitalize}
.tablecontainer td {border-right:1px solid #d1d1d1; border-top:1px solid #d1d1d1;line-height:26px; padding:5px;}

ul.sitemap{ padding:20px 40px; background:#EEE; /* list-style:none;margin:0 auto; text-align:center; width:70%;*/} ul.sitemap li{ border-bottom:1px solid #ddd; padding:10px 5px;} ul.sitemap li:last-child{ border-bottom:0}


@media(max-width:2000px) and (min-width:1900px){}
@media(max-width:1545px) and (min-width:1348px){}
@media(max-width:1800px) and (min-width:1200px){}

@media only screen and (max-width:1200px){
.logo{font-size:21px;}
}

@media only screen and (max-width:991px){
.navbar-default .navbar-nav > li > a{ padding:18px 8%; font-size:12px;}
}

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

@media only screen and (max-width:767px){
.padding{ padding:10px 0 10px 0;}.padding h1{ font-size:25px;}
.navbar-default .navbar-nav > li > a{ padding:12px 15px; font-size:13px;}
.padding h1{ font-size:20px;}
.getguote h2{font-size:18px; }
.caption-overlay .caption-overlay-title h3{ font-size:16px;}
.caption-overlay-content h3{ font-size:16px; font-weight:600}
#navigation{ background:#181C27}
.navbar-default .navbar-toggle .icon-bar{ background:#FFF;}.navbar-default .navbar-toggle{ background:#181c27; border-color:#181c27}.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background:#181c27}
.navbar-default .navbar-nav > li > a{ color:#FFF}
.nav > li{ border-bottom:1px dotted #2B3347}.nav > li:last-child{ border-bottom:0}
.navbar-default .navbar-nav > li > a:before{font-family: "Glyphicons Halflings";  content: "\e250"; color:#FFF; font-size:8px; padding-right:5px}
h2{ font-size:16px; font-weight:600}
}

@media only screen and (max-width:500px){}
@media only screen and (max-width:420px){
.carousel-indicators .active{ background:#181C27;}.carousel-indicators li{ border:1px solid #181C27}
.carousel-indicators{ bottom:-10px;}
.carousel .item {background:#F9F9F9;overflow:hidden; margin-bottom:1em; margin-top:1em;padding:5px;}
.carousel-inner > .item > img {border:1px solid #DDDDDD;float:left;margin:0;padding:2px;height:none;width:100%;}
.caption-overlay:hover .caption-overlay-content{overflow-y:scroll; }
.padding{ padding:0;}
h3{ font-size:18px;}
}
@media only screen and (max-width:320px){
	}
@media screen and (max-device-width : 320px) and (orientation:landscape){}