.cleaner{width:0; height:0; clear:both; font-size:0;}
img {border:0;}
.imagesGallery{width:100%; padding-top:10px;}
.imagesGalleryItem{float:left;}
.imagesGalleryItem img {padding: 3px;}
.toGallery{margin-bottom: 0.8em;}
.threeCols .col{width:32%; float:left;margin-right:2%}
.threeCols .col:nth-child(3n){margin-right:0}
input,textarea{font-family: Arial, sans-serif; font-weight: 400; font-size: 13px}
.contactForm{padding: 0 1% 0 1%}
.contactForm *{box-sizing:border-box}
.contactForm label{display: block; width: 20%; float: left; margin-bottom: 5px; height: 32px; line-height: 32px}
.contactForm input,.contactForm button{display: block; width: 79%; margin-left: 1%; float: left; border:1px solid #707070; height: 32px; margin-bottom: 5px; line-height: 1em; padding: 0 5px; border-radius: 6px;}
.contactForm textarea{display: block; width: 79%; margin-left: 1%; float: left; resize:none;border:1px solid #707070; padding: 10px; height: 90px; margin-bottom: 15px; border-radius: 6px}
.contactForm select{display: block; width: 79%;margin-left: 1%; float: left; border:1px solid #707070; height: 32px; margin-bottom: 5px;  border-radius: 6px}
#recaptcha_widget_div{float: right; margin-bottom: 5px}
.contactForm input#file{border:0; height: 25px; margin-top: 5px}
.contactForm input.submit,.contactForm button.submit{width: 150px; background: #ed1c24; float: right; color: #fff; border-color: #ed1c24; cursor: pointer;}
.contactForm input.submit:hover,.contactForm button.submit:hover{opacity: 0.9}
#contactForm input.checkbox{width: 16px; height: 16px;float:right}
#contactForm label.checkbox{width: calc(95% - 16px); margin-left: 0; line-height: 23px;float:right; margin-right:2%; text-align:right;margin-bottom: 20px;}

#lin .in label.checkbox{font-size: 12px; line-height: normal;padding-top: 0}
.contactForm .dataProtection{float: left; max-width: calc(100% - 350px); font-size: 14px}
@media screen and (max-width:600px){
    .contactForm {margin: 0 10px;}
    .contactForm label{width: 100%; float: none}
    .contactForm input{width: 100%; margin-right: 0; float: none}
    .contactForm textarea{width: 100%; margin-right: 0; float: none}
    .contactForm .dataProtection{max-width: 100%; width: 100%; margin-bottom: 5px}
    .contactForm label.twolines{height: 45px; line-height: normal}
}
@media screen and (max-width:799px){
.threeCols .col:nth-child(n){width:100%; margin-right:0; margin-bottom:1em;}
}
/* 
Orders default
Can be altered without display:none;
*/
.bcSuccInfo{display:none; color: #0f0;}
#CartOthersData{display:none;}
#FinishOrder{display:none;}
#TA{display:none;}

.left{text-align: left}
.center{text-align: center}
.right{text-align: right}
.justift{text-align: justify}
/*body>iframe{display: none}*/

#cookiesI{background: rgba(0,0,0,0.7); color: #000; text-align: center; width: 100%; padding: 0; position: fixed; top: 0; left: 0; z-index: 100; font-size:13px; width:100%; height:100%}
#cookiesI *{box-sizing: border-box}
#cookiesI h2{font-size: 26px; margin-bottom: .6em}
#cookiesI .col{margin-bottom:.3em}
#cookiesI.hiddenpolicy{display: none}
#cookiesI #cont{background: #fff; color:#000; padding: 25px; width:500px; height:344px; margin-left: -250px; margin-top:-172px; position: absolute; left: 50%; top:50%; border-radius: 20px;text-align: left; overflow: auto}
#cookiesI #cont.extended{height:520px}
#cookiesI #cont p{line-height: 1.4em}
#cookiesI #cont .readm{display: inline-block; margin-bottom: 10px;text-decoration: none; }
#cookiesI #cont .readm:after{content:'\f107';; margin-left: 5px;font-family: 'FontAwesome'}
#cookiesI #cookiespolicybtn1,#cookiesI #cookiespolicybtn3,#cookiesI #cookiespolicybtn4{background: #fff; border:2px solid #000;  padding: 0; display: block; text-decoration: none; color: #000; height: 40px; line-height: 36px; text-align: center }
#cookiesI #cookiespolicybtn2{background: #ec060f; border:2px solid #ec060f;  padding: 0; display: block; text-decoration: none; color: #fff; height:40px;line-height: 36px; text-align: center}
.cgroup {padding: 10px}
.cgroup .cexpand{float: left; width: 30px;}
.cgroup .cexpand:before{content:'\f107';font-family: 'FontAwesome'}
.cgroup .csetting{width: 60px; float: left}
.cgroup .ctitle{width: calc(100% - 90px); float:left}
.cgroup .ctext{margin-top: 8px}
.coptgroup{margin-bottom: 20px}
@media screen and (max-width:550px){
    #cookiesI h2{font-size: 20px}
    #cookiesI #cont{width: 300px; margin-left: -150px; height: 456px; margin-top: -228px}
    #cookiesI #cont.extended{height:700px; margin-top: -350px}
}
.hidden{display: none}
.switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.switch input { opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #ec060f;}
input:focus + .slider {box-shadow: 0 0 1px #ec060f;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.rmc.hidden{display: none}

.border0{border:none}


@font-face{font-family:'FontAwesome';font-style:normal;font-weight:300;src:url(/templates/fonts/fa-light-300.eot);src:url(/templates/fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-light-300.woff2) format("woff2"),url(/templates/fonts/fa-light-300.woff) format("woff"),url(/templates/fonts/fa-light-300.ttf) format("truetype"),url(/templates/fonts/fa-light-300.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesome';font-style:normal;font-weight:400;src:url(/templates/fonts/fa-regular-400.eot);src:url(/templates/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-regular-400.woff2) format("woff2"),url(/templates/fonts/fa-regular-400.woff) format("woff"),url(/templates/fonts/fa-regular-400.ttf) format("truetype"),url(/templates/fonts/fa-regular-400.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesome';font-style:normal;font-weight:900;src:url(/templates/fonts/fa-solid-900.eot);src:url(/templates/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-solid-900.woff2) format("woff2"),url(/templates/fonts/fa-solid-900.woff) format("woff"),url(/templates/fonts/fa-solid-900.ttf) format("truetype"),url(/templates/fonts/fa-solid-900.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesome';font-style:normal;font-weight:800;src:url(/templates/fonts/fa-duotone-900.eot);src:url(/templates/fonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-duotone-900.woff2) format("woff2"),url(/templates/fonts/fa-duotone-900.woff) format("woff"),url(/templates/fonts/fa-duotone-900.ttf) format("truetype"),url(/templates/fonts/fa-duotone-900.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesomeB';font-style:normal;font-weight:400;src:url(/templates/fonts/fa-brands-400.eot);src:url(/templates/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-brands-400.woff2) format("woff2"),url(/templates/fonts/fa-brands-400.woff) format("woff"),url(/templates/fonts/fa-brands-400.ttf) format("truetype"),url(/templates/fonts/fa-brands-400.svg#fontawesome) format("svg")}
html{margin-left:-1px;}
form{margin:0;padding:0;}
#pageWrap{padding:0;margin:0;}
body{font-family:'Roboto Condensed',Arial, Helvetica, sans-serif;font-size:15px;color:#676767;margin:0;padding:0;position:relative;height:100%;background:#fff url(/templates/images/background.webp) no-repeat center top; min-width: 340px}
.cleaner { clear:both; height:0px; line-height:0px; font-size:0px}
.clearfix:after{content:"";display: table; clear: both} 
img,iframe{max-width: 100%}
#header{position:relative;margin:0 auto 0 auto;max-width:1000px; width:100%; height:149px;z-index:3;}
#bcBackground{position:relative;max-width:1000px; width:100%; margin:0 auto 0 auto;z-index:2;}
#bcHeader{position:relative;width:100%;z-index:3;}
#bcFooter{position:relative;width:100%;min-height:600px;padding:0px 0 10px 0;z-index:3;}
.others #bcFooter{background:#fff}
#boxLeft{width:258px;float:left; padding-top:28px;}
#boxMain{max-width:721px; width:100%; margin:0 auto 0 auto;z-index:4;float:right;padding-top:30px;}
#footerWrap{position: relative;width: 100%;z-index: 1;background:url(/templates/images/footerWrap.webp) repeat-x left 96px;}
#footer{position:relative;max-width: 1000px;width:100%; height: 155px;margin: 0 auto 0 auto;z-index:4;}

#logo {position:absolute; top:0; left:14px}
#ctaPhone{position:absolute; left:662px; top:69px; height:23px; line-height:23px; padding-left:32px; background:url(/templates/images/ctaPhone.webp) no-repeat left center; color:#c1c1c1;}
#ctaEmail{position:absolute; left:820px; top:71px; height:18px; line-height:18px; padding-left:30px; background:url(/templates/images/ctaEmail.webp) no-repeat left center;}
#ctaEmail a{color:#c1c1c1; text-decoration:none;}
.comboBox{top:68px; right: 350px; position: absolute}
#lang{position:absolute; left:888px; top:116px; color:#c1c1c1}
#lang a{padding:0 2px 0 0;}

#mainImgArea{width:100%; height:436px;}
#mainImg{max-width:650px; float:left; height:436px; width: 100%;}
#bbtn1,#bbtn2{float:left; width:350px; float:left; height:218px}
#bbtn1 a,#bbtn2 a{display: block; text-decoration: none; font-size: 45px; font-weight: bold; color: #fff; padding-top: 110px; height: 108px; text-align: center}
#bbtn1 a{background: url(/templates/images/bbtn1.webp) no-repeat center center}
#bbtn2 a{background: url(/templates/images/bbtn2.webp) no-repeat center center}
#bbtn1 a:hover,#bbtn2 a:hover{opacity: 0.9}

.newsSuperTitle{font-size:29px; font-weight:bold; margin:0 0 0.3em; color:#ed1c24; padding-left:17px;}
.newsWrap{padding:10px 17px; background:#fff;}
.newsDate{padding-left:20px; background:url(/templates/images/newsDate.webp) no-repeat left center; height:16px; line-height:16px; margin-bottom:0.3em;}
.newsTitle{font-weight:bold; margin-bottom:0.1em;}
.newsContent p{margin-bottom:0; line-height:1.2em; padding:0}
.newsWrap:hover{background:#ed1c24; color:#fff;}
.newsWrap:hover a{color:#fff;}
.newsWrap:hover .newsDate{background-image:url(/templates/images/newsDateHover.webp);}

.pagerx{padding: 10px; text-align: center}
.pagerx span,.pagerx a{display: inline-block; margin: 0 5px 0 0;width:30px; height:30px; line-height:30px; text-decoration: none;}
.pagerx a{color: #fff; background: #ED1C24}
.pagerx a:hover{color:#fff}
.pgroup{padding:0 1%}
.pgroup *{box-sizing:border-box}
.pgroup .productItem{width:48%; float:left;margin-right:4%;text-decoration:none; display:block;margin-bottom:1.8em;border:1px solid #f1f1f1;padding:10px}
.pgroup .productItem:nth-child(2n){margin-right:0}
.pgroup .productItem:hover{border-color:#ed1c24}
.productItem h2{height:29px;overflow:hidden;text-align:center}
img{max-width:100%}
#boxLeft ul{list-style:none; margin:0; padding:0}
#boxLeft ul li{list-style-image:none; margin:0; padding:0}
#boxLeft ul li a{text-decoration:none;display:block}
#boxLeft>ul>li>a{background:#ed1c24;color:#fff;padding:8px 20px}
#boxLeft>ul>li>ul>li>a{border:1px solid #f1f1f1; padding:8px 20px}
#boxLeft>ul>li>ul>li.selected>a{border-color:#ed1c24}
.price{font-size:18px; margin-bottom:1.5em}
.btn{text-decoration:none; display:inline-block; padding:8px 20px; background:#ed1c24;color:#fff}
.btn:hover{opacity:.9;color:#fff}

#hpH2SpecialArea{padding:20px 23px; height:444px; background:url(/templates/images/hpHome.webp) no-repeat center top; margin-bottom:1.8em}
#hpH2SpecialArea h2{color:#faa61a; padding-left:65px; display:inline-block; margin-bottom:0.5em;}
#hpH2SpecialArea p{color:#fff; line-height:1.3em; margin-bottom:1.5em}
#hpH2SpecialArea .links{display:inline-block;}
#hpH2SpecialArea .link{padding:0 15px; display:inline-block; font-size:14px; color:#fff; text-decoration:none}
#hpH2SpecialArea .link.first{border-right:1px solid #fff; padding-left:25px}
#hpH2SpecialArea .fakeVideo{border:1px solid #fff; width:658px; height:294px; margin:0 auto}

#flogo{position:absolute; left:69px; top:0; height:135px; width:211px; display:block; background:url(/templates/images/flogo.webp) no-repeat center center}
#loc{position:absolute; top:26px; left:280px; width:322px; background: #fff}
#loc h2{color: #ed1c24; font-size:29px; margin-bottom:0.58em; padding:0}
#loc h3{display:inline-block; width:47%; color:#676767; font-size:14px; margin-bottom:0.1em; padding:0; font-weight:normal}
#newFrmBtn{position: absolute; top:-3px; right:65px;}

#menu{position:absolute;top:109px;left:236px;z-index:4;}
#menu>a{display: none}
#menu>ul{list-style:none;margin:0 auto 0 auto;padding:0;}
#menu>ul>li{list-style-image:none;padding:0;margin:0;float:left;position: relative}
#menu>ul>li>a {display:block;font-size: 15px;color: #c1c1c1;text-decoration: none;text-align:center;padding:0 10px;font-weight:bold;height: 40px;line-height: 40px;}
#menu>ul>li.selected>a,#menu>ul>li:hover>a {background:#ec060f;color: #fff;}
#menu>ul>li>ul{list-style: none; position: absolute; top:40px; left: 0; margin: 0; padding: 0; width: 200px; display: none;}
#menu>ul>li>ul>li{list-style-image: none; margin: 0; padding: 0;}
#menu>ul>li>ul>li>a{display: block; padding: 5px 10px; background: #ec060f; color: #fff; text-decoration: none;}
#menu>ul>li>ul>li>a:hover{color: #fff; text-decoration: underline}
#menu>ul>li:hover>ul{display: block}
/* end top menu*/

#containerFooter{width: 340px;font-size: 9px;color: #fff;padding:0;text-align:left;position:absolute; right:0; top:99px;}
#containerFooter a{text-decoration: none;color:#fff;}
#containerFooter a:hover{text-decoration: none;color:#fff;}

p{margin:0 0 1.8em 0;padding: 0;line-height:1.5em;padding:0 10px;}
p.h1{margin-bottom:1em; background:#ed1c24; color:#fff; font-size:18px; padding:10px}
p.h1 a{color:#fff;}
h1{font-size: 29px;margin: 0 0 0.3em 0;font-weight: bold;color: #ed1c24;padding-left:10px;}
h2{font-size: 24px;margin: 0 0 0.3em 0;font-weight: bold;color: #676767;padding-left:10px}
h3{font-size: 19px;margin: 0 0 0.3em 0;font-weight: bold;color: #676767;padding-left:10px}
h4{font-size: 17px;margin: 0 0 0.3em 0;font-weight: bold;color: #676767;padding-left:10px}
h5{font-size: 15px;margin: 0 0 0.3em 0;font-weight: bold;color: #676767;padding-left:10px}
h6{font-size: 13px;margin: 0 0 0.3em 0;font-weight: bold;color: #676767;padding-left:10px}
a{text-decoration:underline;color:#676767;outline:none;}
a:hover{text-decoration:none;color:#676767;}
ul{margin:3px 0 1.8em 5px;padding:3px 0 0 15px;}
ul ul{margin:3px 0 3px 5px;padding:3px 0 0 15px;}
li{list-style-image:none;}
a img {border:none}
.twoCols .col{width:48%; margin-right:4%; float:left}
.twoCols .col:nth-child(2n){margin-right:0}

#abscont{transition-property: left,width,transform; transition-duration: .25s;transition-timing-function: cubic-bezier(.35,0,.25,1);width: 100%;-webkit-backface-visibility: hidden;}
#abscont.shrinked{transform: translate3d(200px,0,0); position: fixed; min-height: 0; overflow: hidden;}
#overlaymContext{opacity: 0.8; background: #000; width: 100%; height: 100%;position: fixed;top: 0; z-index: 200}
.sidenav{position: fixed; width: 200px; transform: translate(-100%,0); transition: all .25s ease-in-out; left: 0; top:0; height: 100%; background: #fff; color: #000; visibility: hidden; padding: 0 10px; overflow-y: scroll; font-size: 13px;box-sizing:unset}
.sidenav.expanded{transform: translate(0,0); visibility: visible;}
.sidenav .supertitle{padding: 15px 0 15px 20px; font-size: 20px; font-weight: bold;}
.sidenav ul{list-style: none; margin: 0; padding: 0}
.sidenav>ul{background-color: #fff;width: 180px;}
.sidenav>ul>li{background-color: #fff;border-bottom: 1px solid #dcdcdc;display: block;width: 180px; line-height: 20px;}
.sidenav ul li a{line-height: 1em; padding: 9px 0 9px 20px;text-decoration: none;transition: all .2s ease-in-out; color: #a2a2a2; display: block}
.sidenav ul li.selected>a,.sidenav ul li>a:hover{color: #000}
.sidenav ul li ul li a{padding-left: 25px;}
.sidenav ul li ul li ul li a{padding-left: 30px;}
.sidenav ul li ul li ul li ul li a{padding-left: 35px;}
.sidenav ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li a{padding-left: 45px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li ul li a{padding-left: 50px;}
.sidenav ul li.haschilds>ul{display: none}
.sidenav ul li.haschilds.throw>ul,.sidenav ul li.selected>ul,.sidenav>ul>li:nth-child(1) li.expanded>ul{display: block}
.sidenav ul li>a>span.doexpandchild{float: right}
.sidenav ul li>a>span.doexpandchild::after{content:'▼'}
.sidenav ul li.haschilds.throw>a>span.doexpandchild::after,.sidenav ul li.haschilds.selected>a>span.doexpandchild::after{content:'▲'}
#AM,#CM,#templateid,#FBPID{display: none}

@media screen and (max-width:1024px){
    body{background:#fff}
    #header{height: 90px; width: 96%; border-bottom: 2px solid #ec060f}
    #bcBackground,#footer{width: 96%}
    #logo{width: 120px}
    #ctaEmail{top:16px; left: auto; right: 10px}
    #ctaPhone{top:14px; left: auto; right: 204px}
    .comboBox{top:12px}
    #menu{left: auto; top:46px; right: 10px}
    #menu>ul{display: none}
    #menu>a{display: block;text-decoration: none; color: #ec060f;font-size: 20px}
    #menu>a:after{content:'\f0c9'; font-family: 'FontAwesome';font-weight: 900}
    #mainImg{margin: 0 auto; float: none;height: auto}
    #mainImg img{display: block}
    #mainImgArea{height: auto;text-align: center; width: 100%; max-width: 650px; margin: 0 auto}
    #bbtn1, #bbtn2{display: block; width: 50%; height: 170px; float: left}
    #bbtn1 a, #bbtn2 a{height: 60px;padding-top: 100px; font-size: 35px}
    #boxLeft{display: none}
    #boxMain{max-width: 1000px; width: 96%;float: none; margin: 0 auto}
    #hpH2SpecialArea{background: none; height: auto; padding: 0}
    #hpH2SpecialArea h2{padding-left: 10px}
    #hpH2SpecialArea .link.first{color: #676767}
    #hpH2SpecialArea .link{color: #676767}
    #hpH2SpecialArea p{color: #676767}
    #hpH2SpecialArea .fakeVideo{max-width: 658px; width: 100%}
    #footerWrap{background: #fff;}
    #footer{border-top: 2px solid #ec060f}
    #containerFooter{color: #676767; right: auto;left: auto; top:auto; float: right; position: relative; width: auto; margin-top: 32px}
    #containerFooter a{color: #676767}
    #flogo{display: none}
    #newFrmBtn{float: left; position: relative; top:auto; right: auto}
    footer{padding: 10px}
    #pageWrap.others #mainImgArea{display: none}
}
@media screen and (max-width:666px){
    #ctaEmail{display: none}
    #ctaPhone{right: 10px}
    .comboBox{right: 170px}
    #newFrmBtn{float: none; margin: 0 auto; max-width: 300px; width: 100%; text-align: center; display: block}
    #containerFooter{float: none; text-align: center; width: 100%; margin-top: 10px}
    .twoCols .col:nth-child(n){width:100%; margin-right:0}
    .pgroup .productItem:nth-child(n){width:100%; margin-right:0}
    .pgroup .productItem img{display:block;margin: 0 auto}
}
@media screen and (max-width:466px){
    .comboBox{right: 40px; top:44px}
    #menu{top:46px}
    #bbtn1 a, #bbtn2 a{font-size: 25px}
    #hpH2SpecialArea .links{display: block; margin-bottom: 10px}
    #hpH2SpecialArea .link.first{padding-left: 10px}
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/includes/plugins/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/includes/plugins/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/includes/plugins/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/includes/plugins/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/includes/plugins/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/includes/plugins/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVW2ZhZI2eCN5jzbjEETS9weq8-19ehAyvMum7nfDB64UYK1X5pKQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVW2ZhZI2eCN5jzbjEETS9weq8-19ehAyvMum7nfDB64RgK1X5pKQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVW2ZhZI2eCN5jzbjEETS9weq8-19ehAyvMum7nfDB64f8N1X5pKQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyXsosBO5Xk.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBO5Xk.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBO5Xk.ttf) format('truetype');
}


