@import"reset.css";@import"pro_pages_style.css";@import"grid.css";@import"forms.css";@import"prettyPhoto.css";@import"jquery.snippet.min.css";@import url(http://fonts.googleapis.com/css?family=Righteous);
@import"superfish.css";@import"tms.css";@import"carousel.css";@import"ui.totop.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Trebuchet MS1, Trebuchet MS, sans-serif; font-size:12px; line-height:21px; color:#997f83; min-width:970px; background:#FFFFFF;}
.main {width:960px;padding:0;margin:0 auto;}


/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left, .fleft{float:left}
.f_right, .fright{float:right}
.align_right, .alignright {text-align:right}
.align_center , .aligncenter {text-align:center}

.italic{font-style:italic}
.letter {letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper, .extra-wrap{ overflow:hidden;}
.container{width:100%}
.extra_last, .lst{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#e95e3f;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration: underline;}

.link{color:#e95e3f;}
.link:hover{color:#5c484a;text-decoration:none;}

.more{display:inline-block;background: url('../images/more.png') right 7px no-repeat;margin:18px 0 0;padding: 0 19px 0 0;text-transform:uppercase;font-size: 11px; line-height: 21px; color: #e95e3f;text-decoration:underline;}
.more:hover{text-decoration:none;}

/*================================>> hovers <<========================================*/
.link, .sf-menu li, .carousel li .detail, .img_wrap1{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*================================>> Global Blocks <<========================================*/

.global{position:relative;}
.block1{border-bottom:9px solid #f4f1ec;z-index:10;background: url('../images/block1.jpg') 50% 0 no-repeat #fbf9f6;}
#first_page .block1{background:none;height: 633px;}
.block1 .main{z-index:999;position:relative;}

.block4{border-bottom:9px solid #f4f1ec;z-index:10;background: url('../images/block3.jpg') 50% 0 no-repeat #fbf9f6;}
#first_page .block4{background:none;height: 633px;}
.block4 .main{z-index:999;position:relative;}

.block2{background-color:#fffefa;}
   .sub_block1{}
   .sub_block2{padding: 45px 0 51px;}
   .sub_block3{padding:42px 0 50px;}
   
.sub_block1, .sub_block2, .sub_block3{position:relative;}
.sub_block1:after, .sub_block2:after, .sub_block3:after{background: url('../images/bot_bg.png') repeat-x;display:block;position:absolute;bottom:0;left:0;width:100%;height:41px;content:"";}

.block3{border-top:3px solid #1c3583; background-color:#1c3583;}

/*********************************header*************************************/

.header_box{background: url('../images/header_box.png') 50% 0 repeat; margin: 0 11px 0 10px; padding:9px 0px 0;border-radius: 0 0 7px 7px;}

header {
	background:#1c3583;
	border-radius: 0 0 7px 7px;
	position: relative;
	border-top: 1px solid #564143;
	background-color: #1c3583;}
header:before{position:absolute;display:block;height:5px;width:100%;left:0;top:-6px;background: url('../images/header_bef.png') repeat-x;content:"";}
header h1{width:180px;padding: 31px 0 0 31px;float:left;}
header h1 a {display:block;width:211px;height:30px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*================================>> social icons <<========================================*/

.social{ overflow:hidden; padding-right:15px;height:92px; background-color:#FFF;}
.social a{ display:block; float:left;width:24px;height:24px; overflow:hidden; margin-left:4px;}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{ margin-top:-24px;}
.social h1{width:180px;padding: 8px 0 0 0; margin:0 auto;}
.social h1 a {display:block;width:208px;height:67px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:34px 0px 48px 0px;position:relative;z-index:1;}
.cont_pad{padding:0 0 0 0 !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:21px}
.p2{ margin-bottom:14px;}
.p3{margin-bottom:24px;}
.p4{}
.p5{}
.p6{}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 0 6px no-repeat; padding-left:12px;margin-bottom:9px;}
.list1 a{color:#997f83;}

/*================================>> H <<========================================*/
/*  Header styles */
h1,h2,h3,h4,h5,h6,h7{line-height:1.3em;color:#5c484a;font-family:Arial, Helvetica, sans-serif, cursive;text-transform:uppercase;}
h1{font-size:40px;}
h2{font-size:35px;}
h3{font-size:30px;} 
h4{font-size:27px;}  
h5{font-size:25px;}
h6{font-size:22px;}
h7{font-size:14px;}


h2,h3,h4{ font-weight:normal;}
h2.h2{font-size: 24px; line-height: 29px; color:#5c484a;}
h2 span{display:block;margin-top:-5px;}

h2.ind{ margin-bottom:26px;}
h2.ind1{ margin-bottom:20px;}
h2.ind2{ margin-bottom:25px;}
h2.ind3{ margin-bottom:7px;}
h2.ind4{ margin-bottom:19px;}

h3.h3{font-size: 18px; line-height: 22px; color:#b6acae;}
h3.ind1{ margin-bottom:px;}

.h4{font-size: 14px; line-height: 20px; color: #5c484a;margin-bottom:9px;}
/*================================>> GOOGLE FONTS  <<========================================*/
.right{font-family: 'Righteous', cursive;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{ float:right;}

.offer p{margin-bottom:24px;}

.img_wrap1{display:inline-block;border:3px solid #eceae7;}
.img_wrap1:hover{border-color:#d74613;}

.workspace .text{margin: -7px 0 0 0;}
.workspace .h3{margin:-5px 0 20px;}
/*********************************page_2*************************************/

.fl_text{float: left;margin: 5px 19px 0 0;}

.of_space{}
.of_space>li{margin-bottom:24px;}
.of_space>li>figure, .choose>figure{width:50px;height:47px;background:#e95e3f;font-size:36px;color:#fff;border-radius:100%;line-height:43px;text-align:center;padding-top:3px;text-transform:uppercase;margin: 5px 0 0 0;text-shadow: 0 1px #a3422c;}
.of_space>li>div{width:241px;}
.of_space h4{text-shadow: 0 1px #fff;}

.choose>div{width:220px;margin-right:20px;}

.m_bot1{margin-bottom:24px;}
.m_bot2{margin-bottom:20px;}

/*********************************page_3*************************************/

.gallery{background: url('../images/gallery.jpg') repeat; text-decoration:none !important;border-radius: 0 0 7px 7px;display:block;}
.gallery:hover h4{color:#fff;text-shadow: 0 1px #000;}
.gallery:hover{color:#997f83;background:#4b3537;}
.gallery .text{padding: 15px 20px 14px 20px;color:#997f83;}

/*********************************page_5*************************************/


.map_wrapper{overflow:hidden;margin-bottom:26px;}
#map_canvas {
    width:390px;
	height:355px;
}

.stay_box{}
.stay_box{}
.stay_box .fright{width:220px;margin-top:-5px;}

.adress{margin-bottom:24px;}
.adress span{ display:inline-block; width:70px;}
.adress dt{ margin-bottom:9px;}
.adress a{}
.adress a:hover{ text-decoration:underline;}

.demo{text-decoration:underline;}
.demo:hover{text-decoration:none !important;}


/****************************footer************************/
footer {padding:31px 0;text-align:center;font-size:13px;text-shadow:1px 1px #000;}
footer, footer a{color:#f7f4f0;}
/* Pour some CSS below ========================================================= */
/*==========================================*/


/*responsive*/
@media only screen and (max-width: 767px) {
body{min-width: 260px;}
.sf-menu{float: none;}
.sf-menu ul{width: 100%;position: static;border-radius:0;}
.sf-menu li ul, .sf-menu li.sfHover ul{width:100%;}
.sf-menu> li{width: 100% !important;border-right:none;}
.sf-menu > li a{border:none;}
.sf-menu > li:first-child{border:none;}
nav{margin:27px 0 0 0;}
.sf-menu > li > a {display: block; padding: 15px 30px;}
 #toTop {left: 78% !important; bottom:20px; margin-right: 0 !important;}   
 .sf-menu > li:before {background:none;}
.img_wrap1 {margin-bottom: 15px;}
.sf-menu > li:hover{background-color: #3F2D2F;}
.main {width:100%;}
.of_space > li > figure, .choose > figure {margin:15px 40%;}
.fl_text {margin: 5px 19px 15px 0;}
h2.ind1 {margin-top: 20px;}
.gallery {margin-bottom: 15px;}
.container_12 .grid_4 {margin-bottom: 15px}
.stay_box .fright {margin-top: 13px; width: 250px;}
#contact-form textarea, #contact-form input {width: 240px;}
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
body {min-width: 420px;}
.sf-menu{float: none;}
.sf-menu ul{width: 100%;position: static;border-radius:0;}
.sf-menu li ul, .sf-menu li.sfHover ul{width:100%;}
.sf-menu> li{width: 100% !important;border-right:none;}
.sf-menu > li a{background: url("images/menu-part.png") repeat scroll center 0 transparent;}
.sf-menu > li:first-child{border:none;}
.block1 { background: url("../images/block1.jpg") no-repeat scroll 50% 0 #FBF9F6;}
nav{margin:27px 0 0 0;}
#toTop {left: 78% !important;  bottom:20px;margin-right: 0 !important;}   
h2.h2 {font-size: 21px;}
.of_space > li > div {width: 380px;}
.ext_list > li > div, .ext_box > div {float: left;}
.choose > div {width: 380px;}
.stay_box .fright {width: 410px;}
.gallery img{width:100%;}
}

@media only screen and (min-width: 768px) and (max-width: 995px) {
body{min-width:0;}
.main {width:100%;}
.sf-menu > li > a {padding: 42px 16px 35px;}
.container_12 .grid_3 {margin-bottom: 30px; margin-left: 50px; width:300px;}
 #toTop {left: 87% !important; bottom:20px; margin-right: 0 !important;}  
.container_12 .grid_6 {margin-bottom: 10px; width: 450px;}
.car-wrapper .buttons {right: 53px;}
.container_12 .grid_8 {width: 700px;}
.container_12 .grid_4 {width: 630px;}
h2.ind1 {margin-top: 20px;}
.of_space > li > div {width: 550px;}
.choose > div { width: 530px;}
.container_12 .alpha, .container_12 .omega {margin-left: 10px;}
.container_12 .omega1 {margin-left: 0px;}
.gallery .text {float: right;width: 280px;}
.gallery {margin-bottom: 20px;}
}