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

html{width: 100%; height: 100%; margin: 0; padding: 0; scroll-behavior: smooth; }
body{margin:0; padding:0; font-family: Helvetica, Geneva, sans-serif; width: 100%; height: 100%;}
a{text-decoration:none;color:#000000;}
a:hover{color:#369;cursor:pointer;}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"]{@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));border:1px solid #CCC;border-radius:7px;padding:2px 10px 2px 10px;font-size:14px;vertical-align:middle;}
.addInlineBlock{display: inline-block;}
#mainDivArea{ text-align: center; }
#storeDiv{padding:10px;margin:0px auto;display: inline-block; max-width: 1100px; text-align: center; vertical-align: top;}
#filtersDiv{display: inline-block; vertical-align: top;}
#menuDiv{padding: 20px 20px 20px 35px;display: inline-block;vertical-align: top; max-width: 255px;}
#filterBar{color:#CCCCCC;background-color:#ddd;margin:0px;padding:20px;border-top:2px solid #CCC;border-bottom:2px solid #CCC;}
#filterBar select{padding:4px 10px 4px 4px;font-size:14px;}
#filterBar ul{height:10px;border:1px solid black;display:block;}
#filterBar li{padding:4px 10px 4px 4px;display:none;}
.wrap{width:87vw;margin:0px auto;}
#container div.slider{overflow:hidden;width:100%;position:relative;margin-top:10px;height:9vw !important;}
#container div.slider ul{margin:0;padding:0;width:100%;height:9vw;}
#container div.slider li{text-align:center;line-height:12vw;width:12vw;font-size:25px;}
#container div.slider li{float:left;margin:0 5px 0 0;list-style:none;}
#frontSlider{padding:30px; margin-top: 10px;}
#frontSlider2{padding-bottom: 30px; }
.nothingFoundInDB{font-size:25px;padding:100px;width:800px;}
.nothingLineInDB{font-size:20px;padding:50px 100px 20px 20px;}
.nothingFoundInDB_2{font-size:25px;padding:100px;border:1px solid #CCC;border-radius:20px;width:800px;margin:0px auto;text-align:center;}
.benvenuto{font-size:70px;font-weight:bold;width:100%;text-align:center;font-style:italic;padding-top:270px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);font-style:italic;}
.no-js #loader{display:none;}
.js #loader{display:block;position:absolute;left:100px;top:0;}
#se-pre-con{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:url(/ecomm_files/images2/Preloader_2.gif) center 100px no-repeat #fff;}
#se-pre-con-2{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:url(/ecomm_files/images2/Preloader_2.gif) center center no-repeat #fff;}
#bottom{width:100%;background-color:#F8F8F8;padding:20px 0px 0px 0px;}
#bottomSpace{height:250px;}
#loaderDiv{width:100%;display:none;z-index:1;}
#fade_out{cursor:pointer;}
.bg_1{background-image:url(images2/bg-pu.png);background-position:top left;background-color:#b1b3b4;background-repeat:no-repeat;width:235px;border-top:3px solid #CCC;border-bottom:3px solid #CCC;}
.bg_2{background-image:url(images2/bg-blish-scritte.png);background-position:top left;background-color:#1a171b;background-repeat:no-repeat;width:795px;border-top:3px solid #CCC;border-bottom:3px solid #CCC;}
.input_id{font-size:30px;font-weight:bold;padding:20px;width:250px;color:#CCC;background-color:#555;border:0px solid #333;}
.signin_input{font-weight:bold;height:75px;width:450px;color:#555;background-color:#999;padding:30px;}
.signin_input:hover{background-color:#CCC;}
.input_button{background-color:#CCC;height:75px;width:200px;font-size:36px;font-weight:bold;border:1px solid #CCC;border-radius:0px;}
.input_button:hover{background-color:#999;border:1px solid #999;cursor:pointer;}
.input_button:active{background-color:#333;border:1px solid #333;color:#CCC;}

#uploaddiv,
#uploaddiv2,
#newImageDivSource,
#anteBig,
#uploaddivante,
#uploaddivcat_6,
#uploaddivcat_9{ height:100%;width:100%; }

#uploaddiv,
#uploaddiv2,
#uploaddivante,
#uploaddivcat_6,
#uploaddivcat_9,
#whitediv,
#whitediv2,
#whitedivante,
#whitedivcat_6,
#whitedivcat_9{ display:none; }

#whitediv,
#whitediv2,
#whitedivante,
#whitedivcat_6,
#whitedivcat_9{	margin:0px auto 0px auto;padding:50px 50px 50px 50px;border-radius:50px; }

#uploaddiv,
#uploaddiv2,
#uploaddivante,
#uploaddivcat_6,
#uploaddivcat_9{ position:fixed;top:0px;left:0px;background-image:url(../images2/filler2.png);background-size:100% 100%; }

#uploaddivante{margin:0 0 0 0;padding:50px 0 0 0;}
#whitedivante{width:1000px;background-color:#ddd;}

#uploaddiv,
#uploaddiv2,
#uploaddivcat_6{margin:0 0 0 0;padding:100px 0 0 0;}
#whitediv,
#whitediv2,
#whitedivcat_6{width:600px;background-color:#ffffff;}

#uploaddivcat_9{margin:0 0 0 0;padding:260px 0 0 0;}
#whitedivcat_9{width:600px;background-color:#ffffff;}

#tabs, #tabs div{max-width: 1200px; margin: 0px auto;}
.table_books_normal_left{padding:2px 10px 2px 10px;border-top:1px solid #B3B3B3;border-left:1px solid #B3B3B3;}
.table_books_normal{padding:7px 10px 7px 10px;border-top:1px solid #B3B3B3;font-size:16px; white-space: nowrap;}
.table_books_bottom_left{padding:2px 10px 2px 10px;border-top:1px solid #B3B3B3;border-left:1px solid #B3B3B3;border-bottom:1px solid #B3B3B3;}
.table_books_bottom{padding:7px 10px 7px 10px;border-top:1px solid #B3B3B3;font-size:16px;border-bottom:1px solid #B3B3B3; white-space: nowrap;}
.tabs_input{padding: 5px 10px 5px 10px; width: 400px; height: 30px;}
.tabs_input_small{padding: 5px 10px 5px 10px; width: 200px; height: 30px;}
.tabs_input_longer{padding: 5px 10px 5px 10px; width: 600px; height: 30px;}
#tabs select,
#gestione_header select{ padding: 5px 10px 5px 10px; font-size: 15px; width: 600px; height: 30px; }
#tabs textarea{padding: 5px 10px 5px 10px; font-size: 15px; width: 600px;}
.h1_titles{font-size: 18px; margin:0px; padding:0px;}

.inputStyle{height:35px;width:400px;background-color:#333;color:#fff;padding:0px 10px 0px 10px;border-radius:7px;}
.inputStyleSelect{height:35px;background-color:#333;color:#fff;width:400px;font-size:16px;padding:0px 10px 5px 10px;}
.inputHeaderTDStyle{padding:40px 20px 10px 0px;font-size:25px;}
.inputTDStyle{font-size:20px;padding:5px 20px 5px 20px;}
.submit_form{height:65px;width:200px;background-color:#CCC;color:#333;border-radius:20px;}
.submit_form:hover{color:#CCC;background-color:#333;}
.submit_form2{padding:8px 16px 8px 16px;background-color:#CCC;color:#333;border-radius:20px;font-size:1.1vw;}
.submit_form2:hover{color:#fff;background-color:#333;}
.btn{background:#3498db;background-image:-webkit-linear-gradient(top, #3498db, #2980b9);background-image:-moz-linear-gradient(top, #3498db, #2980b9);background-image:-ms-linear-gradient(top, #3498db, #2980b9);background-image:-o-linear-gradient(top, #3498db, #2980b9);background-image:linear-gradient(to bottom, #3498db, #2980b9);-webkit-border-radius:11;-moz-border-radius:11;border-radius:11px;font-family:Arial;color:#ffffff;font-size:20px;padding:8px 20px 8px 20px;border:solid #2576a8 2px;text-decoration:none;}
.btn:hover{background:#3cb0fd;color:#ffffff;cursor:pointer;background-image:-webkit-linear-gradient(top, #3cb0fd, #2c81ba);background-image:-moz-linear-gradient(top, #3cb0fd, #2c81ba);background-image:-ms-linear-gradient(top, #3cb0fd, #2c81ba);background-image:-o-linear-gradient(top, #3cb0fd, #2c81ba);background-image:linear-gradient(to bottom, #3cb0fd, #2c81ba);text-decoration:none;}
.chisiamoLogos{padding:15px 0px 60px 0px;}
#header_image_div{position:absolute;right:15px;top:95px;}
#header_image{height:200px;}
.servizi_areas{width:300px;}
.page_header_line{padding:30px 0px 20px 0px;}


.inlineBorderBox{ text-align: center;}
.inlineBorders{display: inline-block; text-align: left;}
.inlineBorderMargin{ margin: 20px;}
.tableBorder1_container{ text-align: center; padding: 50px 40px 20px 40px; }
.tableBorder1{
	margin: 0px auto; 
	text-align: left;
	border: 1px solid #9A9A9A; 
	border-radius: 20px; 
	padding: 50px;
	background-color: #ffffff;
	display: inline-block;
	}
.headerTds{padding:10px 20px 10px 20px; background-color:#f1f1f1;color:#333;font-size:16px;border-left:1px solid #CCC;border-top:1px solid #CCC;border-right:1px solid #CCC;border-radius:10px 10px 0px 0px;margin:0px;}

.tableBorder2{
	border: 1px solid #9A9A9A; 
	border-radius: 20px; 
	padding: 30px;
	background-color: #ffffff;
	}

.leftBoxStyle{border-left:1px solid #CCC;border-top:1px solid #CCC;border-right:1px solid #CCC;font-size:14px;padding:20px;margin:0;}
.leftBoxStyleBottom{border-left:1px solid #CCC;border-bottom:1px solid #CCC;border-right:1px solid #CCC;font-size:12px;border-radius:0px 0px 12px 12px;padding:0px 20px 10px 20px;margin:0;text-align:right;}

.mainTablePages{padding:20px; text-align:center;}
.mainTablePagesTable{max-width:1200px; text-align: left; margin: 0px auto;}

.pagesButtonsBottom{padding:20px 20px 30px 20px;}
.rotateUp{transform:rotate(270deg);transition:.3s;}
.rotateDown{transform:rotate(90deg);transition:.5s;}
.rotateFakeClass{}
.tlg_class{color:#777;font-size:12px;padding:20px 40px 20px 40px;background-color:#d1d1d1;border-top:2px solid #d1d1d1;border-bottom:2px solid #d1d1d1;opacity:.6;text-transform:uppercase;}
.tlg_class a{text-decoration:none;color:#555;}
.tlg_class a:hover{color:#369;}
.textAlignCenter{text-align: center;}
.divCenter{margin:0px auto;}
.divWidth100per{width:100%; text-align: center;}
.testBorder{border: 1px solid #F00;}
#desktop{padding:30px;}
#desktop_table{border:1px solid #CCC;border-radius:20px;padding:20px; max-width: 1200px; width:80%;background-color:#fff;margin: 0px auto;}
.desktop_table{border:1px solid #CCC;border-radius:20px;padding:20px;min-width:490px;background-color:#fff;margin: 0px auto;}

.desktop_table_size{white-space: nowrap; padding: 15px 20px 20px 20px;}
.desktop_table_1{ text-align: center; display: inline-block; vertical-align: top; margin: 10px; padding-bottom: 10px; }
.desktop_table_2{text-align: right; vertical-align: top;float: right;}
.rightColumn1{max-width:600px;border:1px solid #CCC;border-radius:12px;background-color:#f1f1f1; padding: 10px; }
.table_info_td_line{border-bottom:1px solid #CCC;}
.table_info tr td{padding-right:10px;padding-left:10px;}
.previewPhoto{ max-height: 287px; height: auto; max-width:285px;}
.previewPhoto2{ height: 150px; padding: 0px; margin: 0px 0px -4px 0px; border-radius: 12px 0px 0px 12px;}
.button_site{border-radius:12px;background-color:#3D7ABB;background-size:100% 100%;width:250px;color:#ffffff;font-size:18px;text-align:center;padding:9px 20px 10px 20px;text-shadow:2px 2px 5px #333;margin-left:5px; margin-right: 5px;cursor:pointer;}
.button_site_2{border-radius:4px; margin-top: -1px;background-color:#3D7ABB;background-size:100% 100%;color:#ffffff;font-size:18px;text-align:center;padding:4px 20px 5px 20px;text-shadow:2px 2px 5px #333;cursor:pointer;}
.previewQty{height:30px;width:100px;border:2px solid #999;text-align: center;}
.redboxfilter{color: #F00; border: 2px solid #F00; border-radius: 7px; padding: 2px 10px 2px 10px; width: 180px; text-align: left; font-size: 12px;margin: 5px 5px 5px 0px; cursor: pointer;}
.previewDivSepInfo{font-size: 20px;padding: 40px 20px 0px 20px;}

@media screen and (min-width: 1281px) {
	.desktop_table_size{white-space: normal;}
	.previewDivSepInfo{padding: 5px 20px 5px 20px;}
	.desktop_table_1{text-align:center;}
	.desktop_table_2{display: block;padding-top:5px;height:300px; float: right;}
	/*
	#desktop_table{max-width:1000px;}
	*/
	}

@media screen and (max-width: 1280px) {
	.desktop_table_1{display: block;text-align:center;height:auto;}
	.desktop_table_2{display: block;padding-top:5px;height:300px; width: 100%;}
	.rightColumn1{margin:0px auto;text-align:center;}
	.previewPhoto{padding-bottom:20px;}
	}

@media screen and (max-width: 630px) {
	.desktop_table_1{display: block;%;text-align:center;height:auto;}
	.desktop_table_2{display: block;width:100%;padding-top:5px;height:300px;}
	.rightColumn1{ font-size: 14px;}
	}

.footerTable1{padding:0px 0px 35px 0px;}
.footerTable2{padding:0px 0px 20px 0px;max-width:900px;}

#filterBar2{ max-width: 1400px; margin: 0px auto; padding-left: 50px; padding-right: 10px; }
#filterBar2 div.removeSpacing{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}

#filterBar2 select {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	/*, url(/ecomm_files/images2/15xvbd5.png); */
	background-position: 97% center;
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	color: #555;
	font-size: inherit;
	/*
	margin: 20px;
	*/
	overflow: hidden;
	padding: 7px 10px;
	white-space: nowrap;
	width: 200px;
	height: 35px;
	cursor: pointer;
	text-transform: uppercase;
	}

#closeFilters,
#closeFilters4{
	float: right;
	border-radius: 150px;
	font-size: 20px;
	cursor: pointer;
	display:none;
	}
	
#closeFilters:before,
#closeFilters4:before{
	font-family: FontAwesome;
	content: "\f057";
	display: inline-block;
	padding: 0px 3px 0px 3px;
	vertical-align: middle;
	font-weight: 900;
	}

#filterBar3{ 
	display: inline-block; 
	}
	
#filterBar3 div.removeSpacing{
	margin: 0px;
	padding: 0px;
	}

#filterBar3 select{
	width: 300px;
	padding: 3px 20px 3px 20px;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	border-left: 2px solid #CCC;
	border-right: 0px solid transparent;
	border-bottom: 2px solid #CCC;
	border-top: 5px solid #CCC;
	background: transparent;
	margin-top: 5px;
	}

#filterBar4{ 
	display: inline-block; 
	}
	
#filterBar4 div.removeSpacing{
	margin: 0px;
	padding: 0px;
	}

#filterBar4 select{
	width: 300px;
	padding: 3px 20px 3px 20px;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	border-left: 2px solid #CCC;
	border-right: 0px solid transparent;
	border-bottom: 2px solid #CCC;
	border-top: 5px solid #CCC;
	background: transparent;
	margin-top: 5px;
	}
	
@media screen and (max-width: 745px){
	#filterBar2{
		width: 300px;
		margin: 0px auto;
		}
	#filterBar3{
		width: 300px;
		margin: 0px auto;
		}
	#filterBar4{
		width: 300px;
		margin: 0px auto;
		}
	}
	
#menuDiv{
	background-color: #ffffff;
	border-radius: 0px 0px 12px 12px;
	padding: 20px 30px 25px 35px;
	position: absolute;
	top: 80px;
	left: 0px;
	vertical-align: top; 
	display: none;
	}

#menuDiv4{
	background-color: #ffffff;
	border-radius: 0px 0px 12px 12px;
	padding: 20px 30px 25px 35px;
	position: absolute;
	top: 80px;
	left: 120px;
	vertical-align: top; 
	display: none;
	}

#menuDiv_search{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	}
	
 .addArrow{
	/*
	background: url("/ecomm_files/images2/black_arrow_right.png") no-repeat right #ffffff;
	overflow: hidden;
 	*/
	}

.filterBoxStyle{
	border: 1px solid #999;
	border-radius: 12px;
	padding: 20px;
	}

@media screen and (max-width: 745px){
	#filterBar2{
		width: 300px;
		margin: 0px auto;
		}
	#menuDiv_search{
		margin-left: 10px;
		}
	select{
		width: 280px;
		}
	}

.pay_box{
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 20px 20px 20px 20px;
	background-color: #fff;
	z-index: 99999999;
	border: 3px solid #F00;
	border-radius: 12px;
	height: 400px; 
	overflow-y: scroll;
	}

.pay_box::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.pay_box::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.mp_input_button{background-color:#CCC;font-size:20px;font-weight:bold;border:1px solid #CCC;border-radius:0px;padding: 6px 5px 4px 7px; display:inline-block;}
.mp_input_button:hover{background-color:#999;border:1px solid #999;cursor:pointer;}
.mp_input_button:active{background-color:#333;border:1px solid #333;color:#CCC;}

.discount_response_box{ color: #F00; text-align: center; padding: 20px; border: 1px dashed #F00; border-radius: 7px; font-weight: bold; min-width: 325px; }
.discount_invisible,
.discount_invisible_2{display: none; }
.border_square{border: 2px solid #333; padding: 50px; margin: 50px 50px 10px 50px; min-width: 800px;}
.video_name_div{text-align: center; padding: 70px 20px 20px 20px}
.video_iframe_div{padding: 0px 20px 0px 20px; height: 400px;}

/*** animate box ************************************************************************************************************************************************/

.preloaderBoxAnim{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: #000; */
	transition: 1s;
	}

.preloaderBoxAnim:before{
	content: '';
	position: absolute;
	left: 0;
	width: 50%;
	height: 100%;
	background: #000;
	transition: 1s;
	}
		
.preloaderBoxAnim:after{
	content: '';
	position: absolute;
	right: 0;
	width: 50%;
	height: 100%;
	background: #000;
	transition: 1s;
	}

.preloaderBoxAnim.complete:before{
	left: -50%;
	}

.preloaderBoxAnim.complete:after{
	right: -50%;
	}

.preloaderBoxAnim.complete{
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	}
	
.loaderBoxAnim{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 70px;
	height: 70px;
	box-sizing: border-box;
	border: 3px solid #262626;
	animation: animateBoxAnim 2s linear infinite;
	z-index: 99999;
	}

.loaderBoxAnim:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	animation: animateBoxAnimBg 2s linear infinite;
	}

@keyframes animateBoxAnim{
	0%{transform: translate(-50%,-50%) rotate(0deg);}
	25%{transform: translate(-50%,-50%) rotate(180deg);}
	50%{transform: translate(-50%,-50%) rotate(180deg);}
	75%{transform: translate(-50%,-50%) rotate(360deg);}
	100%{transform: translate(-50%,-50%) rotate(360deg);}
	}

@keyframes animateBoxAnimBg{
	0%{height: 0;}
	25%{height: 0;}
	50%{height: 100%;}
	75%{height: 100%;}
	100%{height: 0;}
	}

.spacer_for_width{ margin: 0px; padding: 0px; }

.sticky{
	position: -webkit-sticky; 
	position: sticky; 
	top: 33px;
	z-index: 999999;
	margin: 0px auto;
	}

.inputs22{
	width: 150px; 
	height: 25px; 
	color: #333;
	}
.inputs23{
	width: 50px; 
	height: 25px; 
	color: #333;
	text-align: center;
	}
.inputs22_small{
	font-size: 12px;
	}


/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #fff; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 0px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  z-index: 9999999;
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 17px;
	font-size: 55px;
	color: #fff;
	}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

 /* Submenu -----------------------------*/

.sidenav * {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
	max-width: 360px;
	}
 
.accordion {
	max-width: 360px;
	width: 100%;
	/* margin: 10px auto 20px 8px; */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	}

.accordion,
.accordion li ul { list-style-type: none; }

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 18px 15px 15px 50px;
	/*
	color: #4D4D4D;
	*/
	color: #111;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #144F8A;
	}
	
.accordion li:last-child .link { border-bottom: 0; }
	
.accordion li i {
	position: absolute;
	top: 16px;
	left: 17px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	
.accordion li i.fa-chevron-right {
	right: 15px;
	left: auto;
	top: 17px;
	font-size: 16px;
	}

.accordion li.open .link {
	color: #0B2C4D;
}

.accordion li.open i { /* color: #b63b4d; */ color: #0B2C4D; }

.accordion li.open i.fa-chevron-right {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.submenu {
	display: none;
	background-color: #0B2C4D;
	font-size: 14px;
	}
	
.submenu h1 {
  color: #FFF;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  margin-top: 80px;
}

.submenu h1 a {
  color: #c12c42;
  font-size: 16px;
}

.submenu li { border-bottom: 0px solid #4b4a5e; }

.submenu li a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  font-size: 13px;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
	color: #FFF;
	background-color: #326EA9;
}

.regularSelect{ padding: 5px 10px 5px 10px; border: 1px solid #CCC; border-radius: 7px; height: 31px; }

.previewInfoBox{ padding: 200px 20px 5px 20px; font-size: 20px; }
@media only screen and (max-width: 1280px) {
  .previewInfoBox {
	padding: 300px 20px 5px 20px;
  }
}