/* Default CSS */
body { font-family: DIN, sans-serif; font-weight: 400; color: #08275c; font-size: 17px; line-height: 24px; }
body a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: DIN, sans-serif; font-weight: 700; margin-bottom: 10px; margin-top: 10px; line-height:normal; }

h1 { font-size: 36px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

p { margin-top: 7px; margin-bottom: 18px; }
p:last-child {margin-bottom: 0px; }
b, strong { font-family: DIN, sans-serif; font-weight: 700; font-weight: normal; }

img { max-width: 100%; height: auto; }
img.alignright { float: right; margin: 7px 0 15px 30px; }
img.alignleft { float: left; margin: 7px 30px 15px 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; max-width: 100%; }

ol, dl { margin-top: 7px; margin-bottom: 20px; margin-left: 0; padding-left: 18px; }
ol li, dl li { margin-bottom: 12px; margin-top: 12px; }

ul { padding-left: 0; margin-top: 7px; margin-bottom: 20px; }
ul li { list-style: none; }

a { color: #f48023; }
a:hover, a:focus { color: #104cb4; text-decoration:none; }

*:focus {
    outline: none;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

.btn { background-color: #08275c; background-image: -webkit-linear-gradient(left, #104cb4, #1766fd); background-image: -moz-linear-gradient(left, #104cb4, #1766fd); background-image: -o-linear-gradient(left, #104cb4, #1766fd); background-image: -ms-linear-gradient(left, #104cb4, #1766fd); background-image: -webkit-gradient(linear, left top, right top, from(#104cb4), to(#1766fd)); background-image: linear-gradient(to right, #104cb4, #1766fd); color: #ffffff;border:none; font-size: 26px; line-height: 26px; font-family: DIN, sans-serif; font-weight: 700;padding: 18px 40px; text-align: center; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; text-align: center; outline: none !important; }
.btn i { margin-left: 10px; }
.btn.focus, .btn:focus, .btn:hover { background: #eebe05; color: #08275c; }

.btn-big { min-width: 240px;color: #051d46; white-space:nowrap; border:none; font-size: 26px; line-height: 26px; font-family: DIN, sans-serif; font-weight: 700; text-align: center;border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; padding: 18px 40px; background-color: #eebe05; background-image: -webkit-linear-gradient(left, #f1ad3f, #eebf01); background-image: -moz-linear-gradient(left, #f1ad3f, #eebf01); background-image: -o-linear-gradient(left, #f1ad3f, #eebf01); background-image: -ms-linear-gradient(left, #f1ad3f, #eebf01); background-image: -webkit-gradient(linear, left top, right top, from(#f1ad3f), to(#eebf01)); background-image: linear-gradient(to right, #f1ad3f, #eebf01);outline: none !important;}
.btn-big i { margin-left: 10px;}
.btn-big:hover, .btn-big:focus, .btn-big:active { background: #ffffff;color: #104cb4; }


.btn-white { border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; color: #ffffff; font-size: 20px; line-height: 20px; padding: 14px 36px 16px 36px; border: 3px solid #ffffff; font-family: DIN, sans-serif; font-weight: 700; background-color: transparent; text-align: center;outline: none !important; }
.btn-white i { margin-left: 10px; }
.btn-white:hover, .btn-white:focus { background-color: #ffffff; color: #104cb4; }

input::-moz-placeholder, textarea::-moz-placeholder {opacity: 1; color:#08275c;}
::-webkit-input-placeholder { color: #08275c;}
::-moz-placeholder { color: #08275c;}
:-ms-input-placeholder { color: #08275c;}
:-moz-placeholder { color: #08275c;}

label{ font-weight:normal;}
.label{ display:block;font-weight: normal !important; color: #08275c; font-size: 17px; padding:0 12px 0 0px; line-height:48px;white-space: normal;}
.label.required:after{ content:"*";  color:#08275c; position:relative; left:1px;}
label.required:after{ content:"*";  color:#08275c; position:relative; left:1px;}
.input-text { background: #f8f8fb ; border: 1px solid #d5d5de !important; color: #08275c; display: block; height: 50px; line-height: 48px; padding: 0 20px !important; width: 100%; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; border-radius:4px  !important; -webkit-border-radius:4px  !important; -moz-border-radius:4px  !important; }
.input-text:focus{border: 1px solid #1766fd !important;background: #FFF ;}
textarea.input-text { height: auto !important;padding:10px 20px !important;display: block;width: 100%;line-height:normal; }

.form-group{width:100%;display:inline-block;}

.section ul { padding-left: 25px; }
.section ul li { position: relative; margin-bottom: 8px; }
.section ul li:before { content: "\f046"; position: absolute; left: -23px; top: 0; font-family: "FontAwesome"; }

header .top-bar {width:100%; float:left;}
.logo{ width:100%;max-width:318px;float:left;}
.top-bar { background: #0057a7; padding: 16px 0 15px; }
.top-bar a { font-size: 20px; color: #ffffff; font-family: DIN, sans-serif; font-weight: 700; }
.top-bar a i { font-size: 22px;text-shadow: 1px 1px 1px rgba(0,0,0,.2); }
.top-bar a:hover { color: #fff; }
.top-bar a:hover i { border-color: #eebe05; }
.top-bar a:first-child { margin-right:4px; letter-spacing: 0.2px; }
.top-bar a.btn-big { color: #051d46; }
.top-bar a.btn-big:hover { color: #104cb4; }
a.phone-number{background-color: #FFF;color: #051d45;padding: 16px 40px; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; text-align: center;}
.top-bar .text-right{ padding:16px 0px 0px 0px;}
header .top-bar a.phone-number, header .top-bar .btn-big{padding: 12px 40px;}
.logo img {max-width: 200px;}
header .menu{width:100%;float:left;}
.menu { position: relative; background: #ffffff; }
.menu .wsmenu .wsmenu-list li a { font-family: DIN, sans-serif; font-weight: 700; font-size: 20px; color: #08275c; padding: 13px 16px 15px; line-height: normal; }
.menu .wsmenu .wsmenu-list li a i { font-size: 22px; margin-right: 0; margin-left: 2px; vertical-align:middle;line-height:19px; }
.menu .wsmenu .wsmenu-list li a.active { background-color: #eebe05 !important; }
.menu .wsmenu .wsmenu-list li:first-child a, .menu .wsmenu .wsmenu-list li:last-child a { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
.menu .wsmenu .wsmenu-list li .wsmenu-submenu li a i{ position:absolute; right:14px;top: 15px;}
.menu .wsmenu .wsmenu-list li .wsmenu-submenu li a{padding: 13px 26px 15px 16px;}
 
.bg-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat !important; background-position: center bottom !important; background-size: cover !important; }
.bg-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.bg-overlay:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .7; background-color: #1a5ae4; }

.main-slider {width:100%; float:left;}
.hero { position: relative; }
.main-slider .col-md-6 { float: none; display: table-cell; vertical-align: middle;}
.hero .container { position: relative; z-index: 1; padding-top: 80px; padding-bottom: 132px; }
.hero .container h1 { font-size: 62px; line-height: 70px; margin-bottom: 2px; font-weight: 600; }
.hero .container p { font-size: 20px; line-height: 30px; font-family: DIN, sans-serif; font-weight: 700; letter-spacing: 0.2px; display: inline-block; }
.hero-content{display:block; color:#FFF;}
.hero .container .btn-white { display: inline-block; /*padding: 15px 36px 17px;*/ margin-top: 7px; }
.hero .container .hero-free-quote { background: rgba(0, 0, 0, 0.75); max-width: 460px;float:right; width: 100%; position: relative; }
.hero .container .hero-free-quote:after { position: absolute; content: ""; bottom: -103px; left: 20px; background: url(../images/quick-arrow.png) no-repeat left top; width: 228px; height: 128px; }
.hero .container .hero-free-quote h2 { font-size: 32px; font-weight: 600;margin-top: 16px;color:#FFF;margin-bottom: 18px; letter-spacing: 0.8px; }
.hero .container .hero-free-quote .step-title-bar { width:100%;display:inline-block;background-color: #eebe05; background-image: -webkit-linear-gradient(left, #f1ad3f, #eebf01); background-image: -moz-linear-gradient(left, #f1ad3f, #eebf01); background-image: -o-linear-gradient(left, #f1ad3f, #eebf01); background-image: -ms-linear-gradient(left, #f1ad3f, #eebf01); background-image: -webkit-gradient(linear, left top, right top, from(#f1ad3f), to(#eebf01)); background-image: linear-gradient(to right, #f1ad3f, #eebf01); color: #08275c; font-size: 18px; font-family: DIN, sans-serif; font-weight: 700; padding: 10px; }
.hero .container .hero-free-quote .step-list {width:100%;display:inline-block; padding: 47px 24px 30px 24px; }
.hero .container .hero-free-quote .step-list .row { margin: 0 -5px; }
.hero .container .hero-free-quote .step-list .row .col-md-4 { padding: 0 5px; }
.hero .container .hero-free-quote .step-list .flex-fill { margin: 20px 5px; }
.hero .container .hero-free-quote .step-list a {width:100%;display:inline-block; color: #ffffff; }
.hero .container .hero-free-quote .step-list a .step-icon { border-radius: 96px; -webkit-border-radius: 96px; -moz-border-radius: 96px; width: 96px; height: 96px; overflow: hidden; border: 2px solid #ffffff; display: inline-block; }
.hero .container .hero-free-quote .step-list a:hover, .hero .container .hero-free-quote .step-list a:focus { color: #eebe05; }
.hero .container .hero-free-quote .step-list a:hover .step-icon, .hero .container .hero-free-quote .step-list a:focus .step-icon { border-color: #eebe05; }
.hero .container .hero-free-quote .step-list a p { font-size: 16px; font-family: DIN, sans-serif; font-weight: 400; margin-top: 2px; line-height:normal;}
.hero .container .hero-free-quote .free-quote-bottom { width:100%;display:inline-block;padding:0 15px 35px 15px; }
.hero .container .hero-free-quote .free-quote-bottom p { color: #eebe05; font-family: DIN, sans-serif; font-weight: 400; font-size: 20px; }
.hero .container .hero-free-quote .free-quote-bottom .btn-big { display: inline-block; /*padding: 18px 41px; background-color: #eebe05; background-image: -webkit-linear-gradient(left, #f1ad3f, #eebf01); background-image: -moz-linear-gradient(left, #f1ad3f, #eebf01); background-image: -o-linear-gradient(left, #f1ad3f, #eebf01); background-image: -ms-linear-gradient(left, #f1ad3f, #eebf01); background-image: -webkit-gradient(linear, left top, right top, from(#f1ad3f), to(#eebf01)); background-image: linear-gradient(to right, #f1ad3f, #eebf01);*/ }
.hero .container .hero-free-quote .free-quote-bottom .btn-big:hover { background: #ffffff; }
.hero .container .hero-free-quote .free-quote-bottom .number { font-size: 32px; font-family: DIN, sans-serif; font-weight: 700; }
.hero .container .hero-free-quote .free-quote-bottom .number a { color: #ffffff; display: inline-block; margin-top: 35px; margin-bottom: 10px; letter-spacing: 0.6px; }
.hero .container .hero-free-quote .free-quote-bottom .number a:hover { color: #eebe05; }

.middle-section{width:100%; float:left;}




footer {width:100%;float:left; background: #08275c; color: #FFFFFF; font-size: 16px; line-height: 25px; }
footer a { color: #FFFFFF; }
footer a:hover, footer a:focus { color: #eebe05; }
footer h2 { font-size: 24px; position: relative; margin-bottom: 38px; color: #ffffff; }
footer h2:after { content: ""; position: absolute; left: 0; bottom: -15px; width: 30px; height: 2px; background: #eebe05; }
footer .footer-top { padding-bottom: 30px; }
footer .quick-link li { padding-left: 20px; position: relative; padding-bottom: 8px; }
footer .quick-link li:before { content: "\f0da"; position: absolute; left: 0; top: 0; font-family: 'FontAwesome'; color: #eebe05; }
footer address p { position: relative; padding-left: 28px; margin-bottom: 12px; max-width: 250px; }
footer address{line-height:inherit;}
footer address p span { position: absolute; left: 0; top: 0; color: #eebe05; font-size: 20px; }
footer address p span .fa-envelope { font-size: 16px; }
footer .footer-social { padding-bottom: 6px; }
footer .footer-social li { display: inline-block; padding-right: 7px; }
footer .footer-social li a { width: 42px; height: 42px; line-height: 42px; background: #ffffff; color: #08275c; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; display: inline-block; text-align: center; font-size: 20px; }
footer .footer-social li a:hover { background: #eebe05; }
footer .payment-methods p { margin-bottom: 10px; }
footer .payment-methods li { display: inline-block; padding-right: 8px; }
footer .payment-methods li:last-child { padding-right: 0; }
 
footer .footer-bottom { padding-top: 25px; border-top: 1px solid #233f6f; }
footer .footer-bottom ul { text-align: right; }
footer .footer-bottom ul li { display: inline-block; position: relative; padding-left: 12px; }
footer .footer-bottom ul li:first-child:before { display: none; }
footer .footer-bottom ul li:before { content: "I"; position: absolute; left: 2px; top: 0; }
.footer-block {display:block;}
.hero .container .hero-free-quote .step-list a p{ display:block;}



/********************* OVERVIEW SECTION CSS *********************/
.page-content{ width:100%; float:left;}
.overview-section{ width:100%; float:left; position:relative; padding:66px 0px;text-align:center; }
.overview-section .col-md-8{ max-width:780px; width:100%; float:none; margin:0 auto;}
.overview-section .section-title{ margin:0;}
.section-title{width:100%; float:left; margin-bottom:30px; }
.section-title h2, .section-title h1{ margin-top:0;}
.about-page .overview-section .section-title h2{ line-height:34px; margin:0;}



.booking-form-title{ width:100%;float:left;padding: 5px 30px;font-size:26px;color:#FFF;-webkit-border-radius: 14px 14px 0 0;-moz-border-radius: 14px 14px 0 0;border-radius: 14px 14px 0 0;background-color: #263950; position:relative; z-index:1;}
.booking-form-title:before{content:"";width: 0; height: 0;border-left: 11px solid transparent;border-right: 11px solid transparent;border-bottom: 10px solid #FFF;position: absolute;left: 36px;bottom: 0;}
.form-box-inner{width:100%; float:left; padding:22px 30px 15px 30px; position:relative;}
.bootstrap-select > .dropdown-toggle { background: #f8f8fb ; border: 1px solid #d5d5de !important; color: #08275c;display: block;height: 50px;font-family: DIN, sans-serif;font-weight: 400;line-height: 48px;padding: 0 20px !important; width: 100%;min-width:100%;transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; border-radius:4px  !important; font-size:17px;-webkit-border-radius:4px  !important; -moz-border-radius:4px  !important; }
.bootstrap-select .dropdown-menu li.active a span{color: #FFF !important;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}
.bootstrap-select .dropdown-toggle .caret{border-top: 7px dashed;border-right: 7px solid transparent;right: 14px;border-left: 7px solid transparent;}
.bootstrap-select .dropup .caret{display:none;}
.bootstrap-select .dropdown-menu > .active > a, .bootstrap-select .dropdown-menu > .active > a:focus, .bootstrap-select .dropdown-menu > .active > a:hover{background-color: #1766fc;}
.booking-form-title h2 {font-size: 22px;}


.form-box {width: 100%;float: left;margin-bottom: 30px;background-color: #fff;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;-webkit-box-shadow: 0 0 14px rgb(64 64 104 / 14%);-moz-box-shadow: 0 0 14px rgba(64,64,104,.14);box-shadow: 0 0 14px rgb(64 64 104 / 14%);z-index: 1;}
.form-box .form-group span{display:inline;color:#596579;font-family: DIN, sans-serif;font-weight: 400; margin-left:9px;}
.form-box .form-group .timepicker{width:100%;float:left;}
.form-box .form-group .timepicker .hour{width:80px;float:left; margin-right:28px; position:relative;}
.form-box .form-group .timepicker .hour:after{content:":";position: absolute;right: -18px;top: 8px; font-family: DIN, sans-serif; font-weight: 700;font-size:28px;}
.form-box .form-group .timepicker .minutes{width:80px;float:left; margin-right:15px;}
.form-box .form-group .timepicker .periods{width:auto;float:left;}
.form-box .form-group .timepicker .custom-radio{ margin:2px 0;}
.form-box .form-group .timepicker ul{ margin:0; text-transform:uppercase;}
.form-box .form-group .insurance{ width:60%; float:left; line-height:48px;}
.form-box .form-group .sum-insured{ width:40%; float:right; line-height:48px;}
.form-box .form-group .sum-insured label{float:left; margin:0 5px 0 0;}
.form-box .form-group .sum-insured .input-text{width:115px;float:right;}
.form-box .form-group .insurance label{ float:left; padding:0 10px 0 30px;}
.form-box .form-group .insurance .label{ float:left; line-height:48px;}
.form-box .form-group .insurance .custom-radio .checkmark{top:15px;}
.form-box .form-group .insurance .custom-radio {margin:0;}
.form-box .form-group .col-full{width:100%;}
.form-box .form-group .col-full .label{ float:left; line-height:24px;}
.form-box .form-group .col-full .custom-radio {display:inline-block;margin:0; padding:0 10px 0 30px;}
.form-box .form-group .declaration .custom-checkbox{ width:100%;float:left;font-size:13px;line-height:21px;margin:0;height:207px;overflow-y:scroll;}
.form-box .form-group .declaration .label{font-family: DIN, sans-serif; font-weight: 700; margin-bottom:10px;}
.booking-form-main .btn-block{ width:100%;float:left; padding:15px 0 0px 0;}
.booking-form-main .btn-block .custom-checkbox{ font-size:14px;line-height:22px; margin-bottom:22px;}
.form-box .form-group .fa-calendar{position:absolute; right:15px; bottom:15px;}
.form-box .form-group{position:relative;}
.contact-form label {text-align: left !important;width: 100%;}
.form-box .form-group span.text-danger {color: #c72929;width: 100%;text-align: left;display: inline-block;margin: 0;}


/********************* INNER PAGE HEADER CSS *********************/
.inner-page-header { border:none; float: left; margin: 0; padding:0px;color:#FFF; position: relative; text-align:center; width: 100%;}
.inner-page-header:before{ position:absolute; content:""; top:0; left:0; right:0; height:100%;opacity:0.7;background-image: -webkit-linear-gradient(right, #2852ca 19%, #1060f5 83%);background-image: -moz-linear-gradient(right, #2852ca 19%, #1060f5 83%);background-image: -o-linear-gradient(right, #2852ca 19%, #1060f5 83%);	background-image: -ms-linear-gradient(right, #2852ca 19%, #1060f5 83%);	background-image: linear-gradient(to left, #2852ca 19%, #1060f5 83%);}
.inner-page-header-img {background-color: #000 !important; background-position: center center !important; background-size: cover !important; height: 280px;}
.inner-page-header .container {display: table; height: 100%; position:relative; z-index:1;}
.inner-page-header-text { display: table-cell; vertical-align: middle; width: 100%;}
.inner-page-header h1{color:#FFF; margin-top:0px; margin-bottom: 5px;font-family: DIN, sans-serif !important; font-weight:400;font-size:62px; text-transform:uppercase;}

.breadcrumb{background-color:transparent; margin:0; padding: 0px; text-align: center;}
.breadcrumb > li { margin:0; font-size:18px; text-transform:uppercase;}
.breadcrumb > li a{color:#FFF;}
.breadcrumb > li a:hover, .breadcrumb > li a:focus{color:#bacff8;}
.breadcrumb > li + li:before{content:"\f101";color:#FFF;font-family:'FontAwesome';}
.breadcrumb > .active{color:#bacff8; font-style:normal; }


.downloadchart {background: #1661ef;color: #fff !important;padding: 12px 30px !important;border-radius: 24px;display: inline-block;margin-bottom: 20px;width: 100%;}
.chart {width: 100%;min-height:600px;padding: 50px;background: #f7f7f7;display: inline-block;}
.hischart {width: 100%;min-height:600px;}

/*#uploadcsv{display:none;}*/


.form-group-upload {/*border: 4px dotted;padding: 15px 15px 25px;*/}
.form-group-upload h6{text-align:left;margin-bottom: 20px;}
.chart-change-box h6 {text-align: left;margin-bottom: 20px;}
.upload-label {width: 100%;text-align: center !important;cursor: pointer;padding: 0 !important;}
.form-box .form-group .upload-label .upload-icon {font-size: 60px;display: block;margin: 0 0 13px 0;}
.form-box .form-group .upload-label .upload-text {margin: 0 0 20px 0;font-size: 20px;font-weight: 600;display: block;}
.register-form, .login-form {margin-bottom: 30px;}
.register-link {width: 100%;float: left;position: relative;padding: 26px 15px 22px 15px;text-align: center;font-size: 18px;}

.dotted-title {position: absolute;left: 0;right: 0;top: 0;text-align: center;font-size: 16px;font-weight: 600;color: #1662f2;}
.dotted-title:before {content: "";height: 1px;position: absolute;left: 0px;top: 0px;right: 0;background: url(../images/dotted-line.png) repeat-x;}
.dotted-title span {background: #ffffff;padding: 5px 15px;display: inline-block;z-index: 1;position: relative;top: -18px;font-family: 'Montserrat', sans-serif;}

#chart_csv_form {width: 100%;float: left;padding-top: 10px;}
.register-link p {margin: 7px 0;}
.upload-box {margin-bottom: 15px;}
/*.chart-title{max-width: 400px;margin: 0 auto 20px;}*/
#chart_name {margin-bottom: 20px;}
#uploadcsv{background: #f8f8fb;border: 1px solid #d5d5de !important;color: #08275c;display: block;height: 50px;line-height: 48px;padding: 0 20px !important;width: 100%;cursor: pointer;}
#import {float: left;margin-top: 15px;width: 100%;}
#message {display: inline-block;width: 100%;}
#ChartDownload {padding-top: 5px;}
.upload-box {border-right: 2px dotted;}
.chart-history table th{text-align:center;}



@media (max-width: 991px) {

}

@media (max-width: 767px) {
.chart {min-height:480px;padding: 30px;}
.logo img {max-width: 130px;}
.booking-form-title h2 {font-size: 18px;}
h6 {font-size: 16px;}

.copyright-text {text-align: center;}
footer .footer-bottom ul {text-align: center;margin: 10px auto;}
.btn{font-size: 16px;line-height:16px;}


}


@media (max-width: 480px) {
.chart {min-height:400px;padding: 5px;}
}

@media (max-width: 380px) {
.chart {min-height:320px;}
}