/*
Theme Name: Bello

/* =Reset
-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);

@font-face {
    font-family: 'Arial';
    src: url('fonts/arial.eot');
    src: url('fonts/arial.eot') format('embedded-opentype'),
         url('fonts/arial.woff') format('woff'),
         url('fonts/arial.ttf') format('truetype'),
         url('fonts/arial.svg#ArialRegular') format('svg');
}
@font-face {
    font-family: 'ArialBold';
    src: url('fonts/arialbold.eot');
    src: url('fonts/arialbold.eot') format('embedded-opentype'),
         url('fonts/arialbold.woff') format('woff'),
         url('fonts/arialbold.ttf') format('truetype'),
         url('fonts/arialbold.svg#ArialBold') format('svg');
}
@font-face {
    font-family: 'blairitc_ttlight';
    src: url('fonts/blairitc_tt_light-webfont.eot');
    src: url('fonts/blairitc_tt_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/blairitc_tt_light-webfont.woff') format('woff'),
         url('fonts/blairitc_tt_light-webfont.ttf') format('truetype'),
         url('fonts/blairitc_tt_light-webfont.svg#blairitc_ttlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FbMetaliRegular';
    src: url('fonts/FbMetaliRegular.eot');
    src: url('fonts/FbMetaliRegular.eot') format('embedded-opentype'),
         url('fonts/FbMetaliRegular.woff2') format('woff2'),
         url('fonts/FbMetaliRegular.woff') format('woff'),
         url('fonts/FbMetaliRegular.ttf') format('truetype'),
         url('fonts/FbMetaliRegular.svg#FbMetaliRegular') format('svg');
}
@font-face {
    font-family: 'FbMetaliBold';
    src: url('fonts/FbMetaliBold.eot');
    src: url('fonts/FbMetaliBold.eot') format('embedded-opentype'),
         url('fonts/FbMetaliBold.woff2') format('woff2'),
         url('fonts/FbMetaliBold.woff') format('woff'),
         url('fonts/FbMetaliBold.ttf') format('truetype'),
         url('fonts/FbMetaliBold.svg#FbMetaliBold') format('svg');
}
@font-face {
    font-family: 'blairmditc_ttmedium';
    src: url('fonts/blairmditc_tt_medium-webfont.eot');
    src: url('fonts/blairmditc_tt_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/blairmditc_tt_medium-webfont.woff') format('woff'),
         url('fonts/blairmditc_tt_medium-webfont.ttf') format('truetype'),
         url('fonts/blairmditc_tt_medium-webfont.svg#blairmditc_ttmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exmouthregular';
    src: url('fonts/exmouth_-webfont.eot');
    src: url('fonts/exmouth_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exmouth_-webfont.woff') format('woff'),
         url('fonts/exmouth_-webfont.ttf') format('truetype'),
         url('fonts/exmouth_-webfont.svg#exmouthregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'varela_roundregular';
    src: url('fonts/varelaround-regular-webfont.eot');
    src: url('fonts/varelaround-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/varelaround-regular-webfont.woff') format('woff'),
         url('fonts/varelaround-regular-webfont.ttf') format('truetype'),
         url('fonts/varelaround-regular-webfont.svg#varela_roundregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ChaparalPro_Regular';
    src: url('fonts/ChaparralPro-Regular.eot');
    src: url('fonts/ChaparralPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/ChaparralPro-Regular.woff') format('woff'),
         url('fonts/ChaparralPro-Regular.ttf') format('truetype'),
         url('fonts/ChaparralPro-Regular.svg#ChaparralPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	outline:none;
}

*:active, *:focus {
	outline:none;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: 'FbMetaliRegular',sans-serif;
}
body {
	background: #fff;
	font: 17px/1.2 'FbMetaliRegular',sans-serif;
	color: #4d4d4d;
	direction: rtl;
	min-width: 300px;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

a {
	text-decoration: none;
}

p {
	margin: 0 0 20px;
	font-family: 'FbMetaliRegular',sans-serif;
}

h2 {
	color: #23408f;
	font-size: 30px;
	font-weight: bold;
	padding: 1px 0 7px;
	margin: 0 0 11px;
	text-align:center;
}

h3 {
	font-size: 17px;
	border-bottom: 1px solid #bcbcbc;
	padding: 0 0 9px 1px;
	margin: 0 0 2px;
	font-weight: normal;
}
::-webkit-input-placeholder {
	color: #BCBCBC;
}
:-moz-placeholder {
	color: #BCBCBC;
}
::-moz-placeholder {
	color: #BCBCBC;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
	color: #BCBCBC;
}
:focus::-webkit-input-placeholder {
	color: transparent;
}
:focus:-moz-placeholder {
	color: transparent;
}
:focus::-moz-placeholder {
	color: transparent;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}
:focus:-ms-input-placeholder {
	color: transparent;
}
img.aligncenter{
	margin: 0 auto;
	display: block;
}
img.alignleft{
	float: left;
}
img.alignright{
	float: right;
}
/* ------------- Basic Style --------- */
.clearfix:before,
.clearfix:after{
	content: "";
	display: block;
	clear: both;
	font-size: 0;
	height: 0;
	overflow: hidden;
}
.one_half {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.holder_two_col{
	font-size: 0;
}
.anim{
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.mobile_block{
	display: none;
}
/* --------------- Header ------------- */
.site-header {
	width: 100%;
}
.header_inner {
	width: 1044px;
	margin: 0 auto;
	position: relative;
	padding: 6px 10px 4px;
}
.site-header .logo {
	float: right;
}
.phone_number {
	float: left;
	font: 30px 'ChaparalPro_Regular';
	padding: 30px 0 0 8px;
}
.phone_number a {
	border-bottom: 1px solid #a45d27;
	display: inline-block;
	vertical-align: middle;
	color: #848484;
	line-height: 1;
}
.phone_number i {
	background: url(images/sprite.png) no-repeat -7px -4px;
	width: 39px;
	height: 39px;
	display: inline-block;
	vertical-align: middle;
}

/*End header */
.header_wrapper {
	width: 1024px;
	position: relative;
	margin: 0 auto;
}
/*Begin slider */
.main_slider{
	position: relative;
	overflow: hidden;
}
.main_slider .slide {
	width: 100%;
	position: relative;
	padding-top: 25%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	min-height: 600px;
}
.main_slider .slide .wrapper{
	position: absolute;
	height: 100%;
	width: 1100px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.main_slider .slide .wrapper:after{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 100%;
}
.main_slider .slide .content_slideshow{
	width: 50%;
	display: block;
	vertical-align: middle;
	margin-top:50px;
}
.main_slider .slide .content_slideshow .content_block{
	margin: 0 0 20px;
	width: 100%;
	padding: 20px;
	color: #fff;
	font:24px/1 'FbMetaliRegular',sans-serif;
}
.main_slider .slide .content_slideshow .content_block b,
.main_slider .slide .content_slideshow .content_block strong{
	font-family: 'FbMetaliBold', sans-serif;
}
.main_slider .slide .content_slideshow .content_block img{
	max-width: 100%;
	display: block;
	height: auto;
}
.main_slider .slide .content_slideshow .content_block:last-child{
	margin: 0;
}
.main_slider .slide .content_block p{
	margin: 0;
	display: inline-block;
	vertical-align: bottom;
}
.main_slider .slide .content_block h1,
.main_slider .slide .content_block h2,
.main_slider .slide .content_block h3,
.main_slider .slide .content_block h4,
.main_slider .slide .content_block h5{
	display: inline-block;
	border: none;
	color: #fff;
	clear: none;
	margin: 0;
	padding: 0;
}
.main_slider .slide .content_block h1,
.main_slider .slide .content_block h2{
	font-size: 105px;
}
.main_slider .slide .content_block h3,
.main_slider .slide .content_block h4{
	font-size: 55px;
	line-height: 50px;
}
.main_slider .slide .content_block span{
	display: inline-block;
	vertical-align: bottom;
	margin:20px;
}
.main_slider .slide .content_block ul{
	padding: 10px;
}
.main_slider .slide .content_block ul li{
	padding: 0 20px 0 0;
	position: relative;
	margin: 0 0 10px;
	line-height: 1;
	font-size: 28px;
}
.main_slider .slide .content_block ul li:before{
	content: '';
	height: 7px;
	width: 7px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 11px;
	right: 0;
}
.main_slider_pager {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0, .75);
	padding: 10px 0 9px;
	font-size: 0;
	z-index: 101;
}
.main_slider_pager span {
	background: #4a4a4a;
	display: inline-block;
	height: 8px;
	width: 8px;
	margin: 0 5px 0 6px;
	cursor: pointer;
	border-radius: 50%;
	z-index: 100;
}

.main_slider_pager .cycle-pager-active,
.main_slider_pager .cycle-pager:hover {
	background: #fff;
}
.more_info_btn {
	background: #a45d27;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding: 8px 0 10px;
	font-size: 18px;
	display: block;
}
.more_info_btn i {
	background: url(images/sprite.png) no-repeat -20px -52px;
	height: 8px;
	width: 13px;
	display: inline-block;
	position: relative;
	margin: 0 10px 0 0;
}
/*Begin contact form */
.main_contact_form{
	direction: rtl;
	width: 289px;
	position: absolute;
	top: 50px;
	left: 10px;
	z-index: 200;
}
.main_contact_form h3{
	color: #fff;
	font: 21px 'Arial', sans-serif;
	padding: 15px 16px 17px 5px;
	margin: 0;
	border: none;
	text-align: center;
	position: relative;
}
.main_contact_form h3:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #222126;
	opacity: .9;
}
.form_holder{
	position: relative;
}
.form_holder:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .8;
}
.main_contact_form h3>div{
	position: relative;
}
.main_contact_form h3 p{
	margin: 0;
}
.main_contact_form .form_wrap {
	padding: 19px 15px 15px;
}
.main_contact_form span{
	display: block;
	margin: 0 0 4px;
}
.main_contact_form input{
	width: 100%;
	color: #bdbdbd;
	font: 16px 'Arial';
	padding: 9px 14px 10px 14px;
	border: 1px solid #b3b3b3;
}
.main_contact_form input[type="submit"] {
	background: #009639;
	border-radius: 4px;
	padding: 0;
	height: 55px;
	margin: 10px 0 0;
	font-size: 26px;
	color: #fff;
	border: 0;
	cursor: pointer;
}
.main_contact_form input[type="submit"]:hover {
	background: #31b570;
}
.main_contact_form input.wpcf7-not-valid  {
	border: 3px solid #e41513;
}
.contact_form_wrapper {
	position: relative;
}
.contact_form_wrapper form {
	width: 100%;
	direction: rtl;
	position: relative;
}
.main_contact_form  span.wpcf7-not-valid-tip{
	display: none;
}
div.wpcf7-validation-errors{
	margin: 0;
	background: #fff;
	color: #e41513;
	padding: 11px 18px;
	font: 16px "Arial";
	direction: rtl;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
	border: 0;
}
.contact_form_wrapper form.sent .form_wrap{
	opacity: 0;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok {
	margin: 0;
	padding: 63px 20px 0;
	text-align: center;
	color: #3c7c1a;
	font: 17px "Arial";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok span{
	font-size: 30px;
	margin: 0 0 18px;
	display: block;
}
.wpcf7-form.sent .main_contact_form {
	visibility: hidden;
}
/*End contact form */

/*End slider*/

/*Begin container*/

.wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}

.container {
	margin: 40px 0 10px;
	overflow: hidden;
}

.container:after,
.container:before{
	content: '';
	display: table;
	width: 100%;
	clear: both;
	height: 0;
	font-size: 0;
}
.function_list{
	width: 77%;
	margin: 0 auto 22px;
	text-align: center;
	font-size: 0;
}
.function_list .item_function{
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
	padding: 0 2%;
}
.function_list .item_function .icon_holder{
	height: 135px;
	position: relative;
	margin: 0 0 21px;
}
.function_list .item_function .icon_holder img{
	width: auto;
	height: auto;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.function_list .item_function h3{
	color: #000000;
	font-size: 30px;
	border: none;
	font-family: 'FbMetaliRegular',sans-serif;
}
.container .template_block {
	width: 100%;
	margin: 20px 0 37px;
}
.container .template_block h2{
	color:#23408f;
	font-weight:bold;
	width: 100%;
	font-size: 38px;
	font-family: 'FbMetaliRegular',sans-serif;
}
.container .template_block p {
	text-align:center;
	font-size:25px;
	line-height: 1.5em;
}
.container .template_block p strong {
	font-size:28px;
	color:#c3852f;
}
.container .template_block:first-child {
	margin: 0 0 0 35px;
}

.template_block .accomodation {
	margin: 0 0 12px;
}

/*End container*/

/*Begin slider_gallery*/

.gallery {
	width: 100%;
	position: relative;
	margin: 0 0 45px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	direction: ltr;
}
.slider_images {
	overflow: hidden;
}
.slider_images .slide {
/*	display: inline-block;
	padding: 0 6px;
	width: 12.5%;
	cursor: pointer;
	vertical-align: top;*/
}
.slider_images .slide a{
	position: relative;
	display: block;
	padding: 100% 0 0;
	border: 1px solid #A9A9A9;
	background-position: center;
	background-size: cover;
}
.slide:first-child {
	margin:0;
}

.slide .overlay .loupe {
	background: url(images/sprite.png) no-repeat -3px -105px;
	width: 44px;
	height: 45px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
}

.slide {
	position: relative;
}

.slide .overlay {
	opacity: 0;
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
	background: #272426;
	display: block;
}

.slide .overlay:hover {
	opacity: 0.9;
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
	background: #272426;
	display: block;
}

.owl-nav div{
	width: 75px;
	background: rgba(195, 133, 47, 0.9);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	cursor: pointer;
	z-index: 100;
	height: 100%;
	text-indent: -9999px;
}
.owl-prev {
	left: auto;
	right: 0;
}
.owl-nav div:before {
	content: '';
	background: url(images/sprite.png) no-repeat -29px -72px;
	width: 13px;
	height: 24px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.owl-nav .owl-next:before{
	background: url(images/sprite.png) no-repeat -9px -72px;
}

/*End slider_galler*/

/*Begin specifications_block*/

.specifications_block {
	padding: 0 10px 55px;
}
.specifications_list{
	font-size: 15px;
}
.specifications_list li{
	padding: 7px 0 4px 10px;
	position: relative;
	line-height: 1.7;
}
.specifications_list li p{
	margin: 0;
}
.holder_text{
	overflow: hidden;
}
.specifications_list li:before {
	content: '';
	float: right;
	background: url('images/sprite.png') no-repeat -13px -159px;
	width: 20px;
	height: 19px;
	margin: 4px 1px 0 12px;
}

/* ------------ Footer Contact Form ---------- */
.footer_contact_form_holder{
	background: #C9BFAB;
	padding: 0 0 40px;
}
.footer_contact_form_holder h3{
	display: inline-block;
	font-size: 21px;
	padding: 11px 30px 15px;
	line-height: 1;
	color: #fff;
	background: #222126;
	margin: 0 0 18px;
}
.holder_footer_form{
	width: 101.6%;
	margin: 0 -0.8%;
	font-size: 0;
}
.footer_contact_form_holder .contact_form{
	position: relative;
}
.footer_contact_form_holder form.sent .holder_footer_form{
	opacity: 0;
}
.footer_contact_form_holder .row{
	width: 23.4%;
	margin: 0 0.8%;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
}
.footer_contact_form_holder .row input{
	width: 100%;
	border:1px solid #B2B2B2;
	font-size: 16px;
	padding: 5px 10px;
	line-height: 1;
	padding: 11px 12px 6px;
	font-family: 'FbMetaliRegular',sans-serif;
	color: #4d4d4d;
}
.footer_contact_form_holder input[type="submit"]{
	border: none;
	background: #00953A;
	color: #fff;
	font-size: 24px;
	padding: 12px 10px 15px;
	font-family: 'FbMetaliRegular',sans-serif;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
.footer_contact_form_holder input[type="submit"]:hover{
	background: #3AB571;
}
.footer_contact_form_holder div.wpcf7-validation-errors,
.footer_contact_form_holder div.wpcf7-spam-blocked,
.footer_contact_form_holder div.wpcf7-mail-sent-ng,
.footer_contact_form_holder span.wpcf7-not-valid-tip{
	display: none!important;
}
.footer_contact_form_holder .row input.wpcf7-not-valid{
	border: 3px solid #e41513;
}
.footer_contact_form_holder div.wpcf7-response-output.wpcf7-mail-sent-ok{
	padding: 0 20px;
}
.footer_contact_form_holder div.wpcf7-response-output.wpcf7-mail-sent-ok span{
	margin: 0;
}
/* --------------- Responsive ---------------- */
@media(max-width: 1100px){
	.main_slider .slide .wrapper{width: 100%}
	.main_slider .slide .content_slideshow{width: 60%;}
}
@media(max-width: 1050px){
	.header_inner,
	.header_wrapper{width: 100%;}
	/*.main_slider .slide{min-height: 600px;}*/
}
@media(max-width: 1020px){
	.wrapper{width: 100%;}
}
@media(max-width: 992px){
	.function_list{width: 100%;}
}
@media(max-width: 767px){
	.mobile_block{display: block;}
	.desktop_block{display: none;}

	.main_contact_form{position: static;width: 100%;}
	.main_slider .slide .content_slideshow{width: 95%;margin: 0 auto;}

	.function_list .item_function h3{font-size: 24px;}

	.one_half{width: 100%;margin: 0 0 20px;}

	.footer_contact_form_holder .row{width: 48%;margin-bottom: 10px;}
}
@media(max-width: 640px){
	.owl-nav div{width: 45px;}

	.main_slider .slide .content_block h1,
	.main_slider .slide .content_block h2{font-size: 70px;}
	.main_slider .slide .content_block h3,
	.main_slider .slide .content_block h4{font-size: 61px;}
	.main_slider .slide .content_slideshow .content_block,
	.main_slider .slide .content_block ul li{font-size: 20px;}
	.main_slider .slide .content_block ul li:before{top: 7px;}

	.function_list .item_function{width: 50%;margin: 0 0 30px;}

	.holder_footer_form{margin: 0;width: 100%;}
	.footer_contact_form_holder .row{width: 100%;margin: 0 0 10px;}
}
@media(max-width: 480px){
	.site-header .logo{max-width: 120px;}
	.site-header .logo img{display: block;max-width: 100%;}
	.phone_number{font-size: 19px;padding: 50px 0 0 0px;}

	.main_slider .slide .content_block h1,
	.main_slider .slide .content_block h2{font-size: 65px;}

	.function_list .item_function{width: 100%;margin: 0 0 20px;}
}

/* ------------- Table Style --------- */
.mytable {
	border: 2px #c3852f solid;
}
.trhead, .tdside {
	background: rgba(195, 133, 47, 0.5);
	color:#23408f;
	vertical-align: middle;
	border: 2px #c3852f solid;
}

.mytable td {
	vertical-align: middle;
	border: 2px #c3852f solid;
	color:#23408f;
}


.youtube1 {text-align:center; margin:40px;}





















/* */