@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Tangerine:400,700);
HTML{ margin: 0px; padding: 0px; }
BODY{ margin: 0px; padding: 0px; font-family: "Source Sans Pro"; font-size: 17px; font-weight: 300;  }
a{ text-decoration: none; }
ul,li,h1,h2,h3,h4{ margin: 0px; padding:0px; list-style: none; font-weight: normal; }
div{ box-sizing: border-box; }
a,button,input,select{ outline: none; }

.wrapper{ position: relative; width: 100%;  max-width: 960px; margin: auto; }
#header{ width: 100%; min-height: 114px; border-top:10px solid #fff; background: #ffffff; }
#nav{ display: inline-block; float: right; font-size: 0px; }
#nav li{ height: 109px; margin: 0px 2px 0px 0px; line-height: 144px; display: inline-block; padding: 0px 12px 0px 12px; border-bottom: 5px solid #fff; }
#nav li:hover a, #nav li.active a{ color:#a1037a; /*border-bottom: 5px solid #a1037a;*/ }
#nav li a{ display: inline-block; width: 100%; height: 100%; color:#003471; font-weight: 300; font-size: 21px; }
#logo{ display: inline-block; float: left; line-height: 120px; font-size: 70px; font-family: Tangerine; color:#a1037a;}
.langs{ position: absolute; right: 20px; top: 10px; }
.langs a{ color:#003471; margin-left: 10px; }
.langs a:hover, .langs a.active{ color:#a1037a;  }

/* home page */
.homePage{/* height: 866px; overflow: hidden; */ position: relative;}
.homeBox{ width: 100%;}
.homeBox .frame{ width: 100%; height:866px; /*background:url("bg/slideHover.png");*/ }
.homeBox #slider img{ width: 100%; }
.homePage .boxes{ width: 960px; position: absolute; z-index: 1000; margin-top: -240px;}
    .homePage .boxes li{ display: inline-block; width: 222px; height: 192px; margin-right: 20px; font-size:17px; line-height: 334px; text-align: center; background: #003471 url("bg/homeBoxes.png"); color:#fff; }
    .homePage .boxes li:hover{}
    .homePage .boxes li.b1{ background-position: 0px 0px; background-color:#a1037a; }
    .homePage .boxes li.b2{ background-position: -222px 0px; }
    .homePage .boxes li.b3{ background-position: -444px 0px; }
    .homePage .boxes li.b4{ background-position: -666px 0px; margin-right: 0px; }

/* about page */
.aboutPage{ overflow: hidden; }
.aboutSlider{ width: 1200px; height: 385px; position: relative; margin: auto; z-index: 10; }
.aboutSlider .frame{ width: 100%; height:385px; background:url("bg/aboutSlideHover.png"); position: absolute; z-index: 100; }
.min385{ height: 385px; }
.min100{ height: 100px; }
.aboutPage .container{ padding: 45px 0px 0px 0px; }
.aboutPage .borderBottom{ margin: 35px 0px 35px 0px;}
.aboutPage .text .borderBottom{ margin: 35px 0px 0px 0px;}

/* accomodation page */
.accomodationSlider{ width: 1200px; height: 280px; position: relative; margin: auto; z-index: 10; }
.accomodationSlider .frameLeft{ width: 120px; height: 380px; position: absolute; top: 0px; left: 0px; z-index: 20; background: url("bg/frames.png");}
.accomodationSlider .frameRight{ width: 120px; height: 380px; position: absolute; top: 0px; right: 0px; background: url("bg/frames.png") -120px 0px;}
.accomodationSlider .boxes{ padding: 20px 0px 0px 0px; height: 280px; background-color: #ebebeb; font-size: 0px; }
    .accomodationSlider .boxes li{ display: inline-block; position: relative; margin: 0px 21px 0px 0px; background-color: #fcfcfd; font-size: 17px; border: 1px solid #c8c8c8; }
    .accomodationSlider .boxes li:nth-child(2) h3{ padding-left:12px; }
    .accomodationSlider .boxes li:nth-child(3) h3{ padding-left:20px; }
    .accomodationSlider .boxes li a{ color:#707070; }
    .accomodationSlider .boxes li h3{ text-align: center; line-height: 45px; font-size: 17px; color:#a1037a; }
    .accomodationSlider .boxes li .info{ display:block; margin: 0px 0px 0px 10px; color:#a1037a; padding: 0px 10px 0px 25px; background:url("bg/person.png") center left no-repeat; font-size: 15px; line-height: 45px;  }
    .accomodationSlider .boxes li .info .r{ float: right;  }
    .accomodationSlider .boxes li .photo{ display: inline-block; width: 222px; height: 146px; overflow: hidden;  }
    .accomodationSlider .boxes li .photo img{ width:100% !important;  }
    .accomodationSlider .boxes li:last-child{ margin-right: 0px; }
    .boxes .note{ width: 34px; height: 34px; background: url("bg/accomodationIcons.png") -68px 0px; position: absolute; top: 5px; left: 10px; }
    .boxes .brush{ width: 34px; height: 34px; background: url("bg/accomodationIcons.png") -34px 0px; position: absolute; top: 5px; left: 10px; }
    .boxes .quill{ width: 34px; height: 34px; background: url("bg/accomodationIcons.png") 0px 0px; position: absolute; top: 5px; left: 15px; }
.accomodationPage .photo{ width: 222px; font-size: 0px; }
.accomodationPage .container{ padding: 35px 0px 0px 0px; }
.accomodationPage .borderBottom{ margin: 45px 0px 35px 0px;}
#map{ width: 100%; height: 100%; }

/* price */
.priceList{ width: 100%; min-width: 600px; }
.priceList td{ text-align: center; line-height: 30px; font-weight: 600; color: #636363; }
.priceList th{ font-weight: 500; color:#003471; line-height:22px; }
.priceList th p{ margin: 0px 0px 10px 0px; }

/* apartment page */
.min440{ width: 1200px; height: 440px; margin: auto; margin-bottom: 45px; position: relative; }
.apartmentSlider{ width: 100%; height: 485px; margin: auto; position: absolute; z-index: 10; }
.apartmentSlider .frame{ width: 100%; height:100%; z-index: 100; position: absolute; background:url("bg/apartmentFrames.png") no-repeat;}
.apartmentSlider .jcarousel{ margin-top: 53px; }
.apartmentSlider .zoom{ width: 42px; height:43px; left: 50%; bottom: 28px; position: absolute; z-index: 10000; margin-left: -21px; background: url("bg/zoom.png");}
.apartmentSlider .links ul{ width: 100%; height: 53px; z-index: 10000; position: absolute;}
.apartmentSlider .links li{ width: 24.6%; text-align: center; line-height: 53px; display: inline-block;}
.apartmentSlider .links li a{ display: inline-block; width: 100%; height: 100%; color:#707070; }
.apartmentSlider .jcarousel img{ margin-top: -200px !important;}
.apartmentSlider .links li a:hover, .apartmentSlider .links li a.active{ color:#013572; }
.apartmentPage h1{ font-size: 65px; color:#013572; padding: 40px 0px 0px 0px; }
.apartmentPage h2{ font-size: 50px; color:#a1037a; text-align: center; }
.apartmentPage .persons{ width: 140px;; text-align: right; margin: 20px auto 0px auto; padding: 0px 30px 0px 0px;  background: url("bg/personBig.png") right center no-repeat; text-align: center; color:#636363; font-size:36px; font-family: 300; }
.apartmentPage .borderBottom{ margin: 45px 0px 35px 0px;}

/* elements */
.borderBottom{ height: 2px; position: relative; background-color: #d9e1ea;}
.borderTop{ height: 2px; position: relative; background-color: #d9e1ea;}
.lineTop{ border-top: 2px solid #d9e1ea;}
.borderBottom div{ width: 26px; height: 100%; display: inline-block; position: absolute; left: 50%; margin-left: -13px; background-color: #fff;}
.text{ padding: 0px 60px 0px 60px; color:#636363; line-height: 24px; }
.text div.l{ padding: 0px 20px 0px 0px !important;}
.text div.r{ padding: 0px 0px 0px 20px !important;}
.text p{ margin: 0px 0px 20px 0px; }
.text h2{ padding: 0px 0px 0px 0px; }
.text span.b{ color: #013572; }
.text a{ color:#a1037a; }
.text a:hover{ text-decoration: underline; }
.text strong{ font-weight: 600 !important; }
a.termsOfUse, .calendar a.reservation, .text a.reservation, .bookNow{ display: inline-block; margin: 10px 0px 0px 0px; padding: 4px 12px; background-color:#a1037a; color:#fff; border-radius: 2px; }
a.termsOfUse:hover, .calendar a.reservation:hover, .text a.reservation:hover, .bookNow:hover{ text-decoration: none; background-color:#7a005c; }
.text .bookNow{ display: block; margin: 40px 0px 0px 0px; }
h1{ font-size:65px; font-family: "Tangerine"; letter-spacing: 2px; font-style: italic; color:#a1037a; text-align: center; }
h2{ font-size: 21px; color: #636363; text-align: center; line-height: 32px;}
h2.l{ text-align: left; }
.col2List .l{ padding: 0px 30px 0px 0px !important;}
.col2List .r{ padding: 0px 0px 0px 30px !important;}
.sList{}
.sList li{ padding: 0px 0px 0px 25px; margin: 6px 0px 6px 0px; font-weight: 300; color:#636363; background:url("bg/bullet.png") left top no-repeat; }
.sList li span{ float:right; font-weight: 500; color:#636363; }

/* slider */
#slider { width: 100%; height:100%; position: relative; overflow: hidden; }
#s3sliderContent{ width: 100%; position: absolute; top: 0; margin-left: 0;  }
.s3sliderImage{ float: left; position: relative;  display: none; }
.s3sliderImage span { position: absolute; }

#content{ position: relative; }
#content .contact{ width: 100%;  height: 80px; position: absolute; bottom:0px; z-index: 1000;  background: rgba(255,255,255,0.8); }
#content .contact .bookNow{ position: absolute; top: 17px; left: 20px; font-size: 17px; }
#content .contact .info{ width: 485px; left: 50%; position: absolute; z-index: 1000; margin: 20px 0px 0px -190px; color: #a1037a; text-align: center; font-size: 17px; line-height: 22px; }
#content .contact .info .big{ display: block; margin-bottom: 10px; font-size: 40px; line-height: 40px; }
#content .contact .info a{ color:#a1037a; }
#content .contact .info a:hover{ text-decoration: underline; }

.contact .social{ position: absolute; top: 25px; right: 0px;}
.contact .social a{ display: inline-block; width: 30px; height: 30px; margin: 0px 0px 0px 10px; background: url("bg/share.png");}
.contact .social a.face{}
.contact .social a.instagram{ background-position: -30px 0px; }

#footer{}
#footer .contact{ height: 134px; position: relative; background: url("bg/karta.jpg") center center; }
#footer .contact .overlay{ width: 100%; height: 100%; position: absolute; z-index: 100; }
#footer .contact .info{ width: 485px; left: 50%; position: absolute; z-index: 1000; margin: 50px 0px 0px -240px; color: #636363; text-align: center; font-size: 17px; line-height: 22px; }
#footer .contact .info .big{ font-size: 50px; line-height: 40px; }
#footer .contact .info a{ color:#636363; }
#footer .contact .info a:hover{ text-decoration: underline; }
#footer .track{ background-color: #003471; height: 120px; font-size: 21px; }
#footer .track ul{ padding: 20px 0px 0px 15px; float: left; }
#footer .track ul li{ display: inline-block; }
#footer .track ul li a{ width: 100%; height: 100%; padding: 0px 10px 0px 5px; color: #f4f4f4; font-weight: 300; }
#footer .track ul li a:hover, #footer .track ul li.active a{ color: rgba(255,255,255,0.5);}
#toTop{ float: right; margin: 20px 10px 0px 0px; padding-right: 35px; background: url("bg/arrowTop.png") right no-repeat; color:rgba(255,255,255,0.5); cursor: pointer; }

.reservationForm{ width: 960px; padding: 40px 20px; box-sizing: border-box; margin: auto; background-color: #fff; }
.reservationForm .group{ margin: 0px 0px 30px 0px; }
.reservationForm .r{ border-left: 1px solid #d9e1ea; }
.reservationForm .group h3{ margin: 0px 0px 10px 0px; color:#a1037a; font-family: "Tangerine"; font-size: 40px;  }
.reservationForm .group>div{ position: relative; }
.reservationForm .group>div label{ margin: 5px 0px 5px 0px; width: 35%; font-size:17px; display: inline-block; text-align: right; }
.reservationForm .group>div label span{ font-size: 14px; display: block; color: #636363; }
.reservationForm .group>div .input{ width: 64%; padding:0px 10px 0px 10px; box-sizing: border-box; display: inline-block; }
.reservationForm .wide.group>div label{ width: 49%;  }
.reservationForm .wide.group>div .input{ width: 50%;  }
.reservationForm .status{ float: left; color: red; padding-left: 10px; }
.reservationForm .group>div .input input, .reservationForm .group>div .input select, .reservationForm .people input, .reservationForm .people select{ width: 100%; padding: 0px 5px 0px 5px; height: 25px; box-sizing: border-box; color:#636363; }
.reservationForm .send{ float: right; padding: 10px 15px 10px 15px; cursor: pointer; background-color:#a1037a; color:#fff; font-size: 17px; border: 0px; }
.reservationForm .cancel{ float: right; padding: 10px 15px 10px 15px; cursor: pointer; background-color: rgba(1,53,114,0.5); color:#fff; font-size: 17px; border: 0px; margin-right: 10px; }
.reservationForm .send:hover{ background-color:#013572;}
#ui-datepicker-div{ font-size: 14px !important; }
.reservationForm label.error{ display: none !important; }
.reservationForm .input .error{ border: 1px solid red; }
.reservationForm #bookingNotice{ padding-left: 10px; font-family:"Source Sans Pro"; font-size: 16px; color:#013572; }
.clear{ clear: both; height: 0px; }


.reservationForm .people{ display: none; }
.reservationForm .people table{ float: right; margin-right: 8px; }
.reservationForm .people tr{ display: none; }
.reservationForm .people .name input{ width: 172px;}
.reservationForm .people .age input{ width: 40px; }
.reservationForm .people .gender select{ width: 50px; }
.reservationForm .people .passport input{ width: 130px; }

/* calendar */
.calendar{}
.calendar h2{ display: block; padding: 15px 0px 35px 0px; font-size: 50px; font-family:"Tangerine"; color:#013588;}
.calendar .month{ display: block;  font-weight: 600; text-align: center; margin-top: 20px;}
.calendar .monthView{ margin:5px 0px 10px 0px; font-size: 14px; line-height: 12px; width: 100%; height:120px; text-align: center; }
.calendar td.booked,.calendar .legend .icon.booked{ background:#a1037a; color:#fff; }
.calendar td.pending,.calendar .legend .icon.pending{ background:#c3e5fe;}
.calendar td.today{ border: 1px solid #a1037a;}
.calendar th{ font-weight: 600; }
.calendar .reservation{ float: right; margin: 30px 20px 0px 0px !important; }
.calendar .termsOfUse{ float: right; margin: 30px 10px 0px 0px; }
.calendar .legend{ float: left; }
.calendar .legend .icon{ width: 15px; height: 15px; display: inline-block; }
.text .calendar .reservation{ margin-right: 0px !important; }
.ui-datepicker-calendar td a{ text-align: center !important; }
.ui-widget-header{ border:0px !important; background: none !important; color: #636363 !important; }
.ui-widget-content{ border:1px solid #dedede; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ border: 1px solid #dedede; background: none; color:#636363;}
.ui-state-disabled .ui-state-default{ background: red; border: 1px solid #9d0000; color:#740000; }
.ui-state-active{ background:#a1037a !important; color: #fff !important; }
.ui-state-highlight{ border:1px solid #a1037a !important; }

/* jCarousel */
.jcarousel{ position: relative; overflow: hidden; width: 100%; height: 385px; }
.jcarousel ul{ width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}
.jcarousel li{ float: left; position: relative; }
.jcarousel li a{ display: inline-block; width: 100%; height: 100%; z-index: 1000; position: absolute;}
.jcarousel-control-prev,.jcarousel-control-next{ position: absolute; z-index: 10000; width: 18px; font-size: 0px; height: 33px; background: url("bg/carousel.png") no-repeat; }
.jcarousel-control-prev{ left: 50%; bottom:40px; margin-left: -80px; background-position: 0px 0px; }
.jcarousel-control-next{ right: 50%; bottom:40px; margin-right: -80px; background-position: -54px 0px; }
.jcarousel-control-prev:hover{ background-position: -18px 0px !important; }
.jcarousel-control-next:hover{ background-position: -36px 0px !important; }
.jcarousel-control-prev.inactive,.jcarousel-control-next.inactive{ opacity: .5; cursor: default;}

.show-sm{ display: none; }

@media (max-width: 1200px){
    #logo{ float: left;}
    .accomodationSlider{ width: 100%; height: auto; position: relative; margin: 0px !important;}

    .frameLeft, .frameRight, .aboutSlider .frame, .apartmentSlider .frame{ display: none; }
    #map{ height: 300px;}
    .min440{ width: 100%; height: 440px; margin: auto; margin-bottom: 85px; position: relative; }

    .links{ background-color:#ebebeb;}
    .apartmentSlider .jcarousel{ margin-top: 0px; }
    .apartmentSlider .links ul{ width: 100%; height: 53px; position: relative;}
    .jcarousel-control-next{ bottom:-12px; }
    .jcarousel-control-prev{ bottom:-12px; }
    .apartmentSlider .zoom{ bottom:-20px; }
}
@media (max-width: 991px){
    .wrapper{ box-sizing: border-box; }
    .borderBottom, .lineTop{ margin-left: 20px !important; margin-right: 20px !important; }
    .borderBottom div{ display: none; }

    #logo{ display: block; float: none; margin: 20px 0px 0px 20px; line-height: 1; }
    #nav{ display: block; margin-top: 20px; float: none; text-align: center; }
    #nav li{ height: auto; line-height: 40px; padding-top: 10px; padding-bottom: 10px;}

    .min385{ height: auto; }
    .aboutSlider{ width: 100%; height: auto; position: relative; margin: 0px !important; }
    .aboutSlider .frame{ display: none; }
    .bx-wrapper{ margin-bottom: 10px !important; }

    .accomodationSlider{ width: 100%; height: auto; position: relative; margin: 0px !important;}
    .accomodationSlider .boxes{ height: auto; text-align: center; }
    .accomodationSlider .boxes ul{ max-width: 500px; margin:auto; }
    .accomodationSlider .boxes li{ margin:0px 10px 20px 10px !important; }
    .frameLeft, .frameRight{ display: none; }

    .text img{ width: 100% !important; height: auto !important; }

    .contact .social{ right: 20px; }
    .calendar .monthView{ height: 115px; }

    .show-sm{ display: block; }

    #footer .track ul{ padding: 20px 0px 0px 0px; float: none; text-align: center; }

    .reservationForm{ padding: 40px 0px; }
}

@media (max-width: 767px){
    #logo{ font-size: 60px; }
    .navbar-toggle{ position: absolute; background-color: #a1037a; top: 10px; right: 10px; cursor: pointer; }
    #nav{ width: 100%; padding: 0px; font-size: 0px; }
    #nav li{ display:block; width: 100%; line-height: 50px; padding: 0px !important; border-bottom: 1px solid #ccc; }
    #nav li a{ display: block; }
    .langs{ top: -20px; }

    #map{ height: 200px;}

    .min440{ margin-bottom: 35px;}
    .apartmentSlider .zoom{ bottom:28px; }
    .jcarousel-control-next{ bottom:40px; }
    .jcarousel-control-prev{ bottom:40px; }

    #content .contact{ height: 90px; position: relative; padding: 20px 0px 20px 0px; }
    #content .contact .info{ display: none; }
    #content .contact .bookNow{ top: 0px; z-index: 10000; }
    #content .social{ top: 10px; z-index: 10000; }

    h1{ padding: 0px 20px 0px 20px; font-size: 50px; }
    .text{ padding: 0px 30px 0px 30px; }
    .text div.l{ padding: 0px 0px 0px 0px !important;}
    .text div.r{ padding: 0px 0px 0px 0px !important;}

    .links{ display: none; }
    .apartmentSlider .jcarousel{ margin-top: 0px;}
    .accomodationSlider .boxes{ text-align: center; padding-bottom: 20px; }
    .accomodationSlider .boxes li{ width: 222px; display: block; margin:0px auto 20px auto !important; }
    .accomodationSlider .boxes li:last-child{ margin:0px auto 0px auto !important; }

    .tableResponsive{ width: 100%; margin: 0px 0px 20px 0px; overflow-x:scroll; }
    .apartmentPage .tableResponsive{ width:auto; margin: 0px 20px 0px 20px;}

    #footer .track{ height: auto; }
    #footer .track ul{ padding: 20px 0px 20px 15px; float: none; }
    #footer .track ul li{ display: block; line-height: 40px;  }
    #footer .contact .info{ width: 100%; left: 0px; position: relative; margin: 0px; padding: 20px 0px 0px 0px; text-align: center; }
    #footer .contact .info .big{ display: block; margin: 0px 0px 10px 0px; }
}

/* Magnific Popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#013572;opacity:.5;filter:alpha(opacity=50)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{cursor:auto}
.mfp-ajax-cur{cursor:progress; }
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#ccc}
.mfp-preloader a:hover{color:#fff}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}
.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #fff;margin-left:31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #fff;margin-left:39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#fff}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
    .mfp-img-mobile img.mfp-img{padding:0}
    .mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
    .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
    .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
    .mfp-img-mobile .mfp-counter{right:5px;top:3px}
    .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width: 900px) {
    .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
    .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
    .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
    .mfp-container{padding-left:6px;padding-right:6px}
}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    background: #fff;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-controls{ display: none !important; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}