* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
background: #fff;
font-family: 'Roboto';
font-size: 15px;
font-weight: 400;
color: #858a99;
line-height: 1.4;
letter-spacing: .2px;
position: relative;
left: 0;
}
header {
font-size: 15px;
font-family: 'Roboto';
font-weight: 900;
}
body.full_screen {
width: 100%;
height: 100%;
overflow: hidden;
}
.boxed {
background: url("../images/boxed_bg.jpg") repeat;
background-attachment: fixed;
}
.boxed .wrapper {
max-width: 1200px;
position: relative !important;
background: #fff;
padding: 0;
box-shadow: 0 0 2px #606060;
margin-left: auto !important;
margin-right: auto !important;
}
.boxed .wrapper .container {
padding-right: 15px;
padding-left: 15px;
}
main {
padding: 50px 0;
background: #fff;
overflow: hidden;
}
.full_width {
width: 100%;
}
.a_left {
text-align: left
}
.a_center {
text-align: center
}
.a_right {
text-align: right
}
.f_left {
float: left
}
.f_right {
float: right
}
.upper {
text-transform: uppercase;
}
.row-flex {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
}
.row-flex>[class*='cpl-'] {
display: flex;
flex-direction: column;
}
/* ---------- 1.2 Resets ---------- */
ul,
ol {
margin: 0;
}
ul.list_menu {
margin: 30px 0;
padding-left: 15px;
}
ul.list_menu li {
font-size: 1em;
list-style: outside none none;
margin-bottom: 6px;
padding-left: 20px;
position: relative;
}
ul.list_menu li::before {
background: #e3e3e3;
border-radius: 100%;
content: "";
height: 7px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 7px;
}
.navbar-nav li a:hover,
.navbar-nav li a:focus,
.navbar-nav .open a,
.navbar-nav .open a:hover,
.navbar-nav .open a:focus {
background: none;
}
.alert {
padding: 10px;
border-radius: 1px;
font-size: .9em;
}
/* ---------- 1.3 Typography ---------- */
a {
color: #3b4876;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
a:hover,
a:focus,
a:active {
color: #2c88c0;
text-decoration: none;
outline: none;
background: none;
}
strong,
.strong {
font-weight: 600 !important;
}
small,
.small {
font-size: .7em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
font-family: 'Roboto';
color: #606060;
font-weight: 400;
}
h1 {
font-size: 2.2em;
line-height: 1.5em;
}
h2 {
font-size: 2em;
line-height: 1.2em;
}
h3 {
font-size: 1.7em;
line-height: 1.2em;
}
h4 {
font-size: 1.5em;
line-height: 1.2em;
}
h5 {
font-size: 1.3em;
line-height: 1.1em;
}
h6 {
font-size: 1.1em;
line-height: 1em;
font-family: 'Lato', sans-serif;
}
p {
line-height: 28px;
margin: 10px 0;
}
.dropcap:first-letter {
float: left;
color: #3b4876;
font-size: 4em;
line-height: 1em;
margin: 0 20px 5px 0;
text-transform: uppercase;
display: block;
}
.dropcap.yellow:first-letter {
color: #3b4876;
}
.dropcap.dark:first-letter {
color: #000000;
}
.tooltip-arrow {
margin-bottom: 1px;
}
.popover {
font-size: 0.8em;
border-radius: 4px 4px 0 0;
color: #8a959e;
border: 1px solid #cfd7da;
}
.popover-content {
padding: 5px 10px;
}
.popover.top .arrow {
border-top-color: #cfd7da;
border-bottom-width: 0;
}
.popover-title {
color: #a9a9a9;
padding: 2px 10px !important;
margin: 0;
font-size: 1.2em;
letter-spacing: 1px;
background-color: #f5f5f5;
border-bottom: 1px solid #ededed;
float: none !important;
}
blockquote {
padding: 20px 0;
position: relative;
margin: 30px 0;
font-size: 1.2em;
line-height: 1.6em;
border: none;
}
blockquote i {
color: #1DC1F8;
font-size: 32px;
position: absolute;
top: 28px;
}
blockquote .quote_text {
color: #888;
display: block;
font-style: italic;
font-weight: 300;
padding-left: 30px;
}
/* ---------- 1.4 Margins & Paddings & Border Radius ---------- */
.nopadding {
padding: 0 !important;
}
.nopadding_right {
padding-right: 0 !important
}
.nopadding_left {
padding-left: 0 !important
}
.nopadding_top {
padding-top: 0 !important
}
.nopadding_bottom {
padding-bottom: 0 !important
}
.p5 {
padding-left: 5px !important;
padding-right: 5px !important
}
.pr5 {
padding-right: 5px !important
}
.pl5 {
padding-left: 5px !important
}
.nomargin {
margin: 0 !important
}
.nomarginright {
margin-right: 0 !important
}
.nomarginleft {
margin-left: 0 !important
}
.nomargintop {
margin-top: 0 !important
}
.nomarginbottom {
margin-bottom: 0 !important
}
.mt0 {
margin-top: 0px
}
.mt5 {
margin-top: 5px
}
.mt10 {
margin-top: 10px
}
.mt15 {
margin-top: 15px
}
.mt20 {
margin-top: 20px
}
.mt25 {
margin-top: 25px
}
.mt30 {
margin-top: 30px
}
.mt35 {
margin-top: 35px
}
.mt40 {
margin-top: 40px
}
.mt45 {
margin-top: 45px
}
.mt50 {
margin-top: 50px
}
.mt55 {
margin-top: 55px
}
.mt60 {
margin-top: 60px
}
.mt65 {
margin-top: 65px
}
.mt70 {
margin-top: 70px
}
.mt75 {
margin-top: 75px
}
.mt80 {
margin-top: 80px
}
.mt85 {
margin-top: 85px
}
.mt90 {
margin-top: 90px
}
.mt95 {
margin-top: 95px
}
.mt100 {
margin-top: 100px
}
.mb0 {
margin-bottom: 0px
}
.mb5 {
margin-bottom: 5px
}
.mb10 {
margin-bottom: 10px
}
.mb15 {
margin-bottom: 15px
}
.mb20 {
margin-bottom: 20px
}
.mb25 {
margin-bottom: 25px
}
.mb30 {
margin-bottom: 30px
}
.mb35 {
margin-bottom: 35px
}
.mb40 {
margin-bottom: 40px
}
.mb45 {
margin-bottom: 45px
}
.mb50 {
margin-bottom: 50px
}
.mb55 {
margin-bottom: 55px
}
.mb60 {
margin-bottom: 60px
}
.mb65 {
margin-bottom: 65px
}
.mb70 {
margin-bottom: 70px
}
.mb75 {
margin-bottom: 75px
}
.mb80 {
margin-bottom: 80px
}
.mb85 {
margin-bottom: 85px
}
.mb90 {
margin-bottom: 90px
}
.mb95 {
margin-bottom: 95px
}
.mb100 {
margin-bottom: 100px
}
.pt0 {
padding-top: 0px
}
.pt5 {
padding-top: 5px
}
.pt10 {
padding-top: 10px
}
.pt15 {
padding-top: 15px
}
.pt20 {
padding-top: 20px
}
.pt25 {
padding-top: 25px
}
.pt30 {
padding-top: 30px
}
.pt35 {
padding-top: 35px
}
.pt40 {
padding-top: 40px
}
.pt45 {
padding-top: 45px
}
.pt50 {
padding-top: 50px
}
.pt55 {
padding-top: 55px
}
.pt60 {
padding-top: 60px
}
.pt65 {
padding-top: 65px
}
.pt70 {
padding-top: 70px
}
.pt75 {
padding-top: 75px
}
.pt80 {
padding-top: 80px
}
.mt85 {
padding-top: 85px
}
.pt90 {
padding-top: 90px
}
.pt95 {
padding-top: 95px
}
.pt100 {
padding-top: 100px
}
.pb0 {
padding-bottom: 0px
}
.pb5 {
padding-bottom: 5px
}
.pb10 {
padding-bottom: 10px
}
.pb15 {
padding-bottom: 15px
}
.pb20 {
padding-bottom: 20px
}
.pb25 {
padding-bottom: 25px
}
.pb30 {
padding-bottom: 30px
}
.mb35 {
padding-bottom: 35px
}
.pb40 {
padding-bottom: 40px
}
.pb45 {
padding-bottom: 45px
}
.pb50 {
padding-bottom: 50px
}
.pb55 {
padding-bottom: 55px
}
.pb60 {
padding-bottom: 60px
}
.pb65 {
padding-bottom: 65px
}
.pb70 {
padding-bottom: 70px
}
.pb75 {
padding-bottom: 75px
}
.pb80 {
padding-bottom: 80px
}
.pb85 {
padding-bottom: 85px
}
.pb90 {
padding-bottom: 90px
}
.pb95 {
padding-bottom: 95px
}
.pb100 {
padding-bottom: 100px
}
.br1 {
border-radius: 1px
}
.br2 {
border-radius: 2px
}
.br3 {
border-radius: 3px
}
.br4 {
border-radius: 4px
}
.br5 {
border-radius: 5px
}
.br6 {
border-radius: 6px
}
.br7 {
border-radius: 7px
}
.br8 {
border-radius: 8px
}
.br9 {
border-radius: 9px
}
.br10 {
border-radius: 10px
}
.br11 {
border-radius: 11px
}
.br12 {
border-radius: 12px
}
.br13 {
border-radius: 13px
}
.br14 {
border-radius: 14px
}
.br15 {
border-radius: 15px
}
.br16 {
border-radius: 16px
}
.br17 {
border-radius: 17px
}
.br18 {
border-radius: 18px
}
.br19 {
border-radius: 19px
}
.br20 {
border-radius: 20px
}
.br21 {
border-radius: 21px
}
.br22 {
border-radius: 22px
}
.br23 {
border-radius: 23px
}
.br24 {
border-radius: 24px
}
.br25 {
border-radius: 25px
}
.br26 {
border-radius: 26px
}
.br27 {
border-radius: 27px
}
.br28 {
border-radius: 28px
}
.br29 {
border-radius: 29px
}
.br30 {
border-radius: 30px
}
.br31 {
border-radius: 31px
}
.br31 {
border-radius: 31px
}
.br33 {
border-radius: 33px
}
.br34 {
border-radius: 34px
}
.br35 {
border-radius: 35px
}
.br36 {
border-radius: 36px
}
.br37 {
border-radius: 37px
}
.br38 {
border-radius: 38px
}
.br39 {
border-radius: 39px
}
.br40 {
border-radius: 40px
}
.br41 {
border-radius: 41px
}
.br42 {
border-radius: 42px
}
.br43 {
border-radius: 43px
}
.br44 {
border-radius: 44px
}
.br45 {
border-radius: 45px
}
.br46 {
border-radius: 46px
}
.br47 {
border-radius: 47px
}
.br48 {
border-radius: 48px
}
.br49 {
border-radius: 49px
}
.br50 {
border-radius: 50px
}
/* ---------- 1.5 Image Hover Effect ---------- */
.hover_effect {
display: block;
position: relative;
background: none;
overflow: hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.hover_effect:after {
font-family: FontAwesome;
color: #fff;
position: absolute;
font-size: 1.6em;
text-align: center;
line-height: 40px;
width: 40px;
height: 40px;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.hover_effect img {
display: block;
position: relative;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.hover_effect:hover:after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
filter: alpha(opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: .6;
-khtml-opacity: .6;
opacity: .6;
}
.hover_effect:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
filter: alpha(opacity=40);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
.hover_effect.h_blue:hover {
background: #3b4876;
}
.hover_effect.h_yellow:hover {
background: #3b4876;
}
.hover_effect.h_dark:hover {
background: #000000;
}
.hover_effect.h_link:after {
content: "\f0c1";
}
.hover_effect.h_lightbox:after {
content: "\f00e";
}
/* ========== 2 GENERAL STYLES ========== */
/* ---------- 2.1 Forms ---------- */
.form-group {
margin: 0;
}
.form-control {
color: #b3b3b3;
border: 1px solid #e6eff2;
box-shadow: none;
border-radius: 1px;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
font-size: 1em;
}
.form-control:disabled {
background: #f5f5f5 !important;
}
.form-control select {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
text-overflow: ellipsis;
}
.form-select select::-ms-expand {
display: none;
}
.form_date .datepicker:hover {
cursor: pointer;
}
textarea.form-control {
max-width: 100%;
}
.form-control::-webkit-input-placeholder {
color: #b3b3b3;
}
.form-control:-moz-placeholder {
color: #b3b3b3;
}
.form-control::-moz-placeholder {
color: #b3b3b3;
}
.form-control:-ms-input-placeholder {
color: #b3b3b3;
}
.form-control:focus {
border-color: #d4d3d3;
box-shadow: none;
outline: none;
}
select:focus::-ms-value {
background: transparent;
color: #b3b3b3;
}
.form-control .btn-select,
.form-control .btn-select:hover,
.form-control .btn-select:focus {
background: none !important;
outline: none !important;
box-shadow: none !important;
padding: 4px;
font-size: 1em;
}
.input-group {
width: 100%;
}
label {
font-size: .9em;
color: #606060;
letter-spacing: 1px;
font-weight: 400;
margin-bottom: 10px;
}
label .label_icon_info {
color: #606060;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
width: 10px;
height: 10px;
border: none;
}
.bootstrap-select.btn-group .dropdown-toggle .caret:before {
position: absolute;
top: -2px;
right: -10px;
content: "\f078";
font-family: FontAwesome;
font-size: .8em;
color: #b3b3b3;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
color: #b3b3b3;
}
.datepicker-dropdown {
box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
}
.datepicker-dropdown.datepicker {
padding: 15px;
border-radius: 2px;
border: 1px solid #f5f5f5;
}
.datepicker-dropdown.datepicker .datepicker-switch {
color: #a9a9a9;
font-weight: normal;
text-transform: uppercase;
text-align: center;
background: #e4e5e7;
border: 1px solid #dadbdd;
border-right: 0;
border-left: 0;
}
.datepicker-dropdown.datepicker .datepicker-switch:hover {
cursor: pointer;
}
.datepicker-dropdown.datepicker .prev,
.datepicker-dropdown.datepicker .next {
padding: 0 !important;
margin: 0 !important;
text-align: center;
width: 30px !important;
height: 30px !important;
background: #e4e5e7;
border: 1px solid #dadbdd;
border-radius: 2px;
-webkit-transition: .5s;
transition: .5s;
}
.datepicker-dropdown.datepicker .prev:hover,
.datepicker-dropdown.datepicker .next:hover {
cursor: pointer;
background: #3b4876;
border-color: #3b4876;
color: #fff;
}
.datepicker-dropdown.datepicker .day {
padding: 10px 12px;
color: #606060;
background: #f4fafd;
border: 1px solid #e7eef1;
text-align: center;
-webkit-transition: .5s;
transition: .5s;
}
.datepicker-dropdown.datepicker .active {
background: #5E6667;
color: #fff;
}
.datepicker-dropdown.datepicker .new.day {
background: #fefefe;
}
.datepicker-dropdown.datepicker .day.disabled {
background: #fbf5f5;
color: #606060;
border-color: #ede8ea;
}
.datepicker-dropdown.datepicker .day:hover {
cursor: pointer;
background: #3b4876;
border-color: #3b4876;
color: #fff;
}
.datepicker-dropdown.datepicker .day.disabled:hover {
cursor: not-allowed;
background: #fbf5f5;
color: #606060;
border-color: #ede8ea;
}
.datepicker-dropdown.datepicker .day.today {
background: #3b4876;
color: #fff;
}
.datepicker-dropdown.datepicker .datepicker-months,
.datepicker-dropdown.datepicker .datepicker-years,
.datepicker-dropdown.datepicker .datepicker-decades,
.datepicker-dropdown.datepicker .datepicker-centuries {
max-width: 301px;
}
.datepicker-dropdown.datepicker .datepicker-months table tr td,
.datepicker-dropdown.datepicker .datepicker-years table tr td,
.datepicker-dropdown.datepicker .datepicker-decades table tr td,
.datepicker-dropdown.datepicker .datepicker-centuries table tr td {
padding: 0;
padding-top: 10px;
}
.datepicker-dropdown.datepicker .month,
.datepicker-dropdown.datepicker .year,
.datepicker-dropdown.datepicker .decade,
.datepicker-dropdown.datepicker .century {
display: inline-block;
width: 50px;
padding: 10px 0;
color: #606060;
background: #f4fafd;
border: 1px solid #e7eef1;
text-align: center;
-webkit-transition: .5s;
transition: .5s;
}
.datepicker-dropdown.datepicker .month:hover,
.datepicker-dropdown.datepicker .year:hover,
.datepicker-dropdown.datepicker .decade:hover,
.datepicker-dropdown.datepicker .century:hover {
background: #3b4876;
border-color: #3b4876;
color: #fff;
cursor: pointer;
}
.datepicker-dropdown.datepicker .month.disabled,
.datepicker-dropdown.datepicker .year.disabled,
.datepicker-dropdown.datepicker .decade.disabled,
.datepicker-dropdown.datepicker .century.disabled {
background: #fbf5f5;
color: #606060;
border-color: #ede8ea;
}
.datepicker-dropdown.datepicker .month.disabled:hover,
.datepicker-dropdown.datepicker .year.disabled:hover,
.datepicker-dropdown.datepicker .decade.disabled:hover,
.datepicker-dropdown.datepicker .century.disabled:hover {
cursor: not-allowed;
}
.bootstrap-select .dropdown-menu {
margin-bottom: 15px;
border-radius: 2px;
border: 1px solid #f2f2f2;
box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
}
.bootstrap-select .dropdown-menu li a {
color: #606060;
}
.bootstrap-select .dropdown-menu .popover-title {
padding: 4px 10px !important;
background: #e4e5e7;
font-size: 1em;
text-transform: uppercase;
border-bottom: 1px solid #dadbdd;
border-radius: 2px 2px 0 0;
}
/* ---------- 2.2 Buttons ---------- */
button {
outline: none;
}
.button {
border: 1px solid;
border-radius: 1px;
font-size: .9em;
padding: 8px 15px;
background: #fff;
border-color: #e6eff2;
color: #a9a9a9;
font-weight: 600;
letter-spacing: .04em;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
display: inline-block;
line-height: 1.82857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.button.btn_lg {
font-size: 1em;
padding: 12px 20px;
}
.button.btn_sm {
font-size: 0.8em;
padding: 3px 10px;
}
.button.btn_xs {
font-size: 0.7em;
padding: 0px 5px;
}
.button.btn_blue {
background: #3b4876;
border-color: #3b4876;
color: #fff;
}
.button.btn_yellow {
background: #3b4876;
border-color: #3b4876;
color: #fff;
}
.button.btn_gold {
background: #c7ba88;
border-color: #c7ba88;
color: #fff;
}
.button.btn_dark {
background: #000000;
border-color: #000000;
color: #fff;
}
.button:hover,
.button:active,
.button:focus {
background: #fff;
border-color: #e6eff2;
}
.button.btn_blue:hover,
.button.btn_blue:active,
.button.btn_blue:focus {
background: #2c88c0;
border-color: #2c88c0;
}
.button.btn_yellow:hover,
.button.btn_yellow:active,
.button.btn_yellow:focus {
background: #3b4876;
border-color: #3b4876;
}
.button.btn_gold:hover,
.button.btn_gold:active,
.button.btn_gold:focus {
background: #bcb081;
border-color: #bcb081;
}
.button.btn_dark:hover,
.button.btn_dark:active,
.button.btn_dark:focus {
background: #4f5758;
border-color: #4f5758;
}
.button.btn_lg i {
margin-right: 10px;
}
.button i {
margin-right: 10px;
}
.button.btn_sm i {
margin-right: 6px;
}
.button.btn_xs i {
margin-right: 6px;
}
.button.bb {
border-bottom: 2px solid rgba(0, 0, 0, .2) !important;
}
.btn_full {
width: 100% !important;
}
.btn_load_more {
border-radius: 50px;
text-align: center;
text-transform: uppercase;
padding: 21px 40px;
padding: 21px 40px;
background: #ddbf5e;
color: #ffffff;
letter-spacing: 1px;
border: none;
transition: .5s;
line-height: 0;
background: #f5f5f5;
border: 1px solid #eeeeee;
color: #606060;
font-weight: 700;
}
.btn_load_more:hover {
background: #eeeeee;
}
.social_media a {
background: #fff;
border: 1px solid #E6EFF2;
display: inline-block;
height: 40px;
width: 40px;
border-radius: 1px;
line-height: 40px;
margin: 4px;
text-align: center;
}
.social_media a:last-child {
margin-right: 0;
}
.social_media a:hover {
color: #fff;
}
.social_media .facebook {
color: #3b5998;
}
.social_media .facebook:hover {
background: #3b5998;
border-color: #3b5998;
}
.social_media .twitter {
color: #4099FF;
}
.social_media .twitter:hover {
background: #4099FF;
border-color: #4099ff;
}
.social_media .googleplus {
color: #d34836;
}
.social_media .googleplus:hover {
background: #d34836;
border-color: #d34836;
}
.social_media .pinterest {
color: #cb2027;
}
.social_media .pinterest:hover {
background: #cb2027;
border-color: #cb2027;
}
.social_media .linkedin {
color: #007bb6;
}
.social_media .linkedin:hover {
background: #007bb6;
border-color: #007bb6;
}
.social_media .youtube {
color: #bb0000;
}
.social_media .youtube:hover {
background: #bb0000;
border-color: #bb0000;
}
.social_media .instagram {
color: #125688;
}
.social_media .instagram:hover {
background: #125688;
border-color: #125688;
}
.pagination li {
float: left;
margin-right: 15px;
}
.pagination li.next_pagination>a,
.pagination li.prev_pagination>a {
color: #AAA;
}
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled,
.pagination li.page_of {
color: #606060;
font-weight: 700;
display: inline-block;
font-size: 13px;
line-height: 42px;
height: 43px;
min-width: 43px;
padding: 0 11px;
text-align: center;
background: #f5f5f5;
border: 1px solid #eeeeee;
}
.pagination li a:hover,
.pagination li.active a,
.pagination li.next_pagination>a:hover,
.pagination li.prev_pagination>a:hover {
background: #3b4876;
border-color: #3b4876;
color: #FFF;
}
/* ---------- 2.3 Titles ---------- */
.main_title {
position: relative;
}
.main_title h2 {
font-size: 2.2em;
display: inline-block;
position: relative;
color: #606060;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.5px;
}
.main_title.mt_dark h2 {
color: #444;
}
.main_title.mt_blue h2 {
color: #3b4876;
}
.main_title.mt_yellow h2 {
color: #3b4876;
}
.main_title.mt_white h2 {
color: #fff;
}
.main_title:after {
content: "";
display: block;
height: 5px;
position: relative;
width: 80px;
margin: 10px auto;
}
.main_title.a_left:after {
margin-left: 0;
}
.main_title.a_right:after {
margin-right: 0;
}
.main_title.mt_wave:after {
background: url("../images/icons/wave.svg");
opacity: .5;
}
.main_title.mt_wave.mt_dark:after {
background: url("../images/icons/wave_dark.svg");
}
.main_title.mt_wave.mt_blue:after {
background: url("../images/icons/wave_blue.svg");
}
.main_title.mt_wave.mt_yellow:after {
background: url("../images/icons/wave_yellow.svg");
}
.main_title.mt_wave.mt_white:after {
background: url("../images/icons/wave_white.svg");
}
.main_description {
margin-bottom: 50px;
}
.main_description {
font-size: 1em;
line-height: 1.6;
}
.main_description.a_center {
padding: 0 10%;
}
.main_description.md_white {
color: #fff;
}
/* ---------- 2.4 Notification ---------- */
.notification {
position: fixed;
padding: 8px;
bottom: 15px;
right: 15px;
width: 55px;
height: 55px;
border-radius: 3px;
color: white;
opacity: 0;
overflow: hidden;
-webkit-animation: scale-in .3s ease-out forwards, expand .3s 1.5s ease-out forwards;
animation: scale-in .3s ease-out forwards, expand .3s 1.5s ease-out forwards;
z-index: 99;
}
.notification:hover {
cursor: pointer;
}
.notification.success {
background: #a7d155;
}
.notification.error {
background: #E34F4F;
}
.notification .notification-icon {
margin-right: 10px;
float: left;
width: 40px;
height: 40px;
border-radius: 25px;
background: #ce4848;
text-align: center;
}
.notification.error .notification-icon {
background: #ce4848;
}
.notification.success .notification-icon {
background: #97bd4f;
}
.notification .notification-icon i {
font-size: 22px;
line-height: 40px;
color: #f5f5f5;
}
.notification-text {
opacity: 0;
font-size: .9em;
text-align: left;
color: #f5f5f5;
letter-spacing: .5px;
-webkit-animation: fade-in 1s 1s ease-in forwards;
animation: fade-in 1s 1s ease-in forwards;
}
@-webkit-keyframes scale-in {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes scale-in {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes expand {
0% {
width: 55px;
}
100% {
width: 330px;
}
}
@keyframes expand {
0% {
width: 55px;
}
100% {
width: 330px;
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.notification.scale-out {
opacity: 1;
-webkit-animation: collapse .3s ease-in forwards, scale-out .3s 1.5s ease-out forwards;
animation: collapse .3s ease-in forwards, scale-out .3s 1.5s ease-out forwards;
}
.notification.scale-out .notification-text {
-webkit-animation: fade-out 1s ease-in forwards;
animation: fade-out 1s ease-in forwards;
}
@-webkit-keyframes collapse {
0% {
width: 330px;
}
100% {
width: 55px;
}
}
@keyframes collapse {
0% {
width: 330px;
}
100% {
width: 55px;
}
}
@-webkit-keyframes scale-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes scale-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* ---------- 2.5 Loader ---------- */
#loading {
background-color: #fff;
height: 100%;
width: 100%;
position: fixed;
z-index: 9999;
left: 0;
}
#loading .inner {
width: 100%;
height: 100%;
position: relative;
}
.loading_effect {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
margin-top: -80px;
margin-left: -50px;
}
.loading_effect .object {
width: 20px;
height: 20px;
background-color: #3b4876;
float: left;
margin-right: 20px;
margin-top: 65px;
border-radius: 50% 50% 50% 50%;
}
.loading_effect #object_one {
-webkit-animation: object_one 1.5s infinite;
animation: object_one 1.5s infinite;
}
.loading_effect #object_two {
-webkit-animation: object_two 1.5s infinite;
animation: object_two 1.5s infinite;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.loading_effect #object_three {
-webkit-animation: object_three 1.5s infinite;
animation: object_three 1.5s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes object_one {
75% {
-webkit-transform: scale(0);
}
}
@keyframes object_one {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
@-webkit-keyframes object_two {
75% {
-webkit-transform: scale(0);
}
}
@keyframes object_two {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
@-webkit-keyframes object_three {
75% {
-webkit-transform: scale(0);
}
}
@keyframes object_three {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
.loading_effect2 {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 300px;
margin-top: -25px;
margin-left: -150px;
}
.loading_effect2 .object {
width: 18px;
height: 18px;
background: #3b4876;
float: left;
margin-top: 15px;
margin-right: 15px;
border-radius: 50% 50% 50% 50%;
-webkit-animation: loading_effect2 1s infinite;
animation: loading_effect2 1s infinite;
}
.loading_effect2 .object:last-child {
margin-right: 0px;
}
.loading_effect2 .object:nth-child(9) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.loading_effect2 .object:nth-child(8) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.loading_effect2 .object:nth-child(7) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.loading_effect2 .object:nth-child(6) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.loading_effect2 .object:nth-child(5) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.loading_effect2 .object:nth-child(4) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.loading_effect2 .object:nth-child(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.loading_effect2 .object:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes loading_effect2 {
50% {
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
}
@keyframes loading_effect2 {
50% {
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
}
.loading_effect3 {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.loading_effect3 .object {
border-radius: 50% 50% 50% 50%;
position: absolute;
border-top: 5px solid #3b4876;
border-bottom: 5px solid transparent;
border-left: 5px solid #3b4876;
border-right: 5px solid transparent;
-webkit-animation: loading_effect3 2s infinite;
animation: loading_effect3 2s infinite;
}
.loading_effect3 #object_one {
left: 75px;
top: 75px;
width: 50px;
height: 50px;
}
.loading_effect3 #object_two {
left: 65px;
top: 65px;
width: 70px;
height: 70px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.loading_effect3 #object_three {
left: 55px;
top: 55px;
width: 90px;
height: 90px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.loading_effect3 #object_four {
left: 45px;
top: 45px;
width: 110px;
height: 110px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
@-webkit-keyframes loading_effect3 {
50% {
-webkit-transform: rotate(360deg) scale(0.8);
transform: rotate(360deg) scale(0.8);
}
}
@keyframes loading_effect3 {
50% {
-webkit-transform: rotate(360deg) scale(0.8);
transform: rotate(360deg) scale(0.8);
}
}
/* ---------- 2.6 Back to Top ---------- */
#back_to_top {
height: 55px;
width: 55px;
background: #3b4876;
border-radius: 3px;
right: -100px;
bottom: 15px;
position: fixed;
text-align: center;
-webkit-transition: .5s;
transition: .5s;
z-index: 9;
}
#back_to_top i {
color: #fff;
line-height: 55px;
font-size: 22px;
}
#back_to_top:hover,
#back_to_top:focus {
background: #3b4876;
box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.1);
}
#back_to_top:hover {
cursor: pointer;
}
#back_to_top.active {
right: 15px;
}
/* ========== 3 TOP MENU ========== */
/* ---------- 3.1 Top Menu ---------- */
.top_menu {
width: 100%;
position: relative;
font-size: 0.9em;
}
.top_menu {
background: #fff;
border-bottom: 1px solid #ededed;
color: #a9a9a9;
}
.top_menu.transparent {
background: transparent;
position: absolute;
z-index: 999;
border-bottom: none;
top: 20px;
color: #fff;
}
.top_menu.transparent a {
color: #fff;
}
.top_menu.transparent .dropdown-menu a {
color: #a9a9a9;
}
.top_menu.transparent a:hover,
.top_menu.transparent a:focus,
.top_menu.transparent .dropdown.open a.select {
color: #3b4876;
}
.top_menu .welcome_mssg {
padding: 7px 0;
float: left;
}
.top_menu a {
color: #a9a9a9;
}
.top_menu a:hover,
.top_menu .dropdown.open a {
color: #8e8f8e;
}
/* ---------- 3.2 Right Menu ---------- */
.top_menu .top_menu_right {
padding: 7px 0;
float: right;
}
.top_menu .top_menu_right li {
display: inline-block;
float: left;
padding-left: 30px;
}
.top_menu .top_menu_right li:first-child {
padding-left: 0px;
}
.top_menu .top_menu_right li i {
margin-right: 4px;
}
/* ---------- 3.3 Language Switcher ---------- */
.top_menu .dropdown .select {
padding-bottom: 12px;
}
.top_menu .dropdown .select .caret {
margin-top: 0px;
}
.top_menu .dropdown .select i {
margin-right: 4px;
}
.boxed .top_menu .dropdown-menu {
min-width: 100px;
}
.top_menu .dropdown-menu {
border: none;
border-radius: 0px;
box-shadow: none;
padding: 0;
margin: 0;
margin-top: 6px;
min-width: 110px;
margin-left: -10px;
}
.top_menu .dropdown .dropdown-menu {
animation-name: TopMenu;
animation-duration: .3s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
-webkit-animation-name: TopMenu;
-webkit-animation-duration: .3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: TopMenu;
-moz-animation-duration: .3s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: forwards;
}
@keyframes TopMenu {
from {
opacity: 0;
margin-top: 10px;
}
to {
opacity: 1;
margin-top: 6px;
}
}
@-webkit-keyframes TopMenu {
from {
opacity: 0;
margin-top: 10px;
}
to {
opacity: 1;
margin-top: 6px;
}
}
.top_menu .dropdown-menu {
background: #F5F5F5;
}
.top_menu .dropdown-menu li,
.top_menu .dropdown-menu li:first-child {
width: 100%;
padding: 0;
margin: 0;
}
.top_menu .dropdown-menu li a {
padding: 6px 10px;
line-height: 1em;
color: #a9a9a9;
}
.top_menu .dropdown-menu li a {
border-bottom: 1px solid #fcfcfc;
}
.top_menu .dropdown-menu li a:hover {
background: #ededed;
}
.top_menu .caret-up {
width: 0;
height: 0;
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-bottom: 4px solid;
display: inline-block;
margin-left: 2px;
vertical-align: middle;
}
/* ========== 4 HEADER ========== */
/* ---------- 4.1 Header ---------- */
header {
width: 100%;
background: #fff;
border-bottom: 1px solid #e6eff2;
z-index: 9999;
}
.mfp-zoom-out-cur header {
padding-right: 17px;
}
header.transparent {
background: transparent;
border-bottom: none;
z-index: 99;
top: 50px;
}
header.nav_bg {
background: #fff;
}
header.transparent.fixed {
position: absolute;
}
header.transparent.navbar-fixed-top {
position: fixed;
}
header .nodisplay {
display: none;
}
header.transparent.nav_bg {
border-bottom: 1px solid #e6eff2;
top: 0;
}
header .navbar-header .navbar-brand {
padding: 15px 0;
margin-top: 0px;
-webkit-transition: all .3s;
transition: all .3s;
}
header .navbar-header .navbar-brand img {
height: 55px;
}
header.scroll .navbar-header .navbar-brand {
padding: 20px 0;
margin-top: 0px;
}
/* ---------- 4.2 Mobile Menu ---------- */
header .navbar-header .mobile_menu_btn {
margin-right: 0;
padding-right: 0;
}
header .navbar-header .mobile_menu_btn .icon-bar {
background: #606060;
position: relative;
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
header.transparent .navbar-header .mobile_menu_btn .icon-bar {
background: #fff;
}
header.scroll .navbar-header .mobile_menu_btn .icon-bar {
background: #606060;
}
header .navbar-header .mobile_menu_btn .icon-bar {
display: block;
width: 25px;
height: 3px;
border-radius: 1px;
}
header .navbar-header .mobile_menu_btn .icon-bar:nth-of-type(2) {
top: 0px;
}
header .navbar-header .mobile_menu_btn .icon-bar:nth-of-type(3) {
top: 0px;
}
header .navbar-header .mobile_menu_btn.active .icon-bar:nth-of-type(1) {
top: 7px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
header .navbar-header .mobile_menu_btn.active .icon-bar:nth-of-type(2) {
background-color: transparent;
}
header .navbar-header .mobile_menu_btn.active .icon-bar:nth-of-type(3) {
top: -7px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* ---------- 4.3 Main Menu ---------- */
#main_menu {
float: right;
margin: 0;
padding: 0;
}
#main_menu ul {
list-style: none;
}
#main_menu .navbar-nav li a {
color: #606060;
letter-spacing: .05em;
text-transform: uppercase;
padding: 28px 15px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#main_menu .navbar-nav li.active a {
color: #3b4876;
}
.transparent #main_menu .navbar-nav li a {
color: #fff;
}
.transparent.nav_bg #main_menu .navbar-nav li a {
color: #606060;
}
.transparent.nav_bg #main_menu .navbar-nav li.active a.dropdown-toggle,
.transparent #main_menu .navbar-nav li.active a.dropdown-toggle {
color: #3b4876;
}
.scroll #main_menu .navbar-nav li a {
padding: 20px 20px;
}
#main_menu .navbar-nav li a {
color: #606060;
}
#main_menu .navbar-nav li a:hover,
#main_menu .navbar-nav .open .dropdown-toggle,
.transparent.nav_bg #main_menu .navbar-nav li a:hover,
.transparent.nav_bg #main_menu .navbar-nav .open .dropdown-toggle {
color: #3b4876;
}
#main_menu .navbar-nav .menu_button .button {
margin-top: 19px;
padding: 8px 16px;
color: #fff !important;
}
#main_menu .navbar-nav .menu_button .button:hover,
#main_menu .navbar-nav .menu_button .button:focus,
#main_menu .navbar-nav .menu_button .button:active {
background: #3b4876;
border-color: #3b4876;
color: #fff !important;
}
.scroll #main_menu .navbar-nav .menu_button .button {
margin-top: 12px;
}
/* ---------- 4.4 Drop Down Menu ---------- */
#main_menu .navbar-nav .dropdown .dropdown-menu {
margin-top: 0px;
border-radius: 0;
background: #fff;
border: 1px solid #e6eff2;
border-top: 2px solid #e6eff2;
padding: 0;
min-width: 200px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#main_menu .navbar-nav .dropdown .dropdown-menu {
animation-name: MainMenu;
animation-duration: .3s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
-webkit-animation-name: MainMenu;
-webkit-animation-duration: .3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: MainMenu;
-moz-animation-duration: .3s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: forwards;
}
@keyframes MainMenu {
from {
opacity: 0;
margin-top: 10px;
}
to {
opacity: 1;
margin-top: 0px;
}
}
@-webkit-keyframes MainMenu {
from {
opacity: 0;
margin-top: 10px;
}
to {
opacity: 1;
margin-top: 0px;
}
}
header #main_menu .navbar-nav .dropdown .dropdown-menu {
left: auto;
}
/* ---------- 4.4.1 Simple Drop Down Menu ---------- */
#main_menu .navbar-nav .simple_menu .dropdown-menu li {
width: 100%;
background: #fff;
border-bottom: 1px solid #EEF2F5;
color: #a5b4be;
}
#main_menu .navbar-nav .simple_menu .dropdown-menu li:hover {
background: #fbfbfb;
}
#main_menu .navbar-nav .simple_menu .dropdown-menu li a {
padding: 8px 20px;
color: #606060;
font-size: 0.9em;
font-weight: 400;
text-transform: none;
}
#main_menu .navbar-nav .simple_menu .dropdown-menu li a:hover {
color: #79868f;
}
/* ---------- 4.4.2 Mega Drop Down Menu ---------- */
#main_menu .mega_menu {
position: static;
padding: 0px;
margin: 0px;
}
#main_menu .navbar-nav .dropdown .dropdown-menu .mega_menu_inner {
padding: 20px 30px;
}
#main_menu .mega_menu .mega_menu_inner ul .list_title {
padding: 10px 0;
font-size: .9em;
color: #606060;
font-weight: 700;
text-transform: uppercase;
}
#main_menu .mega_menu .mega_menu_inner ul li {
padding: 5px 0;
border-bottom: 1px solid #f5f5f5;
}
#main_menu .mega_menu .mega_menu_inner ul li a {
color: #606060;
padding: 0;
text-transform: none;
font-weight: 500;
}
#main_menu .mega_menu .mega_menu_inner ul li a:hover {
color: #79868f;
}
#main_menu .navbar-nav .mega_menu.mega_menu_fullwidth .dropdown-menu {
left: 0;
right: 0;
}
#main_menu .navbar-nav .dropdown b.caret,
#main_menu .navbar-nav .dropdown b.caret-up {
display: none;
}
/* ========== 5 SECTIONS ========== */
/* ---------- 5.1 Global Sections ---------- */
section {
padding-top: 60px;
padding-bottom: 80px;
overflow: hidden !important;
max-width: 100%;
}
section.white_bg {
background: #fff;
}
section.lightgrey_bg {
background: #f1f0ed;
border-top: 1px solid #eee;
border-bottom: 1px solid #fff;
}
.beyaz_bg {
background: #fff;
border-top: 1px solid #eee;
border-bottom: 1px solid #fff;
}
section.grey_bg {
background: #f6f9f8;
border-bottom: 1px solid #f5f5f5;
}
section.blue_bg {
background: #1dc2f8;
}
section .main_title {
margin-bottom: 30px;
margin-top: 20px;
}
/* ---------- 5.2 Revolution Slider ---------- */
.rev_slider {
overflow-x: hidden !important;
}
.full_slider {
position: relative;
margin: 0;
padding: 0;
}
.rev_slider {
overflow: hidden;
}
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
border: none !important;
}
.sub_title_bg {
font-size: 48px !important;
}
.sub_title_md {
font-size: 32px !important;
}
.sub_title_sm {
font-size: 22px !important;
}
.sub_title_xs {
font-size: 16px !important;
}
.sub_title_xxs {
font-size: 14px !important;
}
#hero .tp_b_title {
margin-bottom: 50px;
font-family: 'Roboto';
color: #fff;
text-transform: uppercase;
font-weight: 700;
text-shadow: 2px 2px 5px rgba(22, 22, 22, 0.05);
}
.tp_m_title {
color: #ffffff;
line-height: 2em;
font-family: 'Roboto';
}
.tp_m_title i {
font-size: 1em;
margin-right: 5px;
}
#hero .tp_s_title {
font-family: 'Lato', sans-serif;
color: #fff;
line-height: 2em;
line-height: 2em;
font-weight: 400;
letter-spacing: 1px;
}
#hero .f_item .icon_box {
float: left;
display: inline-block;
width: 50px;
height: 45px;
background: #3b4876;
border-radius: 1px 0 0 1px;
text-align: center;
border-radius: 1px 0 0 1px;
}
#hero .f_item .icon_box i {
color: #fff;
font-size: 1.5em;
line-height: 50px;
}
#hero .f_item .icon_box i:before {
margin: 0;
font-size: 22px;
}
#hero .f_item .text_box {
display: inline-block !important;
background: #f2f2f4;
height: 45px;
width: 220px;
border-radius: 0 2px 2px 0;
color: #8f99ac;
padding: 4px 10px;
font-size: 1.1em;
line-height: 1.3em;
font-family: "Raleway";
font-weight: 500;
}
#hero .f_item .text_box span {
color: #8f99ac;
font-family: 'Lato', sans-serif;
font-size: .8em;
font-weight: 500;
display: block;
}
.gradient_overlay {
position: relative;
}
.gradient_slider .slotholder:after,
.gradient_overlay:after {
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.gradient_overlay.opac8:after {
background: rgba(147, 0, 17, .8);
background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(64, 97, 237, 0.8)), color-stop(100%, rgba(86, 20, 147, .5)));
background: -webkit-linear-gradient(145deg, rgba(147, 0, 17, .8) 0, rgba(86, 20, 147, .8) 100%);
background: -webkit-linear-gradient(315deg, rgba(147, 0, 17, .8) 0, rgba(86, 20, 147, .8) 100%);
background: linear-gradient(135deg, rgba(147, 0, 17, .8) 0, rgba(86, 20, 147, .8) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#930011', endColorstr='#561493', GradientType=1);
}
.dotted_overlay:before {
content: '';
background: url("../images/icons/gridtile.png");
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
}
/* ---------- 5.3 Rooms ---------- */
.room {
background: #fafafa;
}
.room figure {
position: relative;
}
.room figure img {
width: 100%;
}
.room figcaption {
padding: 15px 10px;
border: 1px solid #f0f2f6;
border-top: none;
}
.room figcaption h4,
.room figcaption h5 {
display: inline-block;
font-weight: 600;
}
.room figcaption h4 a,
.room figcaption h5 a {
color: #606060;
}
.room figure .price {
position: absolute;
top: 0;
left: 0;
font-size: 1em;
text-align: center;
padding: 4px 12px;
background: #444;
border-radius: 0 0 10px 0;
color: #fff;
z-index: 9;
border: 2px solid #fff;
border-top: none;
border-left: none;
}
/* ---------- 5.4 Features ---------- */
#features .owl-thumb-item {
display: block;
width: 100%;
background: #fff;
margin-bottom: 16px;
border-radius: 2px;
padding: 9px;
-webkit-transition: .2s;
transition: .2s;
}
#features .owl-thumb-item.active {
background: #333;
color: #fff;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
#features .owl-thumb-item.active:before {
content: '\f0d9';
font-family: 'FontAwesome';
float: left;
margin-left: -14px;
margin-top: 22px;
font-size: 25px;
color: #333;
}
#features .owl-thumb-item:hover {
cursor: pointer;
}
#features .owl-thumb-item .media {
cursor: pointer;
padding-bottom: 48px;
}
#features .owl-thumb-item .media-body h5 {
font-weight: 600;
color: #606060;
}
#features .owl-thumb-item.active .media-body h5 {
color: #fff;
}
#features .owl-thumb-item .media-body p {
font-size: 15px;
color: #acbac4;
margin: 7px 0;
line-height: normal;
}
#features .owl-thumb-item.active .media-body p {
color: #fff;
}
#features .owl-thumb-item .media-left {
float: left;
margin-right: 10px;
margin-top: 10px;
display: block;
vertical-align: middle;
width: 50px;
}
#features .owl-thumb-item .media-left {
color: #3b4876;
font-size: 2em;
line-height: 2em;
text-align: center;
margin-left: 14px;
}
#features .owl-thumb-item .media-left i:before {
font-size: 38px;
margin: 0;
}
/* ---------- 5.5 Blog ---------- */
#blog .blog_item {
background: #f6f7fb;
border: 1px solid #f0f2f6;
border-radius: 2px;
min-height: 200px;
margin-bottom: 30px;
}
#blog .blog_item figure img {
width: 100%;
}
#blog .blog_item .main {
padding: 15px;
}
#blog .blog_item .main h3 a {
color: #606060;
font-size: .8em;
font-weight: 600;
}
#blog .blog_item .main p {
color: #98a9b8;
line-height: 1.7em;
}
#blog .blog_item .main .info {
margin-top: 20px;
}
#blog .blog_item .main .info a {
font-size: 9px;
font-weight: 700;
text-transform: uppercase;
color: #98a9b8;
}
#blog .blog_item .main .info i {
margin-left: 10px;
margin-right: 4px;
}
#blog .blog_item .main .info i:first-child {
margin-left: 0;
}
.comments {
padding-bottom: 50px;
}
.comments .comments_text {
padding-bottom: 40px;
font-weight: 600;
color: #98959E;
}
.comments ol.comments_list li {
list-style: none;
}
.comments .comment-box {
background: #ffffff;
border: 1px solid #e6eff2;
margin-bottom: 20px;
padding: 22px;
}
.comments .trees_number {
background: #FFF;
border: 1px solid #EEE;
color: #C1C1C1;
float: right;
padding: 0 7px;
font-size: 11px;
display: none;
}
.comments .avatar {
background: #FFF;
border: 1px solid #e6eff2;
float: left;
margin: 4px 15px 0 4px;
padding: 4px;
border-radius: 100%;
-webkit-transition: all ease 0.30s;
transition: all ease 0.30s;
}
.comments .avatar:hover {
border: 1px solid #3b4876;
}
.comments .avatar img {
border-radius: 100%;
}
.comments .comment_content {
margin-left: 110px;
}
.comments .comment_content .reply_link:before {
content: "\f112";
font-family: FontAwesome;
padding-right: 5px;
font-size: 0.8em;
}
.comments .comment_content .reply_link {
float: right;
padding: 0px 15px;
color: #a9a9a9;
border-radius: 2px;
font-size: .9em;
-webkit-transition: all ease 0.30s;
transition: all ease 0.30s;
}
.comments .author_name {
display: inline-block;
}
.comments .author_name a {
float: left;
color: #606060;
font-weight: 600;
}
.comments .author_name a:hover {
color: #3b4876;
}
.comments .comment_info {
display: block;
}
.comments .comment_info a {
color: #a9a9a9;
font-weight: 600;
font-size: .8em;
text-transform: uppercase;
}
.comments .comment_info i {
padding-right: 5px;
font-size: .8em;
color: #a9a9a9;
}
.comments .children {
padding-left: 40px;
position: relative;
}
.comments .comment-form input {
display: inline-block;
border: 1px solid #E6EFF2;
margin-bottom: 40px;
box-shadow: none;
border-radius: 1px;
width: 100%;
height: 40px;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.comments .comment-form textarea {
border: 1px solid #E6EFF2;
margin-bottom: 40px;
box-shadow: none;
border-radius: 1px;
width: 100%;
height: 140px;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
/* ---------- 5.6 Video ---------- */
#video {
position: relative;
padding: 0;
margin: 0;
background-image: url(../images/video_bg.jpg);
}
#video .inner {
padding: 100px 0;
}
#video .video_popup {
padding: 70px 0 100px 0;
text-align: center;
position: relative;
}
.video_popup h2{
color: #fff;
z-index: 1;
position: absolute;
width: 100%;
text-align: center;
display: block;
}
.video_popup p{
color:#fff;
z-index: 1;
position: absolute;
width: 100%;
text-align: center;
display: block;
margin-top: 50px;
}
#video .video_popup a {
position: relative;
width: 115px;
height: 115px;
border-radius: 50%;
display: block;
background: transparent;
border: 6px solid #fff;
margin: 0 auto;
opacity: .5;
text-align: center;
z-index: 9;
}
#video .video_popup a i {
color: #fff;
margin-left: 8px;
font-size: 2.8em;
line-height: 2.8em;
}
#video .video_popup a:after {
position: absolute;
content: '';
background: transparent;
left: 0;
top: 0;
bottom: 0;
right: 0;
pointer-events: none;
opacity: 0.3;
border-radius: 200px;
}
#video .video_popup a:hover {
opacity: 1;
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
#video .video_popup a:hover:after {
-webkit-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale(1.8, 1.8);
transform: scale(1.8, 1.8);
opacity: 0;
background: white;
}
/* ---------- 5.7 Testimonials ---------- */
#testimonials .item {
position: relative;
margin-top: 35px;
background: #fff;
border: 1px solid #eee;
padding: 20px;
border-radius: 2px;
text-align: center;
}
#testimonials .item img {
max-width: 80px;
margin: 0 auto;
border-radius: 50%;
}
#testimonials .review_content {
padding: 15px 0;
}
#testimonials .review_content .review_rating {
text-align: center;
}
#testimonials .review_content .review_rating i {
color: #3b4876;
margin: 4px 0;
}
#testimonials .review_content .review_author {
padding-top: 30px;
}
#testimonials #testimonials_slider .owl-dots {
margin-top: 40px;
position: relative;
text-align: center;
}
#testimonials #testimonials_slider .owl-dots .owl-dot {
display: inline-block;
position: relative;
margin: 0 8px;
}
#testimonials #testimonials_slider .owl-dots .owl-dot span {
position: absolute;
bottom: 0;
border-radius: 20px;
border: solid 3px;
display: block;
width: 2px;
height: 15px;
margin: 5px 7px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
#testimonials #testimonials_slider .owl-dots .owl-dot.active span,
#testimonials #testimonials_slider .owl-dots .owl-dot:hover span {
color: #3b4876;
height: 25px;
}
/* ---------- 5.8 Testimonials Style 2 ---------- */
#testimonials_style_2 .review_content {
background: #fff;
border-radius: 4px;
margin-bottom: 25px;
padding: 20px 30px;
position: relative;
border: 1px solid #eef1f5;
-webkit-transition: all .5s;
transition: all .5s;
}
#testimonials_style_2 .review_item .review_content:after {
content: '';
display: block;
position: absolute;
bottom: -10px;
right: 0;
left: -115px;
margin: 0 auto;
width: 20px;
height: 20px;
background: #FFFFFF;
border-right: 1px solid #eef1f5;
border-bottom: 1px solid #eef1f5;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
#testimonials_style_2 .review_item .review_content:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
box-shadow: 0 25px 45px rgba(0, 0, 0, .15);
}
#testimonials_style_2 .review_item .review_content h3 {
text-align: center;
}
#testimonials_style_2 .review_content .review_rating {
text-align: center;
margin-top: 10px;
}
#testimonials_style_2 .review_content .review_rating i {
margin: 4px 0;
color: #3b4876;
}
#testimonials_style_2 .review_item p {
margin: 15px 0;
font-weight: 300;
}
#testimonials_style_2 .review_author {
text-align: center;
}
#testimonials_style_2 .review_author img {
display: inline-block;
border-radius: 50%;
height: 50px;
}
#testimonials_style_2 .review_item .review_author .author_info {
display: inline-block;
position: relative;
margin-left: 10px;
top: 15px;
text-align: left;
}
#testimonials_style_2 .review_author h5 {
font-size: 18px;
font-weight: 600;
margin-top: 20px;
}
#testimonials_style_2 .review_author .place {
font-size: 14px;
font-weight: 300;
color: #8f939d;
display: block;
}
/* ---------- 5.9 Places ---------- */
#places .places_item {
margin-bottom: 30px;
position: relative;
-webkit-transition: 5;
transition: 5;
}
#places .places_item:after {
width: 100%;
height: 100%;
border-radius: 4px;
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
background: rgba(147, 0, 17, .75);
background: -moz-liznear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(147, 0, 17, .5)), color-stop(100%, rgba(86, 20, 147, .5)));
background: -webkit-linear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
background: -webkit-linear-gradient(315deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
background: linear-gradient(135deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#930011', endColorstr='#561493', GradientType=1);
}
#places .places_item img {
width: 100%;
border-radius: 4px;
}
#places .places_item .place_name {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 9;
}
#places .places_item .place_name h2 {
color: #fff;
font-size: 16px;
}
/* ---------- 5.10 Location - Contact Us ---------- */
#contact #map-canvas {
border: 1px solid #cfd7da;
border-radius: 2px;
width: 100%;
height: 380px;
}
.contact-items .contact-item {
background: #3b4876;
border: 1px solid #3b4876;
padding: 5px;
color: #fff;
margin-bottom: 8px;
border-radius: 1px;
}
.contact-items .last {
margin-right: 0px;
}
.contact-item h6 {
font-size: .9em;
color: #fff;
letter-spacing: 0.01em;
}
.contact-item i {
float: left;
font-size: 1em;
color: #ffffff;
margin-right: 5px;
line-height: .7em;
}
#contact-form {
margin-top: 20px;
}
#contact .form-control {
height: 52px;
border-radius: 1px;
border: 1px solid #dfdfdf;
background-color: #fcfcfc;
margin-bottom: 15px;
}
#contact textarea.form-control {
min-height: 128px;
}
/* ---------- 5.11 Gallery ---------- */
#gallery {
overflow: hidden;
position: relative;
}
#gallery .main_title h2 {
color: #fff;
}
#gallery .s_description.a_center {
color: #fff;
}
#gallery_slider .item {
margin: 0 15px;
border-radius: 2px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 1px 0.98px 0.02px rgba(0, 0, 0, 0.1);
}
#gallery_slider .item img {
display: block;
width: 100%;
height: auto;
border-radius: 2px;
}
.gallery_item_info {
text-align: center;
padding: 15px 0;
}
.gallery_item_info h4 {
font-size: 1.4em;
}
.gallery_item_info p {
font-size: .8em;
margin: 0;
margin-top: 4px;
}
#gallery .owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
#gallery .owl-theme .owl-controls .owl-dots .owl-dot span {
margin: 5px;
border-radius: 7px;
background-color: rgb(45, 160, 200);
box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
width: 14px;
height: 14px;
}
#gallery .owl-theme .owl-controls .owl-dot.active span,
#gallery .owl-theme .owl-controls .owl-dot span:hover {
background-color: rgb(255, 255, 255);
box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
/* ---------- 5.12 Gallery Style 2 ---------- */
#gallery_style_2 .gs2_item {
margin-bottom: 50px;
}
#gallery_style_2 .gs2_item {
box-sizing: border-box;
position: relative;
}
#gallery_style_2 .gs2_item:after {
content: "";
display: block;
position: absolute;
border: 50px solid transparent;
border-bottom: 50px solid #fefefe;
bottom: -70px;
right: -70px;
box-shadow: 0px 7px 6px -9px black;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
z-index: 9;
}
#gallery_style_2 .gs2_item:before {
content: "";
display: block;
position: absolute;
border: 50px solid transparent;
border-top: 50px solid #fefefe;
top: -70px;
left: -70px;
box-shadow: 0px -7px 6px -9px black;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
z-index: 9;
}
/* ---------- 5.13 About ---------- */
#about {
height: 100%;
padding: 10px 20px;
}
/* ---------- 5.14 About Style 2 ---------- */
#about_style_2 .about_img_1,
#about_style_2 .about_img_2 {
padding: 0px;
margin-top: 25px;
display: inline-block;
border: 10px solid #1dc2f8;
border-radius: 50%;
overflow: hidden;
}
#about_style_2 .about_img_2_col {
margin-left: -80px;
}
#about_style_2 .about_img_1 .about_img_inner,
#about_style_2 .about_img_2 .about_img_inner {
width: 100%;
height: 100%;
position: relative;
border-radius: 50%;
border: 10px solid #39cdff;
overflow: hidden;
}
#about_style_2 .about_img_1 .about_img_inner img {
z-index: 9;
}
/* ---------- 5.15 Subscribe Form ---------- */
#subscribe {
background: url("../images/subscribe_bg.jpg");
}
#subscribe .inner {
position: relative;
padding: 24px 0;
z-index: 9;
}
#subscribe .inner .main_title {
margin-bottom: 10px;
}
#subscribe .inner .form-group {
max-width: 600px;
margin: 0 auto;
position: relative;
}
#subscribe .inner .form-control {
display: inline-block;
float: left;
padding: 28px;
border-radius: 50px;
}
#subscribe .inner button {
display: inline-block;
position: absolute;
right: 5px;
top: 5px;
width: 48px;
height: 48px;
border-radius: 50%;
}
#subscribe .inner button i {
position: relative;
right: 7px;
font-size: 1.5em;
text-align: center;
}
/* ========== 6 BOOKING FORMS ========== */
/* ---------- 6.1 Vertical Booking Form ---------- */
.vbf {
background-color: #fcfcfc;
border-radius: 3px;
border: 1px solid #F4F4F4;
}
.vbf .form_title {
background: #f5f5f5;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #ededed;
text-align: center;
letter-spacing: 0.2px;
color: #8a959e;
font-size: 22px !important;
font-family: 'Roboto';
line-height: 1em;
font-weight: 700;
padding: 12px 0;
text-shadow: rgba(255, 255, 255, 0.5) 0px 3px 3px;
}
.vbf .form_title i {
font-size: 0.9em;
position: relative;
top: -2px;
}
.vbf .inner {
padding: 20px;
}
.vbf .form-control {
font-size: .9em;
padding: 6px 10px;
border-radius: 1px;
height: 42px;
border: 1px solid #dfdfdf;
color: #b3b3b3;
margin-bottom: 15px !important;
}
.vbf .form-control:focus {
border: 1px solid #bcc4c8 !important;
}
.vbf .form_date {
position: relative;
overflow: hidden;
padding: 0px 0px !important;
}
.vbf .form_date .form-control {
background: none;
}
.vbf .form_date .form-control:hover {
cursor: pointer;
}
.vbf .button {
margin-top: 5px;
padding: 9px 20px;
display: block;
}
.vbf .a_b_f {
color: #606060;
font-size: 13px;
}
/* ---------- 6.2 Horizontal Booking Form 1 ---------- */
.hbf {
margin-top: -60px;
position: relative;
z-index: 99;
width: 100%;
}
.hbf .inner {
min-height: 120px;
background: #fff;
border-radius: 2px;
padding: 15px 10px;
border: 1px solid #E6EFF2;
border-bottom: 4px solid #E6EFF2;
border-top: none;
}
.hbf .inner {
border: none;
border-radius: 4px;
-webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .07);
box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .07);
}
.hbf .inner .form-control {
width: 100%;
font-size: 0.9em;
padding: 6px 10px;
background: transparent;
color: #b3b3b3;
border: 1px solid #cfd7da;
box-shadow: none;
border-radius: 1px;
height: 42px;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.hbf .inner .button {
margin-top: 30px;
}
.hbf .inner .advanced_form_link {
text-align: center;
margin-top: 5px;
}
.hbf .inner .advanced_form_link a {
font-weight: 400;
color: #606060;
font-size: .9em;
}
.hbf .inner .form_select,
.hbf .inner .form_date {
position: relative;
overflow: hidden;
padding: 0px 0px !important;
}
.hbf .inner .form_select select {
width: 100%;
outline: none;
padding: 6px 12px;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
text-overflow: ellipsis;
}
.hbf .inner .bootstrap-select.btn-group .dropdown-toggle .caret:before {
top: -4px;
}
.hbf .inner .form_date:after {
font-size: 0.9em;
position: absolute;
display: block;
content: "\f073";
top: 50%;
right: 0;
margin: -6px 8px 0 0;
font-family: FontAwesome;
line-height: 12px;
color: #b3b3b3;
}
.hbf .inner .form_date .datepicker {
width: 100%;
outline: none;
padding: 6px 12px;
margin: 0;
}
/* ---------- 6.3 Horizontal Booking Form 2 ---------- */
.hbf_2 {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
}
.hbf_2 .inner {
min-height: 110px;
background: #f7f8f9;
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);
border-radius: 2px;
padding: 35px 0;
}
.hbf_2 .inner .form-control {
height: 42px;
background: #e4e5e7;
border: 1px solid #dadbdd;
color: #a9a9a9;
}
.hbf_2 .inner .form-control .btn-select {
padding: 10px 12px;
}
.hbf_2 .inner .bootstrap-select.btn-group .dropdown-toggle .caret:before {
top: -4px;
right: 0;
}
.hbf_2 .inner .arrival_date .form-control {
border-radius: 1px 0 0 1px;
}
.hbf_2 .inner .departure_date .form-control {
border-radius: 0 1px 1px 0;
}
.hbf_2 .inner .adults .form-control {
border-radius: 1px 0 0 1px;
}
.hbf_2 .inner .children .form-control {
border-radius: 0 1px 1px 0;
}
/* ---------- 6.4 Horizontal Booking Form 3 ---------- */
.hbf_3 {
background: #f2f2f4;
border-bottom: 1px solid #ededed;
position: relative;
}
.hbf_3 .inner {
min-height: 110px;
padding: 35px 0;
}
.hbf_3 .inner .form-control {
height: 42px;
background: #fff;
border: 1px solid #cfd7da;
color: #a9a9a9;
}
.hbf_3 .inner .form-control .btn-select {
padding: 10px 12px;
}
.hbf_3 .inner .bootstrap-select.btn-group .dropdown-toggle .caret:before {
top: -4px;
right: 0;
}
.hbf_3 .inner .arrival_date .form-control {
border-radius: 1px 0 0 1px;
}
.hbf_3 .inner .departure_date .form-control {
border-radius: 0 1px 1px 0;
}
.hbf_3 .inner .adults .form-control {
border-radius: 1px 0 0 1px;
}
.hbf_3 .inner .children .form-control {
border-radius: 0 1px 1px 0;
}
/* ========== 7 FOOTER ========== */
/* ---------- 7.1 Footer ---------- */
footer {
background: #f5f5f5;
color: #858a99;
}
footer.dark {
background-color: #272727;
border-top-color: #272727;
color: #aaa;
}
footer .inner {
padding-top: 50px;
padding-bottom: 30px;
}
footer .inner {
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
footer.dark .inner {
border-bottom: none;
}
/* ---------- 7.2 Footer Widgets ---------- */
footer .widget {
padding-bottom: 20px;
}
footer .widget h5 {
color: #606060;
text-transform: uppercase;
font-weight: 700;
}
footer.dark .widget h5 {
color: #fff;
}
footer .widget a {
color: #929292;
}
footer .widget a:hover {
color: #3b4876;
}
footer .about p {
margin-top: 8px;
}
footer .logo {
margin-bottom: 22px;
}
footer .blog_posts,
footer .useful_links,
address {
padding-top: 15px;
}
footer ul {
list-style: none;
}
footer li {
border-bottom: 1px dotted rgba(228, 228, 228, 0.5);
}
footer.dark li {
border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}
footer .blog_posts li {
padding: 8px 0;
}
footer .blog_posts li small {
color: #acbac4;
display: block;
padding-top: 4px;
}
footer .useful_links li {
padding: 6.1px 0;
}
footer .useful_links li a:before {
font-family: FontAwesome;
content: "\f0da";
margin-right: 12px;
color: #acbac4;
display: block;
float: left;
font-size: 0.8em;
line-height: 1.8em;
}
footer .useful_links li a:hover:before {
color: #3b4876;
}
footer .address_details li {
padding: 6px 0;
}
footer .address_details li i {
margin-right: 12px;
font-size: 1em;
color: #acbac4;
}
/* ---------- 7.3 Subfooter ---------- */
footer .subfooter {
padding: 12px 0;
background: #ffffff;
}
footer.dark .subfooter {
background: #222;
color: #aaa;
}
footer .copyrights {
line-height: 3em;
}
footer .subfooter .social_media {
float: right;
padding: 2px 0;
}
footer .subfooter .social_media a {
background: #f4f4f4;
width: 30px;
height: 30px;
border-radius: 2px;
line-height: 30px;
border: none;
}
footer.dark .subfooter .social_media a {
border: none;
color: #aaa;
}
/* ========== 8 PAGES ========== */
/* ---------- 8.1 Page Title ---------- */
.page_title {
position: relative;
padding: 40px 0;
background-repeat: no-repeat;
background-size: cover;
}
.page_title .inner {
position: relative;
z-index: 9;
}
.page_title h1 {
color: #fff;
font-size: 2.6em;
font-weight: bold;
display: inline-block;
}
.page_title .price {
float: right;
width: 100px;
height: 70px;
margin-top: 10px;
border-radius: 4px;
background: rgba(255, 182, 0, 0.3);
}
.page_title .price .inner {
margin: -5px;
background-color: #3b4876;
width: 100px;
height: 70px;
border-radius: 4px;
font-size: 1.5em;
text-align: center;
padding: 10px 8px;
color: #ffffff;
font-weight: 400;
}
.page_title .price span {
display: block;
font-size: 12px;
}
.page_title .breadcrumb {
font-size: .9em;
background: none;
color: #a9a9a9;
margin: 0;
padding: 0;
}
.page_title .breadcrumb li {
padding: 5px 0px;
color: #fff;
}
.page_title .breadcrumb li:after {
content: '/';
padding: 0px 10px 0px 16px;
color: #fff;
}
.page_title .breadcrumb li:before {
display: none;
}
.page_title .breadcrumb li:last-child {
padding: 5px 5px;
border-radius: 2px;
color: #3b4876;
}
.border {
border: 1px solid #e9ecef !important;
}
.page_title .breadcrumb li:last-child:after {
display: none;
}
.page_title .breadcrumb a {
color: #fff;
}
/* ---------- 8.2 Sidebar ---------- */
.sidebar .widget {
margin-bottom: 30px;
}
.sidebar .widget h4 {
font-size: 1.2em;
color: #585858;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 20px;
text-transform: uppercase;
word-spacing: 1px;
position: relative;
padding-left: 35px;
}
.sidebar .widget h4:before {
background: #1DC1F8;
width: 18px;
height: 18px;
border-radius: 2px;
content: "\f105";
font-family: FontAwesome;
color: #FFF;
font-size: 0.6em;
line-height: 1.7em;
vertical-align: middle;
text-align: center;
position: absolute;
top: 1px;
left: 0;
}
.sidebar .widget .search {
height: 40px;
position: relative;
}
.sidebar .widget .search input {
background: #FFF;
border: 1px solid #E5E5E5;
color: #888;
float: left;
font-size: 13px;
height: 39px;
letter-spacing: 1px;
margin: 0;
padding: 10px;
width: 100%;
outline: none;
}
.sidebar .widget .search button {
background: none;
border: none;
color: #3b4876;
float: left;
right: 0;
font-size: 14px;
height: 40px;
line-height: 38px;
min-width: 40px;
position: absolute;
vertical-align: bottom;
}
.sidebar .widget .search button:after {
background: #3b4876;
content: "";
height: 50%;
left: 0;
position: absolute;
top: 25%;
width: 1px;
}
.sidebar .widget .categories li,
.sidebar .widget .archive li {
border-bottom: 1px dotted #E5E5E5;
list-style: none;
padding: 7px 0;
}
.sidebar .widget .categories li a,
.sidebar .widget .archive li a {
color: #606060;
display: list-item;
font-size: 1em;
font-weight: 600;
}
.sidebar .widget .categories li a:hover,
.sidebar .widget .archive li a:hover {
color: #3b4876;
}
.sidebar .widget .categories li .num_posts,
.sidebar .widget .archive li .num_posts {
width: 30px;
float: right;
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #FFF;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background: #3b4876;
border-radius: 10px;
margin-top: 5px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.sidebar .widget .categories a:hover .num_posts,
.sidebar .widget .archive a:hover .num_posts {
background: #3b4876;
}
.sidebar .widget .latest_posts .latest_post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 0;
border-bottom: 1px dotted #e5e5e5;
}
.sidebar .widget .latest_posts .latest_post figure {
display: inline-block;
}
.sidebar .widget .latest_posts .latest_post .details {
display: inline-block;
margin-left: 10px;
}
.sidebar .widget .latest_posts .latest_post .details h6 a {
color: #606060;
font-weight: 600;
line-height: normal;
}
.sidebar .widget .latest_posts .latest_post .details h6 a:hover {
color: #3b4876;
}
.sidebar .widget .latest_posts .latest_post .details span {
display: block;
font-size: .85em;
margin-top: 10px;
color: #a9a9a9;
}
.sidebar .widget .latest_posts .latest_post .details span i {
margin-right: 5px;
font-size: .8em;
}
.sidebar .widget .tagcloud a {
margin-bottom: 5px;
margin-right: 5px;
float: left;
}
.sidebar .widget .tagcloud a .tag {
background: #606060;
color: #FFF;
display: inline-block;
font-size: .8em;
font-weight: 500;
letter-spacing: 1px;
padding: 6px 10px;
text-transform: uppercase;
}
.sidebar .widget .tagcloud .num {
background: #3b4876;
display: inline-block;
font-size: .8em;
padding: 6px 10px;
color: #FFF;
position: relative;
margin-left: -2px;
}
.sidebar .widget .tagcloud .num:before {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #606060;
border-style: solid;
border-width: 4px;
content: "";
display: block;
left: 0;
position: absolute;
top: 10px;
}
.help {
background: #3b4876;
border: 5px double #3b4876;
color: white;
padding: 15px;
position: relative;
}
.help a {
color: #ada277;
}
.help .phone,
.help .email {
font-size: .9em;
margin: 10px 0;
}
.help .phone i,
.help .email i {
margin-right: 10px;
}
/* ---------- 8.3 404 ---------- */
#error404_page {
min-height: 600px;
padding-top: 50px;
}
#error404_page .error_number {
font-size: 150px;
text-align: center;
font-weight: 600;
color: #3b4876;
line-height: 1.5;
}
/* ---------- 8.4 404 Style 2 ---------- */
#error404_fullscreen_page {
height: 100%;
background: url("../images/404_bg.jpg");
background-size: cover;
background-position: center center;
padding: 0;
}
#error404_fullscreen_page .inner {
position: relative;
top: 18%;
z-index: 9;
}
#error404_fullscreen_page .error_number {
font-size: 200px;
text-align: center;
font-weight: 600;
color: #fff;
line-height: 1.5;
opacity: .3;
}
#error404_fullscreen_page .content_title .c_inner .c_title {
color: #fff;
}
#error404_fullscreen_page .or {
margin: 0 10px;
color: #fff;
}
#error404_fullscreen_page .social_media a,
#error404_fullscreen_page .button,
#error404_fullscreen_page .or {
margin-bottom: 10px;
}
/* ---------- 8.5 About Us ---------- */
#about_us_page .about_img {
margin-top: 5px;
position: relative;
}
#about_us_page .about_img .img1 {
border-radius: 4px;
}
#about_us_page .about_img .img2 {
position: absolute;
top: 0;
margin: -5px;
border-radius: 4px;
}
/* ---------- 8.6 Blog ---------- */
.blog .blog_list {
margin-bottom: 50px;
border-bottom: 3px double #F5F5F5;
}
.blog .blog_list .details {
margin: 30px 0;
}
.blog .blog_list .details h2 a {
font-size: 1.3em;
color: #585858;
font-weight: 600;
}
.blog .blog_list .details h2 a:hover {
color: #3b4876;
}
.blog .blog_list .details .info {
margin-top: 10px;
margin-bottom: 25px;
}
.blog .blog_list .details .info .meta_part {
display: inline-block;
margin-bottom: 10px;
margin-right: 25px;
}
.blog .blog_list .details .info .meta_part a {
color: #a9a9a9;
text-transform: uppercase;
}
.blog .blog_list .details .info .meta_part a:hover {
color: #a9a9a9;
}
.blog .blog_list .details .info .meta_part i {
margin-right: 5px;
color: #a9a9a9;
}
.blog .blog_list .details p {
font-size: 1em;
line-height: 1.6;
}
.blog .blog_list .details .button {
margin: 10px 0;
}
.blog_post .details {
margin: 30px 0;
}
.blog_post .details h2 a {
font-size: 1.3em;
color: #585858;
font-weight: 600;
}
.blog_post .details h2 a:hover {
color: #3b4876;
}
.blog_post .details .info {
margin-top: 10px;
margin-bottom: 25px;
}
.blog_post .details .info .meta_part {
display: inline-block;
margin-bottom: 10px;
margin-right: 25px;
}
.blog_post .details .info .meta_part a {
color: #a9a9a9;
text-transform: uppercase;
}
.blog_post .details .info .meta_part a:hover {
color: #a9a9a9;
}
.blog_post .details .info .meta_part i {
margin-right: 5px;
color: #a9a9a9;
}
.blog_post .details p {
font-size: 1em;
line-height: 1.6;
}
.blog_post .details .meta_post {
margin: 50px 0;
}
.blog_post .details .meta_post span {
margin-right: 10px;
}
.blog_post .details .tags {
display: inline-block;
margin-bottom: 15px;
padding-top: 15px;
}
.blog_post .details .tags a {
background: #3b4876;
color: #FFF;
display: inline-block;
font-size: 12px;
margin: 0 5px 5px 0;
padding: 2px 12px;
text-transform: uppercase;
-webkit-transition: all ease 0.30s;
transition: all ease 0.30s;
}
.blog_post .details .tags a:hover {
background: #3b4876;
}
.blog_post .details .meta_post .tags span i {
margin-right: 5px;
}
.blog_post .details .share {
display: inline-block;
float: right;
margin-bottom: 15px;
}
.blog_post .details .meta_post .share span i {
margin-right: 5px;
}
.blog_post .details .share .social_media {
display: inline-block;
}
/* ---------- 8.7 Booking Form ---------- */
#booking_form_advanced {
margin-top: 20px;
}
#booking_form_advanced .form-group {
padding-bottom: 30px;
position: relative;
}
#booking_form_advanced .form-control {
height: 52px;
border-radius: 0px;
border: 1px solid #dfdfdf;
background-color: #fcfcfc;
box-shadow: none;
}
#booking_form_advanced textarea.form-control {
height: 152px;
}
#booking_form_advanced .form-control .btn-select {
padding: 15px 12px;
}
#booking_form_advanced .bootstrap-select.btn-group .dropdown-toggle .caret:before {
top: -4px;
right: 0;
}
#booking_form_advanced .form_date:after {
position: absolute;
display: block;
content: "\f073";
top: 50%;
right: 0;
margin: -6px 8px 0 0;
font-family: FontAwesome;
line-height: 12px;
color: #b3b3b3;
}
#booking_form_advanced .form_date .datepicker {
width: 100%;
outline: none;
padding: 6px 12px;
margin: 0;
}
/* ---------- 8.8 Coming Soon ---------- */
#hero_coming_soon {
margin: 0;
padding: 0;
}
#hero_coming_soon #countdown {
margin-top: 50px;
}
#hero_coming_soon #countdown .count_box:first-child {
margin-left: 5px;
}
#hero_coming_soon #countdown .count_box {
display: inline-block;
margin-right: 80px;
width: 80px;
height: 80px;
margin-top: 10px;
border-radius: 4px;
background: rgba(255, 182, 0, 0.3);
}
#hero_coming_soon #countdown .count_box .inner {
background: #3b4876;
width: 80px;
height: 80px;
border-radius: 4px;
text-align: center;
padding-top: 25px;
margin: -5px;
}
#hero_coming_soon #countdown .count_box .count_number {
display: block;
color: #fff;
font-size: 3em;
font-weight: 500;
}
#hero_coming_soon #countdown .count_box .count_text {
margin-top: 15px;
text-align: center;
color: #fff;
font-weight: 300;
font-size: 1em;
text-transform: uppercase;
}
#hero_coming_soon #subscribe_form {
position: relative;
}
#hero_coming_soon .form-control {
padding: 28px;
border-radius: 50px;
}
#hero_coming_soon button {
display: inline-block;
position: absolute;
right: 5px;
top: 5px;
width: 48px;
height: 48px;
border-radius: 50%;
}
#hero_coming_soon button i {
position: relative;
right: 7px;
font-size: 1.5em;
text-align: center;
}
.countup_box {
display: inline-block;
width: 100%;
height: 100px;
margin-top: 50px;
margin-bottom: 50px;
border-radius: 4px;
background: rgba(255, 182, 0, 0.3);
}
.countup_box .inner {
background: #3b4876;
width: 100%;
height: 100%;
border-radius: 4px;
text-align: center;
padding-top: 20px;
margin: -5px;
}
.countup_box .inner .number {
font-size: 2em;
color: #fff;
}
.countup_box .inner .text {
font-size: .9em;
text-transform: uppercase;
color: #fff;
}
/* ---------- 8.9 Contact ---------- */
#map {
padding: 0;
}
#map #google-map {
position: absolute;
margin-top: 20px;
left: 50%;
margin-left: -80px;
z-index: 5;
}
#map #map-canvas {
width: 100%;
height: 400px;
}
#google-map .openmap-btn {
position: relative;
top: 100px;
background: #fff;
border: none;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
}
#google-map .openmap-btn:hover {
background-color: rgb(247, 247, 247);
}
#contact-form-page {
margin-top: 30px;
}
#contact-form-page .form-control {
height: 52px;
border-radius: 1px;
border: 1px solid #dfdfdf;
background-color: #fcfcfc;
}
#contact-form-page .form-group {
padding-bottom: 30px;
}
#contact-form-page .form-group textarea {
height: 135px;
}
#contact_page .contact-info,
#contact_page_style_2 .contact-info {
list-style: none;
}
#contact_page .contact-info li,
#contact_page_style_2 .contact-info li {
padding: 8px 0;
font-weight: 700;
}
#contact_page .contact-info li span,
#contact_page_style_2 .contact-info li span {
display: block;
font-size: 1em;
color: #3b4876;
font-weight: 900;
margin-bottom: 10px;
}
#contact_page .contact-info .social-media,
#contact_page_style_2 .contact-info .social-media {
padding-top: 30px;
}
#contact_page .contact-info .social-media i,
#contact_page_style_2 .contact-info .social-media i {
background-color: #fff;
-webkit-transition: all ease 0.45s;
transition: all ease 0.45s;
width: 35px;
height: 35px;
line-height: 2.6em;
color: #8a959e;
border-bottom: 1px solid #8A959E;
}
#contact_page .contact-info .social-media i:hover,
#contact_page_style_2 .contact-info .social-media i:hover {
color: #ffffff;
-webkit-transition: all ease 0.45s;
transition: all ease 0.45s;
}
#contact_page_style_2 #map-canvas {
width: 100%;
height: 168px;
}
#contact_page_style_2 .contact-info {
padding-top: 0px !important;
}
/* ---------- 8.10 Events ---------- */
#events_page .item {
margin-bottom: 30px;
background: #f5f5f5;
border: 1px solid #eeeeee;
border-radius: 1px;
}
#events_page .item .time-from {
color: #ffb606;
text-align: center;
padding-top: 55px;
padding-left: 15px;
}
#events_page .item .time-from .date {
font-size: 72px;
font-weight: 700;
line-height: 73px;
margin-top: 0;
}
#events_page .item .time-from .month {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
line-height: 25px;
}
#events_page .item .time-from .year {
font-size: 30px;
font-weight: bold;
line-height: 25px;
}
#events_page .item .image img {
width: 100%;
}
#events_page .item .event-wrapper {
color: #999;
padding: 20px;
position: relative;
}
#events_page .item .event-wrapper h5 {
margin-top: 10px;
margin-bottom: 20px;
}
#events_page .item .event-wrapper h5 a {
font-size: 1.2em;
color: #606060;
line-height: normal;
}
#events_page .item .event-wrapper .meta {
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
color: #999;
line-height: 25px;
}
#events_page .item .event-wrapper .meta .time,
#events_page .item .event-wrapper .meta .location {
display: inline-block;
background: #eee;
margin-bottom: 10px;
padding: 4px 10px;
border-radius: 20px;
border: 1px solid #e9e8e7;
margin-right: 10px;
font-size: .9em;
}
#events_page .item .event-wrapper .meta .time i,
#events_page .item .event-wrapper .meta .location i {
margin-right: 5px;
}
#events_page .item .event-wrapper .description {
margin-top: 25px;
}
#hero_event #countdown .count_box {
padding: 10px 60px;
display: inline-block;
margin: 0 40px;
text-align: center;
border: 1px solid #fff;
border-bottom: none;
}
#hero_event #countdown .count_box .count_number {
display: block;
color: #fff;
font-size: 1.8em;
font-weight: 500;
}
#hero_event #countdown .count_box .count_text {
text-align: center;
margin-top: 10px;
color: #fff;
font-weight: 500;
font-size: 1em;
text-transform: uppercase;
}
/* ---------- 8.11 Gallery ---------- */
#gallery_page_style_2 figure {
box-sizing: border-box;
position: relative;
margin-bottom: 30px;
}
#gallery_page_style_2 figure:before {
content: "";
display: block;
position: absolute;
border: 50px solid transparent;
border-top: 50px solid #fefefe;
top: -70px;
left: -70px;
box-shadow: 0px -7px 6px -9px black;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
z-index: 9;
}
#gallery_page_style_2 figure:after {
content: "";
display: block;
position: absolute;
border: 50px solid transparent;
border-bottom: 50px solid #fefefe;
bottom: -70px;
right: -70px;
box-shadow: 0px 7px 6px -9px black;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
z-index: 9;
}
.grid_filters {
float: left;
margin-bottom: 40px;
}
.grid_filters .button {
cursor: pointer;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.grid_filters .button.active {
background: #2c88c0;
border: 1px solid #2c88c0;
}
.gallery_items figure {
margin-bottom: 30px;
}
.gallery_items figure figcaption {
padding: 15px;
text-align: center;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.gallery_items figure figcaption h4 {
font-size: 1.2em;
color: #606060;
}
.gallery_items figure figcaption span {
display: block;
font-size: 0.8em;
color: #acbac4;
margin-top: 5px;
}
/* ---------- 8.12 Location ---------- */
#location {
margin: 0;
padding: 0;
}
#location #map-canvas {
width: 100%;
height: 474px;
}
/* ---------- 8.13 Our Staff ---------- */
#our_staff_page .item {
padding: 15px;
background: #fafafa;
border: 1px solid #f0f2f6;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#our_staff_page .item h5 {
padding-top: 20px;
text-align: center;
}
#our_staff_page .item h5 small {
text-align: center;
display: block;
font-size: .7em;
padding-top: 10px;
}
#our_staff_page .item {
margin-bottom: 30px;
}
#our_staff_page .item p {
text-align: center;
}
#our_staff_page .item img {
width: 100%;
}
.social-media {
text-align: center;
margin-top: 15px;
}
.social-media a {
text-align: center;
display: inline-block;
}
.social-media a i {
margin: 5px;
background: #eeeeee;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
border: 1px solid #e9e8e7;
color: #606060;
}
.text-left {
text-align: left !important;
}
/* ---------- 8.14 Places ---------- */
#places_page .places_item {
margin-bottom: 30px;
position: relative;
-webkit-transition: 5;
transition: 5;
overflow: hidden;
}
#places_page .places_item:after {
width: 100%;
height: 100%;
border-radius: 4px;
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
background: rgba(147, 0, 17, .75);
background: -moz-liznear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(147, 0, 17, .5)), color-stop(100%, rgba(86, 20, 147, .5)));
background: -webkit-linear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
background: -webkit-linear-gradient(315deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
background: linear-gradient(135deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#930011', endColorstr='#561493', GradientType=1);
}
#places_page .places_item img {
border-radius: 4px;
width: 100%;
}
#places_page .places_item .place_name {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 9;
}
#places_page .places_item .place_name h2 {
color: #fff;
font-size: 16px;
}
/* ---------- 8.15 Restaurant ---------- */
#restaurant_page .restaurant_img {
padding-bottom: 10px;
}
#restaurant_page .restaurant_img img {
border-radius: 5px;
}
.menu_item {
margin-bottom: 60px;
border: 1px solid #f5f5f5;
}
.menu_item .info p {
margin-top: 2px;
}
.menu_item .title {
position: relative;
padding-top: 17px;
padding-bottom: 15px;
overflow: hidden;
font-size: 1.2em;
font-weight: 900;
text-transform: uppercase;
}
.menu_item .title a.name {
position: relative;
z-index: 2;
overflow: hidden;
background-color: #fff;
padding-right: 5px;
}
.menu_item .title span.price {
color: #3b4876;
}
.menu_item .title span.price:before {
content: "";
display: block;
height: 1px;
position: absolute;
left: 20px;
right: 20px;
top: 34px;
border-bottom: 2px dotted #f5f5f5;
}
.menu_item .title span.price span.amount {
position: absolute;
right: 15px;
padding-left: 8px;
background: #fff;
z-index: 2;
}
/* ---------- 8.16 Rooms List View ---------- */
.room_list {
background: #f5f5f5;
margin-bottom: 50px;
border: 1px solid #eeeeee;
border-radius: 1px;
}
.room_list img {
width: 100%;
height: 206px;
object-fit: cover;
}
.room_list .room_list_slider .item img {
display: block;
width: 100%;
height: 100%;
}
.room_list_slider .owl-nav {
text-align: center;
margin-top: 0;
position: absolute;
top: 40%;
width: 100%;
}
.room_list_slider .owl-nav .owl-prev,
.room_list_slider .owl-nav .owl-next {
background: #3b4876;
color: #fff;
margin: 0;
padding: 10px;
opacity: 1;
font-size: 2em;
-webkit-transition: .3s;
transition: .3s;
opacity: .5;
}
figure:hover .room_list_slider .owl-nav .owl-prev,
figure:hover .room_list_slider .owl-nav .owl-next {
opacity: 1;
}
.room_list_slider .owl-nav div:hover {
background: #2c88c0;
}
.room_list_slider .owl-nav .owl-prev {
float: left;
border-radius: 0px 2px 2px 0px;
}
.room_list_slider .owl-nav .owl-next {
float: right;
border-radius: 2px 0px 0px 2px;
}
.room_list .room_details .room_desc {
padding: 15px 0;
}
.room_list .room_details .room_desc h3 a {
font-family: 'Roboto';
color: #606060;
font-weight: 400;
font-size: 1.2em;
}
.room_list .room_details .room_desc p {
color: #0000008c;
padding-top: 10px;
font-size: 13px;
line-height: inherit;
}
.room_list .room_details .room_services {
padding-top: 30px;
}
.room_list .room_details .room_services i {
background: #3b4876;
padding: 5px 14px;
font-size: 1.2em;
color: #fff;
margin: 5px;
border: 1px solid #3b4876;
border-radius: 2px;
cursor: pointer;
}
.room_list .room_details .room_services i:hover {
background: #3b4876;
}
.room_list .room_price {
text-align: center;
background: #eee;
border-left: 1px solid #e9e8e7;
}
.room_list .room_price .room_price_inner {
padding-top: 36px;
padding-bottom: 37px;
}
.room_list .room_price .room_price_number {
font-size: 2em;
color: #8a959e;
}
.room_list .room_price small {
font-size: 1em;
color: #aaafb2;
display: block;
padding-top: 10px;
}
.room_list .room_price .button {
clear: both;
display: block;
position: relative;
margin-top: 15px;
}
/* ---------- 8.17 Rooms Grid View ---------- */
#rooms_grid .room_grid_item {
background: #f5f5f5;
margin-bottom: 50px;
border: 1px solid #eeeeee;
border-radius: 1px;
}
#rooms_grid .room_grid_item .room_info {
padding: 10px;
}
#rooms_grid .room_grid_item .room_info .room_services {
text-align: center;
}
#rooms_grid .room_grid_item .room_info .room_services i {
background: #3b4876;
padding: 5px 5px;
font-size: 1.2em;
color: #fff;
margin: 5px;
border: 1px solid #3b4876;
border-radius: 2px;
cursor: pointer;
}
#rooms_grid .room_grid_item .room_info .room_services i:hover {
background: #3b4876;
}
#rooms_grid .room_grid_item .room_info h3 {
line-height: 2em;
float: left;
}
#rooms_grid .room_grid_item .room_info h3 a {
font-family: 'Roboto';
color: #606060;
font-weight: 400;
font-size: 1em;
}
#rooms_grid .room_grid_item .room_info span {
float: right;
margin-top: 8px;
background: #eeeeee;
font-size: .9em;
padding: 4px 8px;
border-radius: 20px;
border: 1px solid #e9e8e7;
}
#rooms_grid .room_grid_item .room_info p {
clear: both;
}
/* ---------- 8.18 Rooms Block View ---------- */
#rooms_block_view .room_block_item {
background: #f5f5f5;
margin-bottom: 50px;
border: 1px solid #eeeeee;
border-radius: 1px;
}
#rooms_block_view .room_block_item .room_info {
padding: 10px 0;
}
#rooms_block_view .room_block_item .room_info h3 {
float: left;
}
#rooms_block_view .room_block_item .room_info h3 a {
color: #606060;
font-weight: 400;
font-size: 1em;
}
#rooms_block_view .room_block_item .room_info span {
float: right;
margin-top: 0px;
margin-right: 6px;
background: #eeeeee;
padding: 4px 8px;
border-radius: 20px;
border: 1px solid #e9e8e7;
}
#rooms_block_view .room_block_item .room_info p {
clear: both;
padding-top: 10px;
}
#rooms_block_view .room_block_item .room_info .room_services i {
background: #3b4876;
padding: 5px 10px;
font-size: 1em;
color: #fff;
margin-right: 10px;
border: 1px solid #3b4876;
border-radius: 2px;
cursor: pointer;
}
/* ---------- 8.19 Room Details ---------- */
#room_page .slider #slider-larg {
padding: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
#room_page .slider #thumbs {
margin-top: 15px;
}
#room_page .slider #thumbs .owl-item .item {
overflow: hidden;
position: relative;
cursor: pointer;
border: 1px solid #f1f1f1;
padding: 3px;
margin: 2px;
border-radius: 1px;
-webkit-transition: .3s;
transition: .3s;
}
#room_page .slider #thumbs .owl-item.active-item .item {
border: 1px solid #606060;
}
#room_page .slider #thumbs .owl-item .item img {
height: 80px;
object-fit: cover;
}
#room_page .slider #thumbs .owl-item .item img:hover {
opacity: .8;
}
.room_facilitys_list {
margin-top: 35px;
padding-bottom: 10px;
}
.room_facilitys_list h2 span {
float: right;
}
.room_facilitys_list h2 span span {
text-transform: none;
}
.all_facility_list {
overflow: hidden;
width: 100%;
border-top: none;
}
.all_facility_list ul li {
color: #a9a9a9;
margin-bottom: 15px;
}
.all_facility_list ul li i {
color: #82B73A;
margin-right: 8px;
font-size: 18px;
text-align: center;
}
.all_facility_list ul .no i {
color: #F1572F !important;
}
.single_room_details>p {
font-size: 17px;
line-height: 30px;
margin-top: 20px;
}
.similar_rooms {
margin-top: 50px;
}
.similar_rooms article figure {
position: relative;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
margin-bottom: 15px;
}
.similar_rooms article figure img {
border-radius: 2px;
}
.similar_rooms article figcaption {
padding: 10px;
background: #fff;
}
.similar_rooms article figcaption h4 a {
font-size: 1em;
color: #606060;
display: inline-block;
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 15px;
margin: 0;
-webkit-transition: .3s;
transition: .3s;
}
.similar_rooms article figcaption h4 a:hover {
color: #3b4876;
}
.similar_rooms article .price {
background: #3b4876;
width: 50px;
height: 50px;
border-radius: 4px;
color: #fff;
position: absolute;
top: 10px;
right: 10px;
font-size: 1em;
font-weight: 600;
line-height: 1em;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
.similar_rooms article .price span {
display: block;
font-size: .7em;
}
/*######### DEMO CSS ##########*/
#icons .col-md-3 {
display: block;
color: #606060;
line-height: 32px;
height: 32px;
}
#icons .col-md-3 i {
color: #606060;
}
#icons .col-md-3 i {
padding-right: 10px;
}
.buttons_block {
margin-bottom: 80px;
}
.buttons_block button {
margin-top: 20px;
display: block;
}
.buttons_block .social_media {
margin-top: 50px;
}
#page_titles_page .page_title {
margin-bottom: 80px;
}
.block {
margin: 40px 0;
}
.block:first-child {
margin-top: 0;
}
/* #### DEMO CSS #### */
#demo-header {
background: #f8f8f8;
padding-top: 100px
}
#demo-header .description {
max-width: 50%;
margin: 0 auto
}
#demo-header .description p {
text-align: center;
color: #ccc
}
.demo-title h2 {
color: #ccc;
font-weight: 600;
text-transform: uppercase;
font-size: 2em;
text-align: center;
font-family: 'Lato', sans-serif
}
.browser .status-bar h4 {
font-size: .9em;
float: right;
color: #a9a9a9;
line-height: 30px;
left: -10px;
font-weight: 500;
position: relative
}
#demo-variants {
background: #f8f8f8
}
#demo-features {
margin-top: -235px;
background: #fff;
z-index: 9;
position: relative
}
.browser {
position: relative;
top: 0;
background-color: #f1f1f1;
height: 350px;
margin-bottom: 80px;
border-radius: 4px;
overflow: hidden;
box-shadow: -10px 10px 38px 0 rgba(1, 1, 1, 0.15);
transition: 0.2s
}
.browser:hover {
top: -5px
}
.browser .status-bar {
width: 100%;
height: 30px;
position: relative;
z-index: 10;
border: 1px solid #f2f2f;
border-bottom: none;
background: #eee;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0
}
.browser .status-bar .buttons {
background: #df7065;
width: 9px;
height: 9px;
margin-top: -4px;
position: absolute;
top: 50%;
left: 7px;
border-radius: 50%
}
.browser .status-bar .buttons:before,
.browser .status-bar .buttons:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
border-radius: 50%
}
.browser .status-bar .buttons:before {
background-color: #e6c646;
left: 13px
}
.browser .status-bar .buttons:after {
background-color: #5bcc8b;
left: 26px
}
.browser .window {
width: 100%;
height: 442px;
overflow: hidden;
position: relative
}
.browser .window img {
max-width: 100%
}
.browser .window .scroll-img {
width: 100%;
position: absolute;
top: 0;
left: 0
}
.browser.loading .window .loader {
display: block
}
#demo-features .item {
height: 70px;
margin-bottom: 50px;
border: 1px solid #f1f1f1;
background: #f8f8f8;
border-radius: 2px;
padding: 10px;
}
#demo-features .item h3 {
text-transform: uppercase;
color: #ccc;
font-size: .9em;
font-family: 'Lato', sans-serif
}
#demo-features .item span {
font-size: .8em;
color: #ccc
}
#demo-features .icon img {
max-width: 40px
}
/* Buy Now Btn */
.buy-now {
position: fixed;
z-index: 99;
right: 80px;
bottom: 80px;
width: 60px;
height: 60px;
}
.buy-now.left {
left: 80px;
}
.buy-now .buy-now-btn {
background: #3b4876;
border-radius: 50%;
box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.1);
-webkit-transform-origin: center;
transform-origin: center;
position: relative;
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
font-size: 1.3em;
color: #fff;
z-index: 1;
display: block;
}
.buy-now .buy-now-btn:hover {
background: #3b4876;
}
.buy-now .ripple,
.buy-now .ripple:before,
.buy-now .ripple:after {
-webkit-animation: ripple 3s infinite;
animation: ripple 3s infinite;
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(29, 193, 248, 0.3);
top: 0;
height: 60px;
position: absolute;
width: 60px;
}
.buy-now .ripple:before {
-webkit-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
top: 0;
}
.buy-now .ripple:after {
-webkit-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
top: 0;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 50px rgba(94, 188, 231, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(94, 188, 231, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 50px rgba(94, 188, 231, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(94, 188, 231, 0);
}
}
.wordpress-version {
bottom: 80px;
position: fixed;
left: 200px;
display: flex;
box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
border: 1px solid #ebebeb;
width: auto;
border-radius: 4px;
cursor: pointer;
animation-delay: 1s;
padding: 15px;
font-size: 14px;
line-height: 32px;
letter-spacing: .5px;
color: #606060;
text-transform: uppercase;
font-weight: 700;
background: #fff;
display: flow-root;
z-index: 9999;
}
.wordpress-version img {
width: 30px;
margin-right: 15px;
}
.wordpress-version:hover,
.wordpress-version:active,
.wordpress-version:focus {
background: #f5f3f0;
}
.vc_column-inner {
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.vc_column-inner::after,
.vc_column-inner::before {
content: " ";
display: table;
}
.image-3d-effect {
position: relative;
}
.image-3d-effect .side {
position: absolute;
width: 100%;
top: 0;
bottom: 0;
z-index: 10;
}
.image-3d-effect .side.left {
left: 0;
width: 50%;
}
.image-3d-effect .side.left:hover~.images .front-image {
-webkit-transform: matrix3d(0.94, 0, 0.34, -0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(-10px);
transform: matrix3d(0.94, 0, 0.34, -0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(-10px);
}
.image-3d-effect .side.left:hover~.images .back-image {
-webkit-transform: matrix3d(0.94, 0, 0.34, -0.00025, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(30px);
transform: matrix3d(0.94, 0, 0.34, -0.00025, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(30px);
}
.image-3d-effect .side.right {
right: 0;
width: 50%;
}
.image-3d-effect .side.right:hover~.images .front-image {
-webkit-transform: matrix3d(0.94, 0, 0.34, 0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(30px);
transform: matrix3d(0.94, 0, 0.34, 0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(30px);
}
.image-3d-effect .side.right:hover~.images .back-image {
-webkit-transform: matrix3d(0.94, 0, 0.34, 0.0005, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1.1) translateX(-100px);
transform: matrix3d(0.94, 0, 0.34, 0.0005, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1.1) translateX(-100px);
}
.image-3d-effect .images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.image-3d-effect .front-image,
.image-3d-effect .back-image {
-webkit-perspective: 200px;
perspective: 200px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
height: 300px;
width: 500px;
margin-right: 30px;
background-size: cover;
-webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 15px 75px 0 rgba(0, 0, 0, 0.15);
}
.image-3d-effect .front-image {
margin-right: 50px;
z-index: 1;
border-radius: 4px;
}
.image-3d-effect .back-image {
margin-left: 100px;
margin-top: -200px;
background-position: bottom;
border-radius: 4px;
}
footer .widget h5:before {
background: #3b4876;
width: 18px;
height: 18px;
border-radius: 2px;
content: "\f105";
font-family: FontAwesome;
color: #FFF;
font-size: 0.6em;
line-height: 1.7em;
vertical-align: middle;
text-align: center;
position: absolute;
top: 1px;
left: 0;
position: absolute;
left: 0;
}
footer .widget h5 {
text-transform: uppercase;
font-size: 18px;
font-weight: 800;
letter-spacing: 1px;
margin: 20px 0;
display: inline-block;
position: relative;
padding-left: 30px;
}
.anasayfa-oda-1 {
height: 443px;
object-fit: cover;
}
.anasayfa-oda-2 {
height: 180px;
object-fit: cover;
}
.foto-detay-img {
height: 180px;
}
.haberler-img {
height: 210px;
object-fit: cover;
}
.belgeler-img {
height: 380px;
object-fit: cover;
margin-left: auto;
margin-right: auto;
}
.etkinlik-img {
height: 280px;
object-fit: contain;
}
.haberdetay-img {
height: 60px;
width: 120px;
object-fit: cover;
}
.odadetay-img {
height: 400px;
object-fit: cover;
}
.whatsapp {
position: fixed;
left: 15px;
bottom: 75px;
transition: all .5s ease-in-out;
z-index: 999999;
}
.whatsapp a {
height: 50px;
width: 50px;
border-radius: 50%;
overflow: hidden;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
font-size: 28px;
display: block;
text-align: center;
line-height: 50px;
color: white;
background: #4dc247;
}
.whatsapp .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
line-height: normal;
font-size: 15px;
top: 13px;
left: 105%;
height: auto;
}
.whatsapp:hover a {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.whatsapp:hover .tooltiptext {
visibility: visible;
}
.telefon {
position: fixed;
right: 15px;
bottom: 75px;
transition: all .5s ease-in-out;
z-index: 999;
}
.telefon a {
height: 50px;
width: 50px;
border-radius: 50%;
overflow: hidden;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
font-size: 28px;
display: block;
text-align: center;
line-height: 50px;
color: white;
background: #337ab7;
}
.telefon .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
line-height: normal;
font-size: 15px;
top: 13px;
right: 105%;
height: auto;
}
.telefon:hover a {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.telefon:hover .tooltiptext {
visibility: visible;
}
.yoltarifi {
position: fixed;
right: 15px;
bottom: 130px;
transition: all .5s ease-in-out;
z-index: 999;
}
.yoltarifi a {
height: 50px;
width: 50px;
border-radius: 50%;
overflow: hidden;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
font-size: 28px;
display: block;
text-align: center;
line-height: 50px;
color: white;
background: #3b4876;
}
.yoltarifi .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
line-height: normal;
font-size: 15px;
top: 13px;
right: 105%;
height: auto;
}
.yoltarifi:hover a {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.yoltarifi:hover .tooltiptext {
visibility: visible;
}
.swal2-popup .swal2-select {
display: none !important;
}
.dikey-ortala {
display: flex;
justify-content: center;
align-items: center;
}
.col-sidebar__box-content {
padding: 20px 30px;
background: #f7f7f7;
}
.col-sidebar__box-content .title {
color: #333;
font-size: 28px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 10px;
}
.col-sidebar__box-content .text {
color: #777;
font-size: 13px;
margin-bottom: 30px;
line-height: 1.5;
}
.button-border {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 150px;
height: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
font-weight: 500;
margin-right: 10px;
-webkit-transition: .3s;
transition: .3s;
border: 2px solid #1a2b61;
color: #1a2b61;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 0;
height: auto;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(3.1em + .75rem + 2px);
margin: 0;
opacity: 0;
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: 55px;
padding: 0 27px;
font-weight: 400;
line-height: 55px;
color: #495057;
background-color: #fcfcfc;
border: 1px solid #dfdfdf;
border-radius: .25rem;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: 53px;
padding: 0 27px;
line-height: 53px;
color: #495057;
content: "Seçiniz";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 .25rem .25rem 0;
}
.places_item .icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 42px;
height: 42px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
border-radius: 100%;
color: #555;
font-size: 18px;
margin-bottom: 20px;
position: absolute;
right: 20px;
top: 20px;
}
.videoresim {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: ease .7s;
transition: ease .7s;
}
.anahizmetimg {
height: 476px;
-o-object-fit: cover;
object-fit: cover;
}
.places_item a:hover .videoresim {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.video-detail__wrapper {
background: #f3f3f6;
min-height: 600px;
padding-top: 1px;
padding-bottom: 50px;
}
.video-detail__header {
margin-top: 20px;
margin-bottom: 20px;
}
.video-detail__showcase {
background: #000000b3;
}
.video-detail__header .title {
color: #151a2e;
font-size: 28px;
font-weight: 700;
}
.video-detail__player iframe {
width: 100%;
height: 530px;
}
@media (max-width: 767px) {
.video-detail__player iframe {
height: auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.video-detail__player iframe {
height: 400px;
}
}
.video-detail__other-videos .heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: rgba(0, 0, 0, 0.2);
height: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
color: #fff;
font-size: 16px;
font-weight: 700;
}
.video-detail__other-videos .heading .all-videos {
text-transform: capitalize;
font-size: 12px;
color: #fff;
opacity: .7;
font-weight: 400;
}
.video-detail__other-videos .heading .all-videos:hover {
text-decoration: underline;
}
.video-detail__list {
overflow-y: auto;
height: calc(530px - 60px);
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
@media (min-width: 768px) and (max-width: 991px) {
.video-detail__list {
height: 340px;
}
}
.video-detail__list li {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
-webkit-transition: .3s;
transition: .3s;
}
.video-detail__list li:last-child {
border-bottom: 0 none;
}
.video-detail__list li:hover {
background: rgba(0, 0, 0, 0.2);
}
.video-detail__list li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.video-detail__list .video-left {
width: 110px;
height: 70px;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
.video-detail__list .video-left img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.video-detail__list .video-left .icon {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(0, 0, 0, 0.55);
color: #fff;
font-size: 16px;
}
.video-detail__list .video-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 5px;
padding-right: 15px;
}
.video-detail__list .video-right .title {
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0;
}
.form-group {
margin-bottom: 1rem;
}
.panel-default>.panel-heading {
color: #fff;
border-color: #ddd;
background: rgba(147, 0, 17, .75);
background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(64, 97, 237, 0.5)), color-stop(100%, rgba(86, 20, 147, .5)));
background: -webkit-linear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
background: -webkit-linear-gradient(315deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
background: linear-gradient(135deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
}
.eb-page {
background: #fafafa;
min-height: 60vh;
border-top: 1px solid #ededed;
}
.eb-stepline {
margin-top: -50px;
margin-bottom: 50px;
padding: 100px 0 35px 0;
background: #f1f2f3;
position: relative;
border-bottom: 1px solid #ededed;
}
.eb-stepline:before {
content: '';
position: absolute;
width: 100%;
left: -100%;
top: 0;
bottom: -1px;
top: -1px;
background: #f1f2f3;
border-bottom: 1px solid #ededed;
}
.eb-stepline .eb-stepline-steps {
position: relative;
display: flex;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step {
width: 25%;
position: relative;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step .eb-stepline-progress {
background: #e4e4e4;
border-radius: 0px;
height: 8px;
box-shadow: none;
margin: 12px 0;
overflow: visible;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step.completed .eb-stepline-progress {
background: #e4e4e4;
width: 100%;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step.completed .eb-stepline-progress .eb-stepline-progress-bar {
background: #c0bdbd;
height: 100%;
width: 100%;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step.active .eb-stepline-progress .eb-stepline-progress-bar {
width: 50%;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step:first-child .eb-stepline-progress .eb-stepline-progress-bar:before {
content: '';
position: absolute;
background: linear-gradient(to right, rgb(241, 241, 241) 0%, rgb(192, 189, 189) 100%);
left: -100%;
width: 100%;
height: 8px;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step.completed:last-child .eb-stepline-progress .eb-stepline-progress-bar:before {
content: '';
position: absolute;
left: 0;
background: #c0bdbd;
width: 100%;
height: 8px;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step.completed:last-child .eb-stepline-progress .eb-stepline-progress-bar:after {
content: '';
position: absolute;
background: linear-gradient(to right, rgb(192, 189, 189) 0%, rgb(241, 241, 241) 100%);
right: -100%;
width: 100%;
height: 8px;
z-index: 99;
margin-right: 1px;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step .eb-stepline-dot {
position: absolute;
width: 30px;
height: 30px;
display: block;
background: #c0bdbd;
top: 45px;
left: 50%;
margin-top: -45px;
margin-left: -15px;
border-radius: 50%;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step .eb-stepline-dot:after {
content: ' ';
width: 14px;
height: 14px;
background: #a9a9a9;
border-radius: 50px;
position: absolute;
top: 8px;
left: 8px;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step .bs-wizard-stepnum {
color: #595959;
font-size: 16px;
margin-top: 20px;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step .bs-wizard-info {
color: #999;
font-size: 14px;
margin-top: 5px;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step.disabled .eb-stepline-dot {
background: #e4e4e4;
pointer-events: none;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step.disabled .eb-stepline-dot:after {
background: #c0bdbd;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step.disabled .bs-wizard-stepnum,
.eb-stepline .eb-stepline-steps .eb-stepline-step.disabled .bs-wizard-info {
opacity: .5;
}
.eb-stepline:after {
content: '';
position: absolute;
width: 100%;
right: -100%;
top: 0;
bottom: -1px;
top: -1px;
background: #f1f2f3;
border-bottom: 1px solid #ededed;
}
.eb-stepline .eb-stepline-steps .eb-stepline-step:last-child .eb-stepline-progress .eb-stepline-progress-bar:after {
content: '';
position: absolute;
background: linear-gradient(to right, rgb(228, 228, 228) 0%, rgb(241, 241, 241) 100%);
right: -100%;
width: 100%;
height: 8px;
z-index: 99;
margin-right: 1px;
}
.eb-widget {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #ebebeb;
border-radius: 1px;
}
.eb-widget:last-child {
border-bottom: none;
}
.eb-widget .inner {
padding-top: 20px;
}
.eb-widget.no-title .inner {
padding-top: 0;
}
.selected-room {
position: relative;
}
.selected-room span {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
color: #fff;
font-size: 13px;
font-weight: 500;
font-style: italic;
text-align: center;
line-height: 18px;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0, .5)), to(rgba(255, 255, 255, 0)));
background-image: linear-gradient(to top, rgb(0, 0, 0, .5), rgba(255, 255, 255, 0));
}
.eb-widget .booking-details {
background: #fff;
border: 1px solid #ebebeb;
}
.vbf-vat {
font-size: 12px;
line-height: 14px;
text-align: center;
}
.mt20 {
margin-top: 20px;
}
.eb-widget .booking-details-item {
display: -webkit-box;
display: flex;
padding: 5px 15px;
border-bottom: 1px solid #f2f2f2;
font-size: 13px;
font-weight: 500;
}
.eb-widget .booking-details-item .value {
margin-left: auto;
font-weight: 600;
}
.seachby ul {
width: 100%;
margin-bottom: 5px;
list-style: none;
overflow: hidden;
margin: 0px 15px;
}
.services_select {
background: #f1f2f3;
}
.hizmetblok {
display: inline-block;
width: 100%;
vertical-align: top;
font-size: 14px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.hizmetblok tr:nth-child(1) td {
font-size: 15px;
padding: 12px;
background: none;
border-bottom: 1px solid #eee;
background: #efefef;
background: -moz-linear-gradient(top, #efefef 0%, #fff 100%);
background: -webkit-linear-gradient(top, #efefef 0%, #fff 100%);
background: linear-gradient(to bottom, #efefef 0%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
}
.hizmetblok tr td {
padding: 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-bottom: 1px solid #eee;
}
.hizmetblok tr td strong {
font-weight: 600;
}
.tutartd td {
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
font-size: 16px;
}
.hizmetblok label {
margin-bottom: 0 !important;
font-size: 14px;
}
.custom-checkbox label {
margin-bottom: 0 !important;
font-size: 14px;
}
.modal-content {
width: 100%;
}
.modal-header {
font-size: 15px;
height: 50px;
line-height: 30px;
background: none;
border-bottom: 1px solid #eee;
background: #efefef;
background: -moz-linear-gradient(top, #efefef 0%, #fff 100%);
background: -webkit-linear-gradient(top, #efefef 0%, #fff 100%);
background: linear-gradient(to bottom, #efefef 0%, #fff 100%);
}
.modal-footer {
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
font-size: 16px;
}
.modal-title {
display: inline-block;
margin-top: 7px;
}
.modal-header .close {
margin-top: 7px !important;
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2));
}
@media (min-width: 576px) {
.modal-dialog-centered {
min-height: calc(100% - (3rem * 2));
}
}
.modal-body .form-control {
height: 52px;
border-radius: 0px;
border: 1px solid #dfdfdf;
background-color: #fcfcfc;
box-shadow: none;
}
.modal-body .form-control .btn-select {
padding: 15px 12px;
}
.eagle-booking-alert {
width: 100%;
padding: 15px;
border-radius: 2px;
color: #fff;
overflow: hidden;
z-index: 99;
}
.eagle-booking-alert.success {
background: #c8e8d1;
color: #379950;
}
.eagle-booking-alert.success i {
background: #aad2b5;
}
.eagle-booking-alert i {
margin-right: 15px;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
float: left;
}
.technicaldata h5 {
display: inline-block;
width: 49%;
font-size: 14px;
font-weight: 600;
border-bottom: 2px solid #eee;
}
.technicaldata h5 span {
font-weight: 300;
display: inline-block;
width: 50%;
background: #f6f6f6;
padding: 8px 0px;
margin-right: 10px;
padding-left: 15px;
}
.room-info {
border: 1px solid #eaeaea;
margin-top: 50px;
margin-bottom: 40px;
width: 100%;
float: left;
}
.room-info .item {
display: block;
position: relative;
padding: 10px 0px;
text-align: center;
width: 25%;
float: left;
font-size: 14px;
}
.room-info .item img {
margin-bottom: 10px;
top: 2px;
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
}
.room-info .item:after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: 100%;
border-right: 1px dashed #eaeaea;
}