/*
Theme Name: Hesteya.bg
Template: responsive-brix
Author: wpHoot
Version: 1.0
*/

.tpbr a, .tpbm a {color: #777; }
.qtranxs_widget img {margin-top: 0 !important;}

span.tpbr a:before { content:"\f10b"; font-family: FontAwesome; font-style: normal !important; padding-right: 5px; vertical-align: middle; }
span.tpbm a:before { content:"\f003"; font-family: FontAwesome; font-style: normal !important; padding-right: 5px; vertical-align: middle; }
span.tpbl:before { content:"\f015"; font-family: FontAwesome; font-style: normal !important; padding-right: 5px; vertical-align: middle; }

span.tpbr, span.tpbm, span.tpbl { padding:3px; margin:4px 8px 4px 8px; font-style: normal; display:block; }

#menu-primary-items > li > a { font: 18px/24px Oswald ; color: #999; padding: 12px 15px 10px; display: block; position: relative; margin: 4px; text-decoration: none; text-transform: uppercase; transition: 0.3s all; height: 28px; }
#menu-primary-items > li { margin: 0px; }
#menu-primary-items > li > a:hover { transition: 0.3s all; color: #86776f; background: #eee;}
#menu-primary-items > li { border-right: 1px solid #e4e4e4; }
ul#menu-primary-items { border-left: 1px solid #e4e4e4; } 
#site-title { font-size: 26px; }
#site-title a, #site-logo #site-description { color: #000 !important; }
#site-logo { padding: 8px 23px 8px 0; }
body { border: solid 10px #e4e4e4; }
#topbar {background: #fafafa;}
#topbar .grid , #header .grid , .widgetized-template-slider.grid , #widgetized-template-area_a .grid , #widgetized-template-area_b .grid , #footer .grid, #post-footer .grid { max-width: 100%; }

.fancy-block {height: 400px;position: relative;display: inline-block;overflow: hidden;border-top: 10px solid #e4e4e4;border-bottom: 10px solid #e4e4e4;align-items: center;}
.fancy-block-out {width: 100%;height: 100%;position: absolute;transform: scale(1.2);transition: 1s all;background-size: cover!important;background-repeat: no-repeat!important;background-position: center;}
.lobybl{background-image: url(http://hesteya.bg/wp-content/uploads/2017/03/loby-1.jpg);}
.roomsbl{background-image: url(http://hesteya.bg/wp-content/uploads/2017/03/rooms-1.jpg);}
.restaurantbl{background-image: url(http://hesteya.bg/wp-content/uploads/2017/03/resataurant-1.jpg);}
.fancy-block:before {border: 50px solid rgba(255,255,255,0.3);content: "";display: block;top: 5px;bottom: 5px;left: 5px;right: 15px;position: absolute;z-index: 2;transition: 1s all;opacity: 1;}
.fancy-block-in {position: absolute;left: 90px;right: 90px;top: 80px;bottom: 80px;z-index: 2;opacity: 1;transition: 0.3s all;padding: 20px;text-align: center;    color: #fff;background: url(http://hesteya.bg/wp-content/uploads/2017/03/back_frame.png) repeat-x;}
.fancy-block:after {position: absolute;display: block;content: "";top: 55px;left: 55px;right: 55px;bottom: 55px;z-index: 1;opacity: 1;transition: 0.3s all;    border: 10px solid #fff;}
.fancy-block:hover > .fancy-block-out {transform: scale(1);} 
.fancy-block:hover > .fancy-block-out> .fancy-block-in {left: 5px;right: 15px;top: 5px;bottom: 5px;}
.fancy-block:hover:before {border: 1px solid rgba(255,255,255,0.3);}
.fancy-block:hover:after {border: 0px solid #fff;}
.lbrdr {border-right: 0px solid #e4e4e4 !important;}
#widgetized-template-area_a_1 {padding: 0px;}
span.fabip {position: absolute;bottom: 0px;width: 100%;left: 0;opacity: 0.7;transition: 0.3s all;margin: 1em 0;    text-transform: uppercase;}
.fancy-block:hover > .fancy-block-out> .fancy-block-in > span.fabip {opacity:1;}
.fancy-blocklr {position: absolute;width: 10px;height: 100%;right: 0px;background: #e4e4e4; z-index: 2;}
a.fancy-block-link {position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 25;}


.fancy-block-r {height: 400px;position: relative;display: inline-block;overflow: hidden;align-items: center;}
.fancy-block-out-r {width: 100%;height: 100%;position: absolute;transform: scale(1.2);transition: 1s all;background-size: cover!important;background-repeat: no-repeat!important;background-position: center;top: 0px;}
.fancy-block-r:before {border: 50px solid rgba(255,255,255,0.3);content: "";display: block;top: 5px;bottom: 5px;left: 5px;right: 5px;position: absolute;z-index: 2;transition: 1s all;opacity: 1;}
.fancy-block-r:after {position: absolute;display: block;content: "";top: 55px;left: 55px;right: 55px;bottom: 55px;z-index: 1;opacity: 1;transition: 0.3s all;    border: 10px solid #fff;}
.fancy-block-r:hover > .fancy-block-out-r {transform: scale(1);}
.fancy-block-r:hover:before {border: 1px solid rgba(255,255,255,0.3);}
.fancy-block-r:hover:after {border: 0px solid #fff;}

.fancy-block-s {height: 300px; width:300px; position: relative;display: inline-block;align-items: center; float:right; margin-top:30px;margin-right:30px;}
.fancy-block-out-s {width: 100%;height: 100%;position: absolute;transform: scale(1);transform: transition: 1s all;background-size: cover!important;background-repeat: no-repeat!important;background-position: center;top: 0px;}
.fancy-block-s:before , .fancy-block-sl:before {border: 50px solid rgba(255,255,255,0.3);content: "";display: block;top: 5px;bottom: 5px;left: 5px;right: 5px;position: absolute;z-index: 2;transition: 1s all;opacity: 1;}
.fancy-block-s:after , .fancy-block-sl:after {position: absolute;display: block;content: "";top: 55px;left: 55px;right: 55px;bottom: 55px;z-index: 1;opacity: 1;transition: 0.3s all;    border: 1px solid #fff;}
.fancy-block-sl:hover > .fancy-block-out-s {transform: scale(1);}
.fancy-block-s:hover:before , .fancy-block-sl:hover:before {border: 1px solid rgba(255,255,255,0.3);}
.fancy-block-s:hover:after , .fancy-block-sl:hover:after {border: 0px solid #fff;}

.ftr-back {height: 450px;background-size: cover!important;background-repeat: no-repeat!important;background-position: center;border-top: 10px solid #e4e4e4;border-bottom: 10px solid #e4e4e4;position: relative;}
.rfp-back {height: 250px;background-size: cover!important;background-repeat: no-repeat!important;background-position: center;position: relative;}

.ftr-backover:before , .rfp-backover:before {border: 1px solid rgba(255,255,255,0.18);content: "";display: block;top: 5px;bottom: 5px;left: 5px;    right: 15px;position: absolute;transition: 0.3s all;opacity: 1}
.ftr-rp {background-image: url(http://hesteya.bg/wp-content/uploads/2017/03/ftr-contact-frm.jpg);}
.ftr-lp {background-image: url(http://hesteya.bg/wp-content/uploads/2017/03/ftr-contact-details.jpg);}
.rfp-rp {background-image: url(http://hesteya.bg/wp-content/uploads/2017/04/regformbckgr.jpg);}
.sbedroom {background-image: url(http://hesteya.bg/wp-content/uploads/2017/04/r1t.jpg);}
.dbedroom {background-image: url(http://hesteya.bg/wp-content/uploads/2017/04/r2t.jpg);}
.abedroom {background-image: url(http://hesteya.bg/wp-content/uploads/2017/04/r3t.jpg);}

.rcook {background-image: url(http://hesteya.bg/wp-content/uploads/2017/04/DSC02603-1n.jpg);}
.rdish1 {background-image: url(http://hesteya.bg/wp-content/uploads/2017/04/plate-1.jpg);}
.rdish2 {background-image: url(http://hesteya.bg/wp-content/uploads/2017/04/plate-2.jpg);}
.rdish3 {background-image: url(http://hesteya.bg/wp-content/uploads/2017/04/plate-3.jpg);}
.rdish4 {background-image: url(http://hesteya.bg/wp-content/uploads/2017/04/plate-4.jpg);}
.rdish5 {background-image: url(http://hesteya.bg/wp-content/uploads/2017/04/plate-5.jpg);}

.grid-span-6.footer-column {padding: 0px;}
section#text-6 , #text-7 {margin: 0px;}
.ftr-backover {background-color: rgb(0, 0, 0);opacity: 0.6;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.ftr-text-cls {padding: 40px 95px;position: absolute;top: 0px;color: #fff;font-family: initial;right: 0px;left: 0px;bottom: 0px;font-size: 16px;}

.rfp-backover {background-color: rgb(0, 0, 0);opacity: 0.6;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.rfp-text-cls {padding: 20px 25px;position: absolute;top: 0px;color: #fff;font-family: initial;right: 0px;left: 0px;bottom: 0px;font-size: 16px;}

span.ftrheader {font-size: 32px;}
.ftr-text-cls a {color:#fff; } 
.ftr-text-cls a:hover {text-decoration: underline;}
.ftrdata .fa {margin-right: 8px;}
span.ftrheader:after {content: "";display: block;margin: 20px 0 35px;width: 150px;height: 1px;border-bottom: 1px solid #cfcfcf;}
.ftrdatabl .wpcf7 {width: 100%;display: block;}
.ftrdatabl p {margin: 0px;}
input.wpcf7-form-control.wpcf7-submit {background: #fff;color: #000;}
input.wpcf7-form-control.wpcf7-submit:hover {background: #000; border: 1px solid #fff;color: #fff; }
.ftrdatabl .wpcf7 input.wpcf7-form-control.wpcf7-text {width: 48%;float:left;border:1px solid #fff;margin-right:4px;margin-bottom:4px;background-color: rgb(0, 0, 0);    opacity: 0.6;    line-height: 1;}
.ftrdatabl .wpcf7-form-control.wpcf7-textarea {background-color: rgb(0, 0, 0);opacity: 0.6;    line-height: 1;width: 97%; }
span.postfl {float: left;}
span.postfr {float: right;}
#post-footer {background: #000;padding: 20px 0px 30px;}
span.postfr a {margin-right: 8px;}
#footer {padding-bottom: 0px; padding-top:0px;}
.frel input , .frel select {background: none; width:100% !important;}
main#content { width: 100%;}
.frel { float: left; margin-right: 10px; min-width: 150px; margin-bottom: 10px; }
.loop-meta {padding: 15px;}
.input-text, textarea, select, input[type="text"], input[type="input"], input[type="password"], input[type="email"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { color:#fff;}
.ftrdatabl .wpcf7 input ,input.wpcf7-form-control.wpcf7-text , .wpcf7-form-control.wpcf7-textarea { opacity: 1 !important; } 
option {color: #000;padding: 3px;}

.pageinbl{padding: 10px 15px; border: 1px solid #ddd; }
.hrcls a {text-transform: uppercase;padding: 3px 5px; color: #999;}
.hrcls a:hover {color: #000;background: #e4e4e4;}

#content {margin-top: 30px;}

h1.loop-title {width: 100%;margin-right: auto;margin-left: auto;max-width: 1150px;text-align: left;}

.hotel-head, .hotel-services { background: #fff; padding: 5px; position: relative; margin-bottom: 15px; }
.roomstitler {display: inline-block;float: right;position: relative;padding: 20px 50px;margin: 0 10px;background-size: cover!important;    background-repeat: no-repeat!important;background-position: center;width: 120px;text-align: center;height: 70px;}
.roomstitler:before {border: 1px solid rgba(255,255,255,1);content: "";display: block;top: 5px;bottom: 5px;left: 5px;right: 5px;position: absolute;transition: 1s all;opacity: 1;}

.rstr1 {background:url(http://hesteya.bg/wp-content/uploads/2017/04/roomheadbkgpic.jpg);}
.roomstitler:before {background:url(http://hesteya.bg/wp-content/uploads/2017/04/semiblack.png);}
.rtbl {position: absolute;text-align: center;}
.rtbl h3 {color: #fff;font-weight: 500;font-family: initial;}
#main {background: #e4e4e4;}
.hotel-rooms {background: #fff;padding: 5px; margin-bottom: 15px;}

.rooms { padding: 10px 15px; border: 1px solid #ddd; margin-bottom: 15px; }
.hotel-rooms { background: #fff; padding: 5px;position: relative; }
#main { background: #e4e4e4; }
.hotel-rooms-menu {position: absolute; box-shadow: 6px -6px 10px;right: 30px;top: -30px;background: #fff;padding: 5px 5px 0px;height: 30px;}
.holel-services-label {position: absolute; box-shadow: 6px -6px 10px;left: 30px;top: -30px;background: #fff;padding: 5px 10px 0px;height: 30px;}
.hrcls li {float: left;margin: 0px 3px;list-style: none;}
.hrcls {margin: 0px !important; display: inline-block;}
.rtbl a { background: #fff; color: #000; padding: 4px 12px;border: 1px solid #fff}
.rtbl a:hover { background: none; border: 1px solid #fff; color: #fff; transition: 1s;}
p.rtd {font-size: 12px;line-height: 1.6; font-style: italic;}


.rooms .gallery {border: 0px;background: #fff;}
.gallery .gallery-icon img {padding:5px; border:1px solid #e4e4e4;position:relative;}
.gallery .gallery-icon img:hover:before { border:1px solid #e4e4e4;position:absolute;top:0px;bottom:0px;left:0px;right:0px;z-index:2}

.roomstitleres {display: inline-block;position: relative;padding: 20px 50px;margin: 0 10px;background-size: cover!important;    background-repeat: no-repeat!important;background-position: center;width: 120px;text-align: center;height: 30px;}
.roomstitleres:before {border: 1px solid rgba(255,255,255,1);content: "";display: block;top: 5px;bottom: 5px;left: 5px;right: 5px;position: absolute;transition: 1s all;opacity: 1;}
.roomstitleres:before {background:url(http://hesteya.bg/wp-content/uploads/2017/04/semiblack.png);}

.fancy-block-sl { height: 180px;width: 19%;position: relative;display: inline-block;align-items: center;float: left; overflow:hidden;margin: 5px;}
.fancy-block-sl .fancy-block-out-s { transform: scale(1.2);transition: 1s all;}
.menusline { display: inline-block; width: 100%; border: 1px solid #e4e4e4; padding: 5px 0px 5px 0px;}
span.mits { position: absolute; display: inline-block; bottom: 10px; text-align: center; font-weight: 600; left: 15%; right: 15%; width: 150px; transition: 0.3s all;    margin: 1em 0; text-transform: uppercase; color: #fff; color: #fff;    font-size: 11px; }
.fancy-block-sl:hover > .fancy-block-out-s > span.mits { bottom:40%; font-size:18px; }
.lSSlideWrapper img {max-height: 660px;}
section#text-5 {margin-top: 0px;}
#menu-primary-items > li { border-right: 2px solid #e4e4e4; border: 2px solid #86776f; margin-right: 4px; }
.hptb { padding: 15px 20px; color: #000; }
#text-8 { margin: 5px; border: 1px solid #e4e4e4;}
#widgetized-template-area_b_1 { background: url(http://hesteya.bg/wp-content/uploads/2017/04/hptxtback.jpg); background-size: 100% 100%; padding: 0px;}
@font-face {
    font-family: 'mscorsiva';
    src: url("/fonts/MTCORSVA.eot") ;
    src: url("/fonts/MTCORSVA.ttf") format('truetype'),
         url("/fonts/MTCORSVA.woff") format('woff');
}
@font-face {
    font-family: 'mistral';
    src: url("/fonts/mistral-webfont.eot") ;
    src: url("/fonts/mistral-webfont.ttf") format('truetype'),
         url("/fonts/mistral-webfont.woff") format('woff');
}
span.hpft {font-family: 'mscorsiva';color: #86776f;font-size: 32px; margin-top: 20px; margin-bottom: 10px; display: block;}
#widgetized-template-page-content { padding: 0px;}
li#menu-item-278 {border: 2px solid #f39646;}
li#menu-item-278 a {color: #f39646;}
.loop-meta span {text-transform: uppercase;}
ul#huge_it_gallery2 { padding: 10px 0px !important;}
ul#huge_it_gallery3 { padding: 10px 0px !important;}
.grid-stretch { min-width: 300px !important;}
.grid { min-width: 300px !important;}
.mobphone, .mobres { padding: 5px; border-radius: 5px; border: 1px solid #e4e4e4; font-weight: bold; font-style: normal; font-size: 14px; color: #fff;    margin: 5px; background: #4ab3d4;}
section#text-9 { float: left;}
#text-10 { float: right;}
#text-10 a, #text-9 a {color: #fff;}
section.error-404.not-found { width: 100%; background: #fff; margin: 5px auto; display: block; padding: 5px 0px; }
.bdrb { margin: 0px 5px; display: block; border: 1px solid #e4e4e4; padding: 10px; text-align: center;}

.fullwid {display: inline-block;width: 100%;text-align: left;}
.fullwid img {max-width: 300px;}
#text-11 {margin: 5px;border: 1px solid #e4e4e4;padding: 20px;}
#sub-footer .grid-span-12 {padding: 0px;background: #fff;}


@media only screen and (max-width: 799px) {
.fancy-block, .fancy-block-r {width:100%;} .ftr-text-cls {padding: 40px 30px;}
.rfp-back {height: 550px;} .frel input , .frel select {width:100%;}
h1.loop-title {text-align: center;}
.roomstitler {float:none !important; margin-left:auto; margin-right:auto;display: block; margin-bottom: 15px; }
.fancy-block-r {height: 300px;}
.gallery-col-5 .gallery-item {width: 100%;} .fancy-block-s {margin-left: auto; display: block; height: 250px; width: 250px; margin-right: auto; float:none !important;}
.fancy-block-sl {height: 180px;width: 90%;}
.gallery-col-3 .gallery-item { width: 100%;}
#text-2 {display:none !important;} #text-3 {display:none !important;} #text-4 {display:none !important;}

}

@media only screen and (min-width: 799px) {
.fancy-block {float: left;width:33.333%;} .fancy-block-r {float: left;width:33.333%;margin-right:20px;}
.frel { width: 32%;}
figure.gallery-item.col-5 {position: relative;}
figure.gallery-item.col-5:after {content: url(http://hesteya.bg/wp-content/uploads/2017/04/des.png);position: absolute;right: -12px;top: 80px;}
figure.gallery-item.col-5:before {content: url(http://hesteya.bg/wp-content/uploads/2017/04/des.png);position: absolute;left: -12px;top: 80px;}
.breadcrumbs {display: block;position: absolute;right: 40px;top: 25px;}
.loop-meta span {margin: 0px 10px;}
#text-10, #text-9 {display:none !important;}
}