@import url(../css/font/DINPro-Black.css);
@import url(../css/font/DINPro-Bold.css);
@import url(../css/font/DINPro-Light.css);
@import url(../css/font/DINPro-Medium.css);
@import url(../css/font/DINPro-Regular.css);
@import url(../css/font/ChaparralPro-Bold.css);
@import url(../css/font/ChaparralPro-BoldIt.css);
@import url(../css/font/ChaparralPro-Italic.css);
@import url(../css/font/ChaparralPro-LightIt.css);
@import url(../css/font/ChaparralPro-Regular.css);


html {margin:0; padding:0; height:100%;}
body {min-height:100%;width:100%;  float:left;position:relative;  margin:0px; padding:0px 0px 0 0px;font-family:  'DINPro-Regular',sans-serif; font-weight:normal;font-size:18px;color:#1e1e1e; background: #FFFFFF  }

a{ text-decoration:underline;  color:#2c3e50;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

img{vertical-align:middle;  }
img.resp{width:100%;}
input,textarea,select{font-family:Arial; margin:0;}
button::-moz-focus-inner { border: 0; padding: 0;}

form,p,table,ul{ margin:0px; padding:0px}
p{padding-bottom:1em;}
table tr td{vertical-align:top; border-spacing:0px; font-size:18px;}

h1,h2,h3,h4,h5{margin:0px; padding:0px; font-weight:normal; font-family:  'DINPro-Bold',sans-serif; }
h1 a {color:#000000; text-decoration: none;}
h1 a:hover {color:#000000; text-decoration: underline;}

select{padding:10px;}

input,
textarea{box-sizing: border-box;}

.f-left{float:left;}
.f-right{float:right;}
.center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-middle{vertical-align:middle}
.underline {text-decoration:underline;}
.clear {clear: both;height: 1px;font-size: 1px;line-height: .5; display:block;} 
.clear.line {border:0px; margin-bottom: 25px; background: url(../images/hr_dot.gif) repeat-x left top }
.separator {float:left; width:100%; height:1px; line-height:1px; font-size:1px;}
.italic {font-style:italic}
.strong {font-weight:bold; color:#000000;}
.no-padding {padding:0!important} 
.no-overflow {overflow:visible!important;} 
.hidden{display:none;}
.noUi-connect{background:#95A700!important; }

.inp-text{border:0; border:2px solid #C8B47D; height:43px; padding:0 10px; margin:0; font-family: 'DINPro-Regular', sans-serif;font-size:14px; color:#1e1e1e; background: #ffffff; width:100%; box-sizing: border-box; }
.inp-log{border:0; border:2px solid #C8B47D; height:25px; padding:0 10px; margin:0; font-family: 'DINPro-Regular', sans-serif;font-size:14px; color:#1e1e1e; background: white; width:100%; box-sizing: border-box; }
textarea.inp-log{background: white;}
textarea.inp-text{min-height:220px; padding:10px;}

.button{background: #C7A26D ; border:0;  display:inline-block; box-sizing: border-box; color:#ffffff;font-family:  'Roboto',sans-serif; font-weight:400; font-size: 14px; text-align:center; text-decoration: none; line-height: 32px; padding:0 10px; cursor:pointer; }
.button img{padding-left:5px; margin:0; display:inline-block!important; width:auto!important; vertical-align:middle; }
.button:hover{background: #A98B5D }

.button.green{background: #36A70A }
.button.green:hover{background: #3DBB0B; color:#ffffff;}


.big-button{background: #1E1E1E; border:0; display:inline-block; color:#ffffff;font-family: 'DINPro-Regular', sans-serif; text-decoration: none; line-height: 56px; padding:0 70px; margin:20px 0;}
.big-button:hover{background: #000000;}

.submit{background: #36A70A; border:0; display:inline-block;  width:100%; max-width:300px; cursor:pointer; color:#ffffff;font-family: 'DINPro-Bold', sans-serif; font-size:22px; text-decoration: none; line-height: 56px; padding:0 15px; margin:0 auto ;box-sizing: border-box;}
.submit:hover{background: #45C215;}

.button_submit{background: #C8B47D; border:0; cursor:pointer; color:#111111; font-family: 'DINPro-Bold', sans-serif; font-size: 15px; text-decoration: none; padding: 5px 15px 5px 15px; margin-top: 10px;}
.button_submit:hover{background: #B5A371;}

.gold-button{background: #36A70A; border:0; display:block; width:100%; box-sizing: border-box; color:#ffffff;font-family: 'DINPro-Bold', sans-serif; font-weight:normal; font-size: 14px; text-align:center; text-decoration: none; line-height: 49px; padding:0 15px; cursor:pointer;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.gold-button img{padding-right:10px; top:-2px; position:relative;}
.gold-button:hover{background: #45C215;}

.trans-button{background: #E4E4E4; display:block; width:100%; box-sizing: border-box; color:#000000;font-family: 'DINPro-Bold', sans-serif; font-weight:normal; font-size: 14px; text-align:center; text-decoration: none; line-height: 49px; padding:0 15px; cursor:pointer;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.trans-button img{padding-right:10px; top:-2px; position:relative;}
.trans-button:hover{color: #000000; text-decoration: underline;}

.row{margin:12px -6px 0px -6px; box-sizing: border-box;position:relative;}
.row .col-50{width:50%; box-sizing: border-box; float:left; padding:0 6px;}
.row .col-100{width:100%; box-sizing: border-box; float:left; padding:0 6px;}
.row .col-33{width:33%; box-sizing: border-box; float:left; padding:0 6px;}
.row .col-34{width:34%; box-sizing: border-box; float:left; padding:0 6px;}
.row .col-17{width:16.6666667%; box-sizing: border-box; float:left; padding:0 6px;}

.table{display:table; width:100%;}
.table.centered{width:auto; margin:0 auto;}
.table .cell{display:table-cell; vertical-align: top;}

#sb-site{overflow:hidden; min-height:100%;}

body > #sb-site{background: url("/img/bg-prechod2.jpg") repeat-x #F3F4F4;}

body > #sb-site > header{background: #FCFDFD 50% top no-repeat; border-bottom:1px solid #C0C0C0; float:left; width:100%; position:relative; z-index: 100;}
body > #sb-site > header .layout-center{z-index:102; padding:0; text-align: center }
body > #sb-site > header > .layout-center{padding-top:15px; }
body > #sb-site > header .layout-center #logo {float:left; margin-left:-320px;}
body > #sb-site > header .layout-center .container{padding-left:320px; padding-right:200px; position:relative; }
body > #sb-site > header .layout-center .slogan {float:left; line-height: 105px; font-size:15px; font-family:'ChaparralPro-Italic', sans-serif; padding:0; margin-left:-155px;}
body > #sb-site > header .top-menu {background: #1E1E1E; text-align:left;}
body > #sb-site > header .top-menu ul{background: #1E1E1E url(../images/tm-separator.png) repeat-y right top; margin:0 0 -1px 0; padding:0 2px 0 0; list-style: none; display:table; width:100%; }
body > #sb-site > header .top-menu ul li{position:relative; background: #1E1E1E url(../images/tm-separator.png) repeat-y left top; margin:0; padding:0 0 0 2px;  display:table-cell; text-align:center;}
body > #sb-site > header .top-menu ul li > a{display:block; white-space: nowrap; line-height:45px; color:#ffffff; font-family:  'DINPro-Bold',sans-serif; text-decoration: none; font-size:13px; padding:0 8px; text-align:center; -webkit-transition: all 0.1s linear;     -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;}
body > #sb-site > header .top-menu ul li > a:hover{background: #101010; color:#FDCD8A; }
body > #sb-site > header .top-menu ul li a > img{margin-top:-2px; padding-right:10px;}
body > #sb-site > header .top-menu ul li a > img.no-padding{padding-right:0;}
body > #sb-site > header .top-menu ul li.basket > a > img{padding-left:5px; padding-right:0; }
body > #sb-site > header .top-menu ul li.basket > a > span{color:#60BD57;}
body > #sb-site > header .top-menu ul li.favorites > a > span{color:#C8B47D;}
body > #sb-site > header .top-menu ul li.multiple {color:#ffffff; line-height:45px; color:#ffffff; font-family:  'DINPro-Bold',sans-serif; text-decoration: none; font-size:13px;}
body > #sb-site > header .top-menu ul li.multiple:hover {background: #101010;}
body > #sb-site > header .top-menu ul li.multiple > a {display:inline-block; }
body > #sb-site > header .top-menu ul li.multiple > a:hover {background:transparent}

body > #sb-site > header .mobile-basket{position:absolute; right:15px; bottom:15px;  display:none;}
body > #sb-site > header .mobile-basket > a{ background: #000000; display:block; color:#ffffff; line-height:40px; color:#ffffff; font-family:  'DINPro-Bold',sans-serif; text-decoration: none; font-size:13px; padding:0 20px; width:150px; text-align:center; -webkit-transition: all 0.1s linear;     -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;}
body > #sb-site > header .mobile-basket > a > span{color:#C8B47D;}

body > #sb-site > header form#search{display:block; padding-top:35px; padding-right: 230px; position:relative;}
body > #sb-site > header form#search p{display:inline-block; position:relative; }
body > #sb-site > header form#search p .search-input{height:37px; border:1px solid #1E1E1E;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  box-sizing: border-box; padding:0 40px 0 10px; float:left; min-width:250px;  font-size:15px; font-family:'DINPro-Regular', sans-serif; }
body > #sb-site > header form#search p .search-btn{background: none; border:0; padding:0 10px 0 5px; margin:0; height:35px; margin-left:-45px;  cursor:pointer; position:relative;float:left; }
body > #sb-site > header form#search #vysledek{position: absolute; top: 100%; left: 0px; z-index: 5000; background-color: white; box-sizing:border-box;  padding: 0px; width: 100%; font-size: 16px; font-family: 'DINPro-Bold', sans-serif; display:inline-block; }
body > #sb-site > header form#search #vysledek > div{padding:7px 10px!important; }
body > #sb-site > header form#search #vysledek > a{padding:5px 10px!important; }

body > #sb-site > header .quick-contact {color:#000000; font-size:15px; font-family: 'DINPro-Bold',sans-serif; text-align: right; float:right; padding:0; margin-right:-185px; }
body > #sb-site > header .quick-contact .tel{color:#C0AA76; font-size:26px; font-family: 'DINPro-Bold',sans-serif; display:block; padding-bottom:2px; }
body > #sb-site > header .quick-contact .tel img{vertical-align:middle; margin-top:-8px;}

body > #sb-site > header nav{width:100%; padding-top:15px; font-family:  'DINPro-Bold',sans-serif;}
body > #sb-site > header nav > ul{width:100%;margin:0; padding:0; list-style: none; display:table; border-top:1px solid #1E1E1E; position:relative;}
body > #sb-site > header nav > ul > li{display:table-cell;}
body > #sb-site > header nav > ul > li > a{line-height: 47px; display:block; font-size:15px; color:#1d1d1d; text-decoration: none; padding:0 5px; -webkit-transition: all 0.2s linear;     -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
body > #sb-site > header nav > ul > li > a > img{margin-top:-3px; padding-right:5px;}
body > #sb-site > header nav > ul > li:hover > a{background: #E9DCBB; }
body > #sb-site > header nav > ul > li.aktiv {background: #F7F0DE; }
body > #sb-site > header nav > ul > li.aktiv:hover {background: #E9DCBB; }
body > #sb-site > header nav > ul > li:hover > ul{opacity:1; visibility:visible;}
body > #sb-site > header nav > ul > li > ul{position:absolute; top:100%; left:0; background: #E9DCBB; list-style: none; margin:0; padding:15px; color:#1d1d1d; text-align:left; max-width:700px; opacity:0; visibility:hidden; -webkit-transition: all 0.2s linear;     -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
body > #sb-site > header nav > ul > li > ul li{display:inline-block; padding:0 8px; text-align:center;}
body > #sb-site > header nav > ul > li > ul li a{text-decoration: none; font-size:12.5px; color:#1d1d1d; line-height: 22px;}
body > #sb-site > header nav > ul > li > ul li a:hover{text-decoration: underline}


body > #sb-site > header nav > ul > li > ul.columns li{width:20%; text-align:left;}



body > #sb-site > header .mobile-menu{display:none; float:right; margin-right:0px;}
body > #sb-site > header .mobile-menu img{width:50px;  padding:0 15px;}

.box_top_favorites {position: absolute; top: 38px; left: 0; background-color: #f0f0f0; z-index: 110;}


.layout-center{max-width:1140px; margin:0px auto;  position:relative; padding-left:15px; padding-right:15px; }
.layout-center.no-padding{padding-left:0!important; padding-right:0!important;}
.layout-center.content{padding-top: 7px; padding-bottom:20px;}

section {position:relative;}
section.beige{background: #EFEFEF;}

section .layout-center p{padding:0 0 1em 0; line-height: 25px;}
section .layout-center h1{border-bottom:1px solid #000000; padding:10px 0 5px 0; margin-bottom: 20px; color:#000000; font-size: 24px;  font-family: 'DINPro-Bold', sans-serif; text-align:center;}

section .layout-center .products{margin:0 -5px; padding-bottom:20px;}
section .layout-center .products .item{padding:5px; box-sizing: border-box; width:25%; float:left; }
section .layout-center .products .item > a{display:block; background: #EEEEEE; padding:18px; text-decoration: none; color:#000000; -webkit-transition: all 0.3s linear;     -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
section .layout-center .products .item.gold > a{background: #E7E8E8}
section .layout-center .products .item.gold > a:hover{background: #E7E8E8 }
section .layout-center .products .item > a .foto{display:block; overflow:hidden; position:relative;  border: 1px solid #D8D9D9;}
section .layout-center .products .item > a .foto > img{padding:0; margin:0;  width:100%; -webkit-transition: all 0.3s linear;     -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
section .layout-center .products .item > a .foto > span{position:absolute; width:38%; }
section .layout-center .products .item > a .foto > span img{max-width:100%; }
section .layout-center .products .item > a .foto > span.rb{right:0; bottom:0;text-align:right;}
section .layout-center .products .item > a .foto > span.rt{right:0; top:0;text-align:right;}
section .layout-center .products .item > a .foto > span.lt{left:0; top:0;text-align:left;}
section .layout-center .products .item > a .foto > span.lb{left:0; bottom:0;text-align:left;}
section .layout-center .products .item > a .nazev {color: #393938;}
section .layout-center .products .item > a h3 {padding:17px 5px 3px 5px; margin:0;  font-family: 'DINPro-Bold', sans-serif; font-size: 17px; font-weight: normal}
section .layout-center .products .item > a .availability {display:block; font-size:13px; line-height: 12px; padding:2px 5px 0 5px;}
section .layout-center .products .item > a .availability.stock {color:#F36A28; font-weight: normal}
section .layout-center .products .item > a .original-price {display:block; font-size:13px; line-height: 13px; padding:13px 5px 0px 5px;}
section .layout-center .products .item > a .original-price strong{font-weight:normal; text-decoration: line-through;}
section .layout-center .products .item > a .price {display:block; font-size: 15px; line-height: 18px; padding:11px 5px 10px 5px;}
section .layout-center .products .item > a .price strong{font-weight:bold; color:#c0392b; font-size: 17px}
section .layout-center .products .item > a:hover .foto > img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
section .layout-center .products .item > a:hover {background: #E3D9BE}

section .layout-center .products.visited {text-align:center;margin:0;}
section .layout-center .products.visited .item{float:none; display:inline-block; width:16.66666%; padding:0; margin:0;}
section .layout-center .products.visited .item > a{background:transparent}
section .layout-center .products.visited .item > a h3 {font-family: 'DINPro-Bold', sans-serif; font-size: 12px;}
section .layout-center .products.visited .item > a:hover h3 {text-decoration:underline;}
section .layout-center .products.visited .item > a .price { font-size: 12px; line-height: 18px; padding-top:0px;}



section .layout-center .title{position:relative; height:1px; line-height: 1px; font-size: 1px; background: 	#000000;  font-family: 'DINPro-Bold', sans-serif; width:100%; margin:40px 0 20px 0;}
section .layout-center .title > span{position:absolute; width:100%; text-align: center; left:-4px; top:0;}
section .layout-center .title > span span{background: #ffffff; padding:0 10px; color:#000000; font-size:13px; }

section .layout-center .benefits{display:table; width:100%;}
section .layout-center .benefits .item{display:table-cell; width:25%; text-align:center; padding: 0 15px 0 15px;}
section .layout-center .benefits .item img{max-width: 100%}
section .layout-center .benefits .item h4{font-weight:normal; color:#1e1e1e; font-size:18px; font-family: 'DINPro-Regular', sans-serif; line-height: 22px; padding:8px 0 0 0;}
section .layout-center .benefits .item h4 strong{font-weight:normal; font-family: 'DINPro-Black', sans-serif; display:block;}

section .layout-center .go-back{color:#000000; font-size: 13px; background: #F3F3F3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 30px; padding:0 15px; float:right; font-family:'DINPro-Bold', sans-serif; text-decoration: none;}
section .layout-center .go-back img{padding-right:5px; position:relative; top:-2px;}
section .layout-center .go-back:hover{background: #E4E4E4;}

section .layout-center .breadcrumbs{color:#373737; font-size: 14px; background: #F2EBD8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 30px; padding:0 10px; float:left; margin-bottom:20px;}
section .layout-center .breadcrumbs a{color:#373737; display:inline-block; text-decoration: none; margin:0 5px;}
section .layout-center .breadcrumbs a img{top:-2px; position:relative; padding-right:5px;}
section .layout-center .breadcrumbs a:hover{color:#5C5C5C; }

section .detail-page {padding-left:0; padding-right:0}
section .detail-page h4{font-size:14px; padding-bottom:10px;}
section .detail-page p {font-size:14px; line-height: 18px;}

section .detail-page .info-column{float:right;width:55%; padding-left:15px; box-sizing: border-box;}
section .detail-page .info-column h1{text-align:left; border-bottom:2px solid #000000; padding:10px; margin-bottom: 0;}
section .detail-page .info-column h4{padding-bottom:5px}
section .detail-page .info-column .left {float:left;}
section .detail-page .info-column .left h4{padding-top:20px;}
section .detail-page .info-column .box{border-bottom:1px solid #CCCCCC; padding:20px 10px;}
section .detail-page .info-column .box p{font-size:18px;}
section .detail-page .info-column .box:last-child{border-bottom:0;}
section .detail-page .info-column .variant{border-spacing: 0; margin-bottom:30px;}
section .detail-page .info-column .variant td{ padding-right:5px; padding-top:4px; padding-bottom:4px; font-size: 14px; font-family:"DINPro-Regular",sans-serif; vertical-align:middle;}
section .detail-page .info-column .variant label{cursor:pointer;}
section .detail-page .info-column .variant .price{font-family: 'DINPro-Bold', sans-serif; color:#c0392b; white-space: nowrap; }
section .detail-page .info-column .variant .prev{font-family: 'DINPro-Regular', sans-serif; color:#000000; text-decoration:line-through; white-space: nowrap; }
section .detail-page .info-column .big-price{font-weight:normal; font-family: 'ChaparralPro-Regular', sans-serif; font-size:24px; padding-top: 10px; white-space: nowrap;}
section .detail-page .info-column .big-price strong{font-weight:normal; font-family: 'ChaparralPro-Bold', sans-serif; font-size:36px; color:#c0392b;}

section .detail-page .info-column .benefits-table{border-spacing:0; float:right;}
section .detail-page .info-column .benefits-table tr td{text-align:left; vertical-align: middle; padding-bottom:20px; color:#c8b47d; font-family: 'DINPro-Bold', sans-serif;}
section .detail-page .info-column .benefits-table tr td:first-child{text-align:center; padding-right:10px;}
section .detail-page .info-column .benefits-table tr:first-child td img{left:-5px; display:inline-block; position:relative;}
section .detail-page .info-column .benefits-table .link{font-family:"DINPro-Regular",sans-serif; color:#1b1b1b; font-size:11px;}
section .detail-page .info-column .benefits-table .link  a{font-family:"DINPro-Bold",sans-serif;}

section .detail-page .info-column .quantity { float:left; }
section .detail-page .info-column .quantity .count{height:49px; border:1px solid #CCCCCC; padding:0 10px; width:49px; text-align:center; font-family: 'DINPro-Regular', sans-serif; font-size:24px; margin:0 10px 0 0; box-sizing: border-box;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

section .detail-page .info-column .buttons { float:right;width:315px;}
section .detail-page .info-column .buttons .gold-button{margin-bottom:11px;}
section .detail-page .info-column .parameters > p{ line-height: 20px;}

section .detail-page .gallery-column{float:left;width:45%; padding-right:15px;box-sizing: border-box;}
section .detail-page .gallery-column.narrow{width:380px }
section .detail-page .gallery-column .big-photo{display:block; margin-bottom:24px;}
section .detail-page .gallery-column .big-photo .w350{width:300px; border:10px solid #E7E8E8;}
section .detail-page .gallery-column .big-photo img{width:100%; border:10px solid #E7E8E8;box-sizing:border-box;}
section .detail-page .gallery-column .gallery{margin:0 -5px 24px -5px;}
section .detail-page .gallery-column .gallery .item{width:25%; margin:0 5px 10px 5px; float:left; border: 1px solid #C3C3C3; box-sizing: border-box;}
section .detail-page .gallery-column.narrow .gallery .item{width:33.33333333%; }
section .detail-page .gallery-column .gallery .item a {display:block;}
section .detail-page .gallery-column .gallery .item a img{width:100%; margin:0; padding:0; display:block;}
section .detail-page .gallery-column table tr td{text-align:left; vertical-align: middle; color:#111111; font-size:18px; font-family: 'DINPro-Regular', sans-serif;}

footer{background: #272727; color:#b7b7b7; font-size:14px; font-family: 'DINPro-Regular', sans-serif;}
footer .layout-center {padding:30px 15px 0px 15px;}
footer .layout-center h4{color:#ffffff; font-size: 14px; font-family: 'DINPro-Bold', sans-serif; padding:0 0 3px 0;}
footer .layout-center a{color:#b7b7b7; text-decoration: none;}
footer .layout-center a:hover{text-decoration: underline;}
footer .layout-center ul{margin:0; padding:0; list-style: none;}
footer .layout-center ul li{line-height: 23px;}
footer .layout-center .cont{display:inline-block; margin:0 auto; text-align:left;}
footer .layout-center p{line-height: 23px;}
footer .layout-center .map{padding-left:30px; text-align:right; font-size:12px; }
footer .layout-center .map-item{margin-top:-5px; position: relative; display:inline-block;}
footer .layout-center .link-item2{display:inline-block; padding-left:74px; text-align:left; white-space:nowrap; margin-top:10px; font-size: 12px;line-height: 22px; }
footer .layout-center .link-item2 .img{float:left; margin-left:-74px; }
footer .layout-center .link-item2 span{padding-top:3px; display:block;}
footer .layout-center .link-item{display:inline-block; text-align:center; margin:0 10px 10px 10px; font-size: 12px;}
footer .layout-center .link-item span{display:block; padding-top:3px;}
footer .copyright{text-align:center; padding:0; line-height: 38px; border-top:1px solid #505050; font-size: 12px;  font-family: 'DINPro-Regular', sans-serif;}

section .ns_nerveSlider {border-bottom:1px solid #C0C0C0;  max-height: 430px; }
section .ns_nerveSlider .ns_dots{opacity:1;width:100%; text-align:center; padding:0; top:auto; bottom:15px;}
section .ns_nerveSlider .ns_dots .ns_dot{display:inline-block; float:none; background:#C8B47D; border:1px solid #C8B47D!important; }
section .ns_nerveSlider .ns_dots .ns_dot.ns_selected{ border:1px solid #000000!important; }


.sb-slidebar .title{display:block; font-size:23px; text-align:center; color:#ffffff; padding:15px 0;  font-family:'ChaparralPro-Italic', sans-serif; } 
.sb-slidebar ul{margin:0; padding:0; list-style: none; border-top:1px solid #1A1A1A ; border-bottom:1px solid #4D4D4D ;}
.sb-slidebar ul li{border-bottom:1px solid #1A1A1A ; border-top:1px solid #4D4D4D ;} 
.sb-slidebar ul li a{line-height:40px; padding:0 20px; color:#ffffff; text-decoration: none; display:block;}
.sb-slidebar ul li a:hover{color:#C8B47D} 
.sb-slidebar ul li a img{display:none;}
.sb-slidebar ul li ul{padding-left:30px; display:none; border-bottom:1px solid #1A1A1A ; border-top:1px solid #4D4D4D ;} 
.sb-slidebar ul li ul li:first-child{border-top:0;} 
.sb-slidebar ul li ul li:last-child{border-bottom:0;} 
.sb-slidebar ul li ul li a{padding-left:10px; text-transform:lowercase} 
.sb-slidebar h4{font-size:32px; color:#ffffff;font-family: 'DINPro-Bold', sans-serif;padding:15px 15px 15px 20px ; } 
.sb-slidebar h4 img{float:right; height:32px; margin-top:3px;} 
.sb-slidebar h4 .close{cursor:pointer;} 


.basket-page h1{text-align:left; padding:0 10px 5px 10px; border:0; margin:0; }
.basket-page h2{font-size:22px; padding-bottom:20px; padding-left:10px;}
.basket-page .table{border-spacing: 0; border:0; width:100%; vertical-align: middle;}
.basket-page .table tr th{background: #1C1C1C; color:#ffffff; font-size:15px;font-family: 'DINPro-Bold', sans-serif; font-weight: normal; border-right:2px solid #ffffff; padding:7px 10px; }
.basket-page .table tr th:last-child{border-right:0;}
.basket-page .table tr td{border-bottom:1px solid #D7D7D7; padding:10px 10px; text-align:center; vertical-align: middle; font-size:14px; font-family: 'DINPro-Regular', sans-serif;}
.basket-page .table tr td.price{color:#c0392b; font-family: 'ChaparralPro-BoldIt', sans-serif; font-size:18px; }
.basket-page .table tr td.image{width:95px; border-bottom:0; }
.basket-page .table tr td.image img{border:1px solid #D7D7D7; width:95px;}
.basket-page .table tr td.name{text-align: left}
.basket-page .table tr td.name a{font-family: 'DINPro-Bold', sans-serif;}
.basket-page .table tr:last-child td{border-bottom:3px solid #1D1D1D; padding-bottom:20px;}
.basket-page .table tbody tr:first-child td{ padding-top:20px;}
.basket-page .count{height:39px; border:1px solid #CCCCCC; padding:0 10px; width:58px; text-align:center; font-family: 'DINPro-Regular', sans-serif; font-size:14px; margin:0 10px 0 0; box-sizing: border-box;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.basket-page .summary-line{display:table; width:100%; background: #E1E1E1; margin-top:5px; margin-bottom: 20px;}
.basket-page .summary-line > span{display:table-cell; text-align: right; padding:5px 10px; font-family: 'DINPro-Bold', sans-serif; font-size:18px; width:50%;}

.table.stacktable.small-only{display:none;}

.form-radio {margin-left:10px; margin-bottom:20px;}
.form-radio.centered{margin:20px auto 20px auto!important}
.form-radio tr td{font-size:14px; font-family: 'DINPro-Bold', sans-serif; line-height:21px; padding:0 5px 10px 0;}
.form-radio tr td span{color:#c0392b; font-family: 'ChaparralPro-BoldIt', sans-serif; font-size:18px; padding-left:5px; }
.form-radio tr td label{color:#1e1e1e; cursor:pointer;}
.form-radio tr td .customRadio {margin-top:2px;}

.basket-page .form-line  {max-width:315px; padding-left:10px;}
.basket-page .form-line  label {font-family: 'DINPro-Regular', sans-serif;font-size:14px; color:#1e1e1e; display:block; padding-left:12px; }
.basket-page .total-price {line-height: 56px; font-family: 'DINPro-Bold', sans-serif; font-size:22px; padding-left:10px; text-align:center; }
.basket-page .hidden-address {display:none; padding-bottom:20px;}

.info-basket{width:100%; display:none; padding:15px 15px 0px 15px; max-width:295px; background: #E1CA92; color:#000000; position:absolute; right:0; top:55px; z-index:5000;  text-align:center; font-size:13px; font-family: 'DINPro-Regular', sans-serif;}
.info-basket h4{font-size:17px; font-family: 'DINPro-Regular', sans-serif; }
.info-basket .btn{display:inline-block; background: #A48C53; color:#ffffff; line-height: 35px; padding:0 25px; text-decoration:none; font-size:16px; margin:10px 0 10px 0; }
.info-basket .btn:hover{background: #AB935A}
.info-basket .arrow{position:absolute; top:-9px; right:58px;}
.info-basket p{text-align:center;}

.filter-price{float:left; margin-bottom:12px;}
.filter{float:right;}
.filter .selectboxit-container .selectboxit{border-radius:0!important; background:#ffffff!important; border:1px solid #000000; line-height:32px; height:32px;width:200px!important;}
.filter .selectboxit-container .selectboxit .selectboxit-text{color:#000000;  font-size:14px; font-family:DINPro-Regular,sans-serif; padding-left:5px;}
.filter .selectboxit-container .selectboxit .selectboxit-arrow-container{background:#1B1B1B url(../img/my-select.gif) no-repeat center center}
.filter .selectboxit-container span, .selectboxit-container .selectboxit-options a{height:32px; line-height:32px;}
.filter  .selectboxit-default-arrow{display:none;}
.filter  .selectboxit-option-anchor{color:#000000;  font-size:14px; font-family:DINPro-Regular,sans-serif;}


.filter .selectboxit-option-icon-container{display:none!important}

.range-slider  tr td{vertical-align:middle; padding:0}
.range-slider  tr td strong{padding-right:8px; display:inline-block;}
.range-slider .range{width:250px;padding:0 18px;}
.range-slider .price-left{text-align:left;}
.range-slider .price-right span{display:inline-block;text-align:right}




#modal{max-width:400px; position:relative; background:#ffffff; color:#000000; min-height:100px; padding:20px; box-sizing: border-box; margin:0 auto;  border:1px solid #CCCCCC; -webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.32);-moz-box-shadow:    1px 1px 6px 0px rgba(50, 50, 50, 0.32); box-shadow:         1px 1px 6px 0px rgba(50, 50, 50, 0.32);}
#modal h3{border-bottom:1px solid #E3E3E3; padding:0 0 5px 0; margin-bottom:10px;}
#modal h3 span{color:#9A9A9A}
#modal .gold-button{display:inline-block; width:auto; float:right; margin-left:10px;}

.mfp-bg.mpf-my-trans{opacity:0.4!important;}
.mfp-bg.mpf-zoom-in{opacity:0.4!important;}

.mfp-title{font-size:14px!important; padding-bottom:20px;}


.kooperators {
   margin: auto;
   padding: 30px 0px 25px 0px;
   max-width: 1150px;
}
.kooperators img {
   width: 20%;
   float: left;
}

@media only screen and (max-width: 1050px){
		section .detail-page .info-column  .benefits-table{float:none; margin-top:30px;}
		section .detail-page .info-column .left{float:none; }

		section .ns_nerveSlider {max-height: 350px; }

     body > #sb-site > header{background: #FCFDFD; border-bottom:1px solid #C0C0C0; float:left; width:100%; position:relative; z-index: 100;}
     body > #sb-site > header form#search{display:block; padding-top:35px; padding-right: 50px; position:relative;}
}

@media only screen and (max-width: 970px){
	body > #sb-site > header {border-top:5px solid black;}
	body > #sb-site > header .top-menu{display:none;}
	body > #sb-site > header nav{display:none;}
	body > #sb-site > header .mobile-menu{display:block; position:absolute; right:0; top:0px;}
	body > #sb-site > header .layout-center .container{ padding-right:240px;  min-height:120px;}

	body > #sb-site > header .layout-center #search{padding-top:35px; display:block;  margin-top:0px;}
	body > #sb-site > header .layout-center #search p{display:block; width:100%; float:left;}
	body > #sb-site > header .layout-center #search p .search-input{width:100%; max-width:100%; min-width: 100%;}

	body > #sb-site > header .layout-center .quick-contact{margin-top:-18px;margin-right:-155px; font-size: 14px;}
	body > #sb-site > header .layout-center .quick-contact .tel{padding:0; font-size: 22px; line-height: 21px;}
	.no-mobile{display:none;}
	body > #sb-site > header .mobile-basket{display:block;}
	
	.info-basket{top:135px; margin-right:15px;}
	.info-basket .arrow{right:80px}



}

@media only screen and (max-width: 930px){
	section .detail-page .info-column{width:65%; }
	section .detail-page .gallery-column{ width:35%; }
	section .detail-page .gallery-column.narrow{ width:35%; }
	section .detail-page .gallery-column .gallery{margin:0 -3px 12px -3px;}
	section .detail-page .gallery-column .gallery .item{ padding:0 3px 6px 3px; }
	section .detail-page .gallery-column .big-photo{margin-bottom:12px;}
	
		section .ns_nerveSlider {max-height: 300px; }

}

@media only screen and (max-width: 900px){
	footer .table > .cell{display:block; text-align:left; float:left; width:auto; padding-right:20px; padding-bottom:20px;}
	footer .table > .cell.map{padding:0;}
	footer .table > .cell.links{text-align:center!important; display:table!important; width:100%!important; float:none!important; clear:both; padding-top:20px; border-top:1px solid #505050;}
	footer .table > .cell.links .cont{ display:table-cell!important; width:100%!important; text-align:middle!important;}
	footer .table > .cell.links .clear{clear:none; display:none; width:auto;}
	footer .table > .cell.links .link-item2{ position:relative; margin-left:15px; top:-35px;}
	footer .table > .cell.map-box{padding:0; float:right;}
	
		
}

@media only screen and (max-width: 800px){
	section .layout-center .products { margin-left:-7px; margin-right:-7px; }
	section .layout-center .products .item{ width:33.3333333%; padding:7px; }
	section .layout-center .benefits .item{display:block; width:50%; float:left; box-sizing: border-box;}
	section .layout-center .benefits {padding-bottom:20px;}
	section .ns_nerveSlider {max-height: 250px; }
	section .layout-center .products.visited .item{float:none; display:inline-block; width:33.33333%; padding:0; margin:0;}

  }

@media only screen and (max-width: 780px){
	section .detail-page .info-column .quantity { float:none;width:auto;}
	section .detail-page .info-column .buttons { float:none;width:auto;}

		body > #sb-site > header .layout-center .container{ padding-left:15px; }
	body > #sb-site > header .layout-center .container #logo{ margin-left:0px; padding:0; margin:-15px 0 5px 0 }
	body > #sb-site > header .layout-center .container #logo img{max-width:220px;padding:0}

	body > #sb-site > header .layout-center #search{padding-top:0; display:block; float:left; width:100%;margin-top:0px; margin-bottom:}
	body > #sb-site > header .layout-center #search p{display:block; width:100%; float:left;}
	body > #sb-site > header .layout-center #search p .search-input{width:100%; max-width:100%; min-width: 100%;}


}

@media only screen and (max-width: 730px){
	.row .col-50{width:100%;}
	.basket-page .form-line{max-width:100%!important}
	.basket-page .form-line .inp-text{width:100%;}
   .table.stacktable.large-only{display:none!important;}
	.basket-page .small-only{display:table!important;}
	.basket-page .small-only th a{color:#ffffff;}
	.basket-page .small-only td.image{border-bottom: 1px solid  #D7D7D7!important}
	.basket-page .small-only td{width:50%}
	.basket-page .small-only td:first-child{font-family: 'DINPro-Bold', sans-serif;}

	.basket-page .form-line  { padding-left:0px;}
	.basket-page .total-price  { padding-left:0px;}
	.basket-page .form-radio  { margin-left:0px;}
	.basket-page h2  { padding-left:0px;}


}

@media only screen and (max-width: 700px){
	section .detail-page .info-column .parameters > p{float:none;}
	section .ns_nerveSlider {max-height: 200px; }
}


@media only screen and (max-width: 670px){
		footer .table.centered{margin:0;}
		section .detail-page .info-column{width:auto; float:none; padding:0; }
		section .detail-page .gallery-column{ width:auto; float:none; padding:0; margin-top:15px; border-bottom:1px solid #CCCCCC;}
		section .detail-page .gallery-column.narrow{ width:auto;}
		section .layout-center .breadcrumbs{margin-bottom:20px;}
		section .layout-center .go-back{margin-bottom:20px;}
		

}

@media only screen and (max-width: 630px){
	footer .table > .cell.map-box{padding:0; float:none; clear:both;}

}

@media only screen and (max-width: 600px){
	section .layout-center .products .item{ width:50%; }
	section .ns_nerveSlider {max-height: 150px; }
}

@media only screen and (max-width: 530px){



	section .ns_nerveSlider {max-height: 200px; }
	section .basket-page .summary-line{display:block; }
	section .basket-page .summary-line > span{display:block; text-align: center!important; width:auto;}
	section .basket-page .summary-line > span:first-child{display:none;} 

.kooperators img {
   width: 50%;
   float: left;
}
}

@media only screen and (max-width: 490px){
		section .layout-center .products.visited .item{float:none; display:inline-block; width:50%; padding:0; margin:0;}
section .ns_nerveSlider {max-height: 130px; }

}

@media only screen and (max-width: 470px){
	section .layout-center .benefits .item h4{font-size:15px;}
	
		body > #sb-site > header .layout-center .container{padding-left:0px; padding-right:0px;}
	body > #sb-site > header .layout-center .container #logo{margin:0; margin-right:5px; margin-top:-10px;}
	body > #sb-site > header .layout-center .container #logo img{ padding-left:10px; }
	body > #sb-site > header .layout-center .container .slogan{padding-top:0; font-size:13px;}
	body > #sb-site > header .layout-center .container .quick-contact{display:none;margin:0;  float:none; text-align:left; padding-top:14px; font-size:13px;}
	body > #sb-site > header .layout-center .container .quick-contact .tel{font-size:18px;}
	body > #sb-site > header .layout-center .container #search{margin-top:15px; margin-bottom:15px; padding:0 15px; box-sizing: border-box;}
	body > #sb-site > header .mobile-menu {top:5px;}
	body > #sb-site > header .mobile-basket{bottom:70px; }
	body > #sb-site > header .mobile-basket a{width:auto;}
	
		body > #sb-site > header .mobile-basket{position:relative; top:0;  display:block;  clear:both; right:auto; padding:0 15px 15px 15px;}
		
		.info-basket{top:210px; margin:0px;border-right:15px solid #ffffff;border-left:15px solid #ffffff;  box-sizing:border-box; max-width:auto; width:100%; max-width:100%; min-width:100%}


}

@media only screen and (max-width: 445px){
		footer .table > .cell.links .link-item2{ position:relative; margin-left:0px; top:0px; clear:both;}
		
		section .ns_nerveSlider { max-height: 120px; }


}

@media only screen and (max-width: 400px){
	section .layout-center .products .item{ width:100%; }
	section .detail-page .info-column .big-price{font-size:20px; }
	section .detail-page .info-column .big-price strong{font-size:32px; }


}



/*_____________________________________________STRÁNKOVÁNÍ___*/
.box_pages {
padding: 30px 0px 0px 0px;
text-align: center;
}
.page_button {
display: inline-block;
background-color: #111111;
margin: 40px 0px 60px 0px;
padding: 10px 50px 10px 50px;
color: #eeeeee;
font-size: 14px;
font-weight: normal;
text-decoration: none;
text-align: center;
vertical-align: middle;
}
.page_button:hover {
color: #eeeeee;
text-decoration: underline;
}
.page_on {
display: inline-block;
background-color: #111111;
margin: 0px 5px 5px 0px;
padding: 6px 0px 6px 0px;
width: 40px;
color: #eeeeee;
font-size: 15px;
text-align: center;
vertical-align: middle;
}
.page_off {
display: inline-block;
background-color: #cccccc;
margin: 0px 5px 5px 0px;
padding: 6px 0px 6px 0px;
width: 40px;
color: #111111;
font-size: 15px;
text-decoration: none;
text-align: center;
vertical-align: middle;
}
.page_off:hover {
background-color: #111111;
color: #ffffff;
text-decoration: underline;
}


.submenu_kategorie {
  padding: 0 0 10px 0;
  text-align: center;
}
.submenu_kategorie a {
  display: inline-block;
  padding: 0px 10px 10px 10px;
  text-decoration: none;
  font-size: 15px;
  color: #1d1d1d;
  font-family: DINPro-Regular,sans-serif;
font-weight: normal;
}
.submenu_kategorie a:hover {
  text-decoration: underline;
}


.but_prepocet {
  border: 0;
  background-color: #ffffff;
  padding: 10px;
  color: #111111;
  text-decoration: underline;
  cursor: pointer;
}
.but_prepocet:hover {
  background-color: #C8B47D;
  color: #111111;
  text-decoration: underline;
  cursor: pointer;
}


.next_button {
display: inline-block;
background-color: #111111;
margin: 0px 0px 60px 0px;
padding: 10px 50px 10px 50px;
color: #eeeeee;
font-size: 14px;
font-weight: normal;
text-decoration: none;
text-align: center;
vertical-align: middle;
}
.next_button:hover {
color: #eeeeee;
text-decoration: underline;
}

.but_prihlaseni {
border: #aaaaaa 1px solid;
border-radius: 3px;
background-color: #E9D5AC;
display: block;
margin-top: 7px;
padding: 6px 20px 6px 20px;
color: #222222;
font-size: 13px;
text-align: center;
text-decoration: none;
}
.but_registrace,.prihlaseny {
border: #cccccc 1px solid;
border-radius: 3px;
background-color: #ffffff;
display: block;
margin-top: 7px;
padding: 6px 20px 6px 20px;
color: #222222;
font-size: 13px;
text-align: center;
text-decoration: none;
}
.but_prihlaseni:hover,.but_registrace:hover {
background-color: #B99854;
color: #222222;
}


.foto_line {
 margin: 0px 0px 20px 0px;
 width: 25%;
 text-align: center;
 float: left;
}
.foto_line img {
 width: 90%;
}
.iframe50 {
 width: 50%;
 margin-bottom: 30px;
 text-align: center;
 float: left;
}
.iframe50 img {
 border: 1px #444444 solid;
 width: 95%;
}

/*____________________________________________________________________________________________________________________________ BLOG___*/
.box_clanek_anotace {
 margin: auto;
 max-width: 1100px;
 color: #333333;
}
.box_clanek_anotace div {
 padding: 10px 10px 10px 10px;
}
.box_clanek_anotace img {
 margin: 0px 30px 0px 0px;
 width: 30%;
 float: left;
}
.box_clanek_anotace a {
 display: block;
 color: #333333;
 text-decoration: none;
}
.box_clanek_anotace a:hover {
 background-color: #eeeeee;
 color: #333333;
 text-decoration: none;
}
.box_clanek_anotace span {
 color: #666666;
 font-size: 17px;
 font-weight: 400;
}
.box_clanek_anotace span strong {
 color: #333333;
 font-size: 24px;
 font-weight: 700;
}

.box_clanek {
 padding: 10px 0px 10px 0px;
 color: #333333;
}
.box_clanek img {
 margin: 0px 30px 20px 0px;
 width: 30%;
 float: left;
}

/*____________________________________________________________________________________________________________________________ SOCIAL BUTTONS___*/
.box_social {
 border-bottom: #dddddd 2px solid;
 padding: 20px 0px 20px 0px;
 text-align: right;
}
a.but_facebook,a.but_twitter,a.but_google,a.but_email {
   display: inline-block;
   border-radius: 12px;
   margin: 10px 0px 0px 8px;
   padding: 10px 0px 0px 0px;
   width: 140px;
   height: 25px;
   color: #eeeeee;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
   text-align: center;
}
a.linkbut_facebook,a.linkbut_twitter,a.linkbut_google {
   display: block;
   border-radius: 7px;
   margin: 0px 0px 8px 8px;
   padding: 13px 0px 0px 0px;
   width: 190px;
   height: 30px;
   color: #eeeeee;
   font-family: arial;
   font-size: 14px;
   font-weight: normal;
   text-decoration: none;
   text-align: center;
   float: right;
}
a.but_facebook,a.linkbut_facebook {
   background-color: #425f9c;
}
a.but_facebook:hover,a.linkbut_facebook:hover {
   background-color: #2e4a83;
   color: #ffffff;
   text-decoration: none;
}
a.but_twitter,a.linkbut_twitter {
   background-color: #1b95e0;
}
a.but_twitter:hover,a.linkbut_twitter:hover {
   background-color: #1d75ab;
   color: #ffffff;
   text-decoration: none;
}
a.but_google,a.linkbut_google {
   background-color: #db4437;
}
a.but_google:hover,a.linkbut_google:hover {
   background-color: #b73025;
   color: #ffffff;
   text-decoration: none;
}
a.but_email {
   background-color: #76c04a;
}
a.but_email:hover {
   background-color: #619d3c;
   color: #ffffff;
   text-decoration: none;
}

/*

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Newspaper effect ======

*/
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== 3d unfold ======

*/
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== "Hinge" close effect ======

*/
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 1s;
  animation-name: hinge;
}

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  opacity: 0;
  transition: opacity .5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
}