/* ------------------------------------------------------------------[
Color Stylesheet]
Project:PARK HOTEL
Version:1.1
Last change: 26.05.2015
Assigned to:http://themeforest.net/user/chaykovskiy
Primary use: PARK HOTEL HTML Template 

-------------------------------------------------------------------
   ================================================== */

/* !------------------------------ Main color of template #3d3d58 ------------------------------
   ================================================== */

.menu-wrap a:focus,
.arrow_right:hover,
.arrow_left:hover,
.photo figure figcaption,
.photo figure h2 span,
.contact_icon,
.footer .link:hover,
a.navbar-brand:hover,
.navbar_bg_dark .active a,
.button--itzel.dark.active,
.texticon,
.count,
.cs-skin-border .cs-options,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today,
.index_color,
.count_plus,
#swipebox-prev,
#swipebox-next,
#swipebox-close,
#swipebox-bottom-bar,
.navbar a:hover,
#swipebox-title,
.accommodation_item .room_title i,
.contact a,
.copyright span {
    color: #3d3d58
}
.contact_icon:hover,
a.accordion_button:hover,
.accordion_button:hover,
.cs-skin-border.cs-active>span,
.tooltip-inner,
.reservation input:focus,
.contact_form input:focus,
.reservation input[type=submit]:hover,
.contact_form input[type=submit]:hover,
.reservation textarea:focus,
.contact_form textarea:focus,
.navbar-toggle,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
#preloader{
    background: #3d3d58;
	color:#fff;
}
.first_line,
.tabs_about .active a,
a.accordion_button,
.accordion_button,
.photo_carousel_ind.active,
.contact_icon,
.active.button--itzel,
figure.parkhotel_img figcaption::before,
.eventime_modal .contact_icon:hover,
.cs-skin-border>span,
.cs-skin-border .cs-options,
.cs-select ul,
.reservation input:focus,
.reservation input[type=submit]:hover,
.reservation textarea:focus,
.contact_form input:focus,
.contact_form input[type=submit]:hover,
.contact_form textarea:focus,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current,
.news_row,
.menu .conctact,
.contact_form,
.menu .logo,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
footer,
.center_line {
    border-color: #3d3d58;
}
.fristpage .icon-tourism-icons_check-in  {color:#3d3d58!important;}
/* !------ SVG ------
   ================================================== */

.photo_carousel .right_arrow svg:hover,
.photo_carousel .left_arrow svg:hover,
#sponsors .left_arrow svg,
#sponsors .right_arrow svg,
#sh_carousel .right_arrow svg:hover,
#sh_carousel .left_arrow svg:hover,
.light .right_arrow svg:hover,
.light .left_arrow svg:hover,
#home_slider .left_arrow,
#home_slider .right_arrow {
    fill: #3d3d58
}
/* !------------------------------ All light part color #fff ------------------------------
   ================================================== */
.navbar-collapse .nav.navbar-nav {
    float: none;
    margin: 0 auto;
    max-width: 90%;
    position: relative;
    text-align: center;
}
.nav.navbar-nav > li {
    display: inline-block;
    float: none;
}
#about_menu .firstrow {
    padding-top: 85px;
}
#facilities i {
    font-size: 25px;
	color:#3d3d58;
}
.button--itzel,
.description h2,
.description h3,
.details,
.tab-content,
.button--itzel .button__icon,
.tabs_about .active a,
.mask .first_title,
.mask .first_description,
.photo figure h2,
a.accordion_button:hover,
.accordion_button:hover,
.reservation_button:hover,
.reservation input:focus,
.reservation textarea:focus,
.contact_form input:focus,
.contact_form textarea:focus,
.navbar_bg_dark a,
.buttons a.active,
.light,
.description #clock,
.cs-skin-border.cs-active>span,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
#filterOptions li a {
    color: #fff
}
.menu-wrap,
.news_row,
a.accordion_button,
.accordion_button,
.contact_form,
#swipebox-overlay,
#swipebox-bottom-bar,
#swipebox-top-bar {
    background-color: #ffffff;
}
.menu-button::before {
    background: linear-gradient(#fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%)
}
.button__icon.icon-tourism-icons_anchor,.button__icon.icon-tourism-icons_compass {
    color: #3d3d58;
}

.home-social .button--itzel::before {
    border: medium none;
}
selectorSavingError {
}
.home-social .button--itzel {
    min-width: auto;
}
.home-social .button--itzel i, .home-social .button--itzel i:hover {
    color: #40405B !important;
    font-size: 24px;
    text-decoration: none !important;
    top: 108%;
}
.button--itzel > span {
    color: #3d3d58;
}
.button--itzel::before,
.center_line.light,
.tabs_about .graybtn,
.testimonials_carousel,
.testimonials .carousel-indicators .photo_carousel_ind.active,
.about_columns .list .menu_list {
    border-color: #3d3d58
}
.photo_carousel_ind, .photo_carousel_ind.active {
    border-width: 10px!important;
	cursor:pointer;
}
/* !------ SVG ------
   ================================================== */

.photo_carousel .right_arrow svg,
#testimonials .right_arrow svg,
.photo_carousel .left_arrow svg,
#testimonials .left_arrow svg,
#home_slider .left_arrow:hover,
#home_slider .right_arrow:hover {
    fill: #fff
}
/* !------------------------------ Black color #000 ------------------------------
   ================================================== */

a,
a:hover,
.first_title,
.panel a,
.reservation,
.reservation_button,
.contact_icon:hover,
footer,
.cs-skin-border .cs-selected span::after,
.navbar_bg .active a,
.accommodation_reservation,
a.navicon,
.menu p,
.contact_information,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
.panel-collapse p b {
    color: #000
}
.eventime_button:hover,
.navicon .button--itzel,
.navicon .button__icon {
    color: #000 !important
}

.reservation_button:hover,
.navbar_bg_dark,
.navbar-toggle .icon-bar {
    background-color: #000
}
.reservation .first_line,
footer .first_line,
.accommodation_item,
.menu-wrap a,
.reservation_button {
    border-color: #000
}
/* !------------------------------ Gray color #838383 ------------------------------
   ================================================== */

.button--itzel.dark,
.accordion_right,
.button--itzel.dark::before,
span.sizearea,
.photo_carousel_ind {
    border-color: #838383
}
/* !------ SVG ------
   ================================================== */

#sh_carousel .right_arrow svg,
#sh_carousel .left_arrow svg,
.light .right_arrow svg,
.light .left_arrow svg {
    fill: #838383
}
.button--itzel.dark .button__icon,
.button--itzel.dark,
.graytxt,
.panel-collapse p,
.arrow_right,
.copyright,
.arrow_left,
span.sizearea,
.footer .link,
footer,
.navbar_bg a {
    color: #838383
}
/* !------------------------------ Background settings | Transparents in RGBA and Background images ------------------------------
   ================================================== */

.nav_mask{
    background: #fff;
}

body{
	background:#ffffff;
	color:#7a7a94;
}
p.about_info{
	text-align:justify;
	font-size:15px;
	width:800px;
	max-width:100%;
	padding:0 20px;
	margin:70px auto;
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:56px;
	-moz-column-gap:56px;
	column-gap:56px
}
p.about_info::first-letter {
    float: left;
    font-size: 70px;
    line-height: 63px;
    padding: 0 18px 0 7px;
}
p.about_info::first-letter, p.about_info::first-letter {
    color: #3d3d58;
}
.about_slogan {
    background: #ffffff none repeat scroll 0 0;
    color: #3d3d58;
    display: block;
    font-size: 18px;
    margin: 0 auto;
    max-width: 370px;
    position: relative;
    text-align: center;
}
.about_slogan_holder hr {
    border-bottom: 1px solid #3d3d58;
    color: #000;
    display: block;
    margin-top: 10px;
    position: absolute;
    width: 100%;
}
.hithere {
    background: #ffffff;
    border: 16px double;
    color: #3d3d58;
    font-weight: 600;
    margin: 0 auto;
    max-width: 200px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.menu-button {
    background: #3d3d58;
}
.nav_mask_full {
    background: rgba(0, 0, 0, 1)
}
.fill_mask,
.restaurant_mask {
    background: rgba(255, 255, 255, 0.62) none repeat scroll 0 0;
}
.mask {
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(50, 50, 50, 0.5) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(50, 50, 50, 0.5)));
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(50, 50, 50, 0.5) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(50, 50, 50, 0.5) 100%);
    background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(50, 50, 50, 0.5) 100%);
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(50, 50, 50, 0.5) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#66838383', GradientType=1);
    /*background: rgba(0,214,182,1);background:-moz-linear-gradient(45deg,rgba(0,214,182,1) 0%,rgba(4,147,199,1) 100%);background:-webkit-gradient(left bottom,right top,color-stop(0%,rgba(0,214,182,1)),color-stop(100%,rgba(4,147,199,1)));background:-webkit-linear-gradient(45deg,rgba(0,214,182,1) 0%,rgba(4,147,199,1) 100%);background:-o-linear-gradient(45deg,rgba(0,214,182,1) 0%,rgba(4,147,199,1) 100%);background:-ms-linear-gradient(45deg,rgba(0,214,182,1) 0%,rgba(4,147,199,1) 100%);background:linear-gradient(45deg,rgba(0,214,182,1) 0%,rgba(4,147,199,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6b6',endColorstr='#0493c7',GradientType=1 );*/
}
.mask_r_transparate {
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#66838383', GradientType=1);
}
/* ===[ Images ]=== */

#accommodation_menu {
}

.news {
}
.gallery {
    background-image: url('../images/site/bg_gallery.jpg')
}
.contact {
    background:#E4E1DE;
}
.tab-content {
    background: #838383
}
#testimonials {
	border: 5px solid #3d3d58;
	color:#3d3d58;
    background-image: url('../images/site/bg_hotel1.jpg');
    /* background: rgb(204,167,112);background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2NhNzcwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjYjg5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(45deg,rgba(204,167,112,1) 0%,rgba(204,184,157,1) 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,rgba(204,167,112,1)),color-stop(100%,rgba(204,184,157,1)));background:-webkit-linear-gradient(45deg,rgba(204,167,112,1) 0%,rgba(204,184,157,1) 100%);background:-o-linear-gradient(45deg,rgba(204,167,112,1) 0%,rgba(204,184,157,1) 100%);background:-ms-linear-gradient(45deg,rgba(204,167,112,1) 0%,rgba(204,184,157,1) 100%);background:linear-gradient(45deg,rgba(204,167,112,1) 0%,rgba(204,184,157,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#3d3d58',endColorstr='#ccb89d',GradientType=1 );*/
}
#testimonials .container h1 {
    color: #3d3d58;
    display: block;
    font-weight: bold;
    margin: 50px auto 0;
    max-width: 315px;
    padding: 0 0 20px;
    position: relative;
}
#testimonials .center_line {
	border-width: medium medium 2px;
}
.container .italic {
    font-size: 28px;
    font-style: italic;
    margin-bottom: 20px;
    margin-top: 40px;
    text-align: center;
}

#accommodation_menu .hithere {
    max-width: 350px;
}
#accommodation_menu .center_line {
    max-width: 350px;
    width: auto;
}

.home-language {
    border-right: 1px solid;
    font-size: 20px;
    padding-right: 20px;
}
.home-language.fa.fa-globe > a {
    font-size: 17px;
    line-height: 19px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
    vertical-align: top;
}

.home-social {
    color: #40405b;
    position: absolute;
    right: 0px;
    top: 5px;
    z-index: 11;
}
.home-social a {
    color: #40405b;
    font-size: 20px;
    padding-right: 10px;
}
.home-social a:hover {
    opacity: 0.8;
}

.accommodation_item {
    border: 8px double #3d3d58;
}


#testimonials .container .holder {
    max-width:900px;
	margin:0 auto 60px;
	text-align:center;
	
}
#testimonials .button, #block button {
    margin: 35px 10px 0;
}
#testimonials .button.light, button.light, .button.light {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 7px double;
    color: inherit;
    padding: 8px 23px 4px;
}
#testimonials .button.light:hover, button.light:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 7px solid;
}
.accommodation_item .button.light {
    margin-bottom: 10px;
    margin-top: 10px;
}
.button, button {
    background: #323232 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    margin: 30px auto;
    padding: 15px 30px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.button:hover{
    background: #000 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}
#about_menu {
    margin-bottom: 100px;
    margin-top: 30px;
}
.text-uppercase {
    text-transform: uppercase;
}
#testimonials .container{
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    border: 4px solid #3d3d58;
    margin: 10px;
    min-height: 500px;
    padding: 10px;
    width: auto;
}
#accommodation_menu {
    margin-top: 35px;
    padding-top: 90px;
}
ul.glance-specs li {
    padding: 5px;
    text-align: left;
    width: 100%;
}
ul.glance-specs li > span {
    font-size: 17px;
    padding-left: 10px;
}
#news_menu .photo_carousel.carousel.slide {
    margin-bottom: 50px;
}
.carousel-inner.carousel-touch {
    border-top: 4px solid #3d3d58;
}
#news_menu .hithere {
    min-width: 340px;
}
#news_menu .center_line {
    min-width: 340px;
}
#news_menu {
    padding-top: 100px;
}