@import url('skin-default.css') ;/*************************
 1.General
*************************/
body { background: #fff ; font-family: 'Montserrat', sans-serif ; color: #000 ; font-weight: 400 ; font-size: 16px ; line-height: 27.2px ; line-height: 1.7rem ; -webkit-font-smoothing: antialiased ; -moz-osx-font-smoothing: grayscale ;}
.wrapper { background: #fff none repeat scroll 0 0 ;}
@media (min-width: 768px) { .page-padding{ padding: 50px 50px!important ; }}
@media (max-width: 768px) { .page-padding{ padding: 50px 10px!important ; }}
a,.btn, i { -webkit-transition: all 0.3s ease-out 0s ; transition: all 0.3s ease-out 0s ;}
input,select,textarea { -webkit-transition: all 0.5s ease-out 0s ; transition: all 0.5s ease-out 0s ;}
.btn { border-radius: 0px ; font-size: 14px ; padding: 0px 15px ; height: 30px ; line-height: 30px ;}
a:focus,.btn:focus { text-decoration: none ; outline: none ;}
a:focus,a:hover { color: #213752 ; text-decoration: none ;}
a,button,input { outline: medium none ; color: #666666 ;}
/* =========================
 2. Typography
============================= */
html { font-size: 100% ;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: 'Raleway', sans-serif ; color: #00306e ; -webkit-font-variant-ligatures: common-ligatures ; font-variant-ligatures: common-ligatures ; /*margin-top: 0;*/
 font-weight: 700 ; /* line-height: 25px;*/}
h5, .h5,h6, .h6 { font-family: 'Montserrat', sans-serif ; font-weight: 400 ;}
h1, .h1 { font-size: 36px ;}
h2, .h2 { font-size: 22px ;}
h3, .h3 { /*font-size: 26px;*/}
h4, .h4 { font-size: 20px ;}
h5, .h5 { font-size: 18px ; line-height: 1.3em ;}
h6, .h6 { font-size: 16px ;}
@media all and (max-width: 768px) { html { font-size: 87.5% ; }}
@media all and (max-width: 767px) { h1, .h1 { font-size: 30px ; font-weight: 500 ; }
 h2, .h2 { font-size: 24px ; }
 h3, .h3 { font-size: 20px ; }
 h4, .h4 { font-size: 16px ; }
 h5, .h5 { font-size: 16px ; }
 h6, .h6 { font-size: 16px ; }}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,span a,li a { color: inherit}
p { color: #000 ; font-family: "Montserrat",sans-serif ; font-size: 14px ; font-weight: 300 ; line-height: 24px ; margin-bottom: 15px ;}
.g-font-1 { font-family: "Raleway",sans-serif ;}
.g-font-2 { font-family: 'Montserrat', sans-serif ;}
.font-w-5 { font-weight: 500 ;}
.font-w-6 { font-weight: 600 ;}
.font-w-7 { font-weight: 700 ;}
img{ max-width: 100% ; -webkit-transition: all 0.3s ease-out 0s ; transition: all 0.3s ease-out 0s ;}
ul { margin: 0px ; padding: 0px ;}
li { list-style: none ;}
hr { border-bottom: 1px solid #eeeeee ; border-top: 0 none ; margin: 30px 0 ; padding: 0 ;}
hr.style-2{ border-bottom: 1px dashed #eceff8 ;}
hr.mp-0 { margin: 0 ; border-bottom: 1px solid #eceff8 ;}
hr.mtb-40 { margin: 40px 0 ; border-bottom: 1px solid #eceff8 ; border-top: 0px ;}
td { font-weight: 300 ;}
label { color: #999 ; font-size: 14px ; font-weight: 400 ;}
*::-moz-selection { background: #4fc1f0 ; color: #fff ; text-shadow: none ;}
::-moz-selection { background: #4fc1f0 ; color: #fff ; text-shadow: none ;}
::selection { background: #4fc1f0 ; color: #fff ; text-shadow: none ;}
.mark, mark { background: #213752 none repeat scroll 0 0 ; color: #fff ;}
span.tooltip-content { color: #00306e ; cursor: help ; font-size: 18px ; font-weight: 400 ;}
.f-left { float: left}
.f-right { float: right}
.fix { overflow: hidden}
.browserupgrade { margin: 0.2em 0 ; background: #ccc ; color: #000 ; padding: 0.2em 0 ;}
.pos-relative { position: relative ;}
.pos-absolute { position: absolute ;}
.pos-absolute.container { left: 0 ; right: 0 ;}
.pos-vertical-center { position: relative ; top: 50% ; transform: translateY(-50%) ; -webkit-transform: translateY(-50%) ;}
@media all and (max-width: 767px) { .pos-vertical-center { top: 0 ; transform: none ; -webkit-transform: none ; }}
@media all and (max-height: 600px) { .pos-vertical-center { top: 0 ; transform: none ; -webkit-transform: none ; }}
.pos-vertical-align-columns { display: table ; table-layout: fixed ; width: 100% ;}
.pos-vertical-align-columns > div[class*='col-'] { display: table-cell ; float: none ; vertical-align: middle ;}
@media all and (max-width: 990px) { .pos-vertical-align-columns { display: block ; width: auto ; }
 .pos-vertical-align-columns > div[class*='col-'] { display: block ; }}
/***************************
 3. transtion
****************************/
a.button:after,a.button-small:after { -webkit-transition: all 0.3s ease-out 0s ; transition: all 0.3s ease-out 0s ;}
.share ul,.share:hover ul { transition: all 0.4s ease-in-out ; -webkit-transition: all 0.4s ease-in-out ; -ms-transition: all 0.4s ease-in-out ; -moz-transition: all 0.4s ease-in-out ; -o-transition: all 0.4s ease-in-out ;}
a.button-border span,a.button-border-white span,input,select,textarea { -webkit-transition: all 0.5s ease-out 0s ; transition: all 0.5s ease-out 0s ;}
/*************************
 4 buttons
*************************/
.button { background: transparent ; border: 1px solid #fff ; color: #fff ; display: inline-block ; text-transform: uppercase ;}
.button.large { padding: 16px 80px; font-size: 18px; }
.button.medium { padding: 14px 60px; font-size: 16px; }
.button.small { padding: 8px 20px; font-size: 14px; }
.button.extra-small { padding: 5px 18px; font-size: 14px; }
.width-100 { display: block ;}
.width-100 { text-align: center ; width: 100% ;}
.btn-transparent { background: transparent; }
.btn-border { border: 1px solid #fff; }
/*************************
 5. Input
*************************/
input[type="text"],input[type="email"],input[type="password"] { background: #fff ; border: 1px solid #e1e1e1 ; color: #606060 ; font-family: 'Montserrat', sans-serif ; font-size: 14px ; font-weight: 300 ; height: 40px ; margin-bottom: 20px ; padding: 0 10px ; width: 100% ;}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
input::-moz-placeholder { /* Firefox 19+ */
 color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
input:-ms-input-placeholder { /* IE 10+ */
 color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
input:-moz-placeholder { /* Firefox 18- */
 color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
textarea::-webkit-input-placeholder { color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
textarea::-moz-placeholder { color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
textarea:-ms-input-placeholder { color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
textarea:-moz-placeholder { color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 ; border: medium none ; font-family: 'Montserrat', sans-serif ; font-weight: normal ;}
select { border: 1px solid #eeeeee ; color: #999999 ; font-size: 13px ; height: 30px ; padding-left: 20px ;}
option { background: #ffffff none repeat scroll 0 0 ; border: 0 solid #626262 ; font-size: 13px ; padding-left: 10px ;}
textarea { background: #ffffff none repeat scroll 0 0 ; border: 1px solid #e1e1e1 ; color: #606060 ; font-family: "Montserrat",sans-serif ; font-size: 13px ; font-weight: 300 ; padding: 10px 10px 10px 20px ; resize: vertical ; width: 100% ;}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus,.footer-contact textarea:focus { border: 1px solid #213752 ;}
textarea:focus { outline: none ;}
::-moz-placeholder { color: #444 ; font-size: 13px ;}
/*custom-select*/
.custom-select-2 { -moz-appearance: none ; -webkit-appearance: none ; appearance: none ;}
.custom-select-2 { color: #606060 ; background: rgba(0, 0, 0, 0) url("../../images/icons/down-arrow.png") no-repeat scroll 97% center ; border: 1px solid #e1e1e1 ; height: 40px ; line-height: 38px ; margin-bottom: 20px ; width: 100% ; font-family: 'montserrat' ; font-weight: 300 ;}
.custom-select-2 option { font-size: 13px ; padding: 3px 0 0 20px ;}
/*************************
 6. Basic margin padding
*************************/
.m-0 { margin: 0 ;}
.p-0 { padding: 0 ;}
/*************************
 6.1 Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-115 { margin-top: 115px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
.mt-160 { margin-top: 160px }
.mt-170 { margin-top: 170px }
.mt-180 { margin-top: 180px }
.mt-190 { margin-top: 190px }
.mt-200 { margin-top: 200px }
/*************************
 6.2 Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
 6.3 Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
.mb-160 { margin-bottom: 160px }
.mb-170 { margin-bottom: 170px }
.mb-180 { margin-bottom: 180px }
.mb-190 { margin-bottom: 190px }
.mb-200 { margin-bottom: 200px }
/*************************
 6.4 Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
 6.5 Padding top
*************************/
.pt-0 { padding-top: 0!important; }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-75 { padding-top: 75px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
.pt-160 { padding-top: 160px }
.pt-170 { padding-top: 170px }
.pt-180 { padding-top: 180px }
.pt-190 { padding-top: 190px }
.pt-200 { padding-top: 200px }
/*************************
 6.6 Padding right
*************************/
.pr-0 { padding-right: 0!important; }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
 6.7 Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
.pb-160 { padding-bottom: 160px }
.pb-170 { padding-bottom: 170px }
.pb-180 { padding-bottom: 180px }
.pb-190 { padding-bottom: 190px }
.pb-200 { padding-bottom: 200px }
/*************************
 6.8 Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
/***************************
 6.9 Page section padding
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-55 { padding: 55px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-75 { padding: 75px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-115 { padding: 115px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
.ptb-160 { padding: 160px 0 }
.ptb-170 { padding: 170px 0 }
.ptb-180 { padding: 180px 0 }
.ptb-190 { padding: 190px 0 }
.ptb-200 { padding: 200px 0 }
/***************************
 6.10 Page section margin
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-35 { margin: 35px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-55 { margin: 55px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-75 { margin: 75px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-115 { margin: 115px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
.mtb-160 { margin: 160px 0; }
.mtb-170 { margin: 170px 0; }
.mtb-180 { margin: 180px 0; }
.mtb-190 { margin: 190px 0; }
.mtb-200 { margin: 200px 0; }
/***************************
 7. Extra margin and padding
****************************/
.plr-140 { padding-left: 7% ; padding-right: 7% ;}
/***************************
 8. Scroll Up
****************************/
#scrollUp { background: #919191 none repeat scroll 0 0 ; bottom: 70px ; color: #ffffff ; font-size: 20px ; font-weight: bold ; height: 40px ; right: 3% ; text-align: center ; -webkit-transform: rotate(45deg) ; transform: rotate(45deg) ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ; width: 40px ;}
#scrollUp i { line-height: 40px ; -webkit-transform: rotate(-45deg) ; transform: rotate(-45deg) ;}
#scrollUp:hover { background: #213752 none repeat scroll 0 0 ; color: #ffffff ;}
/*Call to action*/
.action-box-button a.button span { font-size: 13px ; padding: 11px 12px ;}
/*************************************
 9. Extra class (Custom cloumn)
*************************************/
.pricing .container .row [class*="col-"] { }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 { float: left ;}
.col-1{ width: 10% ;}
.col-2{ width: 20% ;}
.col-3{ width: 30% ;}
.col-4{ width: 40% ;}
.col-5{ width: 50% ;}
.col-6{ width: 60% ;}
.col-7{ width: 70% ;}
.col-8{ width: 80% ;}
.col-9{ width: 90% ;}
.col-10{ width: 100% ;}
/*************************
 10. Text color
*************************/
.text-theme { color: #213752; }
.text-black { color: #575757; }
.text-white { color: #fff; }
.text-gray { color: #666; }
.text-blue { color: #4FC1F0; }
.text-white h1,.text-white h2,.text-white h3 { color: #ffffff ;}
/*************************************
 11. Background variation set
 **************************************/
/*colored background*/
.bg-gray{ background: #f5f5f5; }
.bg-blue{ background: #00306e; }
.bg-theme { background: #213752; }
.bg-black { background: #222222; }
.bg-white { background: #fff; }
/* .bg-default { background: #f6f6f6; } */
.bg-transparent { background: transparent; }
/*************************************
 12. Opacity background
 **************************************/
.bg-opacity-black-10, .bg-opacity-black-20, .bg-opacity-black-30, .bg-opacity-black-40, .bg-opacity-black-50, .bg-opacity-black-60, .bg-opacity-black-70, .bg-opacity-black-80, .bg-opacity-black-90, .bg-opacity-white-10, .bg-opacity-white-20, .bg-opacity-white-30, .bg-opacity-white-40, .bg-opacity-white-50, .bg-opacity-white-60, .bg-opacity-white-70, .bg-opacity-white-80, .bg-opacity-white-90{ z-index: 9 ;}
.bg-opacity-black-10:before, .bg-opacity-black-20:before, .bg-opacity-black-30:before, .bg-opacity-black-40:before, .bg-opacity-black-50:before, .bg-opacity-black-60:before, .bg-opacity-black-70:before, .bg-opacity-black-80:before, .bg-opacity-black-90:before, .bg-opacity-white-10:before, .bg-opacity-white-20:before, .bg-opacity-white-30:before, .bg-opacity-white-40:before, .bg-opacity-white-50:before, .bg-opacity-white-60:before, .bg-opacity-white-70:before, .bg-opacity-white-80:before, .bg-opacity-white-90:before{ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 ;}
.bg-opacity-black-10:before { background: rgba(0, 0, 0, 0.1);}
.bg-opacity-black-20:before { background: rgba(0, 0, 0, 0.2);}
.bg-opacity-black-30:before { background: rgba(0, 0, 0, 0.3);}
.bg-opacity-black-40:before { background: rgba(0, 0, 0, 0.4);}
.bg-opacity-black-50:before { background: rgba(0, 0, 0, 0.5);}
.bg-opacity-black-60:before { background: rgba(0, 0, 0, 0.6);}
.bg-opacity-black-70:before { background: rgba(0, 0, 0, 0.7);}
.bg-opacity-black-80:before { background: rgba(0, 0, 0, 0.8);}
.bg-opacity-black-90:before { background: rgba(0, 0, 0, 0.9);}
.bg-opacity-white-10:before { background: rgba(255, 255, 255, 0.1);}
.bg-opacity-white-20:before { background: rgba(255, 255, 255, 0.2);}
.bg-opacity-white-30:before { background: rgba(255, 255, 255, 0.3);}
.bg-opacity-white-40:before { background: rgba(255, 255, 255, 0.4);}
.bg-opacity-white-50:before { background: rgba(255, 255, 255, 0.5);}
.bg-opacity-white-60:before { background: rgba(255, 255, 255, 0.6);}
.bg-opacity-white-70:before { background: rgba(255, 255, 255, 0.7);}
.bg-opacity-white-80:before { background: rgba(255, 255, 255, 0.8);}
.bg-opacity-white-90:before { background: rgba(255, 255, 255, 0.9);}
/*************************************
 13. image background
 **************************************/
.bg-1 {background: url(images/bg/1.jpg);}
.bg-2 { background: url(images/bg/2.jpg);}
.bg-3 { background: url(images/bg/3.jpg);}
.bg-4 { background: url(images/bg/4.jpg);}
.bg-5 { background: url(images/bg/5.jpg);}
.bg-6 { background: url(images/bg/6.jpg);}
.bg-7 { background: url(images/bg/7.jpg);}
.bg-8 { background: url(images/bg/8.jpg);}
.bg-9 { background: url(images/bg/9.jpg);}
.bg-10 { background: url(images/bg/10.jpg);}
.bg-1 {background: url(../../images/bg/1.jpg);}
.bg-2 { background: url(../../images/bg/2.jpg);}
.bg-3 { background: url(../../images/bg/3.jpg);}
.bg-4 { background: url(../../images/bg/4.jpg);}
.bg-5 { background: url(../../images/bg/5.jpg);}
.bg-6 { background: url(../../images/bg/6.jpg);}
.bg-7 { background: url(../../images/bg/7.jpg);}
.bg-8 { background: url(../../images/bg/8.jpg);}
.bg-9 { background: url(../../images/bg/9.jpg);}
.bg-10 { background: url(../../images/bg/10.jpg);}
.bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .bg-6, .bg-7, .bg-8, .bg-9, .bg-10{ background-attachment: fixed ; background-clip: initial ; background-color: rgba(0, 0, 0, 0) ; background-origin: initial; background-position: center center ; background-repeat: no-repeat ; background-size: cover ; position: relative ; z-index: 0 ;}
/*pattern background*/
.pattern-bg { background:url(images/pattern/pattern-bg.png) repeat ; background-position: top right ; background-color: rgba(236, 239, 247, 1) ;}
/*************************************
 14. separator
 **************************************/
.separator{ position: relative ; display: inline-block ; clear: both ; background: rgba(0, 0, 0, 0.07) none repeat scroll 0 0 ; bottom: 0 ; height: 1px ; width: 33% ;}
.separator:before { background: #4fc1f0 none repeat scroll 0 0 ; content: "" ; display: block ; height: 1px ; position: absolute ; -webkit-transition: all 0.4s ease 0s ; transition: all 0.4s ease 0s ; width: 100px ;}
.section-title:hover .separator:before { width: 75% ;}
.separator i { background: #ECEFF7 none repeat scroll 0 0 ; color: #4fc1f0 ; display: block ; font-size: 20px ; height: 40px ; line-height: 40px ; position: absolute ; text-align: center ; top: -20px ; width: 40px ;}
.separator span { background: #ffffff none repeat scroll 0 0 ; border: 1px solid #4fc1f0 ; border-radius: 100% ; display: block ; height: 10px ; position: absolute ; top: -5px ; width: 10px ;}
.separator i, .separator span { left: 0 ; -webkit-transform: none ; transform: none ;}
.text-center .separator:before, .text-center .separator i, .text-center .separator span { left: 50% ; -webkit-transform: translateX(-50%) ; transform: translateX(-50%) ;}
.text-right .separator:before, .text-right .separator i, .text-right .separator span { left: auto ; -webkit-transform: none ; transform: none ; right: 0 ;}
/*************************
 15. Section title 1
***********************/
.section-title { border-bottom: 2px dashed #d4d4d4 ; padding-bottom: 5px ;}
.section-title h1,.section-title h2,.section-title h3 { margin-bottom: 0 ;}
.section-title h3 { font-weight: 600 ;}
.section-title p { margin-bottom: 0px ; font-size: 14px ;}
/*************************
 16. section title 2
*************************/
.section-title-2 { margin: auto ; width: calc(100% - 30%) ;}
.section-title-2 { margin-bottom: 55px }
.section-title-2 h1 {}
.section-title-2 h2 { line-height: 1 ; margin-bottom: 20px ; text-transform: uppercase ;}
.section-title-2 p {}
.section-title-2 .title-line { padding: 20px 0 15px }
/*====================*/
/*logo*/
.logo-small { padding: 12px 0 8px ;}
.logo-large { padding: 25px 0 ;}
/*company-info*/
.company-info { padding: 39px 0 ;}
.company-info-item { float: left ; overflow: hidden ; width: 50% ;}
.header-icon { float: left ; width: 18% ;}
.header-info { float: left ; width: 82% ;}
.company-info .company-info-item:nth-child(2) { padding-left: 5% ;}
.header-info h6 { font-family: montserrat ; line-height: 15px ; margin-bottom: 5px ;}
.header-info p { color: #606060 ; font-size: 12px ; font-weight: 300 ; line-height: 12px ; margin-bottom: 0 ;}
/*header-search*/
.header-search { padding: 40px 0 ;}
.header-search button { float: left ; height: 30px ; width: 18% ;}
.header-search input { border: 1px solid #1f223e ; box-shadow: none ; color: #303030 ; float: left ; font-weight: 300 ; height: 30px ; margin-bottom: 0 ; padding-left: 15px ; width: 82% ;}
.header-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #303030 ; opacity: 1 ;}
.header-search input::-moz-placeholder { /* Firefox 19+ */
 color: #303030 ; opacity: 1 ;}
.header-search input:-ms-input-placeholder { /* IE 10+ */
 color: #303030 ; opacity: 1 ;}
.header-search input:-moz-placeholder { /* Firefox 18- */
 color: #303030 ; opacity: 1 ;}
.top-bar-menu{ background-color: #213752 ; padding: 5px ;}
.top-bar-menu ul li{ display: inline-block ; padding: 0 10px ;}
.top-bar-menu ul li{ color: #fff ;}
.main-header{ position: relative ; box-shadow: 0 0 7px #404040 ; width: 100% ; -webkit-transition: width 2s; /* Safari */
 transition: width 2s ;}
/*menu style */
.header-area{ z-index: 10 ; position: relative ; /*height: 80px;*/}
/*.main-menu > li > a { color: #303030 ; display: block ; padding: 40px 20px ; text-transform: uppercase ;}*/
.main-menu > li { padding: 0 5px ;}
@media (min-width: 768px) and (max-width: 992px) { .main-menu > li > a { padding: 25px 0px ; }
 .main-menu > li { padding: 1px 0px ; }}
@media (min-width: 992px) and (max-width: 1200px){ .main-menu > li > a { padding: 28px 0 ; }}
@media (min-width: 1200px){ .main-menu > li > a { padding: 33px 0 ; }}
.main-menu > li > a { color: #1f223e ; display: block ; font-size: 14px ; /*padding: 27px 0;*/
 text-transform: capitalize ;}
.main-menu li { display: inline-block ; position: relative ;}
.main-menu > li:hover,.drop-menu > li:hover > a,.single-mega-item > li:hover > a { color: #00adef!important ; background-color: #ebebeb ;}
.main-menu{ padding-left: 0!important ;}
/*drop-menu Style*/
.drop-menu { background: #ffffff none repeat scroll 0 0 ; border-bottom: 4px solid #00adef ; box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5) ; left: 0 ; position: absolute ; text-align: left ; top: 100% ; transform: scaleY(0) ; transform-origin: 0 0 0 ; transition: all 0.3s ease 0s ; visibility: hidden ; width: 250px ; z-index: 2 ;}
.drop-menu-2 { background: #ffffff none repeat scroll 0 0 ; border-bottom: 4px solid #00adef ; box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5) ; left: 250px ; position: absolute ; text-align: left ; top: 0% ; transform: scaleY(0) ; transform-origin: 0 0 0 ; transition: all 0.3s ease 0s ; visibility: hidden ; width: 250px ; z-index: 2 ;}
.mega-level-2 { background: #ffffff none repeat scroll 0 0 ; border-bottom: 4px solid #00adef ; box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5) ; left: 0% ; position: absolute ; text-align: left ; top: 100% ; transform: scaleY(0) ; transform-origin: 0 0 0 ; transition: all 0.3s ease 0s ; visibility: hidden ; width: 250px ; z-index: 2 ;}
.single-mega-item li:hover .mega-level-2{ transform: scale(1) ; visibility: visible ;}
.drop-menu li:hover .drop-menu-2 { transform: scale(1) ; visibility: visible ;}
.menu-right { left: auto ; right: 0 ;}
.drop-menu li { border-bottom: 1px solid #e1e1e1 ; display: block ;}
.drop-menu li a { display: block ; font-size: 12px ; padding: 8px 20px ; text-transform: uppercase ;}
.main-menu li:hover .drop-menu{ transform: scale(1) ; visibility: visible ;}
.mega-parent li:hover .megamenu-level-2{ transition: all 0.3s ease 0s!important ; transform: scale(1) ; visibility: visible ;}
/*Mega menu style*/
/*#primary-menu { position: relative ;}*/
.mega-menu-area { background: #ffffff none repeat scroll 0 0 ; border-bottom: 4px solid #00adef ; box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5) ; left: 0 ; padding-bottom: 10px ; position: absolute ; text-align: left ; top: 100% ; transform: scaleY(0) ; transform-origin: 0 0 0 ; transition: all 0.3s ease 0s ; visibility: hidden ; width: 100% ; z-index: 2 ;}
@media (min-width: 992px){ .megamenu-level-2 { background: #ffffff none repeat scroll 0 0 ; border-bottom: 4px solid #00adef ; box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5) ; left: 0px ; padding-bottom: 10px ; position: absolute ; text-align: left ; top: 100% ; transform: scaleY(0) ; transform-origin: 0 0 0 ; transition: all 0.3s ease 0s ; visibility: hidden ; width: 800px ; z-index: 2 ; }}
@media (min-width: 768px) and (max-width: 992px){ .megamenu-level-2 { background: #ffffff none repeat scroll 0 0 ; border-bottom: 4px solid #00adef ; box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5) ; left: -90px ; padding-bottom: 10px ; position: absolute ; text-align: left ; top: 100% ; transform: scaleY(0) ; transform-origin: 0 0 0 ; transition: all 0.3s ease 0s ; visibility: hidden ; width: 700px ; z-index: 2 ; }}
.main-menu li.mega-parent { position: static ;}
.single-mega-item { float: left ; width: 25% ; padding: 0 15px ;}
.single-mega-2{ width: 33% ;}
.single-mega-item li { display: block ; border-bottom: 1px solid #e5e5e5 ;}
.single-mega-item li:last-child{ border-bottom: 0px solid #000 ;}
.single-mega-item li a{ padding: 13px 10px ; display: block ; font-weight: 300 ;}
.main-menu li:hover .mega-menu-area{ transform: scale(1) ; visibility: visible ;}
.header-middle-area .container .row [class*="col-"] { position: static ;}
.header-middle-area .full-width-mega-drop-menu{ position: relative ;}
/*====================================================================*/
.drop-menu-right { left: auto ; right: 0 ;}
/*====================================================================*/
/*Header Transprent */
.transparent-header{ /*position: absolute ; width: 100%;*/
 margin: auto ; /*background: rgba(31, 34, 62, 0.9) none repeat scroll 0 0;*/
 transition: all 0.3s ease 0s ;}
.transparent-header .main-menu > li > a{ color: #002960 ; font-family: 'Roboto Condensed', sans-serif ;}
.transparent-header .main-menu > li:hover > a { color: #00adef ;}
.transparent-header.sticky{ background: rgba(255, 255, 255, 1) ; box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4)}
/*Sticky Menu*/
.sticky { left: 0 ; margin: auto ; position: fixed ; top: 0 ; width: 100% ; background: rgba(255,255,255,0.8) ; box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4) ;}
.sticky .main-menu > li > a { color: #303030 ; font-size: 14px ; padding: 18px 0 ;}
.sticky .main-menu > li + li { margin-left: 40px ;}
.sticky .main-menu { text-align: right ;}
.sticky-logo img { display: none ; transition: all 0.3s ease 0s ;}
.sticky .sticky-logo img { display: block ; float: left ; padding: 10px 0 ; width: 70px ;}
/* =================================
 Footer
================================= */
.footer-area { background-color: #213752 ;}
.footer-widget {}
.footer-titel { color: #fefefe ; margin-bottom: 30px ; text-transform: uppercase ;}
/*footer-address*/
.footer-address > li + li { /*border-top: 1px solid #73716f;*/
 padding-top: 15px ;}
.footer-address > li { overflow: hidden ; padding-bottom: 10px ;}
.address-icon { float: left ; width: 15% ;}
.address-info { float: left ; width: 85% ;}
.address-info > span { display: block ; font-size: 14px ; font-weight: 300 ; line-height: 20px ;}
/*footer-latest-news*/
.footer-widget.middle { margin: auto ; width: calc(100% - 100px) ;}
.footer-latest-news > li { overflow: hidden ;}
.footer-latest-news > li + li { padding-top: 34px ;}
.latest-news-image { float: left ; width: 18% ;}
.latest-news-info { float: left ; padding-left: 20px ; width: 82% ;}
.latest-news-info > p { font-size: 12px ; line-height: 20px ; margin-bottom: 0 ;}
.latest-news-info > h6 { color: #c7c7c7 ; font-family: 'montserrat' ; font-size: 14px ; font-weight: 400 ; line-height: 1 ; margin-bottom: 5px ;}
/*footer-contact*/
.footer-contact > p { font-size: 12px ; line-height: 20px ;}
.footer-contact input { border-color: #fff ; height: 35px ; font-size: 12px ;}
.footer-contact textarea { background: transparent none repeat scroll 0 0 ; border: 1px solid #fff ; box-shadow: none ; font-size: 12px ; font-weight: 300 ; height: 80px ; line-height: 22px ; margin-bottom: 17px ; padding: 5px 10px ;}
.footer-contact button { background: #fff none repeat scroll 0 0 ; color: #000000 ; padding: 3px 15px ; text-transform: uppercase ; transition: all 0.3s ease 0s ;}
.footer-contact button:hover { background: #213752 none repeat scroll 0 0 ; color: #fff ;}
.footer-contact input::-webkit-input-placeholder { color: #919191 ; font-size: 12px ;}
.footer-contact input::-moz-placeholder { color: #919191 ; font-size: 12px ;}
.footer-contact input:-ms-input-placeholder { color: #919191 ; font-size: 12px ;}
.footer-contact input:-moz-placeholder { color: #919191 ; font-size: 12px ;}
.footer-contact textarea::-webkit-input-placeholder { color: #919191 ; font-size: 12px ;}
.footer-contact textarea::-moz-placeholder { color: #919191 ; font-size: 12px ;}
.footer-contact textarea:-ms-input-placeholder { color: #919191 ; font-size: 12px ;}
.footer-contact textarea:-moz-placeholder { color: #919191 ; font-size: 12px ;}
/*copyright*/
.footer-bottom { background: #1c2f46 ; padding: 20px 0 ;}
.copyright > p { font-size: 13px ; font-weight: 300 ; margin-bottom: 0 ;}
.copyright a { color: #213752 ;}
.address-info > span,.latest-news-info > p,.footer-contact > p,.footer-contact input,.footer-contact textarea,.copyright > p { /*color: #919191;*/
 color: #fff ;}
.footer-links li a{ color: #fff ; padding-bottom: 5px ; font-size: 16px ; font-weight: 100 ; text-transform: capitalize ;}
.footer-links li a:hover{ color: #00adef ;}
.footer-social-icon{ color: #00adef ; margin-right: 10px ; font-size: 20px ;}
/* Normal desktop :1366px. */
@media (min-width: 1170px) and (max-width: 1400px) { .plr-140 { padding-left: 2% ; padding-right: 2% ; }
 /*slider*/
 .slider-content { transform: translateY(-44%) ; width: calc(100% - 30%) ; }
 .nivo-prevNav { left: 5% ; }
 .nivo-nextNav { right: 5% ; }
 /*slider-2*/
 .slider-2 { padding: 130px 0 75px ; }
 .find-home-box { margin-left: 10% ; }
 /*features*/
 .features-info { padding: 50px 25px 30px ; }
 .features-include-list { margin-top: 25px ; }
 .features-include-list > p { font-size: 12px ; line-height: 20px ; }}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) { p { font-size: 13px ; line-height: 22px ; margin-bottom: 12px ; }
 .plr-140 { padding-left: 0 ; padding-right: 0 ; }
 .section-title h3 { font-size: 18px ; }
 .section-title h2 { font-size: 26px ; }
 /*main-menu*/
 .main-menu > li + li { /*margin-left: 35px;*/
 }
 .sticky .main-menu > li + li { margin-left: 30px ; }
 .main-menu > li > a { font-size: 14px ; }
 .single-mega-item li a { font-size: 12px ; padding: 10px 0 ; }
 /*slider*/
 .slider-content { transform: translateY(-40%) ; width: calc(100% - 30%) ; }
 .nivo-prevNav { left: 5% ; }
 .nivo-nextNav { right: 5% ; }
 .slider-1-title-2 { font-size: 30px ; }
 .slider-1-desc { font-size: 15px ; }
 /*slider-2*/
 .slider-2 { padding: 130px 0 75px ; }
 .find-home-box { margin-left: 10% ; }
 /*booking-area*/
 .booking-area .section-title { margin-top: 0 ; }
 .book-house { margin-top: 0 ; }
 .book-house h2 { font-size: 22px ; }
 /*counter-content*/
 .counter-content { margin-top: -25px ; }
 .counter-item > h2 { font-size: 16px ; }
 .counter { width: 70px ; }
 .counter-item > p { font-size: 12px ; font-weight: 300 ; }
 /*features-area*/
 .features-info { padding: 60px 25px 45px ; }
 .features-include .col-lg-4:nth-child(n+5) { display: none ; }
 /*our-agents-area*/
 .agent-info::after { border-left: 300px solid #f5f5f5 ; }
 .agent-info-hover .agent-address, .agent-info-hover .social-media { padding-left: 60px ; }
 /*footer-area*/
 .footer-widget.middle { margin: auto ; width: calc(100% - 0px) ; }
 #scrollUp { bottom: 10px ; right: 15px ; }
 /*------*/
 .service-item-info > h5 { font-size: 15px ; margin-bottom: 0!important ; }
 .book-house h2 + h2 { margin-top: 10px ; }
 /*agent-details*/
 .agent-details-name { margin-bottom: 25px ; }
 .agent-details-brief p, .agent-details-biography p { font-size: 14px ; }
 .agent-details-contact > p { margin-bottom: 15px ; }
 /*breadcrumbs*/
 .breadcrumbs-title { padding: 200px 0 120px ; }
 /*-------------------
 boxed-layout
 -------------*/
 .boxed-layout .wrapper { width: 970px ; }
 .boxed-layout .sticky { width: 970px ; }
 .boxed-layout .call-to-bg::before { width: 36% ; }
 .boxed-layout .features-info { padding: 20px 30px 10px ; }
 .boxed-layout .features-include-list p { font-size: 13px ; }
 .boxed-layout .plr-140 { padding-left: 0 ; padding-right: 0 ; }}
@media (min-width: 768px) and (max-width: 830px) { .main-menu > li + li { margin-left: 4px!important ; }}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) { p { font-size: 13px ; line-height: 22px ; margin-bottom: 12px ; }
 .plr-140 { padding-left: 0 ; padding-right: 0 ; }
 .section-title h3 { font-size: 18px ; }
 .section-title h2 { font-size: 26px ; }
 /*main-menu*/
 .main-menu > li + li { margin-left: 10px ; }
 .main-menu > li > a { font-size: 12px ; }
 .single-mega-item li a { font-size: 12px ; padding: 10px 0 ; }
 .sticky .main-menu > li + li { margin-left: 20px ; }
 .sticky .main-menu > li > a { font-size: 12px ; }
 /*slider*/
 .slider-content { transform: translateY(-38%) ; width: calc(100% - 30%) ; }
 .slider-1-title-1 { font-size: 18px ; }
 .slider-1-title-2 { font-size: 24px ; margin-bottom: 10px ; }
 .slider-1-desc { font-size: 14px ; }
 .slider-1-desc br { display: none ; }
 .slider-button { margin-top: 20px ; }
 .nivo-prevNav { left: 5% ; }
 .nivo-nextNav { right: 5% ; }
 /*slider-2*/
 .slider-2 { padding: 130px 0 75px ; }
 .find-home-box { margin-left: 10% ; }
 .find-home-box .find-homes { padding-bottom: 0 ; }
 .find-home-box .find-home-item { margin-bottom: 30px ; }
 /*find-home-area*/
 .find-home-area.call-to-bg::before, .find-home-area.call-to-bg::after { position: inherit ; }
 .find-home-area .section-title { margin-bottom: 50px ; margin-top: 0 ; }
 .find-home-area .section-title h3 { margin-bottom: 5px ; }
 .find-homes { padding-bottom: 30px ; }
 /*booking-area*/
 .booking-area.call-to-bg::before { width: 40% ; }
 .booking-conternt { margin: auto ; width: calc(100% - 0px) ; }
 .book-house { margin-top: -30px ; }
 .book-house h2 { font-size: 15px ; }
 .book-house h2 + h2 { margin-top: 10px ; }
 .booking-area .section-title { margin-top: -30px ; }
 /*counter-content*/
 .counter-content { margin-top: -25px ; }
 .counter-content .counter-item:nth-child(n+4) { display: none ; }
 .counter-item { float: left ; padding: 0 ; width: 33% ; }
 .counter-item > h2 { font-size: 16px ; }
 .counter { width: 70px ; }
 .counter-item > p { font-size: 12px ; font-weight: 300 ; }
 /*featured-flat-area*/
 /*features-area*/
 .features-info { padding: 60px 30px 45px ; position: relative ; }
 .features-info::before { display: none ; }
 .features-include-list img { margin-right: 10px ; }
 /*our-agents-area*/
 .agent-info::after { border-left: 250px solid #f5f5f5 ; }
 .agent-info-hover .agent-address { margin-bottom: 10px ; padding-left: 65px ; }
 .agent-info-hover .social-media { padding-left: 65px ; }
 /*subscribe-area*/
 .subscribe-area.call-to-bg::before { width: 40% ; }
 .subscribe { width: calc(100% - 0px) ; }
 .subscribe input { width: 65% ; }
 /*footer-area*/
 .footer-widget.middle { margin: auto ; width: calc(100% - 0px) ; }
 #scrollUp { bottom: 10px ; right: 15px ; }
 /*pro-details-agent*/
 .pro-details-agent { padding-right: 60px ; }
 /*widget*/
 .widget:first-child { margin-top: 60px ; }
 .widget { padding-left: 0 ; }
 .col-md-pull-8 .widget { padding-left: 0px ; padding-right: 0px ; }
 /*agent-details*/
 .agent-details-desc-info { margin-bottom: 80px ; }
 .agent-details-contact > p { margin-bottom: 20px ; }
 /*breadcrumbs*/
 .breadcrumbs-title { padding: 180px 0 100px ; }
 /*-------------------
 boxed-layout
 -------------*/
 .boxed-layout .wrapper { width: auto ; }
 .boxed-layout .sticky { width: auto ; }
 .boxed-layout .call-to-bg::before { width: 40% ; }
 .boxed-layout .features-info { padding: 20px 30px 10px ; }
 .boxed-layout .features-include-list p { font-size: 13px ; }
 .boxed-layout .plr-140 { padding-left: 0 ; padding-right: 0 ; }}
/* small mobile :320px. */
@media (max-width: 767px) { .container {width:300px}
 .mb-0-xs {margin-bottom: 0;}
 .mb-50-xs {margin-bottom: 50px;}
 p { font-size: 13px ; line-height: 22px ; margin-bottom: 12px ; }
 .plr-140 { padding-left: 0 ; padding-right: 0 ; }
 .section-title { margin-bottom: 30px ; }
 .section-title h3 { font-size: 16px ; margin-bottom: 5px ; }
 .section-title h2 { font-size: 20px ; }
 .section-title-2 { width: calc(100% - 0%) ; }
 /*main-menu*/
 .main-menu > li + li { margin-left: 30px ; }
 .main-menu > li > a { font-size: 13px ; }
 .single-mega-item li a { font-size: 12px ; padding: 10px 0 ; }
 .sticky .main-menu > li + li { margin-left: 20px ; }
 .sticky .main-menu > li > a { font-size: 12px ; }
 /*slider*/
 .slider-content { transform: translateY(-55%) ; width: calc(100% - 25%) ; }
 .slider-1-title-1 { font-size: 10px ; margin-bottom: 10px ; }
 .slider-1-title-2 { font-size: 12px ; margin-bottom: 8px ; }
 .slider-1-desc { display: none ; }
 .slider-button { font-size: 11px ; margin-top: 8px ; padding: 2px 12px ; }
 .nivo-directionNav a { display: none ; }
 .nivo-controlNav { bottom: 5px ; display: block ; }
 .nivo-controlNav a { height: 12px ; margin: 0 3px ; width: 12px ; }
 /*slider-2*/
 .slider-2 { padding: 80px 20px ; }
 .find-home-box { margin-left: 0 ; width: 100% ; }
 .find-home-box .find-homes { padding-bottom: 0 ; }
 .find-home-box .find-home-item { margin-bottom: 30px ; }
 /*slider-3*/
 .slider-3 { padding-bottom: 150px ; padding-top: 150px ; }
 /*find-home-area*/
 .find-home-area { padding: 50px 0 ; }
 .find-home-area.call-to-bg::before, .find-home-area.call-to-bg::after { position: inherit ; }
 .find-home-area .section-title { margin-bottom: 50px ; margin-top: 0 ; }
 .find-home-area .section-title h3 { margin-bottom: 5px ; }
 .find-homes { padding-bottom: 30px ; }
 /*booking-area*/
 .booking-area.call-to-bg::before { display: none ; }
 .booking-conternt { width: calc(100% - 0px) ; }
 .book-house { float: none ; margin-bottom: 80px ; margin-top: 25px ; text-align: center ; width: 100% ; }
 .book-house h2 { font-size: 14px ; }
 .book-house h2 + h2 { margin-top: 10px ; }
 .booking-imgae { display: none ; }
 .find-button { margin-bottom: 0 ; }
 /*counter-content*/
 .counter-content { padding-bottom: 70px ; text-align: center ; width: 100% ; }
 .counter-item { padding: 20px 0 20px ; width: 100% ; }
 /*counter-item-content-2*/
 .counter-item-content-2 .counter-item-2 + .counter-item-2 { margin-top: 35px ; }
 .counter-item-2 { width: 100% ; }
 .agent-details-contact img { margin-right: 10px ; }
 /*featured-flat-area*/
 .flat-desc > li + li { margin-left: 7% ; }
 .price { font-size: 16px ; }
 /*features-area*/
 .features-info { padding: 60px 20px 45px ; position: relative ; }
 .features-info::before { display: none ; }
 /*our-agents-area*/
 .agent-info::after { border-left: 300px solid #f5f5f5 ; }
 .agent-info-hover .agent-address { margin-bottom: 10px ; padding-left: 75px ; }
 .agent-info-hover .social-media { padding-left: 75px ; }
 /*testimonial-area*/
 .testimonial-image { margin-top: 30px ; }
 /*subscribe-area*/
 .subscribe-area.call-to-bg::before { display: none ; }
 .subscribe { width: calc(100% - 30px) ; }
 .subscribe input { width: 100% ; }
 .subscribe button { margin: 20px 0 0 ; width: 100% ; }
 /*footer-area*/
 .footer-top .col-xs-12 + .col-xs-12 { margin-top: 30px ; }
 .footer-widget.middle { margin: auto ; width: calc(100% - 0px) ; }
 #scrollUp { height: 30px ; width: 30px ; bottom: 10px ; right: 15px ; }
 #scrollUp i { line-height: 30px ; }
 .logo { margin: auto ; padding: 30px 0 ; text-align: center ; width: 100px ; }
 .header-search { padding: 0 0 30px ; }
 .condition-list > li, .amenities-list > li { width: 100% ; }
 .pro-details-amenities > h5, .leave-review > h5 { margin-top: 40px ; }
 /*widget*/
 .widget:first-child { margin-top: 60px ; }
 .widget { padding-left: 0 ; }
 .col-md-pull-8 .widget { padding-left: 0px ; padding-right: 0px ; }
 /*breadcrumbs*/
 .breadcrumbs-title { font-size: 20px ; padding: 80px 0 70px ; }
 .breadcrumbs-list > li { font-size: 12px ; }
 /*contact-messge*/
 .contact-messge { padding: 20px 24px 20px 10px ; }
 .contact-messge h5 { color: #fff ; }
 /*error-content*/
 .error-content h2 { font-size: 80px ; margin-bottom: 30px ; }
 .error-content { padding: 138px 0 145px ; }
 .error-content h3 { font-size: 26px ; }
 .error-content h4 { font-size: 14px ; }
 .error-content > p br { display: none ; }
 /*agent-details*/
 .agent-details-desc-info { margin-bottom: 80px ; }
 .agent-details-contact > p { margin-bottom: 20px ; }
 .agent-details-image { margin-bottom: 50px ; }
 /*blog-details*/
 .blog-quote { margin: 0 15px 30px ; padding: 30px 20px 15px ; }
 .blog-details-share { float: left ; margin-top: 10px ; }
 /*googleMap*/
 #googleMap { height: 350px ; width: 100% ; }
 .pagination-list > li + li { margin-left: 10px ; }
 /*-------------------
 boxed-layout
 -------------*/
 .boxed-layout .wrapper { width: auto ; }
 .boxed-layout .sticky { width: auto ; }
 .boxed-layout .call-to-bg::before { width: 40% ; }
 .boxed-layout .features-info { padding: 20px 30px 10px ; }
 .boxed-layout .features-include-list p { font-size: 13px ; }
 .boxed-layout .plr-140 { padding-left: 0 ; padding-right: 0 ; }
 .error-content p { font-size: 14px ; line-height: 24px ; }}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { .container {width:450px}
 .single-agent { margin: 0 auto 60px ; width: 65% ; }
 .counter-item { width: 50% ; }}
/** selection **/
*::-moz-selection { background: #50C1F0 ; color: #fff ; text-shadow: none ;}
::-moz-selection { background: #50C1F0 ; color: #fff ; text-shadow: none ;}
::selection { background: #50C1F0 ; color: #fff ; text-shadow: none ;}
/*=====================================*/
a:focus,a:hover { color: #00adef ; text-decoration: none ;}
.main-menu > li:hover > a,.drop-menu > li:hover > a,.single-mega-item > li:hover > a,.transparent-header .main-menu > li:hover > a,.copyright a,.slider-1-title-1 span,.price,.counter-item i,.counter-item-2 i,.tweets-item > p > a,.tweet-brief a,.text-theme,.single-agent:hover .agent-info-hover .agent-name h5,.error-content h2 { color: #00adef ;}
.drop-menu,.mega-menu-area,.find-home-box { border-bottom: 4px solid #00adef ;}
.nivo-directionNav a:hover,.nivo-controlNav a.active,.slider-button:hover,.mark, mark,#scrollUp:hover,.bg-theme,.call-to-bg::before,.ui-slider .ui-slider-range,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,.flat-link > a:hover,.button-1,.pagination-list > li a:hover,.submit-btn-1,.widget-search button:hover,.blog-details-title-time::before,.blog-quote::before,.line-bottom::before,.go-home:hover,.dots-right-btm .slick-dots li.slick-active button,.subscribe button,.footer-contact button:hover,.blog-item:hover .post-title-time::before,.for-sale { background: #00adef none repeat scroll 0 0 ;}
.slider-button:hover,.flat-link > a:hover,.button-1,.brand-item:hover,.go-home:hover { border: 1px solid #00adef ;}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus,.footer-contact textarea:focus { border: 1px solid #00adef ;}
.single-agent:hover { border-color:#00adef ;}
.blog-item:hover .blog-info,.blog-item:hover .blog-info a { border-color: #00adef ; color: #00adef ;}
/* .slider-area > img { height: 100vh ; width: 100% ;} */
/* ------------------------------
 Slider-1
------------------------------ */
/*@media (max-width: 768px) { .slider-1{ margin-top: 52px ; }}*/
.slider-overlay::before { background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0 ; content: "" ; height: 100% ; left: 0 ; position: absolute ; top: 0 ; width: 100% ; z-index: 7 ;}
.slider-content { left: 0 ; margin: auto ; position: absolute ; right: 0 ; top: 50% ; transform: translateY(-44%) ; width: calc(100% - 40%) ;}
.slider-1-title-1 { font-size: 23px ; font-weight: 600 ; line-height: 1 ; margin-bottom: 15px ; text-transform: uppercase ;}
.slider-1-title-1 span { color: #213752 ;}
.slider-1-title-2 { font-size: 48px ; font-weight: 700 ; line-height: 1 ; margin-bottom: 15px ; text-transform: uppercase ;}
.slider-1-desc { font-size: 16px ; margin-bottom: 0px ;}
.slider-1-title-1,.slider-1-title-2,.slider-1-desc { color: #fff ;}
/*nivo-directionNav*/
.nivo-directionNav a { color: #fff ; cursor: pointer ; font-family: 'montserrat' ; font-size: 30px ; line-height: 15px ; padding: 15px 0 ; position: absolute ; text-align: center ; text-transform: uppercase ; top: 45% ; width: 40px ; z-index: 9 ;}
.nivo-prevNav { left: 8% ;}
.nivo-nextNav { right: 8% ;}
.nivo-directionNav a:hover { background: transparent!important ; color: #00adef ;}
/*nivo-controlNav*/
.nivo-controlNav { bottom: 10px ; left: 0 ; margin: auto ; padding: 0 ; position: absolute ; right: 0 ; text-align: center ; z-index: 9 ;}
.nivo-controlNav a { background: #1f223e none repeat scroll 0 0 ; border-radius: 50% ; cursor: pointer ; display: inline-block ; font-size: 0 ; height: 15px ; margin: 0 5px ; width: 15px ;}
.nivo-controlNav a.active { background: #213752 none repeat scroll 0 0 ; font-weight: bold ;}
.nivo-controlNav { display: none ;}
/*slider-button*/
.slider-button { background: transparent ; border: 1px solid #fff ; color: #fff ; display: inline-block ; text-transform: uppercase ; padding: 5px 18px ; font-size: 14px ;}
.slider-button:focus { color: #fff ;}
.slider-button:hover { background: #213752 ; border: 1px solid #213752 ; color: #fff ;}
/* ------------------------------
 Slider-2
------------------------------ */
.slider-2 { overflow: hidden ; padding: 130px 0 75px ;}
.find-home-box { background: rgba(31, 34, 62, 0.7) none repeat scroll 0 0 ; border-bottom: 4px solid #213752 ; margin-left: 20% ; padding: 45px 30px 20px ; width: 440px ;}
.find-home-box .section-title { margin-bottom: 42px ;}
.find-home-box .find-homes { margin: auto ; width: calc(100% - 0px) ;}
.find-home-box .find-home-item { margin-bottom: 30px ;}
/*slider-3*/
.slider-3 { position: relative ; padding-top: 260px ; padding-bottom: 200px ;}
.slider-content-3 { width: calc(100% - 20%) ; margin: auto ;}
/*Dotted-overlay*/
.dotted-overlay { position: relative ;}
.dotted-overlay::after { background: rgba(0, 0, 0, 0) url("../../images/icons/grid.png") repeat scroll 0 0 ; content: "" ; height: 100% ; left: 0 ; position: absolute ; top: 0 ; width: 100% ; z-index: -1 ;}
/*----------------------------------------
 5. Google Fonts
----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700,800') ;/*----------------------------------------
 6. Custom-content all
----------------------------------------*/
.boxed-layout .wrapper { box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14) ; margin: auto ; position: relative ; width: 1240px ;}
.boxed-layout .sticky { left: auto ; margin: auto ; width: 1240px ;}
/* ================================
 7. Home-1
================================= */
/* -----------------------------------
 8. call-to-action-area
----------------------------------- */
.call-to-bg { position: relative ;}
.call-to-bg:before,.call-to-bg:after { content: "" ; height: 100% ; position: absolute ; top: 0 ;}
.call-to-bg:before { background: #213752 none repeat scroll 0 0 ; left: 0 ; margin-left: -100px ; -webkit-transform: skewX(-30deg) ; transform: skewX(-30deg) ; width: 31% ;}
.call-to-bg:after { background: rgba(31, 34, 62, 0.8) none repeat scroll 0 0 ; height: 100% ; right: 0 ; width: 100% ; z-index: -1 ;}
/* -----------------------------------
 9. booking-area
----------------------------------- */
.booking-area .section-title { margin-top: 15px ;}
.booking-conternt { margin: auto ; width: calc(100% - 80px) ;}
.book-house { float: left ; width: 80% ;}
.book-house h2 { font-size: 30px ; margin-bottom: 0 ;}
.book-house h2 + h2 { margin-top: 20px ;}
.booking-imgae { float: left ; margin-top: -100px ; width: 20% ;}
.booking-imgae img {} .booking-imgae { margin-top: -100px ; }
/* -----------------------------------
 10. Find home area
----------------------------------- */
.find-home-area .section-title { margin-top: 28px ;}
.find-homes { margin: auto ; width: calc(100% - 70px) ;}
.find-home-item { margin-bottom: 40px ;}
.find-home-item input { color: #fff ; margin-bottom: 0 ;}
.find-home-item input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #999 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
.find-home-item input::-moz-placeholder { /* Firefox 19+ */
 color: #999 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
.find-home-item input:-ms-input-placeholder { /* IE 10+ */
 color: #999 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
.find-home-item input:-moz-placeholder { /* Firefox 18- */
 color: #999 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
.find-home-item.custom-select button { font-family: 'montserrat' ; font-weight: 300 ;}
/*widget shop-filter*/
.price_filter { padding-bottom: 8px ;}
.price_slider_amount { overflow: hidden ;}
.price_slider_amount > input { background: transparent none repeat scroll 0 0 ; border: medium none ; box-shadow: none ; color: #a8a8a8 ; float: left ; font-size: 14px ; font-weight: 300 ; height: 20px ; line-height: 20px ; margin-bottom: 5px ; padding: 0 ; text-align: left ; width: 50% ;}
.price_slider_amount > input:first-child { padding-right: 5px ; text-align: right ;}
.price_slider_amount > input#amount {} .ui-widget-content { background: #606060 none repeat scroll 0 0 ; border: medium none ; color: #222 ; height: 8px ; border-radius: 0 ; }
.ui-slider .ui-slider-range { background: #213752 none repeat scroll 0 0 ; border-radius: 0 ;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { background: #213752 none repeat scroll 0 0 ; border: medium none ; border-radius: 50% ; height: 22px ; margin-left: -1px ; margin-top: -11px ; top: 50% ; width: 22px ;}
/* -----------------------------------
 11. Services area
----------------------------------- */
.service-item { -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ;}
.service-item-image img { width: 100% ;}
.service-item-info { background: transparent ; padding: 26px 15px 10px ;}
.service-item:hover { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) ;}
/* -----------------------------------
 12. Featured property area
----------------------------------- */
.flat-item { margin-bottom: 20px ; overflow: hidden ;}
.flat-item-image { position: relative ;}
.flat-item-image:before { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0 ; content: "" ; height: 100% ; left: 0 ; opacity: 0 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" ; position: absolute ; top: 0 ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ; visibility: hidden ; width: 100% ; z-index: 1 ;}
.flat-item:hover .flat-item-image:before { opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ; visibility: visible ;}
.flat-item-image > a { display: block ;}
.flat-item-image > a > img { width: 100% ; -webkit-transition: all 0.8s ease 0s ; transition: all 0.8s ease 0s ;}
.flat-item:hover .flat-item-image > a > img { -webkit-transform: scale(1.05) ; transform: scale(1.05) ;}
/*for-sale*/
.for-sale { background: #213752 none repeat scroll 0 0 ; color: #fff ; font-family: 'montserrat' ; font-size: 14px ; font-weight: 600 ; left: 0 ; margin-bottom: 0 ; padding: 6px 15px ; position: absolute ; text-transform: uppercase ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ;}
.for-sale.rent { background: #343650 none repeat scroll 0 0 ;}
.flat-item:hover .for-sale { opacity: 0 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" ; visibility: hidden ;}
/*flat-link*/
.flat-link { left: 0 ; margin-top: -15px ; opacity: 0 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" ; position: absolute ; right: 0 ; text-align: center ; top: 50% ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ; visibility: hidden ; z-index: 2 ;}
.flat-item:hover .flat-link { opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ; visibility: visible ;}
.flat-link > a { border: 1px solid #fff ; color: #fff ; font-family: "montserrat" ; font-size: 14px ; font-weight: normal ; padding: 9px 12px 10px ; text-transform: uppercase ;}
.flat-link > a:hover { background: #213752 none repeat scroll 0 0 ; border: 1px solid #213752 ; color: #fff ;}
/*flat-desc*/
.flat-desc > li { display: inline-block ;}
.flat-desc { background: #1f223e none repeat scroll 0 0 ; color: #bababa ; padding: 15px 0 ; position: relative ; text-align: center ; z-index: 2 ;}
.flat-desc > li + li { margin-left: 10% ;}
.flat-desc li img { margin-right: 10px ;}
/*flat-item-info*/
.flat-item-info { padding: 15px 0 ;}
.flat-title-price { overflow: hidden ; padding-bottom: 5px ;}
.price { color: #213752 ; font-family: "montserrat" ; font-size: 22px ; font-weight: 400 ;}
.flat-title-price .price { float: right ; line-height: 1 ;}
.flat-title-price h5 { float: left ; margin-bottom: 0 ;}
.flat-item-info img { margin-right: 10px ;}
.flat-item-info > p { font-size: 15px ; margin-bottom: 0 ;}
/* -----------------------------------
 13. Features area
----------------------------------- */
.features-area { background: #f5f5f5 url("images/others/features.jpg") no-repeat scroll 0 0 ;}
.features-info { padding: 60px 130px 45px 50px ; position: relative ;}
.features-info:before { border-bottom: 532px solid #f5f5f5 ; border-left: 200px solid transparent ; content: "" ; position: absolute ; right: 100% ; top: 0 ; z-index: 0 ;}
.features-include-list { margin-top: 35px ;}
.features-include-list > h6 { color: #303030 ; font-family: montserrat ; font-weight: 400 ;}
.features-include-list img { margin-right: 15px ;}
/* -----------------------------------
 14. Agents area
----------------------------------- */
.single-agent { border-bottom: 4px solid #1f223e ; margin-bottom: 60px ; overflow: hidden ; position: relative ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ;}
.single-agent:hover { border-color: #213752 ;}
.agent-image > img { width: 100% ;}
.agent-info { padding-bottom: 10px ; position: relative ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ; z-index: 3 ;}
.agent-info:before { background-color: #f5f5f5 ; bottom: 0 ; content: "" ; height: 50px ; left: 0 ; position: absolute ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ; width: 100% ; z-index: -1 ;}
.agent-info:after { border-left: 300px solid #f5f5f5 ; border-top: 55px solid transparent ; bottom: 50px ; content: "" ; left: 0 ; position: absolute ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ; z-index: -2 ;}
.single-agent:hover .agent-info:before { height: 160px ;}
.single-agent:hover .agent-info:after { bottom: 160px ;}
.agent-info .agent-name { text-align: center ;}
.single-agent:hover .agent-info .agent-name { opacity: 0 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" ; visibility: hidden ;}
.agent-info .agent-name h5,.agent-info .agent-name p { margin-bottom: 0 ;}
.agent-info-hover { bottom: 0 ; opacity: 0 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" ; visibility: hidden ; padding-bottom: 15px ; position: absolute ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ; width: 100% ; z-index: 9 ;}
.single-agent:hover .agent-info-hover { bottom: 0 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ; visibility: visible ;}
.single-agent:hover .agent-info-hover .agent-name h5 { color: #213752 ;}
.agent-info-hover .agent-name { bottom: 60px ; left: -25px ; position: absolute ; -webkit-transform: rotate(-90deg) ; transform: rotate(-90deg) ;}
.agent-info-hover .agent-name h5,.agent-info-hover .agent-name p { margin-bottom: 0 ;}
.agent-info-hover .agent-name h5 { font-size: 15px ;}
.agent-info-hover .agent-name p { font-size: 13px ;}
.agent-info-hover .agent-address img { margin-right: 10px ;}
.agent-info-hover .agent-address { margin-bottom: 10px ;}
.agent-info-hover .agent-address,.agent-info-hover .social-media { padding-left: 80px ;}
.agent-address img { display: inline-block ;}
.agent-info-hover .agent-address > li { font-size: 13px ;}
.agent-info-hover .agent-address > li + li { margin-top: 5px ;}
.agent-info-hover .agent-address img { margin-right: 5px ; width: 15px ;}
.social-media > li { display: inline-block ;}
.social-media > li + li { margin-left: 20px ;}
/* -----------------------------------
 15. Testimonial area
----------------------------------- */
.testimonial { border-bottom: 4px solid #f5f5f5 ;}
.testimonial-brief { position: relative ;}
.testimonial-brief:before { bottom: -5px ; color: #dadada ; content: "\f10e" ; font-family: fontawesome ; font-size: 25px ; position: absolute ; right: 5px ;}
.testimonial-item h6 span { color: #606060 ; font-family: montserrat ; font-size: 14px ; font-weight: 300 ;}
/* dots-right-btm */
.dots-right-btm .slick-dots li { display: inline-block ;}
.dots-right-btm .slick-dots { display: inline-block ; float: right ; line-height: 1 ; margin-top: -20px ; position: relative ; text-align: right ;}
.dots-right-btm .slick-dots li button { background: #dfdfdf none repeat scroll 0 0 ; font-size: 0 ; height: 3px ; width: 20px ;}
.dots-right-btm .slick-dots li.slick-active button { background: #213752 ;}
.dots-right-btm .slick-dots li + li { margin-left: 10px ;}
/* -----------------------------------
 16. Blog area
----------------------------------- */
.blog-item { margin-bottom: 60px ;}
.blog-image { overflow: hidden ;}
.blog-image img { -webkit-transition: all 3.5s ease 0s ; transition: all 3.5s ease 0s ; width: 100% ;}
.blog-item:hover .blog-image img { -webkit-transform: scale(1.1) ; transform: scale(1.1) ;}
.blog-info { border-bottom: 4px solid #1f223e ; padding: 15px ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ;}
.post-title-time { position: relative ;}
.post-title-time:before { background: #1f223e ; content: "" ; height: 45px ; left: -15px ; position: absolute ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ; top: 0 ; width: 4px ;}
.post-title-time h5 { margin-bottom: 0 ;}
.blog-item:hover .blog-info,.blog-item:hover .blog-info a { border-color: #213752 ; color: #213752 ;}
.blog-item:hover .post-title-time:before { background: #213752 ;}
/* -----------------------------------
 17. Brand area
----------------------------------- */
.brand-item { border: 1px solid #f5f5f5 ; height: 100px ; line-height: 100px ; padding: 0 30px ; text-align: center ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ; width: 100% ;}
.brand-item > img { display: inline-block ;}
.brand-item:hover { border: 1px solid #213752 ;}
/* -----------------------------------
 18. Subscribe area
----------------------------------- */
.subscribe { margin: 15px auto 0 ; position: relative ; width: calc(100% - 90px) ;}
.subscribe input { float: left ; margin-bottom: 0 ; width: 80% ;}
.subscribe button { background: #213752 none repeat scroll 0 0 ; height: 40px ; margin: 0 0 0 -4px ; padding: 0 35px ; color: #fff ; text-transform: uppercase ;}
/*button*/
.button-1 { background: #213752 none repeat scroll 0 0 ; border: 1px solid #213752 ; color: #fff ; display: inline-block ; font-size: 14px ; padding: 5px 18px ; text-align: center ;}
.button-1:focus { color: #fff ;}
.btn-hover-1:hover { background: transparent ; border: 1px solid #fff ; color: #fff ;}
.author-quote > p { padding-left: 30px ; position: relative ;}
.author-quote > p:before { content: "\f046" ; font-family: fontawesome ; left: 0 ; position: absolute ; top: 0 ;}
.about-image { -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ;}
.about-image img { width: 100% ;}
.about-image:hover { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) ;}
/* -----------------------------------
 21. Breadcrumbs area
----------------------------------- */
.breadcrumbs-area { position: relative ;}
.bread-bg-1 { background: rgba(0, 0, 0, 0) url("images/bg/5.jpg") no-repeat scroll 0 0 / cover ;}
.breadcrumbs {} .breadcrumbs-title { color: #fff ; font-size: 40px ; line-height: 30px ; margin-bottom: 0 ; padding: 230px 0 150px ; text-align: center ; text-transform: uppercase ; }
.breadcrumbs-list { line-height: 1 ; padding-bottom: 10px ;}
.breadcrumbs-list > li { color: #b3b3b3 ; display: inline-block ; padding-right: 5px ; position: relative ; text-transform: uppercase ;}
.breadcrumbs-list > li + li { padding-left: 10px ;}
.breadcrumbs-list > li + li:before { content: "\f105" ; font-family: 'fontawesome' ; left: 0 ; position: absolute ; top: 0 ;}
/* -----------------------------------
 22. Counter-item (Call to action)
----------------------------------- */
.counter-content { float: left ; width: 80% ;}
.counter-item { float: left ; padding: 20px 0 0 ; width: 25% ;}
.counter-item > h2 { color: #fff ; font-family: 'montserrat' ; font-size: 34px ; font-weight: 400 ; margin-bottom: 0 ;}
.counter-item i { color: #213752 ;}
.counter-item > p { color: #e0e0e0 ; font-size: 15px ; font-weight: 400 ; margin-bottom: 0 ;}
.counter-item-2 { float: left ; /*text-align: center;*/
 width: 33% ;}
.counter-item-2 > h2 { font-family: 'montserrat' ; font-size: 34px ; font-weight: 400 ; margin-bottom: 0 ;}
.counter-item-2 i { color: #213752 ;}
.counter { display: inline-block ; width: 80px ;}
.counter-item-2 > p { color: #1f223e ; font-size: 15px ; font-weight: 400 ; margin-bottom: 0 ;}
/* -----------------------------------
 23. Pagination area
----------------------------------- */
.pagination-list > li { display: inline-block ;}
.pagination-list > li + li { margin-left: 20px ;}
.pagination-list > li a { background: #f5f5f5 none repeat scroll 0 0 ; border-radius: 50% ; color: #606060 ; display: block ; font-weight: 600 ; height: 40px ; line-height: 40px ; text-align: center ; width: 40px ;}
.pagination-list > li a i { font-weight: 700 ; line-height: 40px ;}
.pagination-list > li a:hover { background: #213752 none repeat scroll 0 0 ; color: #fff ;}
/* -----------------------------------
 24. Features area -2
----------------------------------- */
.features-includes-2 .features-include-list { margin-bottom: 60px ; margin-top: 0 ;}
.features-includes-2 .features-include-list > p { font-size: 14px ; line-height: 22px ;}
/* -----------------------------------
 25. Properties-details-area
----------------------------------- */
.pro-details-big-image { margin-bottom: 10px ;}
.pro-details-carousel { margin: 0 -5px ;}
.pro-details-item { padding: 0 5px ; width: 100% ;}
.pro-details-item img { width: 100% ;}
/*pro-details-short-info*/
.pro-details-condition h5,.pro-details-amenities h5 { margin-bottom: 40px ;}
/*condition-list*/
.condition-list > li { color: #606060 ; display: inline-block ; font-weight: 300 ; margin-bottom: 20px ; width: 49% ;}
.condition-list li img { margin-right: 10px ;}
.pro-details-condition-inner { padding: 35px 10px 20px 25px ;}
.pro-details-condition-inner > p > img { margin-right: 10px ;}
/*amenities-list*/
.amenities-list > li { display: inline-block ; font-weight: 300 ; margin-bottom: 10px ; padding-left: 20px ; position: relative ; width: 49% ;}
.amenities-list > li:before { color: #606060 ; content: "\f046" ; font-family: fontawesome ; left: 0 ; position: absolute ;}
.amenities-list { padding: 30px 10px 15px 25px ;}
/*media*/
.media { margin-top: 35px ;}
.pro-details-feedback > h5 { margin-bottom: 40px ;}
.media-left { padding-right: 20px ;}
.media-left img { border: 1px solid #ebebeb ; max-width: unset ;}
.media-body span { display: block ; font-size: 12px ;}
.media-body > p { margin-bottom: 0 ;}
/*pro-details-agent*/
.pro-details-agent { padding-right: 30px ;}
.pro-details-agent > h5 { margin-bottom: 40px ;}
/*leave-review*/
.leave-review > h5 { margin-bottom: 40px ;}
.leave-review input,.leave-review textarea { background: #fafafa none repeat scroll 0 0 ; margin-bottom: 20px ;}
.leave-review textarea { height: 185px ;}
.submit-btn-1 { background: #213752 none repeat scroll 0 0 ; color: #fff ; display: inline-block ; padding: 5px 30px 6px ; text-transform: uppercase ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ;}
.submit-btn-1:hover { background: #1f223e none repeat scroll 0 0 ;}
/* -----------------------------------
 26. widget
----------------------------------- */
/*widget*/
.widget { padding-left: 30px ;}
.col-md-pull-8 .widget { padding-left: 0px ; padding-right: 30px ;}
.widget > h5 { border-bottom: 1px solid #cccccc ; color: #303030 ; margin-bottom: 30px ; padding-bottom: 10px ;}
.widget-categories > h5,.widget-recent-post > h5,.widget-archive > h5,.widget-latest-tweets > h5 { margin-bottom: 5px ;}
/*widget-search-property*/
.widget-search-property .find-home-item { margin-bottom: 20px ;}
.widget-search-property .find-home-item input { color: #606060 ;}
.widget-search-property .find-home-item input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
.widget-search-property .find-home-item input::-moz-placeholder { /* Firefox 19+ */
 color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
.widget-search-property .find-home-item input:-ms-input-placeholder { /* IE 10+ */
 color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
.widget-search-property .find-home-item input:-moz-placeholder { /* Firefox 18- */
 color: #606060 ; opacity: 1 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;}
.widget-search-property .bootstrap-select > .dropdown-toggle { color: #606060 ;}
.widget-search-property .btn-hover-1:hover { background: #1f223e none repeat scroll 0 0 ; border: 1px solid #1f223e ; color: #fff ;}
/*widget-featured-property*/
.widget-featured-property .col-xs-12:last-child .flat-item { margin-bottom: 0 ;}
.widget-featured-property .flat-desc > li + li { margin-left: 7% ;}
/*widget-search*/
.widget-search form { position: relative ;}
.widget-search input { padding-right: 50px ;}
.widget-search button { height: 40px ; position: absolute ; right: 0 ; width: 50px ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ;}
.widget-search button:hover { background: #213752 ; color: #fff ;}
/*widget-categories, widget-archive*/
.widget-categories-list > li,.widget-archive-list > li { border-bottom: 1px solid #f2f2f2 ; padding: 12px 0 2px ;}
.widget-categories-list a,.widget-archive-list a { font-weight: 300 ;}
.widget-categories-list span { float: right ;}
/*widget-recent-post*/
.recent-post-item { border-bottom: 1px solid #f2f2f2 ; overflow: hidden ; padding: 20px 0 15px ;}
.recent-post-image { float: left ; width: 35% ;}
.recent-post-info { float: left ; padding-left: 10px ; width: 65% ;}
.recent-post-item { overflow: hidden ;}
.recent-post-title-time > h5 { font-size: 16px ; line-height: 1 ; margin-bottom: 0 ;}
.recent-post-title-time > p { font-size: 12px ; margin-bottom: 0 ;}
.recent-post-info > p { margin-bottom: 0 ;}
/*widget-latest-tweets*/
.tweets-item { border-bottom: 1px solid #f2f2f2 ; padding: 15px 0 10px ;}
.tweets-item > p { margin-bottom: 5px ;}
.tweets-item > p > a { color: #213752 ; font-weight: 400 ;}
/*widget-twitter*/
.single-twette { border-bottom: 1px solid #f2f2f2 ; overflow: hidden ; padding: 15px 0 ;}
.widget.widget-twitter > h5 { margin-bottom: 5px ;}
.twitter-icon { float: left ; width: 10% ;}
.twitter-icon i { /*color: #5ba4f5;*/
 color: #95c419 ; font-size: 16px ; padding-top: 10px ;}
.tweet-brief { float: left ; width: 90% ;}
.tweet-brief > p { margin-bottom: 0 ;}
.tweet-brief a { color: #213752 ; font-weight: 400 ;}
.tweet-brief span { display: block ; font-size: 12px ;}
/*widget-add*/
.widget-add-image { position: relative ;}
.widget-add-image img { width: 100% ;}
.widget-add-info { bottom: 2px ; left: 15px ; position: absolute ;}
.widget-add-info > h5 { color: #fff ;}
.widget-add-info span { font-weight: 600 ;}
.widget-add-image > a:before { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0 ; content: "" ; height: 100% ; left: 0 ; position: absolute ; width: 100% ;}
/* -----------------------------------
 27. Agents details area
----------------------------------- */
.agents-details-about { border-bottom: 4px solid #f5f5f5 ;}
.agent-details-brief p,.agent-details-biography p { font-size: 15px ;}
.agent-details-name > h3 { font-size: 24px ; margin-bottom: 5px ;}
.agent-details-name { margin-bottom: 40px ;}
.agent-details-biography h5 { margin-bottom: 20px ;}
.agent-details-image > img { margin-top: -30px ; width: 100% ;}
/*agent-details-contact*/
.agent-details-contact > h5 { margin-bottom: 20px ;}
.agent-details-contact > p { margin-bottom: 35px ;}
.experience h5 { margin-bottom: 40px ;}
/* -----------------------------------
 28. blog-details
----------------------------------- */
.blog-details-image { margin-bottom: 25px ;}
.blog-details-title-time { padding-left: 15px ; position: relative ;}
.blog-details-title-time:before { background: #213752 none repeat scroll 0 0 ; content: "" ; height: 100% ; left: 0 ; position: absolute ; top: 0 ; width: 4px ;}
.blog-details-title-time > h5 { font-size: 24px ; margin-bottom: 5px ;}
.blog-details-desctiption > p { margin-bottom: 25px ;}
/*blog-quote*/
.blog-quote { background: #fafafa none repeat scroll 0 0 ; margin: 0 30px 30px ; padding: 30px 30px 15px ; position: relative ;}
.blog-quote:before { background: #213752 none repeat scroll 0 0 ; content: "" ; height: 100% ; left: 0 ; position: absolute ; top: 0 ; width: 4px ;}
.blog-quote:after { bottom: 10px ; color: #dddddd ; content: "\f10e" ; font-family: fontawesome ; position: absolute ; right: 30px ;}
.blog-details-tags ul li { display: inline-block ;}
.blog-details-tags ul li a { font-weight: 300 ;}
.blog-details-tags li + li { margin-left: 5px ;}
.blog-details-author-image { float: left ; width: 11% ;}
.blog-details-author-image img { border: 1px solid #ebebeb ;}
.blog-details-author-desc { float: left ; padding-left: 20px ; width: 89% ;}
.blog-details-author-name > h6 { font-size: 14px ; margin-bottom: 2px ;}
.blog-details-author-name > p { margin-bottom: 0 ;}
.line-bottom { position: relative ;}
.line-bottom:before { background: #213752 ; bottom: 0 ; content: "" ; height: 4px ; left: 0 ; position: absolute ; width: 100% ;}
/*footer-address*/
.contact-address > li + li { padding-top: 20px ;}
.contact-address > li { overflow: hidden ; padding-bottom: 20px ; position: relative ; border-bottom: 1px dashed #d4d4d4 ;}
.contact-address-icon { float: left ; width: 25px ;}
.contact-address-info { float: left ; padding-left: 10px ;}
.contact-address-info > span { display: block ; font-size: 12px ; font-weight: 300 ; line-height: 20px ;}
.contact-address > li:before { /*background: #c2c2c2 none repeat scroll 0 0;*/
 bottom: 0 ; content: "" ; height: 1px ; left: 0 ; position: absolute ; width: 30% ;}
.contact-address > li:last-child:before { display: none ;}
.contact-bg { background: rgba(0, 0, 0, 0.1) url("images/others/contact-2.jpg") no-repeat scroll right center / cover ;}
.contact-messge { padding: 0 50px ;}
.contact-messge .leave-review input,.contact-messge .leave-review textarea { background: rgba(250, 250, 250, 0.6) none repeat scroll 0 0 ; margin-bottom: 20px ;}
/*Google map*/
#googleMap { height: 540px ; width: 100% ;}
/*#bodyContent > p { margin-bottom: 0 ; font-weight: 600 ;}*/
.error-area { background: rgba(0, 0, 0, 0.9) url("images/others/error.jpg") no-repeat scroll right top ; position: relative ;}
.error-area:before { background: #020202 none repeat scroll 0 0 ; content: "" ; height: 100% ; opacity: 0.7 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" ; position: absolute ; width: 100% ;}
.error-content { padding: 258px 0 212px ; position: relative ; text-align: center ;}
.error-content h2 { color: #213752 ; font-family: "montserrat" ; font-size: 180px ; line-height: 1 ; margin-bottom: 40px ;}
.error-content h3 { font-family: "montserrat" ; font-size: 40px ; font-weight: 600 ; margin-bottom: 22px ;}
.error-content h4 { font-size: 30px ; font-weight: 600 ; margin-bottom: 15px ;}
.error-content p { font-size: 18px ; line-height: 28px ;}
.go-home { border: 1px solid #ebebeb ; border-radius: 3px ; color: #fff ; display: inline-block ; font-weight: 600 ; height: 45px ; line-height: 45px ; margin-top: 50px ; padding: 0 30px ; text-transform: uppercase ; -webkit-transition: all 0.3s ease 0s ; transition: all 0.3s ease 0s ;}
.go-home:hover { background: #213752 ; border: 1px solid #213752 ; color: #fff ;}
.error-content h3,.error-content h4,.error-content p { color: #fff ;}
.contact-messge { position: relative ;}
.contact-messge:before { background: #fff none repeat scroll 0 0 ; content: "" ; height: 100% ; left: 0 ; opacity: 0.4 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" ; position: absolute ; top: 0 ; width: 100% ; z-index: 1 ;}
.leave-review { z-index: 2 ; position: relative ;}
/* -------------------------------------
 29. Bankground youtube video
------------------------------------- */
.youtube-bg { z-index: 9 ;}
.mb_YTPBar { display: none!important ;}
.mbYTP_wrapper { z-index: -2!important ;}
.blog-audio audio { width: 100% ;}
.alert { font-weight: 300 ;}
/* ========================
 30. boxed-layout
========================= */
.boxed-layout .call-to-bg { overflow: hidden ;}
.boxed-layout .call-to-bg:before { width: 36% ;}
.boxed-layout .booking-imgae { margin-top: -70px ;}
.boxed-layout .features-info { padding: 20px 0 10px ;}
.boxed-layout .features-include-list p { font-size: 13px ;}
.boxed-layout .plr-140 { padding-left: 5% ; padding-right: 5% ;}
@media (min-width:992px){ .home-trending{ position: relative ; right: 150px ; width: 350px ; }}
@media (min-width: 768px) and (max-width: 992px){ .home-trending{ position: relative ; right: 175px ; width: 350px ; }}
.home-trending{ background-color: #213752 ; padding: 25px ;}
.insights-header{ margin-right: 150px ;}
@media (max-width: 768px){ .insights-header{ margin-right: 0px ; }}
.trending-list li{ padding: 10px 0 ;}
.trending-list li a{ color: #00adef ; font-size: 1.375rem ; display: block ;}
.trending-list li a:after { content: "→" ; position: absolute ; right: 30px ; transition: right .4s,color 120ms ;}
.trending-list li a:focus:after , .trending-list li a:hover:after { right: 10px ; color: #2f71a8 ;}
@media (max-width: 768px){ .trending-list li a:after { content: "→" ; position: absolute ; right: 50px ; transition: right .4s,color 120ms ; }
 .trending-list li a:focus:after , .trending-list li a:hover:after, .trending-list li a:focus, .trending-list li a:hover { right: 30px ; color: #2f71a8 ; }}
.most-popular-list li p{ margin:0 ;}
.navbar-inverse{ background-color: rgba(255, 255, 255,1) ; border-color: #ffffff ;}
.navbar-inverse .navbar-toggle { border-color: #213752 ;}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #213752 ;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #fff ;}
.navbar-inverse .navbar-nav>li>a { color: #213752 ;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #213752 ;}
.read-more a{ color: #00adef ; font-size: 18px ; display: block ;}
.read-more a:after { content: "→" ; position: absolute ; right: 30px ; transition: right .4s,color 120ms ;}
.read-more a:focus:after , .read-more a:hover:after { right: 10px!important ; color: #2f71a8 ;}
.read-more a:focus,.read-more a:hover{ color: #2f71a8 ;}
.courses-area{ background-color: #eff3f7 ;}
.about-area{ background-color: #eff3f7 ;}
.reports-area{ background-color: #eff3f7 ;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #00adef ; background-color: transparent ;}
a.meanmenu-reveal{display:none}
.mean-container .mean-bar { background: transparent none repeat scroll 0 0 ; float: left ; min-height: 42px ; padding: 4px 0 0 ; position: relative ; width: 100% ; z-index: 999999 ;}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:transparent;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li { background: #f8f8f8 none repeat scroll 0 0 ; float: left ; position: relative ; width: 100% ; border-top: 1px solid#ddd ;}
.mean-container .mean-nav ul li.mean-last { margin-bottom: 20px ;}
.mean-container .mean-nav ul li a { background: #f8f8f8 none repeat scroll 0 0 ; color: #1f223e ; display: block ; float: left ; font-size: 12px ; margin: 0 ; padding: 1em 5% ; text-align: left ; text-decoration: none ; text-transform: uppercase ; width: 90% ; font-weight: 400 ;}
.mobile-menu-area { position: relative ; z-index: 9999 ; width: 100% ; top: 0 ;}
.mean-container .mean-nav ul li li a { border-top: 1px solid rgba(255, 255, 255, 0.25) ; opacity: 0.75 ; padding: 1em 10% ; text-shadow: none !important ; visibility: visible ; width: 80% ; font-weight: normal ; text-transform: capitalize ; color: #444 ;}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover { background: #f8f8f8 none repeat scroll 0 0 ; color: #213752 ;}
.mean-container .mean-nav ul li a.mean-expand{ width:26px ; height: 15px ; margin-top: 1px ; padding: 12px !important ; text-align:center ; position:absolute ; right:0;top:0 ; z-index:2 ; font-weight:700 ; background:rgba(255,255,255,.1) ; border:0!important ; background: #F8F8F8 ;}
.mean-container .mean-nav ul li a.mean-expand:hover { background: #f8f8f8 ;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.mean-container .mean-bar::after { color: #ffffff ; content: "MENU" ; font-size: 16px ; left: 5% ; position: absolute ; top: 15px ;}
div.style-customizer { background-color: #fff ; color: #262626 ; width: 300px ; position: fixed ; top: 0 ; z-index: 999999 ; left: -300px ; box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14) ; height: 100% ; bottom: 0 ;}
.style-customizer a.button:hover { color:#213752 !important ;}
.style-customizer.closed { box-shadow: none ;}
.style-customizer a.button:hover:after { z-index: -1 ;}
.style-customizer a.button { z-index: 9 ;}
.style-customizer a.button.button-border { background: #213752 none repeat scroll 0 0 ; color: #fff ; font-size: 15px ; font-weight: 700 ; height: 45px ; line-height: 45px ; text-transform: uppercase ; width: 100% ;}
.style-customizer a.button.button-border:hover { background: transparent none repeat scroll 0 0 ; border: 1px solid #95e41f ;}
div.style-customizer .buy-button { padding: 10px 80px 1px ; text-align: center ; display: inline-block ; z-index: 2 ; position: absolute ; background: #fff ; width: 100% ;}
div.style-customizer .content-chooser { padding: 90px 22px 30px 30px ; overflow-x: hidden ; overflow-y: auto ; height: 100% ; position: absolute ; background-color: #ffffff ; border-top: none ;}
div.style-customizer.opened .content-chooser { opacity: 1 ;}
.content-chooser p { margin-bottom: 10px ;}
div.style-customizer h2 { margin: 0 ; font-size: 18px ;}
div.style-customizer h3 { font-size: 16px ; margin-top: 30px ; line-height: 15px ;}
div.style-customizer hr { margin: 15px 0 ;}
div.style-customizer hr + h3 { margin-top: 0 ;}
div.style-customizer a.opener { display: block ; height: 45px ; position: absolute ; left: 300px ; top: 200px ; background: #fff ; width: 45px ; font-size: 20px ; color: #777777 ; text-align: center ; text-decoration: none ; box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.14), -1px 0 3px 0 rgba(0, 0, 0, 0.14) ;}
div.style-customizer a.opener i { line-height: 45px ;}
div.style-customizer.opened a.opener { right: -45px ; border-color: transparent ;}
div.style-customizer ul { list-style: none ; margin: 0 ; padding: 5px 0 0 0 ; font-size: 0 ;}
div.style-customizer ul li { cursor: pointer ; display: inline-block ; float: left ; height: 25px ; margin: 0 2px 3px 0 ; position: relative ; transition: all 0.3s linear 0s ; width: 23% ;}
div.style-customizer ul.layoutstyle li { background-color: #f1f1f1 ; border: 1px solid #ccc ; color: #666666 ; font-size: 13px ; font-weight: 700 ; height: 30px ; line-height: 28px ; padding-right: 5px ; text-align: center ; width: 49% ;}
div.style-customizer ul.layoutstyle li:hover { background-color: #213752 ; color: #fff ;}
div.style-customizer ul.layoutstyle li i { color: #cccccc ; font-size: 11px ;}
div.style-customizer ul.layoutstyle li.selected { border: 1px solid #aaaaaa ;}
div.style-customizer ul.layoutstyle li.selected i { color: #666666 ;}
div.style-customizer ul.footerChange li { width: 45% ; height: 30px ; margin-right: 5px ; font-size: 13px ; padding: 6px 14px 0 ;}
div.style-customizer ul.footerChange li.dark { color: #f1f1f1 ; background-color: #262626 ;}
div.style-customizer ul.footerChange li.light { color: #333333 ; background-color: #f7f7f7 ;}
div.style-customizer ul.footerChange li i { width: 20px ;}
div.style-customizer ul.patternChange li { border: 1px solid #ccc ;}
div.style-customizer ul.patternChange li.pattern-0.selected:after,div.style-customizer ul.patternChange li.pattern-1.selected:after,div.style-customizer ul.patternChange li.pattern-2.selected:after,div.style-customizer ul.patternChange li.pattern-3.selected:after,div.style-customizer ul.patternChange li.pattern-4.selected:after { color: #333333 ;}
div.style-customizer ul.patternChange li.selected:after { color: #ffffff ;}
div.style-customizer ul li.selected { border: 1px solid #000 ;}
div.style-customizer ul.resetAll li { width: 100% ; padding: 6px 0 ; min-width: 0 ; text-align: center ; margin-top: 30px ;}
div.style-customizer .btn a { text-decoration: none ; color: #ffffff ;}
div.style-customizer select { width: 100% ; padding: 5px ; border: 1px solid #b2bfca ;}
/*Color Skins*/
div.style-customizer .skin-default { background: #213752; /*1*/}
div.style-customizer .skin-amber { background: #ff1744; /*2*/}
div.style-customizer .skin-blue-grey { background: #607d8b; /*3*/}
div.style-customizer .skin-blue { background: #1a237e; /*4*/}
div.style-customizer .skin-cyan { background: #006064; /*5*/}
div.style-customizer .skin-green-dark { background: #006400; /*6*/}
div.style-customizer .skin-green { background: #4caf50; /*7*/}
div.style-customizer .skin-maroon { background: #800000; /*8*/}
div.style-customizer .skin-orenge { background: #ff7f00; /*9*/}
div.style-customizer .skin-pink { background: #FFC0CB; /*10*/}
div.style-customizer .skin-purple { background: #aa00ff; /*11*/}
div.style-customizer .skin-teal { background: #2395ec; /*12*/}
/*Background Patterns*/
.pattern-1 { background-image: url("../images/customizer/pattern/1.png") ;}
.pattern-2 { background-image: url("../images/customizer/pattern/2.png") ;}
.pattern-3 { background-image: url("../images/customizer/pattern/3.png") ;}
.pattern-4 { background-image: url("../images/customizer/pattern/4.png") ;}
.pattern-5 { background-image: url("../images/customizer/pattern/5.png") ;}
.pattern-6 { background-image: url("../images/customizer/pattern/6.png") ;}
.pattern-7 { background-image: url("../images/customizer/pattern/7.png") ;}
.pattern-8 { background-image: url("../images/customizer/pattern/8.png") ;}
/*Background Images*/
.main-bg-change li { overflow: hidden ;}
.main-bg-change li img { height: 100% ; width: 100% ;}
.main-bg-1,.main-bg-2,.main-bg-3,.main-bg-4,.main-bg-5,.main-bg-6,.main-bg-7,.main-bg-8 { background-image: url("../images/customizer/bodybg/01.jpg") ; background-repeat: no-repeat ; background-attachment: fixed ; background-size: cover ; position: relative ;}
.main-bg-2 { background-image: url("../images/customizer/bodybg/02.jpg") ;}
.main-bg-3 { background-image: url("../images/customizer/bodybg/03.jpg") ;}
.main-bg-4 { background-image: url("../images/customizer/bodybg/04.jpg") ;}
.main-bg-5 { background-image: url("../images/customizer/bodybg/05.jpg") ;}
.main-bg-6 { background-image: url("../images/customizer/bodybg/06.jpg") ;}
.main-bg-7 { background-image: url("../images/customizer/bodybg/07.jpg") ;}
.main-bg-8 { background-image: url("../images/customizer/bodybg/08.jpg") ;}
/*extra*/
/*home-2*/
.boxed-layout .move-carousel { top: 9% ; padding: 0px 0px 0px 35px ;}
.boxed-layout .awesome-features .awesome-features-device img { left: -440px ;}
.boxed-layout #video-background { height: 350px ;}
.boxed-layout #video-background .page-section-pt { padding: 60px 0px ;}
.boxed-layout #video-background .our-skills.bg-opacity-black-50.page-section-pt { padding: 75px 0 ;}
.boxed-layout.home-2 .portfolio-info { display: none ;}
.boxed-layout.home-2 .owl-carousel-8 .owl-nav .owl-prev { left: 50% ;}
.boxed-layout.home-2 .owl-carousel-8 .owl-nav .owl-next { right: 50% ;}
.boxed-layout.home-2 .owl-carousel-8 .owl-controls { top: 20px ;}
.boxed-layout.home-2 .owl-carousel-8 .owl-nav i { color: #323232 ;}
.boxed-layout.home-2 .owl-carousel-8 .owl-nav i:hover { background: transparent ;}
/*home-3*/
.boxed-layout.home-3 .portfolio .portfolio-item .portfolio-overlay a { font-size: 12px ; line-height: 25px ; width: 25px ; height: 25px ; margin-left: 5px ;}
.boxed-layout.home-3 .portfolio .full-screen .portfolio-item .portfolio-overlay { top: -20px ;}
.boxed-layout.home-3 .portfolio .portfolio-item .portfolio-overlay span a { width: inherit ; height: inherit ; line-height: inherit ; font-size: 14px ;}
.boxed-layout.home-3 .full-screen .portfolio-item .portfolio-overlay a i { font-size: 12px ;}
.boxed-layout.home-3 .portfolio-item .portfolio-overlay i { padding-left: 0px ;}
.boxed-layout.home-3 .feature-9 { height: 300px ;}
.boxed-layout.home-3 .feature-9:hover .feature-9-icon { right: 26% ;}
.boxed-layout.home-3 .custom-content li { line-height: 26px ;}
/*home-4*/
.boxed-layout .slider-fade-carousel .slider-contents { padding-left: 86px ;}
.boxed-layout .slider-fade-carousel .slider-contents h1 { font-size: 56px ;}
.boxed-layout.home-4 .mega-menu .menu-links > li:last-child { padding-right: 40px ;}
.boxed-layout.home-4 .our-blog .blog-box-info { padding: 20px 40px ; max-height: 231px ;}
.boxed-layout.home-4 .our-blog .blog-box-info span.text-white { display: none ;}
.boxed-layout.home-4 .our-blog .blog-box-info p.pt-30.pb-20 { padding-bottom: 0px !important ; padding-top: 10px !important ;}
.boxed-layout.home-4 .our-blog .blog-box-image { max-height: 231px ;}
.boxed-layout.home-4 .mega-menu .drop-down-multilevel.right-menu { right: 76px ;}
.boxed-layout .contact-3-info .contact-add p { font-size: 12px ;}
/*Box Layout Responsive*/
@media (min-width: 768px) { .boxed-layout .page-wrapper { width: 750px ; }
 .boxed-layout.page-wrapper { width: 750px ; }}
@media (min-width: 992px) { .boxed-layout .page-wrapper { width: 970px ; }
 .boxed-layout.page-wrapper { width: 970px ; }}
@media (min-width: 1200px) { .boxed-layout .page-wrapper { width: 1240px ; }
 .boxed-layout.page-wrapper { width: 1240px ; }}
.boxed-layout .fullscreen-bg { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 ;}
.white-bg { background-color: #fff ;}
.patternChange .main-bg-change li.main-bg-1 { background-image: url("../images/main-bg-0.jpg") ;}
@media(max-width: 992px) { .style-customizer { display: none!important ; }
 .boxed-layout .page-wrapper { width: inherit ; }
 .boxed-layout.page-wrapper { width: inherit ; }}
.customizer-logo { display: block ; margin-bottom: 20px ;}
.course-objectives-ul li{ list-style-type: circle ;}
/************** Careers Page *****************/
.career-item{ border-bottom: 2px dashed #d4d4d4 ;}
/********* Contact Us ****************/
.full-width{ width: 100% ;}
.contact-btn{ background-color: #213752 ; color: #fff ;}
.contact-btn:hover,.contact-btn:focus,.contact-btn:active{ background-color: #00adef ; color: #fff ;}
.fixed-header{ position: fixed ; top: 0 ;}
#accountModal { z-index: 99999 !important}
.loginModalSocialIcons, .mod_sign_login_UL li { text-align: center}
#forgotPass_Modal, #signup_Modal { display: none}
.loginModalSocialIcons a:hover { color: #F7242A}
.mod_sign_login_UL li a { color: #444 ; font-size: 16px ; font-weight: 700 ; text-decoration: none}
.mod_sign_login_UL li { background-color: #fff ; /*padding: 10px;*/
 margin-top: 20px}
@media (min-width: 768px) and (max-width: 992px){ .get-a-quote{ margin: 16px 0!important ; float: right ; background-color: #213752 ; color: #fff ; padding: 0px!important ; }

 .get-a-quote a{ padding: 10px!important ; font-size: 18px ; background-color: #213752 ; color: #fff!important ; }}
@media (max-width: 768px){ .get-a-quote{ margin: 17px 0!important ; float: right ; background-color: #213752 ; color: #fff ; padding: 0px!important ; }

 .get-a-quote a{ padding: 10px!important ; font-size: 18px ; background-color: #213752 ; color: #fff!important ; }}
@media (min-width: 992px) and (max-width: 1200px){ .get-a-quote{ margin: 18px 0!important ; float: right ; background-color: #213752 ; color: #fff ; padding: 0px!important ; }

 .get-a-quote a{ padding: 10px!important ; font-size: 18px ; background-color: #213752 ; color: #fff!important ; }}
@media (min-width: 1200px){ .get-a-quote{ margin: 23px 0!important ; float: right ; background-color: #213752 ; color: #fff ; padding: 0px!important ; }

 .get-a-quote a{ padding: 10px!important ; font-size: 18px ; background-color: #213752 ; color: #fff!important ; }}

.searchOverlay {	height: 0 ;	width: 100% ;	position: fixed ;	z-index: 99999 ;	top: 0 ;	right: 0 ;	/*background: linear-gradient(to top right, #fff, #213752);*/
	background-color: rgba(255, 255, 255, 0.92) ;	overflow-y: auto ;	transition: 0.5s ;}
@media (max-width: 410px){	.searchOverlay-content input{		float: left ;		width: 82% ;		font-family: 'Roboto Condensed', sans-serif ;		font-size: 13px ;	}}
@media (min-width: 411px) and (max-width: 768px){	.searchOverlay-content input{		float: left ;		width: 86% ;		font-family: 'Roboto Condensed', sans-serif ;		font-size: 16px ;	}}
@media (min-width: 768px){	.searchOverlay-content input{		float: left ;		width: 93% ;		font-family: 'Roboto Condensed', sans-serif ;		font-size: 16px ;	}}
.searchText{	font-family: 'Roboto Condensed', sans-serif ;	font-size: 25px ;	margin-bottom: 30px ;	text-align: center ;	color: #213752 ;	text-transform: uppercase ;	display: block ;}
.searchBtn{	background: transparent ;	border: 0!important ;	color: #213752 ;	float: left ;	padding-left: 10px ;}
.searchIcon{	font-size: 20px ;	padding: 3px ;	color: #213752 ;}
@media (max-width: 768px){	.searchOverlay-content {		position: relative ;		top: 25% ;		width: 85% ;		margin-top: 30px ;		margin-left: 8% ;	}}
::-webkit-input-placeholder { /* Chrome */
 color: #213752!important ; font-size: 13px!important ; text-transform: capitalize ;}
:-ms-input-placeholder { /* IE 10+ */
 color: #213752!important ; font-size: 13px!important ; text-transform: capitalize ;}
::-moz-placeholder { /* Firefox 19+ */
 color: #213752!important ; font-size: 13px!important ; text-transform: capitalize ; opacity: 1 ;}
:-moz-placeholder { /* Firefox 4 - 18 */
 color: #213752!important ; font-size: 13px!important ; text-transform: capitalize ; opacity: 1 ;}
@media (min-width: 768px){	.searchOverlay-content {		position: relative ;		top: 30% ;		width: 85% ;		margin-top: 30px ;		margin-left: 8% ;	}

	.searchOverlay .closebtn { 	position: absolute ; 	top: 20px ; 	right: 45px ; 	color: #213752 ; 	font-size: 30px ; }}
.searchOverlay a:hover, .searchOverlay a:focus {	color: #213752 ;}
@media (max-width: 768px){
 .searchOverlay .closebtn { 	position: absolute ; 	top: 80px ; 	right: 45px ; 	color: #213752 ; 	font-size: 30px ; }}
.searchOverlay .closebtn:hover,.searchOverlay .closebtn:active,.searchOverlay .closebtn:focus{	 text-decoration: none ;}
@media screen and (max-height: 450px) {	.searchOverlay a {font-size: 20px}
	.searchOverlay .closebtn {		font-size: 40px ;		top: 15px ;		right: 35px ;	}}
.search-input{ border-color: #213752!important ; font-family: 'Roboto Condensed', sans-serif ;}
.dropdown-parent{ display: inline-block!important ; width: 95% ;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color: #fff ; background-color: #213752 ;}
@media (max-width: 767px){ .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #213752 ; }}
@media (max-width: 767px){ .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #00adef ; background-color: transparent ; }}
@media (min-width: 1200px){ .search-icon a{ padding: 33px 3px!important ; }}
@media (min-width: 992px) and (max-width:1200px){ .search-icon a{ padding: 29px 3px!important ; }}
@media (min-width: 768px) and (max-width: 992px){ .search-icon a{ padding: 25px 3px!important ; }}
.search-icon a:hover,.search-icon a:focus,.search-icon a:active{ color: #00adef ; background-color: #fff ;}
.search-icon:hover,.search-icon:focus,.search-icon:active{ color: #00adef ; background-color: #fff!important ;}
@media (min-width: 992px) and (max-width: 1080px){ .main-menu > li { padding: 0px 10px ; }}
@media (min-width: 1080px) and (max-width: 1185px){ .main-menu > li { padding: 0px 10px ; }}
@media (min-width: 1185px){ .main-menu > li { padding: 0px 14px ; }}
.navbar-header{ padding: 5px ;}
.course-thumb { position: relative ;}
.price-tag { border-radius: 0 ; color: #fff ; font-size: 15px ; font-weight: 600 ; letter-spacing: 0.5px ; padding: 0 10px ; position: absolute ; right: -7px ; text-transform: capitalize ; top: 16px ; -webkit-transition: all 150ms ease-in-out 0s ; -o-transition: all 150ms ease-in-out 0s ; transition: all 150ms ease-in-out 0s ;}
.course-single-item:hover .price-tag { padding: 2px 16px ;}
.price-tag::before { border-left: 7px solid rgba(0, 0, 0, 0.45) ; border-top: 7px solid transparent ; content: "" ; height: 0 ; position: absolute ; right: -1px ; top: 0 ; transform: translateY(-100%) ; width: 0 ;}
.course-meta li { border-right: 1px solid #ddd ; padding: 0 18px ;}
.course-meta li:last-child { border-right: medium none ;}
.course-meta li h6 { color: #444 ; font-size: 14px ; font-weight: 600 ; margin: 5px 0 0 ;}
.course-meta li span { font-size: 13px ; margin: 0 ;}
.course-info-title { color: #555555 ; float: left ; font-weight: 600 ; width: 25% ;}
.course-info-list > li { clear: both ; margin-top: 20px ;}
@media only screen and (max-width: 1199px) { .top-course-thumb .desc-box .title { font-size: 18px ; top: 35% ; }
 .top-course-thumb .desc-box .off { font-size: 35px ; top: 46% ; }}
/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) { .top-course-thumb { max-width: 430px ; }
 .top-course-thumb .desc-box .off { font-size: 46px ; top: 46% ; }
 .top-course-thumb .desc-box .title { font-size: 24px ; top: 38% ; }
 .top-course-thumb .desc-box .signup { top: 60% ; }}
.course-single-item.style2 .course-details .author-thumb { left: 0 ; position: absolute ; right: 0 ; top: -30px ;}
.course-single-item.style2 .course-details { position: relative ;}
.course-single-item.style2 .course-meta li { border-right: 1px solid #ddd ; color: #666 ; font-size: 12px ; padding: 10px 6px 10px 10px ;}
.course-single-item.style2 .course-meta li:last-child { border-right: medium none ;}
.course-single-item.style2 .course-thumb img { border-radius: 0 ;}
.course-single-item.style2 .course-meta { border-bottom: 1px solid #eee ; border-image: none ; border-left: 1px solid #eee ; border-right: 1px solid #eee ; border-radius: 0 0 8px 8px ;}
.single-course-thumb { position: relative ;}
.single-course-thumb .overlay-shade { border-radius: 8px ; content: "" ; height: 100% ; opacity: 0 ; position: absolute ; top: 0 ; width: 100% ; -webkit-transition: all 150ms ease-in-out 0s ; -o-transition: all 150ms ease-in-out 0s ; transition: all 150ms ease-in-out 0s ;}
.single-course-thumb .course-info { color: #fff ; left: 0 ; margin: -32px auto ; position: absolute ; right: 0 ; text-align: center ; top: 50% ; opacity: 0 ; -webkit-transition: all 150ms ease-in-out 0s ; -o-transition: all 150ms ease-in-out 0s ; transition: all 150ms ease-in-out 0s ;}
.single-course-thumb:hover .overlay-shade { opacity: 0.75 ;}
.single-course-thumb:hover .course-info { opacity: 1 ;}
.order-btn { left: 15px ; position: absolute ; top: 15px ;}
/************** Get A Quote ***************/
.quote-title-ul li{ font-size: 18px ; background-color: #213752 ; padding: 10px ; color: #fff ; text-align: center ; margin-top: 20px ;}
.modal-submit-btn{ padding: 5px 25px ; background-color: #213752 ; color: #fff ; text-align: center ; margin-top: 15px ;}
.nav-pills>li>a { border-radius: 0px ;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff ; background-color: #213752 ;}
@media (min-width: 768px) and (max-width: 992px){ .header-title p{ margin-bottom: 0 ; color: #00adef ; font-size: 10px ; }}
@media (min-width: 992px){ .header-title p{ margin-bottom: 0 ; color: #00adef ; font-size: 14px ; }}
ul li { list-style-type: circle ;}
ul{ padding-left: 20px ;}
footer ul li{ list-style-type: none!important ;}
.article-header{ color: #fff ; text-shadow: 1px 1px 6px #000 ;}
ul.drop-menu{ padding-left: 0!important ;}
/********** Mobile Menu ***********/
.menu-level-1{ display: none ;}
.menu-level-1 li, .menu-level-2 li{ list-style-type: none ;}
.menu-level-2{ display: none ;}
.menu-level-1-btn a, .menu-level-2-btn a{ font-size: 20px ;}
.navbar-collapse.in { overflow-y: scroll ; max-height: 500px ;}
.menu-level-1 li, .menu-level-2 li{ padding-top: 10px ; padding-bottom: 10px ;}
.menu-level-1 li{ border-bottom: 1px solid #fff ;}
.menu-level-2 li{ border-bottom: 1px solid #213752 ;}
.menu-level-1 a{ color: #fff!important ;}
.menu-level-2 a{ color: #213752!important ;}
.menu-level-1{ background-color: #213752 ;}
.menu-level-2{ background-color: #fff!important ;}
.level-1-parent a { color: #213752 ;}
.alert-error{ color: #a94442 ; background-color: #f2dede ; border-color: #ebccd1 ;}
.breadcrumb{margin-bottom: 5px;font-size:14px;}
.course-home-title{height: 60px;}
.course-home-title a h3{font-size:20px}
.course-single-item{ border: 1px solid #eee ;}