*{font-family: 'Roboto', sans-serif;}
a, a.focus{ outline:none!important; text-decoration:none!important;}
div[contentEditable]:focus {outline: none;}

.mainmenu .navbar-toggle .icon-bar{ background:#ffffff;}
.mainmenu .navbar{ margin-bottom:0;}
header{ position:relative;}
header .header-top{ background:#0d0d0d;}
/* header .header-top .logo { margin-top: 11%;} */
header .header-top .lang {  margin-top: 30%;  padding-left: 30px;}
header .header-top .lang ul li{ padding:0;}
header .header-top .lang ul li a.lang-1{  background: linear-gradient(#fafafa,#f6f6f6);   background: -webkit-linear-gradient(#fafafa,#f6f6f6);   background: -o-linear-gradient(#fafafa,#f6f6f6);  border:0;  border-radius: 0;  color: #8c8c8c;  font-size: 15px; padding: 8px 15px;}
header .header-top .lang ul li a.lang-2{   background: linear-gradient(#2f383e,#111618);   background: -webkit-linear-gradient(#2f383e,#111618);   background: -o-linear-gradient(#2f383e,#111618);  border:0;  border-radius: 0;  color: #ffffff;  font-size: 15px; padding: 8px 15px;}
header .header-top .navbar-nav > li > .dropdown-menu {background-color: black;}
header .header-top .mainmenu ul li a { color: #ffffff;font-size: 16px; font-weight: 400; margin: -1px; padding: 50px 20px; text-transform: capitalize;}
header .header-top .mainmenu ul li a:hover, header .header-top .mainmenu ul li a:focus, header .header-top .mainmenu ul li a.active {background:#ca2d32;  color:#ffffff; transition:all 0.3s ease 0s;}

header .header-bottom .carousel-caption {  left: 0;  position: absolute;  right: 0;  text-align: center;  top: 18%;}

header .header-bottom .carousel-caption.left-content { left: 0; position: absolute;  right: unset;  text-align: left;  top: 18%;  width: 100%;}
header .header-bottom .carousel-caption.left-content ul { margin-top: 13px; text-align: left !important;}
header .header-bottom .carousel-caption.left-content p { padding-right: 50%; padding-left: 0;}
header .header-bottom .carousel-caption.left-content .btn.btn-free.black {  background: linear-gradient(#2f383d,#12171a); background: -webkit-linear-gradient(#2f383d,#12171a);   background: -o-linear-gradient(#2f383d,#12171a);}

header .header-bottom .carousel-caption.right-content {  left: unset;  position: absolute;  right: unset;  text-align: right;  width: 100%;}
header .header-bottom .carousel-caption.right-content p {  padding-left: 49%;  padding-right: 0;  text-align: left;}
header .header-bottom .carousel-caption.right-content ul { margin-top: 13px; text-align: right !important; margin-right: 8%;}


header .header-bottom .carousel-caption h1{ font-size:50px; font-weight:500; color:#ffffff; font-weight:700; margin-bottom: 25px;}
header .header-bottom .carousel-caption p { color: #ffffff; font-size: 23px; font-weight: 300; padding: 0 22%; }
header .header-bottom .carousel-caption .btn.btn-free {  background: linear-gradient(#f89919,#f26e08);   background: -webkit-linear-gradient(#f89919,#f26e08);   background: -o-linear-gradient(#f89919,#f26e08);  border: 0 none; border-radius: 50px;color: #ffffff;   font-size: 20px;  margin-top: 20px;  padding: 12px 39px;}
header .header-bottom .carousel-caption .btn.btn-login {  background:none;  border: 2px solid #ffffff;   border-radius: 50px;  color: #ffffff;  font-size: 20px; margin-top: 20px; text-transform:capitalize;   padding: 12px 39px;}
header .header-bottom .carousel-caption ul{ margin-top:30px;}
header .header-bottom .carousel-nav-prev{ background:url(img/others/prev.png) no-repeat; position:absolute; left:1%; top:45%; width:45px; height:45px; z-index:9999;}
header .header-bottom .carousel-nav-next{  background:url(img/others/next.png) no-repeat; position:absolute; right:1%; top:45%; width:45px; height:45px;z-index:9999;}

header .header-bottom h5 {color: #FFFFFF}
header .header-bottom .small-buttons {margin-top:7px; margin-bottom:7px;}
header .header-bottom { z-index: 2; }
header .header-bottom.affix { position: fixed; top: 0; width: 100%; color: #228fc8; }

header .header-bottom { position:relative; background: #228fc8;}
header .header-after{ width:100%;  bottom:0;  position:absolute; }

.holder h2{ color:#333333; font-size:30px; font-weight:300; text-transform:capitalize; margin-bottom: 25px; }
.holder .title{ padding-bottom: 5%;}
.holder p{ color:#777777; line-height: 1.8; font-family: 'Open Sans', sans-serif;}
.holder .reason-holder {  padding-bottom: 3%;  padding-top: 2%;}
.holder .reason-holder h4 a {  color: #555555;  font-size: 20px;  text-transform: capitalize;}
.holder .reason-holder .btn.btn-more {  border: 2px solid #27aeff;  border-radius: 50px;  color: #27aeff;  font-size: 18px;  font-weight: 500;  margin-top: 20px;  padding: 13px 35px;  text-transform: capitalize;}
.holder .future-holder{ background: url(img/others/future-bg-mob.jpg); background-repeat:no-repeat; background-size: cover; padding-bottom: 17%; padding-top: 15%; position:relative;}
.holder .future-holder .future-before { position: absolute;  top: 0;  width: 100%;}
.holder .future-holder .future-after { position: absolute;  bottom: 0;  width: 100%;}
.holder .future-holder h5 {  color: #ffffff;  font-size: 20px;  font-weight: 400;}
.holder .future-holder h2{ color:#ffffff; font-size: 35px;  font-weight: 300; padding-bottom: 2%;  text-transform: inherit;}

.holder .testimonial-holder { padding-bottom: 5%; padding-top: 2%;}
.holder .testimonial-holder i {  color: #27aeff;  font-size: 60px;}
.holder .testimonial-holder p {  padding: 14px 20%;}
.holder .testimonial-holder h5 {  color: #4f4f4f;  font-size: 18px;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #27aeff!important;}
.owl-theme .owl-dots .owl-dot span {  background: #1b2226 !important;}
.owl-controls .owl-nav { display:none!important}

.mainbody { padding-bottom: 5%; padding-top: 3%; }
.mainbody .xtc-button-grid { margin: 10px; }
.mainbody .xtc-align {margin: 0px -15px;}
.mainbody .all-info {display: none;}
.mainbody .cat-button {display: none;}

.mainbody .xtc-silly-True {display: none;}
.mainbody .xtc-silly-True .xtc-row-tr {border-right: 8px solid #5cb85c;}
.mainbody .xtc-silly-False {display: inline;}
.mainbody .xtc-row-tr { border: 2px solid #228fc8; font-size: 18px; margin-bottom: 10px;}
.mainbody .xtc-row-box  { padding: 15px; display: flex; }
.mainbody .xtc-row-info { font-size: 12px; padding: 2px 25px; display: none;}
.mainbody .xtc-row-but  { padding: 25px; display: none; }
.mainbody .xtc-row-box [class^="col"] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-align-items: stretch;  align-items: stretch; }
.mainbody .xtc-source-box { border: transparent 1px; min-height: 80px; padding: 10px;}
.mainbody .xtc-target-box { border: solid 1px #000; min-height: 80px; padding: 10px;}
.mainbody .xtc-row-suggestion { display: none; }
.mainbody .xtc-row-suggestion-2 { padding: 5px 0px; }
.mainbody .xtc-div-suggestion { border: 1px solid #228fc8; margin-bottom: 10px; background-color: white;}
.mainbody .xtc-boxed { display: inline-block; padding: 2px;}
.mainbody .xtc-TM {background-color: #408800; color: white; }
.mainbody .xtc-MT {background-color: #ff8800; color: white; }

.mainbody .xtc-tag-uni {border-right: solid;border-width: 1px;border-color: blue; color: blue;}
.mainbody .xtc-tag-std {border-right: solid;border-width: 1px;border-color: red; color: red;}

/*
.mainbody g, bx, ex {
    display: inline;
    border-right: solid;
    border-left: solid;
    border-width: 2px;
}
*/

footer .footer-top{ background:#222324; background-repeat:no-repeat; background-size: cover; position:relative; padding-bottom: 1%;    padding-top: 3%;    position: relative;}
/* footer .footer-top::after  {  background: rgba(0, 0, 0, 0) url("img/others/footer-after.png")  no-repeat scroll 0 0 / 100% auto; content: "";  height:  40%;  left: 0;  position: absolute;  right: 0; bottom: -30%;} */
/* footer .footer-top::before {  background: rgba(0, 0, 0, 0) url("img/others/footer-before.png") no-repeat scroll 0 0 / 100% auto; content: "";  height: 100%;  left: 0;  position: absolute;  right: 0; top:    -30%;} */
footer .footer-top h4{ color:#ffffff; font-size:24px; text-transform:capitalize;}
footer .footer-top .footer-title { margin-bottom: 10%;}
footer ul li{ padding:5px 0;}
footer .footer-content  ul li a{ color:#ffffff; font-family: 'Open Sans', sans-serif;}
footer .address ul{  margin-top: -10px;}
footer .address ul li.loc{ background:url(img/others/loc.png) no-repeat scroll 0 20%; padding-left: 30px;}
footer .address ul li a i{ padding-right: 15px;}
footer .news i {  font-size: 20px;  padding-right: 8px;  transform: rotate(-45deg);}
footer .news input {  border-radius: 15px;  color: #191919;  height: 40px;}
footer .news p {  color: #ffffff; padding-bottom: 15px;}
footer .news .btn.btn-more {  background: #228fc8 none repeat scroll 0 0;  border-radius: 50px;  color: #ffffff;  font-size: 14px; padding: 7px 20px;  text-transform: uppercase;}
footer .footer-bottom {  background: #171717 none repeat scroll 0 0;  padding-bottom: 2%;  padding-top: 4%;  text-align: center;}
footer .footer-bottom p{ color:#ffffff;}


/* @media (max-width:1600px){ */
@media (max-width:16000px){

	.holder .future-holder{padding-bottom: 14%;    padding-top: 13%;}
	footer .footer-top::after {  bottom: -30%;  height: 40%; }
	footer .footer-top::before {  height: 100%; top: -20%;}

  .files img,
  .files canvas {
    max-width: 100%;
  }

}
@media (max-width:1366px){

	.holder .future-holder{padding-bottom: 12%;    padding-top: 13%;}

  .files img,
  .files canvas {
    max-width: 100%;
  }

}
@media (max-width:1365px){
	header .header-top .mainmenu ul li a {  padding: 50px 13px;}
	/*header .header-top .logo {  margin-top: 13%;} */
	header .header-top .lang {  margin-top: 38%;}

	header .header-bottom .carousel-caption {  top: 10%;}
	header .header-bottom .carousel-caption.left-content {  left: 7%;  top: 4%;}
	header .header-bottom .carousel-caption.right-content p {  padding-left: 38%;}
	header .header-bottom .carousel-caption.right-content ul {  margin-right: 11%;}
	footer .footer-top::before {  top: -15%;}
	footer .footer-top h4 {  font-size: 20px;}
	.footer-content.community, .footer-content.address {  margin-left: -8%;}
	.footer-content.news {  margin-left: -14%;}


  .files img,
  .files canvas {
    max-width: 100%;
  }

}

@media (max-width:767px){
	header .header-top .mainmenu {  display: unset;}

	header .header-bottom .carousel-nav-prev {  top: 37%;}
	header .header-bottom .carousel-nav-next {  top: 37%;}
	header .header-bottom .carousel-caption.left-content {  left: 10%;    top: -11px;}
	header .header-bottom .carousel-caption h1 {  font-size: 18px; margin-bottom: 3px;}
	header .header-bottom .carousel-caption p { font-size: 14px; padding: 2% 15%;}
	header .header-bottom .carousel-caption .btn.btn-free, header .header-bottom .carousel-caption .btn.btn-login { font-size: 15px; margin-top: 0; padding: 9px 26px;}

	.holder h2 {  font-size: 24px; text-transform: capitalize;}
	.reason-holder .thumbnail-content { padding-bottom: 5%;}
	.reason-holder .thumbnail-details { margin-top: 21px;}
	.holder .future-holder { background:url(img/others/future-bg-mob.jpg); background-repeat:no-repeat; background-size:cover;}
	footer .footer-top {  padding-bottom: 5%;  padding-top: 9%;}
	footer .footer-top::before {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  position: unset;}
	footer .footer-top::after {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  position: unset;}
	footer .footer-top .footer-title {  margin-bottom: 3%;}
	.footer-content.social {  margin-left: 0;}
	footer .footer-content { margin-bottom: 4%;}

}

/* format per i box per il profilo utente*/
.myUserBox .myPlayerList {
   border-radius: 4px;
   border: 2px solid;
   border-color: #ca2d32;
   overflow : hidden;
}

.myUserBox .myPlayerList h3 {
   color: #ca2d32 !important;
}

.myUserBox .panel-body {
   height: 110px;
   /* height:  90px; OK PER TRE LINK IN BOX*/
   /* height: 110px; OK PER QUATTRO LINK IN BOX*/
}

/* unvisited link */
a:link {
    color: #ca2d32;
}

/* visited link */
a:visited {
    color: #ca2d32;
}

/* mouse over link */
a:hover {
    color: #7c0003;
}

/* selected link */
a:active {
    color: #a3161a;
}

.preview img {
    max-height: 50px;
}

.boxSponsor {
	text-align: center;
}

.boxSponsor img {
    width: 150px;
    margin: auto;
    display: block;
}

.boxSconto {
	border: 1px solid black;
	padding: 2px;
	text-align: justify;
	margin-bottom: 10px;
}

.titoloSconto{
	font-weight: bold;
	color: red;
}

.bottom_margin {
	margin-bottom: 30px;
	border-bottom: 1px solid black;
}