@charset "utf-8";
/* CSS Document */
.logoS{
	width: calc( 100% - 61px );
	background-color: #fff;
	display: block;
}
.sl-slider {
		top: 61px;
	}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	/*#preloader{
		display: none !important;
	}*/
}	
	
@media screen and (min-width: 1025px) and (orientation: landscape)
{
	.main-menu {
		float: right;
	}
	.main-menu li a {
		font-size: 19px;
		text-transform: uppercase;
		line-height: 2em;
	}
	.logoS{
		display: none;
		width: calc(100% 61px);
		background-color: #fff;
	}
	.sl-slide, .sl-slide-inner, .sl-slides-wrapper {
		top: 0px;
	}
	.sl-slider {
		top: 0px;
	}
}
.sl-slide, .sl-slide-inner, .sl-slides-wrapper {
    /*top: 20px;*/
}
#preloader, #support .circle.prime:hover, .BGprime, .btn-dark:hover, .btn-prime, .btn-sec:hover, .carousel-indicators .active, .iconBox.BGprime i, .nav-expander, .navbar-default, .opt .serviceBox.prime .heading i, .opt .serviceBox.prime .heading::before, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .package .list-default .select, .ui-slider-handle::after, a.top, header .headRight::after {
    background-color: #353e3e;
}
#support .circle.third:hover, #support .opt::before, .BGsblue, .BGthird, .btn-default, .btn-third, .carousel-control i, .header3 .main-menu li a:hover, .header3 .main-menu li.active, .iconBox.BGthird i, .main-menu li.active, .main-menu li:hover, .nav-arrows span, .opt .serviceBox.third .heading i, .opt .serviceBox.third .heading::before, .package.ent .heading, .panel-default>.panel-heading h4.active a::before, .ui-slider-handle {
    background-color: #f2748f;
}
.header1 .main-menu li {
    padding: 0 2em;
}
.header1.affix .logo img {
    height: 66px;
}
#cForm i, .contactInfo ul.list-inline strong:hover, .opt .serviceBox.sec i.big, .sec, .serviceBox h5 i, .serviceBox i.big, ul.list-default li:hover:before, ul.list-inline strong:hover, ul.social li a i {
    color: #f2748f;
}
#homeSlider .carousel-control, #support .circle.sec:hover, .BGsec, .btn-prime:hover, .btn-sec, .btn-third:hover, .contactInfo ul.list-inline li::before, .iconBox.BGsec i, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav-tabs>li.active, .nav-tabs>li.active:focus, .nav-tabs>li:hover, .opt .serviceBox.sec .heading i, .opt .serviceBox.sec .heading::before, .package .list-default:hover .select, a.top {
    background-color: #f2748f;
}
.BGsec.opaque, .iconBox.BGsec::before {
    background-color: rgba(242, 116, 143, 0.8);
}
.BGthird.opaque, .iconBox.BGthird::before {
    background-color: rgba(242, 116, 143, 0.8);
}
#support .opt span, .bio ul.social li:hover a i, .jumbotron .icon, .opt .serviceBox.third i.big, .owl-nav>div i, .panel-default>.panel-heading h4 a::before, .subscribe input[type=submit], .third, header ul.list-inline li i, strong.sblue, ul.list-default li:before {
    color: #35383a;
}
.list-group-why{
	list-style: none;
	margin-top: 15px;
	margin-bottom: 15px;
}
	.list-group-why li{
		position: relative;
	}
	.list-group-why li:before{
		display: block;
		font-family: 'FontAwesome';
		color: #35383A;
		font-size: 18px;
		content: '\f0a9';
		position: absolute;
		left: -40px;
	}
.opt .serviceBox.prime .heading i{
	background-color: #f2748f;
}
.serviceBox.prime .heading {
    border-color: #353e3e;
}
#services .opt {
    display: inline-block;
    position: relative;
    background-color: #fafafa;
    padding: 1.15em 1.65em .85em;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-border-radius: .35em;
    -moz-border-radius: .35em;
    -ms-border-radius: .35em;
    border-radius: .35em;
    margin: 0 1.25em 1em 0;
    z-index: 9;
	overflow: hidden;
}
	#services .opt:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		right: auto;
		bottom: 0;
		left: -100%;
		opacity: 0;
		z-index: -1;
		width: 1px;
	}
#services .opt, 
#services .opt::before, 
#services h6, 
#services span{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


#services .opt:before{
    background-color: #f2748f;
}
#services .opt:hover::before {
    left: 0;
    right: 0;
    opacity: 1;
    width: 100%;
}
#support .circle.prime, #support .circle.prime i.round, .carousel-indicators .active, .opt .serviceBox.prime .heading {
    border-color: #f2748f;
}
.contactInfo {
    margin-bottom: 0;
}
.contactInfo ul.list-inline li{
	height: 190px !important;
}
#support .opt span, .bio ul.social li:hover a i, .jumbotron .icon, .opt .serviceBox.third i.big, .owl-nav>div i, .panel-default>.panel-heading h4 a::before, .subscribe input[type=submit], .third, header ul.list-inline li i, strong.sblue, ul.list-default li:before{
	color: #f2748f;
}
#slider .sl-slide .info{
	padding: 1.35em 1.35em;
}
.credits_link{
 color: #38B5E6 !important;
 font-weight: 700;
 font-family: sans-serif;
}

.credits_link:hover{
 color: #fff !important;
}

 .credits_link:before{
  content: "";
  vertical-align: middle;
  width:16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  background-image: url(https://www.clion.it/favicon-96x96.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;

  transition: all 450ms ease;
 }

  .credits_link:hover:before{
   transform: rotateZ(360deg) rotateY(360deg);
  }
  
.nav-arrows{
		display: none;
	}

.scarica h6{
	border-style: solid;
	margin-top: 15px;
    text-align: center;
    padding: 12px 2px;
    border-width: 2px;
    color: #474747;
    font-weight: 400;
    border-color: #fafafa;
    width: auto;
    max-width: 100%;
    display: table;
    margin: 0 auto;
    background-color: #fafafa;
    border-radius: 6px;
}
.scarica h6:hover{
	background-color: #f2748f;
	color: #fff;
}

@media (min-width: 1281px) {
  
  //CSS
  
}



@media (min-width: 1025px) and (max-width: 1280px) {
  
  //CSS
  
}


@media (min-width: 768px) and (max-width: 1024px) {
  
  //CSS
  
}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  //CSS
  
}

@media (max-width: 767px) {
  
  #slider .sl-slide .info{
  	text-align: center;
	box-sizing:border-box;
	margin-top: 30%;
	z-index: 10000;border-width: 0px;
  }
  
}


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