/* Studio CMS Stylesheet for website */
/*
@font-face {
    font-family: 'modernline_-_personal_useRg';
    src: url('/css/fonts/modernline_-_personal_use_400-webfont.woff2') format('woff2'),
         url('/css/fonts/modernline_-_personal_use_400-webfont.woff') format('woff'),
         url('/css/fonts/modernline_-_personal_use_400-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
*/

@import url(https://fonts.googleapis.com/css?family=Quicksand);


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, fieldset, form, label, legend, caption, tfoot, select, input{margin:0px; outline:none; padding:0px; border:0px; font-weight:inherit;    font-style:inherit; font-size:100%;    font-family:inherit;    vertical-align:baseline}
html{height: 100%; }
body{margin:0px; padding:0px; font-family: 'Questrial', sans-serif; font-weight: 400; position:relative;  text-align:left; height: 100%; color:#000000;  position:relative; line-height:26px; font-size: 18px;  width:100%; overflow-x:hidden;  }
body.main{background: #3c3d3b url('/images/balczopeter-bg1.webp') center top no-repeat; background-size:auto 100%;}

body a{text-decoration:none; color:#000000; outline:none;text-decoration:none; -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
body a:hover{text-decoration:none; color:#9ca2b3; text-decoration:none}
body div.clr, div.clear, .clear{clear:both;  font-size:0px; height:0px; display:block}
body .fl{float:left}
body .fr{float:right}
body .flblock{float:left; padding-top:7px}
body a.more{padding:6px 18px 6px 18px;  color:#ffffff; background:#FF912C; display:block; float:left; font-size:16px; border-radius: 20px; line-height:25px; font-weight:100;  border:0px solid #2964ad; margin-top:8px;}
body a.more:hover{ color:#fff; background:#3D3D3B; border:0px;}
body a.more.inactive{background:#9ca2b3 ; border:1px solid #9c9c9c; cursor: default}
body .moreholder{text-align:center; padding-top: 15px;}

body .round{}
body .hide{display:none}
body .image,.img-class1{border:1px solid #cccccc; }
body .border{border:1px solid #cccccc; background: #ffffff; }
body .img-class2{border:3px solid #636879; float:left; margin-right: 10px;}
body .headpicture{float:left; margin: 0px 20px 20px 0px; border:0px; padding-bottom: 25px;   }

p{padding-bottom: 15px;text-align: left; }

.body{ min-height: 100%; }
.site{min-height: 100%;}
.side{float:left;}

.newheaderholder{ height: 500px; width: 100%; position: relative}
.newheaderholder .newheader.v1{height: 500px; background: #3d3d3b url('/images/balczopeter-bg1.webp') center top no-repeat;  background-position:center center; background-size:auto 100%; width: 100%;  position: relative;  -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.newheaderholder .newheader.v2{height: 500px; background: #424244 url('/images/balczopeter-bg2.webp') center top no-repeat;  background-position:center center; background-size:auto 100%; width: 100%;  position: relative;  -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.newheaderholder .newheader.v3{height: 500px; background: #231913 url('/images/balczopeter-bg3.webp') center top no-repeat;  background-position:center center; background-size:auto 100%; width: 100%;  position: relative;  -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.newheaderholder:hover .newheader{ }
.newheader .inside{position:absolute; bottom: -20px; left:-20px; width: 100%; }
.newheader .inside h1{ margin:auto;  width: 100%; max-width: 1140px; font-size: 180px; line-height:40px; }

.main .newheader{background:transparent; height: auto;}
.main .newheaderholder:after{display:none;}


.adminmenu{background:#fff; position:fixed; right:10px; bottom:10px; border:1px solid #d6d5d2; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; clear:both;  padding:3px 4px 3px 4px; margin-bottom:8px}
.adminmenu .more{line-height:24px; margin:0px; float:right;  font-size: 12px;}

h1{font-size:40px; line-height:70px;  margin-bottom:2px; display:block;  text-align:left; padding-bottom: 20px; padding-top: 0px; font-family: 'Questrial', sans-serif; font-weight: bold;}
h1.atitle{text-align: left;}
h2{  font-size: 18px; line-height: 24px; padding-bottom: 20px; display:block; max-width: 608px;}
h2.blocktitle{font-weight:normal; font-size:16px; line-height:35px; text-align:left; border-bottom:1px solid #cdcdcd; color:#444; background:transparent url(/images/sample-webshop/h2.png) 0px 10px no-repeat; padding-left:25px; margin:10px 0px 10px 0px}
h3{font-size:21px; line-height:26px; padding-top:0px; font-weight:300; text-align:left; color:#000000; }
h4{font-size:20px; line-height:30px;  font-weight:normal; color:#9ca2b3 ; padding-bottom:3px;  margin-bottom:4px; display:block;}
h5{font-size:16px; line-height:26px; padding-top:0px; font-weight:bold;   text-align:left; color:#9ca2b3 ;  padding-bottom: 10px;}
div.h2{font-size:18px;  font-weight:bold; line-height:24px; margin-bottom:25px}
.back{line-height:30px}

.site{display:flex; align-content: center; align-items:stretch; flex-flow: row wrap; }
.header{width: 100%; z-index:99; position:absolute}
.content{width: 100%; max-width: 1140px; margin:auto; padding: 50px 30px 40px 30px; box-sizing: border-box;;}
.design{ }
.design img{position:fixed; width: auto; height: 100%; border-right: 1px solid #ffffff; box-shadow: 0px 0px 20px rgba(0,0,0,00.05); max-height: 100%; -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}

.headerin{max-width: 1140px; margin: auto; padding: 0px 30px; box-sizing: border-box;}

.body:before{content:''; position:absolute; z-index: 2; top:0px; left:0px; width: 100%; height: 200px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 5%, rgba(0,0,0,0.4) 100%);}
.wrapper{ margin:auto; padding:0px 0px 0px 0px; border-top: 0px;  border-top: 0px; background:#e9eff2; box-shadow:0px 0px 5px rgba(0,0,0,00.05)}
.headeranimationholder.fixed{position:fixed; top:0px; width:100%; z-index: 998}
.headeranimation{background:#d18f84; margin:auto;    -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.headeranimation.fixed{ width: 696px; }
.header{color:#ffffff; }
.header .logoholder{float:left;}
.header .logo{ display:flex; flex-direction:row; align-items: center; margin-top: 20px; overflow:hidden; box-sizing: border-box;   cursor: pointer; cursor:pointer; font-family: 'Questrial', sans-serif; font-size: 40px; font-weight: 300; -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.header .logo img{width: 70px; margin: 0px 15px; background:#2a2a28; z-index:9; position: relative; border-radius: 100px;}
.header .logo span { z-index:8; position: relative;}
.header .logo span span{font-weight: bold}

.header .menuholder{float:none; text-align:center; background: url(/images/logo-menu.svg) center center no-repeat; background-size: 100%; width: 100%; -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;  font-weight: 300; display:table;  height: 100%;} 
.header .menuholder .menuin{width: 100%; width: 100%; height: 100%;  display: table-cell;  vertical-align: middle;}
.header .menuholder ul{padding:0px; margin:0px; list-style:none;}
.header .menuholder ul, .header .menuholder ul li{padding:0px; margin:0px; list-style:none; float:none; line-height:67px;}
.header .menuholder #nav ol, #nav ul, #nav li{list-style:none}
.header .menuholder #nav{z-index:99;  padding:0px; }
.header .menuholder #nav li{position:relative; display:block; }
.header .menuholder #nav li:hover{color:rgba(255,255,255,0.7);}
.header .menuholder #nav li a{text-decoration:none; display:block; line-height:60px; font-size: 30px; color:#ffffff; padding:0px 15px 0px 15px;  -moz-transition:none .218s ease-in; -webkit-transition:none .218s ease-in; transition:all .218s ease-in;}
.header .menuholder #nav li a:hover{color:rgba(0,0,0,1);}
.header .menuholder #nav li.active a{color:rgba(0,0,0,1);}
/*.header .menuholder #nav li.selected a{background-color:#d20002;}*/
.header .menuholder #nav li.selected ul a{background-color:rgba(0,0,0,0.05);}
.header .menuholder #nav li a:hover ul{display: block;}
.header .menuholder #nav ul ul{ margin-bottom:0;  margin-top:0; left:0; display:none;  font-size: 20px; padding:0px 0px 0px 0px; z-index:9999; top: 80px; min-width: 120px;}
.header .menuholder #nav ul ul li{display:block; white-space:nowrap; float:none; text-transform:none; width:100%; border:0px;}
.header .menuholder #nav ul li ul li a{color:#FFF; display:gradient background generator css;  font-size: 30px; line-height: 45px; width:100%; padding:0px; background:none;  }
.header .menuholder #nav ul li ul li a span{display:block; padding:10px 20px 10px 20px}
.header .menuholder #nav ul li ul li a:hover{color:rgba(0,0,0,1);}
.header .menuholder ul li.active ul{}

.viewcontent  ul{padding: 20px 0px; margin:0px;}
.viewcontent  ul li{list-style: none; padding-left: 15px; border-left: 8px solid #FF912C; margin: 10px 0px}


table{background:#ffffff;}

blockquote{padding-left:25px}
.readtext{font-size:14px; text-align:left}


.content.main{ position:relative; background:#e9eff2}

.maincenter{background:#dde0e1; padding:20px; box-sizing: border-box;}
.mainnews{padding: 20px; width:500px !important;}

.content .maincol{float:left;}
.content.main{padding:0px;}

.content.fixed{}
.content .left{  }

.content .left p{padding-bottom:20px}
.content .left .tags{ margin-bottom:15px; margin-top:10px; text-transform:lowercase; padding: 10px 0px 5px 10px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.content .left .tags a,.content .left .tags a:hover{border:0px;}
.content .left .tags.noicon{background-image:none}
.content .left .tags .fr{padding-top: 0px; margin-top: -2px;}
.content .left .attachednews{margin:0px;padding:0px; padding-left:18px; padding-top: 10px; color:#636879;}

.content .lang{padding: 0px 0px 2px 8px; color:#959595;}
.content .lang a{ color:#959595;}
.content .lang a.active{ color:#363636;}


.breadcumb{background:transparent url(/images/sample-webshop/bg-breadcumb.png) left -1px no-repeat; border-bottom:1px solid #accbe0; margin-bottom:12px; padding:0px 0px 8px 30px}
.breadcumb ul{margin:0px; padding:0px}
.breadcumb ul li{float:left; background:transparent url(/images/sample-webshop/bg-breadcumb-arrow.png) right 0px no-repeat; padding-right:25px; margin-right:10px}
.breadcumb ul li.last{background:none}
.breadcumb ul li.last a{color:#444}

.claimbox{width:282px; margin-bottom: 30px; position: relative;}
.claimbox.nomargin{margin-right:0px}
.claimbox img{width:300px; margin-top: 10px}
.claimbox .text{padding-top: 8px; }
.claimbox .text .more{margin-top: 15px;}
.claimbox .date{float:left; background:#9ca2b3 ; margin-top: 5px; width: 40px; color: #ffffff; padding: 6px 4px 6px 4px; text-align:center; text-transform: uppercase;  font-family: 'Paytone One', sans-serif; font-weight: 100; margin-right: 13px;}
.claimbox .date span{display:block; font-size: 29px; line-height: 29px;}
.claimbox h3{}
.claimbox.smbox .date{position:absolute; left: 220px; top: -10px;}
.claimbox.smbox h3{font-size: 18px; float:none; width: auto; font-weight: 300; line-height: 20px}
.claimbox.smbox .text{}
.claimbox .boxshadow{margin-bottom: 3px; display:block; padding-bottom: 14px}




/*.claimbox .image{margin-left: 18px} */

.maincontact{float:right; width: 285px; background:#8892a1; padding: 10px; color: #ffffff;}
.content .left .maincontact p{padding-bottom: 10px}
.maincontact h5{color:#ffffff; font-size: 24px; line-height: 40px; }

.mainnews{float:left;  overflow:hidden;}
.mainnews .inside{padding-right: 0px;}

.maincenter{ width: 260px; overflow:hidden; margin-left: 00px; position: -webkit-sticky; position: sticky; top: 0;}
.maincenter div.inside{margin-right: 23px; width: 262px;}

.fbholder{height:220px; overflow:hidden; margin-bottom: 8px; margin-left: 0px; width: 262px; margin-bottom: 9px;}
.fbholder div{margin-top: -90px; margin-left: -10px;}
.facebookside .fl{color:#ffffff; font-size: 12px; padding-left: 40px;}
.facebookside .fr{padding-right: 8px;}

.main .content{display:none;}

.maincenter .facebooknews{padding-top: 10px}
.maincenter .facebooknews .onepost {margin-bottom: 8px;}
.maincenter .facebooknews .onepost .avatar{float:left; width: 40px}
.maincenter .facebooknews .onepost .text{float:left; width: 186px; background: #ffffff; border: 1px solid #cccccc; padding:10px; font-size: 12px; line-height: 16px; margin-left: 15px; position: relative}
.maincenter .facebooknews .onepost .text .arrow{ position: absolute; left:-13px; top:-1px;  width: 13px; height: 13px; float:left;}
.maincenter .facebooknews .onepost .text a{color:#3f3f3f;  -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.maincenter .facebooknews .onepost .text a:hover{text-decoration: underline;}
.maincenter .facebooknews .onepost .text a span {display:none; width: 186px; }
.maincenter .facebooknews .onepost .text a img{width: 186px; margin-top: 8px; display:none; }

.claimholder{}

.claimholder-sm{}


.socialicons{padding-top: 41px; padding-right: 0px;}
.socialicons a {border: 0px solid #ffffff; background:#ffffff; border-radius: 20px; width: 40px; height: 40px; line-height: 40px; margin-left: 5px; display:inline-block; text-align: center;}
.socialicons a .fa{color:#3c3d3b ; font-size: 20px !important; line-height: 41px;}
.socialicons a .fa.fa-youtube{color:#3c3d3b ; font-size: 19px !important; }
.socialicons a:hover{background:#FF912C; color: #000000}
.socialicons a:hover .fa{color:rgba(0,0,0,1)}
.socialicons{float:right;}
.copyright{float:left; padding: 5px 0px 0px 0px; }
.author{float:right;}




.main .pageend{position:absolute; color:#ffffff; text-align:left; padding-bottom: 0px;}
.main .pageend *{color:#ffffff;}
.pageend{ bottom: 30px; text-align:left; padding: 10px ; color:rgba(0,0,0,0.5); width: 100%; box-sizing:border-box; padding-bottom: 90px; font-size: 12px; line-height: 14px;}
.pageend .inside{max-width: 1140px; margin:auto; width: 100%; padding: 0px 30px; box-sizing:border-box;;}
.copyright{white-space: normal;}                                                 
.copyright p{text-align:center; font-size: 14px; line-height: 14px; padding-top: 10px; opacity: 0.8}
.copyright a{color:rgba(0,0,0,0.5); text-decoration:underline;}

.copy{padding-top:20px; padding-bottom:20px; color:#353535; margin-right:2px}
.copy .container{ font-size:12px; padding:0px}
.copy .container .powered{float:right; padding-top:0px; padding-right:20px; border-top:1px dotted #616161; padding-top:10px}

.left .gallery{float:left; width:250px; height:275px; margin-right:30px; margin-bottom:20px; overflow:hidden; }
.left .gallery table{border-spacing:0px; padding:0px; text-align:center; width:100%;}
.left .gallery table td{text-align:center; height:250px; padding:0px; background:#b77741; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.left .gallery table td a,.left .gallery table td a:hover {border: 0px;}
.left .gallery table td img{border:1px solid #b77741}
.left .gallery.last{margin-right:0px}
.left .gallery h2{padding:2px 0px 0px 0px;}
.left .gallery .gals{height:85px}
.left .gallery .inforow{padding-top:8px; line-height:16px}
.left .gallery.hover{}
.left .gallery .nopiced{width:190px; height:190px}
.left .gallery.hover table td{}
.left .gtitle{width:450px}
.left .gpager{width:120px; margin-top:-45px}
.left .pictureholder{}
.left .pictureholder a,.left .pictureholder a:hover{border:0px;}
.left .pictureholder img{ -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}


.gallerypager{margin-left:5px; padding:0px 12px 0px 12px;  color:#000000; background:#ffffff;  display:block; float:right; font-size:19px; line-height:30px;   border:0px solid #2964ad; margin-bottom:8px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.gallerypager:hover{background-image:none; color:rgba(0,0,0,0.5); }

.zoomholder{display:block; position:relative; }
.zoomholder img{-moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in; border-radius: 10px}
.zoomholder:hover img{opacity:0.7;filter:alpha(opacity=50);}

.fullwidth{position:relative;}
.fullwidth h1{max-width: 934px !important;}
.fullwidth h2{max-width: 934px !important;}
.fullwidth .masonry {display:flex; align-content: center; align-items:stretch; flex-flow: row wrap;}
.fullwidth .masonry .item {width: 33.333333%; display:block; margin:0px; padding:0px; margin:0px; }
.fullwidth .masonry .item img{width:100%; margin:0px; padding:0px;  -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in; margin-bottom: -6px;}
.fullwidth .masonry .item:hover img{opacity:00.7;filter:alpha(opacity=30);}
.fullwidth .masonry .item .playholder{display:block; position:relative;   width: 96%; margin-bottom: 8px; border:1px solid #cccccc;}
.fullwidth .masonry .item .zoomholder{display:block; position:relative;   width: 96%; margin-bottom: 8px;  border:1px solid #cccccc;}
.fullwidth .masonry .item .playbutton{ display:none; -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.fullwidth .masonry .item .playbutton img{width:64px; border:0px solid #cccccc; margin:0px; padding:0px; position: absolute; left: 50%;margin-left: -32px; top: 50%; }

.fullwidth .masonry .item h2{ padding-bottom: 3px;}
.fullwidth .masonry .item .inforow{margin-top: -10px; padding-bottom: 10px; margin-bottom: 10px; background:#ffffff; padding: 25px; border: 0px solid #cccccc; width: 96.5%;  box-sizing:border-box; position:relative;}
.fullwidth .masonry .item .inforow .arrow{position: absolute; top:-13px; right:10px;  width: 13px; height: 13px; float:left; -webkit-transform: rotate(90deg);    -moz-transform: rotate(90deg);    -ms-transform: rotate(90deg);    -o-transform: rotate(90deg);    transform: rotate(90deg);}
.arrow{position: absolute; top:-13px; right:10px;  width: 13px; height: 13px; float:left; -webkit-transform: rotate(90deg);    -moz-transform: rotate(90deg);    -ms-transform: rotate(90deg);    -o-transform: rotate(90deg);    transform: rotate(90deg);}
.fullwidth .masonry .item .fr{padding-top: 15px;}
.fullwidth .masonry .item .viewimage{display:none;}
.fullwidth .masonry .item .ajaxgallery{display:none;}

.fullwidth .pictureholder{  text-align:center; padding: 10px;}
.fullwidth .pictureholder img{border: 1px solid #a36258; width: 100%}

.fullwidth .tags{ float:right; margin-bottom:15px; margin-top:10px; text-transform:lowercase; padding: 10px 0px 5px 10px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.fullwidth .gpager{position:absolute; top: 6px; right: 0px;}
.fullwidth .gpager .gallerypager{font-family: 'Quicksand', sans-serif; font-size: 28px; background:transparent;text-shadow: 0px 0px 0px white;color:#9ca2b3 }
.fullwidth .gpager .gallerypager:hover{color:#000000}

.fullwidth .gpager .gallerypager.back{background: #9ca2b3}
.fullwidth .gpager .gallerypager.back:hover{background-color:#000000}

.left .masonry {}
.left .masonry .item {width: 335px; display:block; margin:0px; padding:0px; margin:0px;}
.left .masonry .item img{width:310px; border:1px solid #cccccc; margin:0px; padding:0px;  -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.left .masonry .item .newscontent{width: 310px; padding-bottom: 30px;}

.left .ajaxgallery.more,.fullwidth .ajaxgallery.more{position:absolute; right:5px; top:-3px;}
.fancy-gallery{padding:5px; position: fixed; width: 100%; background:#a36258; bottom: 0px; left:0px; height: 38px; margin-bottom: -38px; z-index: 99999; border-top: 1px solid #9ca2b3 ; }
.fancy-gallery h1{float:left; padding:0px; font-size: 28px; color:#ffffff; line-height: 38px; padding-left: 15px;}
.fancy-gallery .share{float:right; padding: 0px 0px 0px 0px}
.fancy-gallery .share img{cursor:pointer; margin-left: 0px; border: 5px solid #9ca2b3 ; -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.fancy-gallery .share img:hover{border: 5px solid #a36258}
.fancy-gallery .dl{float:right;}
.fancy-gallery .dl .more{margin-top:0px; margin-left: 10px;}

.masonry {margin: 0px -15px;}
.masonry .claimbox{width: 33.3333%; box-sizing: border-box; padding: 0px 15px;}
.masonry .claimbox img{width: 100%;     border-radius: 10px; -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.masonry .claimbox .title{ overflow:hidden; font-weight: bold; padding-top: 20px;}
.masonry .claimbox a.more{margin-top: 10px;}
.masonry .claimbox img:hover{opacity:0.8;}

                                                                                        
.left ul li{list-style:square}

.left .mediaattach{float:left; width:280px; padding-bottom:10px; margin-bottom:8px; height:65px}
.left .mediaattach .apic{float:left}
.left .mediaattach .apic img{width:80px; height:60px; border:1px solid #be7d57; box-shadow:0px 0px 3px #000}
.left .mediaattach .info{float:left; padding-left:15px; width:180px}
.left .mediaattach .info a{font-weight:bold}
.left .mediaattach .info span{display:block}

.claimbox .insides{position:relative; display:block;}
.claimbox .insides .playbutton{position:absolute; top:50%; left:50%; display:none; margin-left: -32px; margin-top: -32px;}
.claimbox .insides .playbutton img{width:64px; height:64px}
.claimbox:hover .playbutton{display:block;}

.left .socialbar{padding:10px 8px 0px 0px; float:left; height:26px; overflow:hidden; margin-top:9px}
.left .socialbar .fr{}
.left .socialbar .fr.sharenow{font-weight:bold; padding-right:10px}
.addthis_button_compact{background:url(../images/nsc01.gif)!important; width:20px !important}
.at-logo{display:none !important}
.ac-about{display:none !important}
.ac-logo{display:none !important}
.at-settings{display:none !important}
#at_pspromo{display:none !important}

#contactform{width:500px; height:250px; font-size:12px}
#contactform iframe{width:500px; height:200px; margin:0px; padding:0px; border:0px}
#contactform .contacts{padding:12px}
#contactform h5{padding:0px}
#contactform .row{padding:5px}
#contactform .row .label{float:left; width:140px; font-weight:bold}
#contactform .row .input{float:left; width:320px}
#contactform .row .input input{padding:6px; border:1px solid #a1a0a0; width:250px; outline:none}
input.errors{background:#ffe5e5}
.contactdiv{float:left; width:120px}
#contactform a.button{background:#b62c8b; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; line-height:20px; font-weight:bold; padding:10px 10px 10px 10px; color:#fff; text-shadow:0px 0px 0px #000}
#contactform a.button:hover{background:#a8237f}
#contactform .msgsent{padding:10px; background:#d0ffcc; margin-bottom:20px}



#signupform a.button{background:#b62c8b; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; line-height:20px; font-weight:bold; padding:10px 10px 10px 10px; color:#fff; text-shadow:0px 0px 0px #000}
#signupform a.button:hover{background:#a8237f}
.msgsent{padding:10px; background:#d0ffcc; margin-bottom:20px}

.cdate{border-bottom:1px dotted #8c89a9; padding-bottom:15px; padding-top:15px; cursor:pointer}
.cdate .fr{padding-top:5px}
.cdate .ctext{display:none}
.cdate .ctext p{padding-bottom:8px; padding-top:8px}
blockquote{background:rgba(0,0,0,0.03); border:1px solid rgba(0,0,0,0.05); padding:30px; margin:0px; margin-bottom:20px}
blockquote p{padding:0px}
.cdate .title{display:block; padding-bottom:5px}



.downloadholder{height:109px; margin:auto; margin-top:40px}
.downloadholder input{font-size:24px; width:160px; text-transform:uppercase; margin:32px 3px 0px 150px; border:1px solid #cac2c2; padding:10px 8px 8px 8px}
.downloadholder input.inactive{color:#cac2c2; text-transform:none}
.downloadholder .dlbutton{padding:0px 25px 0px 25px;  color:#fff; background:#851B2F;  font-size:12px; line-height:46px; font-weight:bold; float:right; margin:32px 25px 0px 0px}
.downloadholder .dlbutton:hover{background-image:none; color:#98e1fe}
.downloadsuccess{background:#bbe798; padding:10px; border:1px solid #a2d07e}
.downloadfail{background:#f36f70; padding:10px; border:1px solid #d55959; color:#fff}
.downloadfail a{color:#fff; text-decoration:underline}

.slider{position:relative; float:right;  width:980px; overflow:hidden; height: 340px; overflow:hidden; padding-bottom: 25px;}
.slider .coda-nav-left{position:absolute; display:none; z-index:900; left:10px; top:105px;  width:35px; height:73px;  font-size:0px; cursor:pointer}
.slider .coda-nav-right{position:absolute; display:none; right:10px; top:90px;  z-index:900; width:35px; height:73px;  font-size:0px; cursor:pointer}
.slider .rotatorimage{float:left; margin-top:0px; margin-left:0px}
.slider .textbox{width: 560px; float:left; position:absolute; padding: 8px; margin-top: 240px; margin-left:20px; color:#fff;background: rgba(0,0,0,0.0); cursor: pointer; height: 80px; overflow: hidden; text-shadow: 0px 0px 5px #000000}
.slider .textbox h2{font-size:26px; font-weight:bold; line-height:26px; padding-bottom:8px; color:#fff;  text-transform:none;  font-style:italic; margin-left:-5px}

.slider2{position:relative}
.slider2 .coda-nav-left{position:absolute; z-index:9999; left:0px; top:100px;  z-index:9999; width:35px; height:73px;  font-size:0px; cursor:pointer}
.slider2 .coda-nav-right{position:absolute; right:0px; top:100px;  z-index:9999; width:35px; height:73px;  font-size:0px; cursor:pointer}
.slider2 .coda-nav{display:none}
.slider2 .coda-slider-wrapper .coda-slider{height:260px}

.paginate{padding-top:10px}
.paginate a, .paginate b{padding:2px 0px 2px 0px; width: 32px; text-align:center; margin-right: 2px; color:#ffffff; background:#9ca2b3 ; display:block; float:left; line-height:32px;  margin-right:2px }
.paginate a:hover{color:#fff;   font-weight:bold; background:#a36258}
.paginate .pager.active{color:#fff;  font-weight:bold; background:#a36258}

.sortandpager .paginate{padding-top:0px; float:right}

/* SIDEBAR */

.sidebar{float:right; width:306px; padding-top: 0px;  padding-bottom:20px; }
.sidebar .box{padding-left: 27px; padding-bottom: 20px; position: relative;}
.sidebar .box p{padding:0px;}
.sidebar img{border: 1px solid #cccccc}
.sidebar .title h3{ background-position: left; padding-left: 30px; text-align:right; float:right;}

.sidebar .newsmenu, .sidebar .tagmenu{padding-bottom:10px}
.sidebar .newsmenu a{display:block;  padding-left:0px; margin-bottom:4px}
.sidebar h4{padding-top:10px; padding-bottom:0px; font-size:16px;  margin-bottom:6px; }
.sidebar h3{}
.sidebar h5{ font-weight:bold; padding-bottom:0px; margin-bottom:4px;font-size: 20px;}

.sidebar table.calendar{border-spacing:0px; padding:0px; text-align:center; width:100%; padding-top:10px}


.sidebar table.calendar .arrow-next{font-family: 'Quicksand', sans-serif; float:right;font-size: 20px;}
.sidebar table.calendar .arrow-next:hover{}
.sidebar table.calendar .arrow-pre{font-family: 'Quicksand', sans-serif; float:left; font-size: 20px;}
.sidebar table.calendar .arrow-pre:hover{}
.sidebar table.calendar .current{font-weight:bold;}
.sidebar table.calendar .numbers .day span{display:none;}
.sidebar table.calendar td.current {height: 35px;}

.sidebar table.calendar td.current{text-align:center; padding:3px; background:transparent; width:100%; color:#4b4b4b; }
.sidebar table.calendar td.numbers{background:#ffffff; border-right:1px solid rgba(0,0,0,0.05); border-bottom:1px solid rgba(0,0,0,0.05);  width:14.228% !important; height:48px; vertical-align:top; text-align:left;}
.sidebar table.calendar td.numbers .day{float:left; padding:5px 0px 0px 5px}
.sidebar table.calendar td.days{border-bottom:1px solid rgba(0,0,0,0.05); border-right: 1px solid rgba(0,0,0,0.05); border-top: 1px solid rgba(0,0,0,0.05)}
.sidebar table.calendar td.numbers a{display:block; width:43px; height:28px; color:#D9D9D9}
.sidebar table.calendar td.days{font-size:10px; height:30px; background: #e4e5e5}
.sidebar table.calendar td.numbers.hasevent{cursor:pointer; background:#FF912C ; color:#fff}
.sidebar table.calendar td.first{border-left:1px solid #cccccc}
.sidebar table.calendar td.today{background:#cccccc; color:#fff}

.sidebar table td img{border:1px solid #000}


.sidebar .box.video .videoimg {display:block; position:relative; }
.sidebar .box.video img.videoimage{width: 279px;  -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.sidebar .box.video a{display:block; position: relative}
.sidebar .box.video a span.playbutton{position: absolute; top:50%; left: 50%; margin-left: -32px; margin-top: -32px; opacity:0.7;filter:alpha(opacity=70);  -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.sidebar .box.video a span.playbutton img{border:0px;}
.sidebar .box.video a:hover span.playbutton{opacity:1;filter:alpha(opacity=100);}
.sidebar .box.video a:hover img.videoimage{opacity:00.05;filter:alpha(opacity=30);}

.sidebar .box.testimonial p{text-indent:35px; font-style: italic; padding-bottom: 5px;}
.sidebar .box.testimonial span{position: absolute;  top: -28px; font-family: 'Georgia'; font-size: 62px;  letter-spacing: -3px;}
.sidebar .box.testimonial .author{font-weight: bold;}

.sidebar .box.facebook iframe{margin-left: -10px;}

.sidebar .box.newslist .onenews img{width: 80px; height: 80px; float:left; margin: 6px 10px 10px 0px}
.sidebar .box.newslist .onenews a{font-weight:bold; line-height: 18px; display:block;}
.sidebar .box.newslist .onenews div.text{clear:both; height:90px; overflow:hidden;}
.sidebar .box.newslist .onenews{border-bottom: 1px solid #cccccc; padding-bottom: 15px; margin-bottom: 15px;}
.sidebar .box.newslist .onenews .date{color:#808080;font-size: 12px;}

.sidebar .box.gallery {padding-bottom:40px;}
.sidebar .box.gallery ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
.sidebar .box.gallery li.bjqs-slide{position:absolute; display:none;}
.sidebar .box.gallery ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999; display:none;}
.sidebar .box.gallery ul.bjqs-controls.v-centered li a{position:absolute;}
.sidebar .box.gallery ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
.sidebar .box.gallery ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
.sidebar .box.gallery ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; padding-bottom: 10px;}
.sidebar .box.gallery ol.bjqs-markers.h-centered{text-align: left;}
.sidebar .box.gallery ol.bjqs-markers li{display:inline;}
.sidebar .box.gallery ol.bjqs-markers li a{display:inline-block; font-size:0px; background:#cccccc; height: 16px; width: 16px; margin-right: 2px; }
.sidebar .box.gallery ol.bjqs-markers li.active-marker a{background: #a36258}
.sidebar .box.gallery p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
.sidebar .box.gallery img{border:0px;}

 table.calendar{ font-size: 20px; border-spacing: 0px; padding: 0px; text-align:center; width: 100%}
 table.calendar .arrow-next{font-family: 'Quicksand', sans-serif; float:right;font-size: 20px; padding-right: 10px; padding-left: 20px;}
 table.calendar .arrow-next:hover{}
 table.calendar .arrow-pre{font-family: 'Quicksand', sans-serif; float:left; font-size: 20px;padding-left: 10px;}
 table.calendar .arrow-pre:hover{}
 table.calendar .arrow-dis{margin-left: 5px; padding: 0px 12px 0px 12px; display: block; line-height: 36px; margin-top: 8px;}
 table.calendar td.current{text-align:left; padding: 20px; padding-left:0px; background:transparent; width: 100%; font-weight: 300;}
 table.calendar td.numbers{background: #ffffff; border-right: 1px solid rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.05);  width:14.228% !important; height: 98px; vertical-align: top; text-align: left; }
 table.calendar td.numbers .day{ padding: 15px}
 table.calendar td.numbers .day i{font-style: normal; font-weight: 100}
 table.calendar td.numbers .day span{display:block; font-size: 13px; padding-top: 5px;  line-height: 14px; font-weight: 100; }
 table.calendar td.days{border-bottom: 1px solid #cccccc;}
 table.calendar td.numbers a{display: block; width: 43px; height: 28px; color:#D9D9D9}
 table.calendar td.days{font-size: 10px; height: 30px; background-color:rgba(0,0,0,0.05); width: 80px}
 table.calendar td.numbers.hasevent{cursor:pointer; background: #FF912C ; color:#ffffff; -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
 table.calendar td.numbers.hasevent:hover{background: #3D3D3B;}
 table.calendar td.first{border-left: 1px solid rgba(0,0,0,0.05);}
 table.calendar td.today{background: #cccccc; color:#ffffff;}


.rtitle{border-bottom: 1px solid #cccccc; color:#363636; text-align:center; text-transform: uppercase; letter-spacing: 3px; line-height: 38px; font-weight:bold;}


/* FAQ */
.faqholder{background:#fff; border:1px solid #d1dde0;  padding:15px;  margin-right:13px; margin-bottom:13px; position:relative}
.faqholder .ctext{display:none; padding-top:10px}
.faqholder .faqtitle{font-size:14px; display:block; font-weight:bold}

.news{}

.news .newscontent{float:left; width:290px; padding-left:35px}
.news .newscontent.big{float:left; width:610px; padding-left:35px}
.news .newscontent .newstext div{padding-bottom: 8px;}
.news .newsinfo{display:none}
.news .newsinfo-sm{color:#aaa7a7; margin-bottom: 10px; padding-bottom:3px; padding-top:3px;float:left; margin-right: 20px; padding: 6px 0px 6px 0px; width: 65px; font-size: 12px;  background: #a46030;color:#ffffff; text-transform: uppercase;  text-align: center; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.news .newsinfo-sm span span{font-size: 19px;}
.news .newstitle{padding-top: 0px; }
.news .newstitle h3{ font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 8px;}
.viewcontent{margin-bottom:25px; position: relative; }
.viewcontent.artist{min-height: 550px;}
.viewcontent.list{margin-bottom:10px; background:#fff; border:1px solid #d1dde0;  padding:15px}
.viewcontent.list .col1{float:left; width: 120px; border-right: 1px dotted #d1dde0;padding: 8px 0px 8px 0px;}
.viewcontent.list .col2{float:left; width: 120px; border-right: 1px dotted #d1dde0;padding: 8px 0px 8px 15px;}
.viewcontent.list .col3{float:left; width: 120px; border-right: 1px dotted #d1dde0;padding: 8px 0px 8px 15px; font-weight: bold;}
.viewcontent.list .col4{float:left; width: 340px; border-right: 1px dotted #d1dde0;padding: 8px 0px 8px 15px;}
.viewcontent .floatmenuholder {margin-left: 665px; position: absolute; width: 30px; overflow:hidden; height: 600px; margin-top: -30px;}
.viewcontent .floatmenu{position: relative; margin-left: -100px; z-index: 50; -webkit-transform: rotate(-90deg);  -moz-transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  -o-transform: rotate(-90deg);  transform: rotate(-90deg);  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  -o-transform-origin: 50% 50%;  transform-origin: 50% 50%;  /* Should be unset in IE9+ I think. */  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.viewcontent .floatmenu div.hu{margin-top:451px;}
.viewcontent .floatmenu div.en{margin-top:290px;}
.viewcontent .floatmenu table{border-spacing: 0px; padding:0px;}
.viewcontent .floatmenu td { height:130px; text-align:center; vertical-align:bottom; }
.viewcontent .floatmenu td a{ display:block; white-space: nowrap; text-align:center;background:#878786; color:#363636; padding: 5px 5px 5px 5px; letter-spacing:2px; text-transform: uppercase; -webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.viewcontent .floatmenu td a:hover{background:#737373;}
.viewcontent .floatmenu td a.active{background:#363636; color:#ffffff;}

.viewcontent table td {font-size: 18px; width:auto !important;}


.tabcontent table {width: 100%; border-spacing: 0px; border: 1px solid #271d14; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden;}
.tabcontent table td{padding: 5px;  border-top: 1px solid #271d14; vertical-align: top;}
.tabcontent table .even {background: #2a2a2a; }
.tabcontent table .even:hover{background:#ed6a40;color:#363636}
.tabcontent table .odd:hover{background:#ed6a40;color:#363636}
.tabcontent table .odd{ }
.contentgallery.profile{width: 690px}
.tabcontent table.onepic{margin-left:0; z-index:9999; margin-right:7px; margin-bottom: 17px; padding:0px; width:158px; float:left; height: 180px; background:#2e2e2e; border:1px solid #3f3e3e; vertical-align:middle;  text-align:center;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left;}
.tabcontent table.onepic td{border:0px;}
.tabcontent table.onepic img{width: 140px; height: 140px; background-position: center; margin-top: 3px; }
.tabcontent table.onepic .pichold{height: 206px}
.tabcontent table.onepic .download{margin-left: 4px; margin-bottom: 4px}

.sbHolder{background-color:#fff; border:solid 1px #c7d8db; font-family:Arial,sans-serif; font-size:12px; font-weight:normal; height:26px; position:relative;  background:transparent url(/images/sample-webshop/bg-gradsmall.png) top repeat-x}
.sbHolder:focus .sbSelector{}
.sbSelector{display:block; height:26px; left:0; line-height:26px; outline:none; overflow:hidden; position:absolute; text-indent:10px; top:0}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color:#444; outline:none; text-decoration:none}
.sbToggle{background:url(/images/sample-webshop/select-icons.png) 0 -119px no-repeat; display:block; height:30px; outline:none; position:absolute; right:0; top:0; width:30px}
.sbToggle:hover{background:url(/images/sample-webshop/select-icons.png) 0 -169px no-repeat}
.sbToggleOpen{background:url(/images/sample-webshop/select-icons.png) 0 -19px no-repeat}
.sbToggleOpen:hover{background:url(/images/sample-webshop/select-icons.png) 0 -69px no-repeat}
.sbHolderDisabled{background-color:#3C3C3C; border:solid 1px #515151}
.sbHolderDisabled .sbHolder{}
.sbHolderDisabled .sbToggle{}
.sbOptions{background-color:#fff; border:solid 1px #b9b7b7; list-style:none; left:-1px; margin:0; padding:0; position:absolute; top:30px; z-index:1; overflow-y:auto}
.sbOptions li{padding:0 7px}
.sbOptions a{border-bottom:dotted 1px #b9b7b7; display:block; outline:none; padding:7px 0 7px 3px}
.sbOptions a:link, .sbOptions a:visited{color:#444; text-decoration:none}
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus{color:#3a74bd}
.sbOptions li.last a{border-bottom:none}
.sbOptions .sbDisabled{border-bottom:dotted 1px #515151; color:#999; display:block; padding:7px 0 7px 3px}
.sbOptions .sbGroup{border-bottom:dotted 1px #515151; color:#EBB52D; display:block; font-weight:bold; padding:7px 0 7px 3px}
.sbOptions .sbSub{padding-left:17px}


.categfilter{margin-bottom:8px}
.categfilter .sbHolder{width:203px}
.categfilter .sbSelector{width:173px}
.categfilter .sbOptions{width:203px}

.sort-pager{float:left; margin-left:8px}
.sort-pager .sbHolder{width:100px}
.sort-pager .sbSelector{width:70px}
.sort-pager .sbOptions{width:100px}

.ptypeselect{margin-bottom:8px}
.ptypeselect .sbHolder{width:203px}
.ptypeselect .sbSelector{width:173px}
.ptypeselect .sbOptions{width:203px}

.form .row{padding: 8px 0px 8px 0px}
.form .fl{border-right: 1px dotted #d1dde0; width: 460px}
.form .row .label{float:left; width: 120px; font-weight:bold; padding-top: 8px;}
.form .row .inputholder{float:left; width: 310px;}
.form .row .textholder{float:left; width: 430px; padding-top: 8px;}
.form .row .inputholder input.inputfield{padding: 8px; border:1px solid #bfc9cc; background:#ffffff; width: 260px; float:left; box-shadow: 0px 0px 10px #d0d0d0}
.form .row .inputholder input.inputfield.w30{ width: 30px; }
.form .row .inputholder input.inputfield.w40{ width: 40px; }
.form .row .inputholder input.inputfield.w100{ width: 100px; }
.form .row .inputholder input.inputfield.w120{ width: 120px; }
.form .row .inputholder input.inputfield.w140{ width: 140px; }
.form .row .inputholder input.inputfield.w240{ width: 240px; }
.form .row .inputholder input.checkbox{border:1px solid #bfc9cc; background:#ffffff; margin-right: 8px; float:left; margin-top: 1px}
.form .row .inputholder select{padding: 8px; border:1px solid #bfc9cc; background:#ffffff; width: 280px; box-shadow: 0px 0px 10px #d0d0d0}

.form.reviewform .row{padding: 1px 0px 1px 0px}
.form.reviewform .row .textholder{ width: 430px; padding-top: 8px;}
.form.reviewform .row .textholder span{ text-transform: lowercase;}
.form.reviewform h2{padding-bottom: 5px;}

.form .row .inputholder input.inputfield.req{background:url(/images/sample-webshop/form-bg-req.png) right no-repeat; }
.form .row .inputholder input.inputfield.errors{background:url(/images/sample-webshop/form-bg-req-error.png) right no-repeat; border:1px solid #d76060;}

.form .row .formhelp{float:left; margin-top:8px; margin-left: 8px;}
.form  h2{padding-bottom: 20px; display: block; }
.form label{cursor:pointer;}
.form .invoicedatas{padding:15px; background:#ffffff; border:1px solid #d1dde0;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; margin-bottom: 15px;}
.form .viewcontent{margin-bottom: 15px;}

.googlebutton{background: #df4a32 url(/images/sample-webshop/bg-googlebutton.png) left no-repeat; color:#ffffff; line-height: 32px; padding:0px 15px 0px 42px;font-weight:bold; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;}
.googlebutton:hover{color:#ffffff; background-color:#f25a41}
.googlebutton.loading{background: #df4a32 url(/images/sample-webshop/ajax-loader-google.gif) 8px 8px no-repeat;}

.facebookbutton{background: #3b5998 url(/images/sample-webshop/bg-facebookbutton.png) left no-repeat; margin-right: 10px; color:#ffffff; line-height: 32px; padding:0px 15px 0px 42px;font-weight:bold; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;}
.facebookbutton:hover{color:#ffffff; background-color:#4766a7}
.facebookbutton.loading{background: #3b5998 url(/images/sample-webshop/ajax-loader-facebook.gif) 8px 8px no-repeat;}

.formmessage{display:none; padding: 8px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.formmessage.show{display:block;}
.formmessage.error{background:#d76060; color:#ffffff; text-shadow: 0px 1px 0px #a63434}
.formmessage.error h1{color:#ffffff; padding-bottom: 6px;}
.formmessage.success{background:#689645; color:#ffffff; text-shadow: 0px 1px 0px #45622f}
.formmessage.success h1{color:#ffffff; padding-bottom: 6px;}
.formmessage.mb{margin-bottom: 10px;}
.formmessage.alert{background:#f5d789;  text-shadow: 0px 1px 0px #ffeab1}
.formmessage.alert h1{color:#ffffff; padding-bottom: 6px;}
.formmessage.alert span a{color:#000000; text-decoration: underline}
.formmessage.alert span a:hover{color:#5b5a5a; text-decoration: underline}

.viewcontent.quickreg{margin-bottom:15px; background:#fff; border:1px solid #d1dde0;  padding:20px}
.viewcontent.quickreg h2{margin-top: 4px; margin-right: 15px;}

.regtext{float:left; width: 740px; margin-bottom: 20px;}

hr{border:0px; margin:0px; padding:0px;}
.tags{padding: 20px 0px}


/* SQUARED THREE */
.customcheckbox{width:20px; position:relative; float:left; margin-right:8px;}
.customcheckbox input{margin-left: 2px;}
.customcheckbox label{cursor:pointer; position:absolute; width:20px; height:20px; top:-2px; left:0px; border-radius:2px; background:#ffffff; border:1px solid #bfc9cc; box-shadow: 0px 0px 10px #d0d0d0}
.customcheckbox label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:9px; height:5px; background:transparent; top:4px; left:4px; border:3px solid #444444; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.customcheckbox label:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:00.05}
.customcheckbox input[type=checkbox]:checked+label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1}
.customcheckbox label.errors{border:1px solid #d76060;}

.customradio{width:20px; position:relative; float:left; margin-right:8px;}
.customradio input{margin-left: 2px;}
.customradio label{cursor:pointer; position:absolute; width:20px; height:20px; top:-2px; left:0px; border-radius:2px; background:#ffffff; border:1px solid #bfc9cc; box-shadow: 0px 0px 10px #d0d0d0}
.customradio label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:9px; height:5px; background:transparent; top:4px; left:4px; border:3px solid #444444; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.customradio label:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:00.05}
.customradio input[type=checkbox]:checked+label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1}
.customradio label.errors{border:1px solid #d76060;}

/* popup*/
.message {padding-top: 20px; padding-left: 60px}
.message.alert{background: transparent url('/images/sample-webshop/popup-alert.png') 0px 12px no-repeat}

.mainpage .col1{float:left; width: 300px; text-align:center; padding-top: 130px}
.mainpage .col2{float:left; width: 372px}
.mainpage .col3{float:left; width: 315px; text-align:center; color:#ffffff; font-family: 'Times New Roman'; font-size: 16px; padding-top: 40px; line-height: 22px;}
.mainpage .ticker{height:280px}
.mainpage .mcontent{height: 440px; overflow:hidden;}
.mainpage table{margin:auto; border-spacing:0px;}
.mainpage table a{line-height: 36px; display:block; padding:0px 8px 0px 8px; font-family: 'Caudex', serif; font-size: 14px; letter-spacing:1; font-weight: 400; -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.mainpage table a:hover{background:#19203e;}
.mainpage .flags{text-align:center; padding-top: 10px;}
.mainpage .flags a img{border: 1px solid #1d264d}
.mainpage .flags a:hover img{border: 1px solid #ffffff}
.mainpage .flags a.selected img{border: 1px solid #ffffff}

.thickbox {width: 100%; border-spacing: 0px; border: 1px solid rgba(0,0,0,0.05) }
.thickbox td{padding: 20px;  border-top: 1px solid rgba(0,0,0,0.03); vertical-align: top;}
.thickbox .even {background: rgba(0,0,0,0.03); }
.thickbox .even:hover{background:rgba(0,0,0,0.06)}
.thickbox .odd:hover{background:rgba(0,0,0,0.06)}
.thickbox .odd{ }


.row {border-bottom: 1px dotted #252525; padding: 10px 0px 10px 0px}
.row .label{float:left; width: 200px; font-weight: bold; padding-top: 3px;}
.row .inputholder{float:left; width: 350px;}
.row .inputfield{float:left; width: 350px; border: 1px solid #494949; background: #ffffff; padding: 6px; width: 320px; outline: none; color:#000000}
.row .inputfield.errors{border: 1px solid #f55a5a; background:#ffe7e7}
.row .message{border: 1px solid #494949; color:#000000; background:#ffffff; font-family: Arial; padding: 6px; width: 650px; resize: none; outline: none; margin-top: 8px;}
.submitholder{padding-top: 8px; padding-left: 200px}

.formmessage.error{background:#f55a5a; color:#ffffff; background: 1px solid #cf4040; padding: 12px; display:none; margin-bottom: 8px;}
.formmessage.success{background:#60a453; color:#ffffff; background: 1px solid #457f3a; padding: 12px; display:none; margin-bottom: 8px;}

/* EXTRA */

.menu-f{}
.news .insides .image{float:left; margin-top: 8px; width: 267px}




.headholder{ height: 0px;}

.header .mobilemenu{display:inline-block; color:#ffffff; font-size: 30px; line-height: 40px;}
.header .fa-bars{margin-top: -10px; float:left;}



#content{background:transparent; box-shadow: 0px 0px 0px;}




.sidebar{width: 260px; float:left;}
.footer .col3{width: 310px;}


.maincenter .title{background:none;}
.maincenter .title h3{background:none;}


.mainnews .claimbox{width:350px }
.mainnews .claimbox h3 {width:285px }

.mainnews .claimbox.smbox h3{width: 350px}
.mainnews .claimbox img{width:348px}
.claimbox.smbox .date{right: 10px; left:auto}

.viewcontent table{width: 100% !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden;}



.calendar{background: #ffffff; padding: 15px; margin-top: 10px; font-weight:bold;}
.calendar .title{font-size: 14px; font-weight:bold; display:block;}
.calendar .date{font-weight: normal;}
.overlay{display:none;}

.post {background:#ffffff; border:1px solid #cccccc; margin-bottom: 15px; position:relative}
.post img{width: 100%; }
.post .posttext{padding: 15px; position:relative}
.posttext .arrow{top: -18px;}
.posttext .date{ position:absolute; top: 10px; right: 10px; background:#9ca2b3 ; color:#ffffff; padding: 8px;}
.posttext .date span{ display:block; font-size: 36px; padding-top: 8px; line-height: 36px;}

.maincenter div.inside{width: 100%; margin:0px;}
.maincenter div.inside img{width: 100%; margin:0px; height:auto;}
.claimholder.masonry{width:100%}

.insite iframe{width:100%;}
.card{float:left; width: 48%; background:#ffffff; border: 1px solid rgba(0,0,0,0.1); background:rgba(0,0,0,0.03); box-sizing:border-box; padding: 25px; text-align:center; min-height: 300px; margin: 0%; text-align:center;}
.card *{text-align:center;}
.card em{font-style: normal; color:#9ca2b3 ; border-bottom: 1px dotted rgba(0,0,0,0.2); display:block; padding-bottom: 8px; font-size: 16px; padding-top: 4px;}
.card img{margin-top: 10px; max-width: 130px;}
.mobileheader{display:none;}

.mainmenu{ position: fixed; left: -100%; width: 100%; background: #FF912C; height: 100%; opacity:0; -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in; z-index: 999}
.open .mainmenu{left: 0%; opacity:1}
.open .menuin .mobilemenu{display:block; position:absolute; left: 50%; top: 40px; width: 50px; height: 50px; margin-left: -26px; font-size: 25px; border-radius: 40px; border: 1px solid #ffffff; text-align: center; line-height: 50px;}
.open:after{background:rgba(0,0,0,0.7); position:fixed; top:0px; left:0px; height: 100%; width: 100%; content:''; display:block;}   

@media screen and (min-width:0px) and (max-width:1368px){
    
}
html,body,.body{width: 100%; }

.menuin .socialicons{text-align: center; width: 100%; padding-top: 20px;}

@media screen and (min-height:0px) and (max-height:900px) and (min-width:780px) and (min-height:500px){
                                                                                                           
.header .menuholder #nav li a {line-height: 45px; font-size: 26px;}
.header .menuholder #nav ul li ul li a{font-size: 20px; line-height: 35px;}
    
}


@media screen and (min-width:0px) and (max-width:1023px){

    .header{width: 100%; height: auto !important;}      
    .content{width: 100%;}
      .fullwidth .masonry .item{width: 50%;}
       .masonry .claimbox{width: 50%;}
}

@media screen and (min-width:0px) and (max-width:780px){
    .maincenter{width: 100%;}
 
    .calendarbox table tr td.numbers{display:block; clear:both; width: 100% !important; height: auto !important; min-height: 30px; border:0px !important; border-bottom: 1px solid rgba(0,0,0,.2) !important;}
    .calendarbox table tr td:after{display:block; clear:both}
    .left table.calendar td.numbers .day{float:none; display: table;}
    .calendarbox table tr td.days{display:none;}
    .left table.calendar td.numbers .day i{display:table-cell; vertical-align: middle; padding: 0px 15px 0px 15px}
    .left table.calendar td.numbers .day span{font-size: 14px; vertical-align: middle; margin: 0px !important; display:table-cell padding:0px; width: inherit;line-height: 18px; text-align:left;}
    .left table.calendar td.numbers .day:after{display:block; clear: both; content:'';} 
  .card{float:none; width: 100%;  border: 1px solid rgba(0,0,0,0.1); box-sizing:border-box; padding: 25px; text-align:center; min-height: auto; margin-bottom: 15px }
      .mainnews{width: 100% !important;}
      .design{display:none;}
      .mobileheader{display:block;}
      .mobileheader img{display:block;}
      .main .mobileheader{display:none;}
      .main .design{display:block;}
      .main .design img{display:block; position:relative; width: 100%;}
      .empty{display:none !important;}
      .viewcontent img{width:100%; height: auto;}
      .viewcontent{width: 100%!important; overflow:hidden;}
      
      h1{font-size: 32px; line-height: 36px;}
      body{font-size: 16px; line-height: 24px;}
      .header .logo{font-size: 32px;}
      .header .mobilemenu{font-size: 21px;}
      .copyright{float:none; text-align:center; font-size: 12px; line-height: 16px;}
      .author{float:none; text-align:center; padding-top: 15px;}

      .open .menuin .mobilemenu{width: 30px; height: 30px; margin-left: -15px; font-size: 19px; top: 15px; line-height: 30px;;}
      .header .menuholder #nav li a{font-size: 24px; line-height: 39px;}
      .header .menuholder #nav ul li ul li a{font-size: 18px; line-height: 30px;}
      .viewcontent table td{font-size:16px;}
      .newheaderholder:after{  border-width: 0 0 30px 300px; }
      .headerin>.socialicons{display:none;}
      .header .logo img{width: 50px;}
      
}


@media screen and (min-width:0px) and (max-width:480px){
.viewcontent table{width: 100% !important} 

.viewcontent table td { padding: 5px; font-size: 12px; line-height: 14px; word-wrap: break-word; padding-right: 0px;} 
.viewcontent table td p{ text-align: left;} 
.viewcontent table tr>td>img{width: 100% !important; height: auto !important; margin-bottom: 15px;} 
h1{font-size: 40px;    line-height: 50px;}
.newheader .inside h1{ font-size: 80px;     line-height: 40px; white-space: nowrap;}
.fullwidth .masonry .item {width: 50%;}
.fullwidth .masonry .item .inforow{padding:20px 0px;}
.fullwidth .masonry .gallery.item {width:100%}
.fullwidth .masonry .video.item {width:100%}
.newheaderholder .newheader{height: 400px}
.newheaderholder{height: 400px}


h1{font-size: 28px; line-height: 32px;}
.header .logo{font-size: 22px; padding-right: 0px;}
.header .mobilemenu{font-size: 18px;}
.socialicons a{width: 30px; height: 30px; line-height: 32px; margin-left: 2px;}
.socialicons {padding-top: 46px}
.socialicons a .fa{font-size: 18px !important; line-height:26px !important;}
.header .fa-bars{margin-bottom: -2px; margin-top: 0px;}
 .masonry .claimbox{width: 100%; padding:0px;}
 .masonry{margin: 0px 0px 0px 0px;}
 .copyright{float:none; text-align:center; font-size: 10px; line-height: 14px}
 .main .pageend{bottom: 10px;}
 .pageend .author{padding-top: 8px;}
 .viewcontent .scroll table td{padding:2px; font-size: 12px; line-height: 16px; width: auto !important;}
 .card {padding: 10px;}
 .card span{display:block}
}

.mainnews *{width: 99% !important}

#fancybox-overlay{background:#000000 !important;}

.contentholder{border-radius: 20px; overflow: hidden; width: 100%; background:#ffffff; position:relative; margin-top: -15px;}
.main .contentholder{display: none !important;}

@font-face {
  font-family: 'lg';
  src: url("../css/fonts/lg.ttf?22t19m") format("truetype"), url("../css/fonts/lg.woff?22t19m") format("woff"), url("../css/fonts/lg.svg?22t19m#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lg' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  background: none;
  border: none;
  box-shadow: none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
  outline: medium none;
  border: none;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../images/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
  position: relative;
}
.lg-outer #lg-share:after {
  content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e904";
}
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e907";
}
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e905";
}
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e906";
}

.lg-outer .lg-img-rotate {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}

.lg-rotate-left:after {
  content: "\e900";
}

.lg-rotate-right:after {
  content: "\e901";
}

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
  font-size: 26px;
}

.lg-flip-ver:after {
  content: "\e903";
}

.lg-flip-hor:after {
  content: "\e902";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  outline: none;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("../images/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*# sourceMappingURL=lightgallery.css.map */