@charset "utf-8";
/* CSS Document */

* {
	outline:none;
	padding:0px;
	margin:0px;
}

html {
	height:100%;
	padding:0px;
	margin:0px;
}

body {
	height:100%;
	background-color:#f9f9f9;
	font-family:'OpenSansLight';
	font-size:14px;
	color:#666;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	line-height:20px;
	padding:0px;
	margin:0px;
}

body.home{background-image:url(../Images/Backgrounds/bg.jpg); background-position:top center; background-repeat:no-repeat;}

/* ALL */
.clear{height:0px; display:block; clear:left; font-size:0px; line-height:0px;}
.clean{height:0px; display:block; clear:right; font-size:0px; line-height:0px;}
.cleall{height:0px; display:block; clear:both; font-size:0px; line-height:0px;}

img{max-width:100%; height:auto; border:none;}
hr{height:1px; background-color:#e4e4e4; border:none; color:#e4e4e4; margin:30px 0px;}

a{color:#2755ad; text-decoration:none; cursor:pointer;}
a:hover{color:#2755ad; text-decoration:underline;}

a.button{display:inline-block; position:relative; background-color:#7bc35d; font-family:'OpenSans'; font-size:12px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:30px; padding:0px 20px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.button:hover{background-color:#2755ad;}

ul,
ol{display:block; padding:0px; margin:15px 0px 15px 15px;}
ul li{padding:0px; margin:0px;}

span.count{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:1280px; display:block; position:relative; padding:0px 15px; margin:0px auto;}

/* STATUS */
small{display:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; text-decoration:none; padding:0px; margin:0px 0px 15px 0px;}
small.error{display:block; color:#881b1b;}
small.success{display:block; color:#409805;}
small.loading{display:block; color:#666;}
small img{vertical-align:text-bottom; padding:0px; margin:0px 7px 0px 0px;}

/* LABEL */
label{display:block; font-family:'OpenSans'; font-size:12px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; line-height:14px; margin:0px 0px 5px 0px; cursor:pointer;}
label.uppercase{font-size:13px; line-height:15px; text-transform:uppercase;}

/* INPUT */
input{width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); width:-o-calc(100% - 22px); width:calc(100% - 22px); height:34px; display:block; position:relative; background-color:#FFF; border:2px solid #CCC; font-family:'OpenSansLight'; font-size:12px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; line-height:34px; padding:0px 10px; margin:0px 0px 15px 0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
input.error{background-color:#FCD0C7; border:2px solid #901B1B; color:#901B1B; text-decoration:none;}

/* TEXTAREA */
textarea{width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); width:-o-calc(100% - 22px); width:calc(100% - 22px); height:250px; display:block; position:relative; background-color:#FFF; border:2px solid #CCC; font-family:'OpenSansLight'; font-size:12px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; line-height:16px; padding:10px; margin:0px 0px 15px 0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
textarea.error{background-color:#FCD0C7; border:2px solid #901B1B; color:#901B1B; text-decoration:none;}

/* SELECT */
.slct{width:-moz-calc(100% - 2px); width:-webkit-calc(100% - 2px); width:-o-calc(100% - 2px); width:calc(100% - 2px); height:34px; display:inline-block; overflow:hidden; background-color:#FFF; background-image:url(../Images/Icons/select.png); background-position:100% 50%; background-repeat:no-repeat; border-bottom:2px solid #CCC; vertical-align:middle; padding:0px; margin:0px;}
.slct select{width:-moz-calc(100% + 20px); width:-webkit-calc(100% + 20px); width:-o-calc(100% + 20px); width:calc(100% + 20px); background:transparent; border:0; line-height:1; font-family:'OpenSansLight'; font-size:15px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; padding:7px 0px; margin:0px; border-radius:0; -webkit-appearance:none;}
.slct select option{color:#000; padding:0px;}

.slct.error{background-color:#FCD0C7; border:2px solid #901B1B;}
.slct.error select,
.slct.error select option{color:#901B1B; text-decoration:none;}

/* CHECKBOX */ 
div.checkbox{width:25px; height:25px; position:relative; float:left; clear:both; border:2px solid #CCC; padding:0px; margin:0px 15px 2px 0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
div.checkbox label{width:25px; height:25px; position:absolute; left:0px; top:0px; background-color:#FFF; border:none; padding:0px; cursor:pointer;}
div.checkbox label:after{width:12px; height:8px; position:absolute; top:5px; left:5px; background:transparent; border:3px solid #333; border-top:none; border-right:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0); opacity:0; content:''; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
div.checkbox label:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.5;}
div.checkbox input[type=checkbox]:checked + label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;}

div.checkbox.error{border:2px solid #901B1B !important;}
div.checkbox.error label{background-color:#FCD0C7;}

/* COOKIES */
div.coockiebanner{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); position:fixed; left:0px; bottom:0px; background-color:rgba(255,186,7,0.8); font-size:11px; color:#232323; text-decoration:none; text-align:center; line-height:22px; padding:5px 15px; margin:0px; opacity:0; z-index:999999;}

div.coockiebanner a{font-family:'OpenSansSemiBold'; color:#000; text-decoration:none;}
div.coockiebanner a:hover{text-decoration:underline;}

div.coockiebanner a.boxclose{display:inline-block; background-color:#000; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; color:#fff; text-decoration:none; font-weight:normal; line-height:0px; vertical-align:middle; padding:9px 5px 11px 4px; margin:0px 0px 0px 15px; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
div.coockiebanner a.boxclose:hover{background-color:#2755ad; text-decoration:none;}
div.coockiebanner a.boxclose:before{content:"×";}

/* HEADER */
header{display:block; position:relative; padding:0px; margin:30px 0px; z-index:999;}

/* --- LOGOS --- */
header h1{width:260px; height:110px; display:block; float:left; background-color:#CCC; position:relative; padding:0px; margin:0px;}
header h1 a{width:260px; height:62px; display:block; position:relative; background-image:url(../Images/Buttons/etourist.png); background-position:center; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:24px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header h1 a:hover p{opacity:0.75;}

header h2{width:220px; height:110px; display:block; float:right; background-color:#CCC; position:relative; padding:0px; margin:0px;}
header h2 a{width:220px; height:80px; display:block; position:relative; background-image:url(../Images/Buttons/interreg.png); background-position:center; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:15px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header h2 a:hover p{opacity:0.75;}

/* --- NAVIGATION --- */
header nav{width:-moz-calc(100% - 480px); width:-webkit-calc(100% - 480px); width:-o-calc(100% - 480px); width:calc(100% - 480px); display:block; float:left; position:relative; background-color:#CCC; padding:0px; margin:0px;}

/* === GENERAL === */
header nav div.general{position:relative; background-color:#2755ad; padding:0px; margin:0px;}

/* +++ SHOW +++ */
header nav div.general a.show{display:none; float:left; color:#FFF; text-decoration:none; text-align:center; text-transform:uppercase; line-height:17px; padding:0px; margin:11px 0px 1px 10px;}
header nav div.general a.show p{width:26px; height:17px; display:inline-block; background-image:url(../Images/Icons/all.png); background-position:-300px -119px; background-repeat:no-repeat; vertical-align:bottom; padding:0; margin:0px 10px 0px 0px;}
header nav div.general a.show:hover{color:#A0CEE8; text-decoration:none;}

/* +++ LANGUAGES +++ */
header nav div.general .languages{float:right; padding:0px; margin:9px 10px 0px 0px;}
header nav div.general .languages a{width:22px; height:15px; display:inline-block; background-image:url(../Images/Icons/all.png); background-repeat:no-repeat; vertical-align:middle; text-indent:-9999px; padding:0px; margin:0px 0px 0px 1px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header nav div.general .languages a.bg{background-position:0px 0px;}
header nav div.general .languages a.en{background-position:-22px 0px;}
header nav div.general .languages a.gr{background-position:-22px -15px;}

header nav div.general .languages a:hover,
header nav div.general .languages a.select{opacity:0.5;}

/* +++ MENU +++ */
header nav div.general ul{display:block; float:left; position:relative; list-style:none; padding:11px 0px 11px 10px; margin:0px;}
header nav div.general ul li{display:block; float:left; border-left:1px solid #FFF; list-style:none; padding:0px; margin:0px;}
header nav div.general ul li:first-of-type{border-left:none;}
header nav div.general ul li a{display:block; font-family:'OpenSans'; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; line-height:18px; text-transform:uppercase; padding:0px 10px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header nav div.general ul li a:hover,
header nav div.general ul li.select a{color:#b8d566; text-decoration:none;}

/* === CATEGORIES === */
header nav div.categories{position:relative; padding:0px; margin:0px;}

header nav div.categories ul{display:block; position:relative; list-style:none; padding:0px; margin:0px;}
header nav div.categories ul li{display:block; position:relative; float:left; list-style:none; padding:0px 0px 0px 10px; margin:0px;}
header nav div.categories ul li.hide{display:none;}
header nav div.categories ul li a{display:block; font-size:19px; color:#201600; text-decoration:none; font-weight:normal; line-height:24px; text-transform:uppercase; padding:23px 10px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header nav div.categories ul li a:hover,
header nav div.categories ul li a.select{color:#2755ad; text-decoration:none;}
header nav div.categories ul.gr li a{font-size:17px;}

header nav div.categories ul li ul{width:100%; display:none; position:absolute;}
header nav div.categories ul li ul li{float:none; background-color:rgba(1,1,1,0.6); padding:0px; margin:1px 0px 0px 0px;}
header nav div.categories ul li ul li a{font-size:14px; color:#FFF; text-decoration:none; line-height:18px; padding:10px;}
header nav div.categories ul li ul li a:hover{color:#2755ad; text-decoration:none;}
header nav div.categories ul li ul li.select a{color:#7bc35d; text-decoration:none;}

header nav div.categories ul li:hover ul{display:block;}

/* SLOGAN */
h3.slogan{font-size:36px; color:#FFF; text-decoration:none; line-height:40px; text-align:center; font-weight:normal; text-transform:uppercase; padding:0px; margin:200px 0px 230px 0px;}
h3.slogan strong{display:block; font-family:'BebasNeueBold'; font-size:120px; color:#7bc35d; text-decoration:none; line-height:130px; padding:0px; margin:0px;}

/* HOME */
section.home{display:block; position:relative; padding:0px; margin:0px 0px 30px 0px;}

/* --- TABS --- */
section.home ul.tabs{display:block; position:relative; border-bottom:4px solid #f9f9f9; list-style:none; padding:0px; margin:30px 0px 0px 0px; z-index:999;}
section.home ul.tabs li{width:50%; display:block; float:left; list-style:none; padding:0px; margin:0px;}
section.home ul.tabs li a{display:block; position:relative; background-color:#2755ad; font-size:30px; color:#FFF; text-decoration:none; font-weight:normal; text-transform:uppercase; line-height:60px; text-align:center; padding:0px 10px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.home ul.tabs li a p{width:0px; height:0px; display:none; position:absolute; left:50%; bottom:0px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #7bc35d; margin:0px 0px -10px -10px;}
section.home ul.tabs li a:hover{background-color:#0F3276;}
section.home ul.tabs li.select a{background-color:#7bc35d;}
section.home ul.tabs li.select a p{display:block;}

/* --- CONTENT --- */
section.home div.tab{display:none; position:relative; background-color:#FFF; line-height:26px; padding:30px; margin:0px; box-shadow:0px 0px 3px rgba(0,0,0,0.1);}

/* === MAP == */
section.home div.tab .map{display:block; float:left; font-size:24px; color:#78797c; text-decoration:none; text-align:center; padding:0px; margin:0px 30px 0px 0px;}
section.home div.tab .map.haskovo{width:350px; height:235px; background-image:url(../Images/Backgrounds/haskovo.png); padding:130px 0px 0px 0px;}
section.home div.tab .map.evros{width:320px; height:215px; background-image:url(../Images/Backgrounds/evros.png); padding:150px 0px 0px 30px;}

/* === BOXES === */
section.home div.tab aside{width:-moz-calc(33.3334% - 1px); width:-webkit-calc(33.3334% - 1px); width:-o-calc(33.3334% - 1px); width:calc(33.3334% - 1px); height:570px; display:block; float:left; padding:0px; margin:45px 0px 0px 1px;}

section.home div.tab aside a{height:-moz-calc(50% - 1px); height:-webkit-calc(50% - 1px); height:-o-calc(50% - 1px); height:calc(50% - 1px); display:block; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; padding:0px; margin:0px;}
section.home div.tab aside a.culturalbg{background-image:url(../Images/Others/cultural_objects_bulgaria.jpg); margin:0px 0px 1px 0px;}
section.home div.tab aside a.culturalgr{background-image:url(../Images/Others/cultural_objects_greece.jpg); margin:0px 0px 1px 0px;}
section.home div.tab aside a.naturalbg{background-image:url(../Images/Others/natural_objects_bulgaria.jpg);}
section.home div.tab aside a.naturalgr{background-image:url(../Images/Others/natural_objects_greece.jpg);}
section.home div.tab aside a.mapbg{height:-moz-calc(100% - 1px); height:-webkit-calc(100% - 1px); height:-o-calc(100% - 1px); height:calc(100% - 1px); background-image:url(../Images/Others/interactive_map_bulgaria.jpg);}
section.home div.tab aside a.mapgr{height:-moz-calc(100% - 1px); height:-webkit-calc(100% - 1px); height:-o-calc(100% - 1px); height:calc(100% - 1px); background-image:url(../Images/Others/interactive_map_greece.jpg);}
section.home div.tab aside a.foodbg{background-image:url(../Images/Others/traditional_cuisine_bulgaria.jpg); margin:0px 0px 1px 0px;}
section.home div.tab aside a.foodgr{background-image:url(../Images/Others/traditional_cuisine_greece.jpg); margin:0px 0px 1px 0px;}
section.home div.tab aside a.winebg{background-image:url(../Images/Others/traditional_wines_bulgaria.jpg);}
section.home div.tab aside a.winegr{background-image:url(../Images/Others/traditional_wines_greece.jpg);}
 
section.home div.tab aside a span.info{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px);  display:block; position:absolute; bottom:0px; font-family:'OpenSans'; font-size:12px; color:#CCC; line-height:16px; padding:15px 15px 0px 15px; margin:0px; z-index:99; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.home div.tab aside a span.info p{opacity:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.home div.tab aside a span.info h5{display:block; font-family:'OpenSansSemiBold'; font-size:24px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:24px; text-transform:uppercase; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.home div.tab aside a span.info em{width:20px; height:20px; display:block; float:right; background-image:url(../Images/Icons/all.png); background-position:0px -15px; background-repeat:no-repeat; padding:0px; margin:10px 0px 0px 10px; opacity:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.home div.tab aside a img{display:block; position:relative; padding:0px; margin:0px; z-index:1;}

section.home div.tab aside a:hover span.info{padding:15px;}
section.home div.tab aside a:hover span.info p,
section.home div.tab aside a:hover span.info em{opacity:1;}
section.home div.tab aside a:hover span.info h5{margin:0px 0px 2px 0px;}

/* NEWS */
section.news{display:block; position:relative; padding:30px 0px 60px 0px; margin:0px;}
section.news h4{display:block; font-family:'BebasNeueBold'; font-size:72px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:76px; text-align:center; padding:0px; margin:0px;}
section.news strong{display:block; font-size:18px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; text-align:center; line-height:22px; padding:0px; margin:0px;}

section.news a{width:-moz-calc(33.3334% - 18px); width:-webkit-calc(33.3334% - 18px); width:-o-calc(33.3334% - 18px); width:calc(33.3334% - 18px); display:block; float:left; text-decoration:none; padding:0px; margin:30px 0px 0px 27px;}
section.news a:nth-of-type(3n + 1){clear:left; margin:30px 0px 0px 0px;}
section.news a p{font-size:14px; color:#666; text-decoration:none; line-height:18px; padding:0px; margin:0px 0px 20px 0px;}
section.news a em{display:block; float:right; font-size:12px; color:#333; text-decoration:none; font-style:normal; line-height:30px; padding:0px; margin:0px;}
section.news a h6{display:block; font-family:'OpenSans'; font-size:17px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:21px; padding:0px; margin:0px 0px 20px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.news a img{display:block; position:relative; padding:0px; margin:0px 0px 20px 0px;}
section.news a big{display:inline-block; position:relative; background-color:#7bc35d; font-family:'OpenSans'; font-size:12px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:30px; padding:0px 20px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.news a:hover h6{color:#2755ad;}
section.news a:hover big{background-color:#2755ad;}

/* PROGRAM */
section.program{display:block; position:relative; padding:0px; margin:0px;}
section.program div.box{background-color:#FFF; padding:20px; box-shadow:0px 0px 3px rgba(0,0,0,0.1);}

section.program div.box .interreg{width:245px; height:120px; float:left; background-image:url(../Images/Icons/all.png); background-position:0px -35px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px 20px 0px 0px;}

section.program div.box .info{width:-moz-calc(100% - 435px); width:-webkit-calc(100% - 435px); width:-o-calc(100% - 435px); width:calc(100% - 435px); float:left; padding:0px; margin:0px;}
section.program div.box .info p{display:block; font-size:14px; color:#666; text-decoration:none; font-weight:normal; line-height:17px; padding:0px; margin:0px 0px 15px 0px;}
section.program div.box .info em{display:block; font-family:'OpenSans'; font-size:14px; color:#999; text-decoration:none; font-weight:normal; line-height:17px; padding:0px; margin:0px;}
section.program div.box .info strong{display:block; font-family:'OpenSansSemiBold'; font-size:14px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:17px; padding:0px; margin:0px 0px 15px 0px;}

section.program div.box .europe{width:150px; float:left; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:10px; color:#999; text-decoration:none; font-weight:normal; font-style:normal; text-align:center; line-height:10px; padding:0px; margin:0px 0px 0px 20px;}
section.program div.box .europe em{width:145px; height:95px; display:block; position:relative; background-image:url(../Images/Icons/all.png); background-position:-300px 0px; background-repeat:no-repeat; text-indent:-9999px; margin:0px auto 5px auto;}

/* FOOTER */
footer{display:block; position:relative; padding:60px 0px 45px 0px; margin:0px;}

/* --- ABOUT --- */
footer div.about{width:-moz-calc(22% - 21px); width:-webkit-calc(22% - 21px); width:-o-calc(22% - 21px); width:calc(22% - 21px); float:left; border-right:1px solid #d0d0d0; padding:15px 20px 15px 0px; margin:0px;}
footer div.about p{display:block; font-family:'OpenSans'; font-size:13px; color:#787878; text-decoration:none; font-weight:normal; font-style:normal; line-height:17px; padding:0px; margin:0px;}
footer div.about a{width:145px; height:24px; display:block; background-image:url(../Images/Icons/all.png); background-position:-300px -95px; background-repeat:no-repeat; padding:0px; margin:0px 0px 40px 0px;}
footer div.about strong{display:block; font-family:'OpenSansSemiBold'; font-size:15px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:0px; margin:0px 0px 20px 0px;}

/* --- MENU --- */
footer div.menu{width:-moz-calc(15% - 41px); width:-webkit-calc(15% - 41px); width:-o-calc(15% - 41px); width:calc(15% - 41px); float:left; border-right:1px solid #d0d0d0; padding:15px 20px; margin:0px;}
footer div.menu ul,
footer div.menu ul li{display:block; list-style:none; padding:0px; margin:0px;}
footer div.menu ul li a{display:block; font-size:16px; color:#787878; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:30px;}
footer div.menu ul li a:hover{color:#7bc35d;}
footer div.menu ul li.select a{color:#2755ad;}

/* --- CATEGORIES --- */
footer div.categories{width:-moz-calc(19% - 41px); width:-webkit-calc(19% - 41px); width:-o-calc(19% - 41px); width:calc(19% - 41px); float:left; border-right:1px solid #d0d0d0; padding:15px 20px; margin:0px;}
footer div.categories ul,
footer div.categories ul li{display:block; list-style:none; padding:0px; margin:0px;}

footer div.categories ul li a{display:block; font-family:'OpenSansSemiBold'; font-size:16px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:30px;}
footer div.categories ul li a:hover,
footer div.categories ul li a.select{color:#7bc35d;}

footer div.categories ul li div{margin:0px 5px 0px 0px;}
footer div.categories ul li div a{display:block; font-family:'OpenSansLight'; font-size:12px; color:#787878; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; line-height:16px;}
footer div.categories ul li div a:hover,
footer div.categories ul li div a.select{color:#2755ad;}

/* --- APPS --- */
footer div.apps{width:-moz-calc(16% - 40px); width:-webkit-calc(16% - 40px); width:-o-calc(16% - 40px); width:calc(16% - 40px); float:left; padding:15px 20px; margin:0px;}
footer div.apps p{display:block; font-family:'OpenSans'; font-size:12px; color:#787878; text-decoration:none; line-height:16px; padding:0px; margin:0px;}

footer div.apps a.googleplay{width:163px; height:49px; display:block; position:relative; background-image:url(../Images/Icons/all.png); background-position:0px -155px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:20px 0px 0px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
footer div.apps a.appstore{width:163px; height:49px; display:block; position:relative; background-image:url(../Images/Icons/all.png); background-position:-163px -155px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:10px 0px 0px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
footer div.apps a.webapp{width:163px; height:49px; display:block; position:relative; background-image:url(../Images/Icons/all.png); background-position:0px -275px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:10px 0px 0px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
footer div.apps a.appstore:hover,
footer div.apps a.googleplay:hover,
footer div.apps a.webapp:hover{opacity:0.75;}

/* --- INFO --- */
footer div.info{width:28%; float:left; text-align:right; padding:15px 0px; margin:0px;}

/* === PARTHNERS === */
footer div.info .partners{position:relative; margin:0px;}
footer div.info .partners a{display:inline-block; background-image:url(../Images/Icons/all.png); vertical-align:middle; background-repeat:no-repeat; padding:0px; margin:0px 0px 15px 0px;}

footer div.info .partners a.logo1{width:128px; height:35px; background-position:-44px 0px;}
footer div.info .partners a.logo1:hover{background-position:-172px 0px;}

footer div.info .partners a.logo2{width:58px; height:59px; background-position:-326px -119px; margin:0px 20px;}
footer div.info .partners a.logo2:hover{background-position:-384px -119px;}

footer div.info .partners a.logo3{width:108px; height:30px; background-position:0px -204px;}
footer div.info .partners a.logo3:hover{background-position:-108px -204px;}

/* === SOCIAL === */
footer div.info .social{position:relative; margin:85px 0px 0px 0px;}
footer div.info .social a{width:41px; height:41px; display:inline-block; background-image:url(../Images/Icons/all.png); background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px;}

footer div.info .social a.facebook{background-position:0px -234px;}
footer div.info .social a.facebook:hover{background-position:-205px -234px;}

footer div.info .social a.twitter{background-position:-41px -234px;}
footer div.info .social a.twitter:hover{background-position:-246px -234px;}

footer div.info .social a.linkedin{background-position:-82px -234px;}
footer div.info .social a.linkedin:hover{background-position:-287px -234px;}

footer div.info .social a.youtube{background-position:-123px -234px;}
footer div.info .social a.youtube:hover{background-position:-328px -234px;}

footer div.info .social a.skype{background-position:-164px -234px;}
footer div.info .social a.skype:hover{background-position:-369px -234px;}

/* === COPYRIGHT === */
footer div.info .copyright{font-size:12px; color:#787878; text-decoration:none; line-height:15px; padding:0px; margin:30px 0px 0px 0px;}
footer div.info .copyright a{color:#787878; text-decoration:none; text-transform:uppercase;}
footer div.info .copyright a:hover,
footer div.info .copyright a.select{color:#2755ad; text-decoration:none;}
footer div.info .copyright strong{font-family:'OpenSansSemiBold'; color:#333; text-decoration:none; font-weight:normal;}

/* HEADLINE */
section.headline{display:block; background-image:url(../Images/Backgrounds/bg.jpg); background-position:center -150px; background-repeat:no-repeat; padding:1px 0px 45px; margin:-1px 0px 0px 0px;}
section.headline h3{display:block; float:left; font-family:'BebasNeueBold'; font-size:72px; color:#7bc35d; text-decoration:none; line-height:76px; padding:0px; margin:0px;}
section.headline header{margin:30px 0px 170px 0px;}

/* --- MENU --- */
section.headline ul.breadcrumb{display:block; position:relative; float:right; list-style:none; padding:0px; margin:25px 0px 0px 0px;}
section.headline ul.breadcrumb li{display:inline-block; font-size:20px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:26px; vertical-align:middle; list-style:none; padding:0px; margin:0px;}
section.headline ul.breadcrumb li a{display:inline-block; color:#FFF; text-decoration:none; vertical-align:baseline; padding:0px 3px;}
section.headline ul.breadcrumb li a:hover{color:#2755ad;}
section.headline ul.breadcrumb li span{display:inline-block; padding:0px 3px;}
section.headline ul.breadcrumb li:last-of-type,
section.headline ul.breadcrumb li:last-of-type a{color:#7bc35d;}

/* PAGE */
section.page{display:block; position:relative; padding:0px; margin:0px 0px 30px 0px;}

/* --- ABOUT --- */
section.page div.about{background-color:#FFF; font-size:14px; line-height:26px; padding:30px; margin:0px; box-shadow:0px 0px 3px rgba(0,0,0,0.1);}
section.page div.about.null{padding:0px;}
section.page div.about strong{font-family:'OpenSansSemiBold'; font-size:14px; color:#333; text-decoration:none; font-weight:normal; font-style:normal;}

/* === TABS === */
section.page ul.tabs{display:block; position:relative; border-bottom:4px solid #f9f9f9; list-style:none; padding:0px; margin:0px; z-index:999;}
section.page ul.tabs li{width:33.3334%; display:block; float:left; list-style:none; padding:0px; margin:0px;}
section.page ul.tabs li a{display:block; position:relative; background-color:#2755ad; font-size:30px; color:#FFF; text-decoration:none; font-weight:normal; text-transform:uppercase; line-height:60px; text-align:center; padding:0px 10px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page ul.tabs li a p{width:0px; height:0px; display:none; position:absolute; left:50%; bottom:0px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #7bc35d; margin:0px 0px -10px -10px;}
section.page ul.tabs li a:hover{background-color:#0F3276;}
section.page ul.tabs li.select a{background-color:#7bc35d;}
section.page ul.tabs li.select a p{display:block;}

/* === CONTENT === */
section.page div.tab{display:none; position:relative; background-color:#FFF; line-height:26px; padding:30px; margin:0px;}

/* --- LINKS --- */
section.page div.about a.link{display:block; position:relative; padding:0px; margin:30px 0px 0px 0px;}
section.page div.about a.link:first-of-type{margin:0px;}

section.page div.about a.link p{display:block; font-size:14px; color:#5c5c5c; text-decoration:none; line-height:18px; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 10px 0px}
section.page div.about a.link h4{display:block; font-family:'OpenSansSemiBold'; font-size:18px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:24px; padding:0px; margin:0px 0px 10px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.about a.link em{display:block; font-family:'OpenSans'; font-size:12px; color:#2755ad; text-decoration:none; font-weight:normal; font-style:normal; line-height:16px; padding:0px; margin:0px;}
section.page div.about a.link img{display:block; float:left; padding:0px; margin:0px 30px 0px 0px;}

section.page div.about a.link:hover{text-decoration:none;}
section.page div.about a.link:hover h4{color:#7bc35d;}

/* --- EVENT --- */
section.page div.about h4{display:block; font-family:'OpenSansSemiBold'; font-size:36px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; line-height:40px; padding:0px; margin:0px 0px 5px 0px;}
section.page div.about h5{display:block; font-family:'BebasNeueLight'; font-size:24px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; line-height:28px; padding:0px; margin:0px;}
section.page div.about time{display:block; color:#999; text-decoration:none; padding:0px; margin:0px 0px 30px 0px;}
section.page div.about article{display:block; position:relative; font-size:12px; text-decoration:none; text-align:justify; line-height:20px; padding:0px; margin:0px; -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:30px; -webkit-column-gap:30px; column-gap:30px;}

/* === SHARE === */
section.page div.about .share{position:relative; padding:0px; margin:30px 0px 0px 0px;}
section.page div.about .share span{font-family:'OpenSansSemiBold'; font-size:16px; color:#020202; text-decoration:none; font-weight:normal; font-style:normal; line-height:32px;}

section.page div.about .share a{width:32px; height:32px; display:inline-block; position:relative; background-image:url(../Images/Icons/all.png); background-repeat:no-repeat; vertical-align:middle; text-indent:-9999px; padding:0px; margin:0px 0px 0px 5px; opacity:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.about .share a:hover{opacity:0.5;}

section.page div.about .share a.facebook{background-position:-445px 0px;  margin:0px 0px 0px 10px;}
section.page div.about .share a.twitter{background-position:-445px -32px;}
section.page div.about .share a.googleplus{background-position:-445px -64px;}
section.page div.about .share a.linkedin{background-position:-445px -96px;}
section.page div.about .share a.pinterest{background-position:-445px -128px;}

/* === GALLERY === */
section.page div.about .gallery{position:relative; padding:0px; margin:30px 0px 0px 0px;}

section.page div.about .gallery a{width:-moz-calc(20% - 12px); width:-webkit-calc(20% - 12px); width:-o-calc(20% - 12px); width:calc(20% - 12px); display:block; position:relative; float:left; overflow:hidden; padding:0px; margin:15px 0px 0px 15px;}
section.page div.about .gallery a:nth-of-type(5n + 1){clear:left; margin:15px 0px 0px 0px;}

section.page div.about .gallery a img{width:100%; max-width:100%; display:block; position:relative; padding:0px; margin:0px; z-index:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.about .gallery a big{width:100%; height:100%; display:block; position:absolute; background-color:rgba(0,0,0,0); padding:0px; margin:0px; z-index:99; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.about .gallery a big p{width:62px; height:62px; display:block; position:absolute; top:50%; left:50%; background-image:url(../Images/Icons/all.png); background-position:-410px -213px; background-repeat:no-repeat; padding:0px; margin:-31px 0px 0px -31px;}

section.page div.about .gallery a:hover{text-decoration:none;}
section.page div.about .gallery a:hover img{-ms-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
section.page div.about .gallery a:hover big{background-color:rgba(0,0,0,0.5);}

/* === DOWNLOADS === */
section.page div.about .downloads{position:relative; padding:0px; margin:30px 0px 0px 0px;}

section.page div.about .downloads a{width:-moz-calc(33.333% - 10px); width:-webkit-calc(33.333% - 10px); width:-o-calc(33.333% - 10px); width:calc(33.333% - 10px); display:block; position:relative; float:left; font-size:12px; color:#727272; text-decoration:none; line-height:18px; padding:0px; margin:15px 0px 0px 15px;}
section.page div.about .downloads a:nth-of-type(3n + 1){clear:left; margin:15px 0px 0px 0px;}
section.page div.about .downloads a:hover strong{color:#7bc35d; text-decoration:none;}

section.page div.about .downloads a big{width:35px; height:35px; display:block; position:relative; float:left; background-image:url(../Images/Icons/all.png); background-repeat:no-repeat; padding:0px; margin:0px 10px 0px 0px;}
section.page div.about .downloads a big.pdf{background-position:-326px -178px;}
section.page div.about .downloads a big.doc{background-position:-361px -178px;}
section.page div.about .downloads a big.xls{background-position:-396px -178px;}
section.page div.about .downloads a big.zip{background-position:-431px -178px;}
section.page div.about .downloads a strong{display:block; font-family:'OpenSansSemiBold'; font-size:14px; color:#444; text-decoration:none; font-weight:normal; text-transform:uppercase; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* --- CONTACTS --- */
section.page div.about aside{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); display:block; position:relative; float:left; line-height:13px; padding:0px; margin:0px 0px 0px 30px;}
section.page div.about aside:first-of-type{line-height:26px; margin:0px;}

section.page div.about aside h5{font-family:'BebasNeue'; font-size:30px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:34px;}
section.page div.about aside .map{height:300px; position:relative; background-color:#f1f1f1; padding:0px; margin:30px 0px 0px 0px}

section.page div.about aside .half{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); display:block; position:relative; float:left; padding:0px; margin:0px 0px 0px 16px;}
section.page div.about aside .half.null{margin:0px;}

section.page div.about aside .g-recaptcha{float:left;}
section.page div.about aside a.button{float:right; margin:25px 0px 0px 0px;}

/* --- MAP --- */
section.page div.interactive{height:640px; position:relative; background-color:#f1f1f1; padding:0px; margin:0px 0px 30px 0px}

/* === BUTTON === */
section.page a.zone{width:50%; display:block; position:relative; float:left; background-color:#2755ad; font-size:30px; color:#FFF; text-decoration:none; font-weight:normal; text-transform:uppercase; line-height:60px; text-align:center; padding:0px; margin:0px; z-index:9999; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page a.zone p{width:0px; height:0px; display:none; position:absolute; left:50%; bottom:0px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #7bc35d; margin:0px 0px -10px -10px;}
section.page a.zone:hover{background-color:#0F3276;}

section.page a.zone.select{background-color:#7bc35d;}
section.page a.zone.select p{display:block;}

/* === TOP === */
section.page div.top{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); display:block; position:relative; float:left; line-height:26px; padding:0px; margin:0px 0px 0px 30px;}
section.page div.top.null{margin:0px;}
section.page div.top h4{font-family:'BebasNeue'; font-size:36px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:40px; text-transform:uppercase; padding:0px; margin:0px;}

section.page div.top a{display:block; position:relative; background-color:#FFF; padding:0px; margin:15px 0px 0px 0px; box-shadow:0px 0px 3px rgba(0,0,0,0.1);}
section.page div.top a img{display:block; float:left; padding:0px; margin:0px;}
section.page div.top a aside{width:-moz-calc(100% - 210px); width:-webkit-calc(100% - 210px); width:-o-calc(100% - 210px); width:calc(100% - 210px); display:block; float:left; padding:15px; margin:0px;}
section.page div.top a aside p{display:block; font-size:12px; color:#666; text-decoration:none; line-height:16px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.top a aside h5{display:block; font-family:'OpenSans'; font-size:14px; color:#4d942f; text-decoration:none; font-weight:normal; font-style:normal; line-height:18px; padding:0px; margin:0px 0px 10px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.page div.top a:hover{text-decoration:none;}
section.page div.top a:hover aside p{color:#333;}
section.page div.top a:hover aside h5{color:#2755ad;}

/* --- FILTER --- */
section.page div.filters{position:relative; background-color:#FFF; padding:30px; margin:0px 0px 30px 0px; box-shadow:0px 0px 3px rgba(0,0,0,0.1);}
section.page div.filters aside{width:100%; max-width:170px; display:block; position:relative; float:left; padding:0px; margin:0px 30px 0px 0px;}
section.page div.filters aside.right{float:right; margin:0px;}
section.page div.filters aside lable{font-size:12px; color:#999;}

/* --- ITEM --- */
section.page a.item{width:-moz-calc(25% - 15px); width:-webkit-calc(25% - 15px); width:-o-calc(25% - 15px); width:calc(25% - 15px); display:block; float:left; background-color:#FFF; padding:0px; margin:0px 0px 20px 20px; box-shadow:0px 0px 3px rgba(0,0,0,0.1);}
section.page a.item:nth-child(4n + 1){clear:left; margin:0px 0px 20px 0px;}
section.page a.item img{width:100%; display:block; padding:0px; margin:0px;}

section.page a.item article{display:block; position:relative; padding:15px; margin:0px;}
section.page a.item article p{display:block; font-size:12px; color:#666; text-decoration:none; line-height:16px; margin:0px 0px 5px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page a.item article h5{display:block; font-family:'OpenSans'; font-size:14px; color:#4d942f; text-decoration:none; font-weight:normal; font-style:normal; line-height:18px; padding:0px; margin:0px 0px 10px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.page a.item article address{display:block; float:left; font-size:12px; color:#bbb; text-decoration:none; line-height:18px; font-weight:normal; font-style:normal; padding:5px 0px 0px 0px; margin:0px;}
section.page a.item article address em{width:9px; height:13px; display:inline-block; background-image:url(../Images/Icons/all.png); background-position:-300px -136px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 5px 0px 0px;}

section.page a.item article aside{display:block; float:right; padding:0px; margin:0px;}
section.page a.item article aside big{width:18px; height:18px; display:inline-block; background-image:url(../Images/Icons/all.png); background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px;}
section.page a.item article aside big.full{background-position:-374px -213px;}
section.page a.item article aside big.null{background-position:-392px -213px;}

section.page a.item:hover{text-decoration:none;}
section.page a.item:hover article p{color:#333;}
section.page a.item:hover article h5{color:#2755ad;}

/* --- DETAILS --- */
section.page div.details{position:relative; background-color:#FFF; padding:30px; margin:0px;}
section.page div.details h4{display:block; font-family:'BebasNeue'; font-size:48px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:48px; padding:0px; margin:0px 0px 5px 0px;}
section.page div.details strong{font-family:'OpenSansSemiBold'; font-size:14px; color:#333; text-decoration:none; font-weight:normal; font-style:normal;}

section.page div.details .responsive{width:100%; height:0; position:relative; padding-top:25px; padding-bottom:56.25%; margin:30px 0px 0px 0px;}
section.page div.details .responsive iframe{width:100%; height:100%; position:absolute; top:0; left:0;}

/* === OPTIONS === */
section.page div.details aside{display:block; position:relative; float:right; line-height:24px; padding:5px 0px 0px 0px; margin:0px;}
section.page div.details aside p{width:26px; height:14px; display:inline-block; background-image:url(../Images/Icons/all.png); background-position:-442px -160px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 10px 0px 0px;}

section.page div.details aside a{width:24px; height:24px; display:inline-block; background-image:url(../Images/Icons/all.png); background-position:-263px -204px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 0px 0px 15px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.details aside a:hover{opacity:0.5;}

/* === ADDRESS === */
section.page div.details address{display:block; font-size:12px; color:#999; text-decoration:none; line-height:18px; font-weight:normal; font-style:normal; padding:0px; margin:0px 0px 30px 0px;}
section.page div.details address p{width:9px; height:13px; display:inline-block; background-image:url(../Images/Icons/all.png); background-position:-300px -136px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 5px 0px 0px;}

/* === GALLERY === */
section.page div.details .gallery{position:relative; padding:0px; margin:0px 0px 30px 0px;}
section.page div.details .gallery div.thumbs{width:305px; float:left; padding:0px; margin:0px;}

section.page div.details .gallery a{display:block; position:relative; padding:0px; margin:0px;}
section.page div.details .gallery a.hide{display:none;}
section.page div.details .gallery a span{width:100%; height:100%; display:-webkit-flex; display:flex; position:absolute; background-color:rgba(39,85,173,0.75); text-align:center; z-index:99; -webkit-align-items:center; align-items:center;}
section.page div.details .gallery a span p{width:100%; display:block; font-family:'BebasNeue'; font-size:36px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-align:center;}

section.page div.details .gallery a.big{width:-moz-calc(100% - 320px); width:-webkit-calc(100% - 320px); width:-o-calc(100% - 320px); width:calc(100% - 320px); float:left; margin:0px 15px 0px 0px;}
section.page div.details .gallery a.big.full{width:auto; display:block; float:none;}
section.page div.details .gallery a.small{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); float:left; margin:0px 0px 16px 16px;}
section.page div.details .gallery a.small.null{margin:0px 0px 16px 0px;}
section.page div.details .gallery a.medium{margin:0px 0px 15px 0px;}
section.page div.details .gallery a img{width:100%; display:block; position:relative; padding:0px; margin:0px; z-index:1;}

section.page div.details .gallery a.photo,
section.page div.details .gallery a.video{display:block; position:relative; background-color:#bfbfbf; font-size:16px; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:center; padding:9px 5px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.details .gallery a.photo em{width:25px; height:19px; display:inline-block; background-image:url(../Images/Icons/all.png); background-position:-349px -213px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 10px 0px 0px;}
section.page div.details .gallery a.video em{width:17px; height:19px; display:inline-block; background-image:url(../Images/Icons/all.png); background-position:-332px -213px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 10px 0px 0px;}
section.page div.details .gallery a.photo:hover,
section.page div.details .gallery a.video:hover{background-color:#666;}

/* === RATING === */
section.page div.details .rating{display:block; line-height:18px; padding:0px; margin:0px;}
section.page div.details .rating small{margin:15px 0px 0px 0px;}
section.page div.details .rating span{display:inline-block; vertical-align:middle; margin:0px 0px 0px 10px;}
section.page div.details .rating strong{display:inline-block; vertical-align:middle; margin:0px 10px 0px 0px;}
section.page div.details .rating a{width:18px; height:18px; display:inline-block; background-image:url(../Images/Icons/all.png); background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 1px 0px 0px;}
section.page div.details .rating a.full{background-position:-374px -213px;}
section.page div.details .rating a.null{background-position:-392px -213px;}

/* BARCODE */
div.barcode{max-width:256px; display:none; font-size:11px; color:#999; text-decoration:none; font-weight:normal; font-style:normal; line-height:13px; text-align:center; padding:30px 20px 20px 20px; margin:0px;}
div.barcode img{display:block; margin:10px auto 5px auto;}

/* ERROR */
section.error{height:75vh; display:-webkit-flex; display:flex; position:relative; padding:0px; margin:0px; -webkit-align-items:center; align-items:center;}
section.error div{position:relative; text-align:center; padding:0px; margin:0px auto;}
section.error div big{display:block; font-size:120px; color:#000; font-weight:700; font-style:normal; line-height:140px; margin:0px;}
section.error div a.button{max-width:130px; display:block; margin:15px auto 0px auto;}

/* TABLE */
table{border:none; border-right:1px solid #CCC; border-top:1px solid #CCC; border-collapse:collapse; padding:0px; margin:0px;}
table tr{background-color:#FFF;}
table tr th{background-color:#CCC; border-collapse:collapse; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; padding:5px 10px; margin:0px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
table tr td{border:none; border-left:1px solid #CCC; border-bottom:1px solid #CCC; border-collapse:collapse; font-size:14px; color:#666; text-decoration:none; padding:5px 10px; margin:0px;}

table tr:hover{background-color:#fff8e6;}

/* MESSAGE */
div.message{max-width:640px; position:relative; padding:29px; margin:0px auto;}
div.message p{display:block; padding:0px; margin:0px 0px 15px 0px;}
div.message h2{display:block; font-family:'BebasNeue'; font-size:36px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:40px; text-transform:uppercase; padding:0px; margin:0px 0px 15px 0px;}
div.message img{width:100%; max-width:100%; display:block; padding:0px; margin:0px 0px 15px 0px;}
