/*
Theme Name:     Trakti Omega Child Theme
Description:    Child theme for the Omega WP Theme customized for Trakti Platform
Author:         Trakti
Author URI:     https://www.trakti.com
Template:       omega
Version:        1.0
*/

.imagebox {
        padding: 20px;
}

.imagebox img {
        -webkit-box-shadow: 0 0 2px 1px #cccccc;
        box-shadow: 0 0 2px 1px #cccccc;
}

.imagebox-icon {
        float: left;
        padding: 20px;
}

.imagebox-icon img {
        width: 100px;
}

.circle-border {
        background-color: #424242;
        color: #f2f2f2;
        padding: 7px 14px;
        text-decoration: none;
        font-weight: 700;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
}

.btn-trakti {
        color: #ffffff;
        background-color: #f47f2a;
        border-color: #f37011;
}

.btn-trakti:hover, .btn-trakti:focus, .btn-trakti.focus, .btn-trakti:active, .btn-trakti.active {
        color: #ffffff;
        background-color: #e0650b;
        border-color: #be5509;
}

#header-top {
    /*background: linear-gradient(to bottom, #6b6b6b 0%, #333333 100%);*/
}

#footer section {
  clear: both;
  background-image: url("../../uploads/2015/06/dark_leather.jpg");
}

#footer .bottom-menu li {
  margin-bottom: auto;
  margin-top: 8px;
}
#footer .bottom-menu-item {
  font-size: 13px;
  color: #fff;
  text-shadow: none;
}
#footer .bottom-menu-item:hover {
  background-color: transparent;
  text-decoration: underline;
}
#footer .company-info {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 10px;
  text-align: center;
  float: left;
  width: 100%;
}
#footer .action-call {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 40px;
}

.action-call a {
    margin-top: 20px;
}

#footer h3 {
  color: #ffffff;  
  margin-top: 20px;
}

#footer .action-call h3 {
  color: #999999;
}

#footer #footer-separator {
  border-top: 1px solid #3D3D3D;
  border-bottom: 0px;
}
.footer-full {
  padding-top: 20px;
}

#footer .sidebar-header:after {
     background: #dddddd;
}

#footer .sidebar-header {
     font-size: 14px;
     color: #eee;
}

h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}

h1, h2, h3 {
  font-weight: normal;
  font-family: "open sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

blockquote, blockquote p {
    font-size: 16px;
    line-height: 1.5em;
}

#header {
    /*height: 76px;*/
}

#header #header-top {
  height: 38px;
  background: #6b6b6b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6b6b6b 0%, #333333 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6b6b), color-stop(100%, #333333));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6b6b6b 0%, #333333 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6b6b6b 0%, #333333 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6b6b6b 0%, #333333 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #6b6b6b 0%, #333333 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@headerTopColor1', endColorstr='@headerTopColor2', GradientType=0);
  /* IE6-9 */
}
#header-top #logo {
  float: left;
  padding-top: 4px;
}

#header #header-bottom {
  z-index: 100;
  width: 100%;
  height: 38px;
  background: #2a2a2a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2a2a2a 0%, #404040 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a2a2a), color-stop(100%, #404040));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2a2a2a 0%, #404040 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2a2a2a 0%, #404040 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2a2a2a 0%, #404040 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2a2a2a 0%, #404040 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@headerBottomColor1', endColorstr='@headerBottomColor2', GradientType=0);
  /* IE6-9 */
}

#header #logo-subscript {
  position: relative;
  right: -4px;
  font-weight: bold;
  float: left;
  color: #f47f2a;
  padding-top: 2px;
}

#header li {
    font-size: 15px;
}

.header-primary h1 {
    color: #f47f2a !important;
}

@media (min-width: 992px) {
	#masthead .nav > li:first-child > a {
	    padding-left: 0px;
	}
}

#top-right-menu li {
  margin-bottom: 0px;
  padding-top: 3px;
  font-size: 20px;
}

#top-right-menu {
    margin-bottom: 0px;
}

#top-right-menu li:last-child {
    padding-right: 0px;
}

#top-right-menu li > a > i {
    color: white;
}
#masthead .nav>li>a:before {
    content: none;
}

#masthead .navbar-brand {
	padding-right: 15px !important;
}

#scroll-trakti-icon img {
	height:22px;
}

#scroll-trakti-icon a {
    padding-right: 0px;
}

.clickable {
    cursor: pointer;
}

.text-teaser {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.text-teaser-25 {
  font-size: 25px;
  line-height: 1.5;
  display: inline-block;
}

.middle-teaser {
  font-size: 32px !important;
  line-height: 1.5;
  display: inline-block;
}

.btn-rounded {
  border-radius: 4px;
  border: 1px solid rgb(243, 112, 17);
}

.swatch-trakti-main .element-normal-top {
    margin-top: 22px!important;
}

/* style new from stile.css */

/* CSS Document */

h1, h2, h3 {
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Varela Round';
}

#consigliata {
	    margin-top: -150px;
		padding-top: 200px;
}

#consigliata .background-media {
	    background-size: 100%;
}
#consigliata .container {
	min-height: 374px !important;	
}
.bubblein {
	display: flex;
	align-items: flex-start;
	margin-top: 100px;
}

.tabtable {
	width: 100%;
	overflow: auto;
}

.bubbledos {
    display: block;
    float: left;
    max-width: none;
    background: #f1f1f1;
    border-radius: 50%;
    margin: 30px;
}

.bigbutton {
	background-color: #F58320;
	border-radius: 6px;
	padding:40px 20px;
	display: flex;
	color: #fff;
	align-items: center;
}
.bigbutton-red {
	background-color: #ED1C24;
}
.bigbutton-green {
	background-color: #6fb000;
}
.bigbutton-blue {
	background-color: #0962ba;
}
.bigbutton > div {
	float: none !important;
	flex-grow: 1;
}
.bigbutton p {
	font-size: 25px;
}
.bigbutton .fa:hover,
.bigbutton .fa {
	color: #fff;
	font-size: 55px;
	
}
.bigbutton .wpb_content_element {
	margin: 0;
	
}

.videoyoutube {
height: 500px;
overflow: hidden;
padding-top: 30px;
margin-bottom: 30px;
position: relative;
}
.videoyoutube iframe,
.videoyoutube object,
.videoyoutube embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
} 

.videoyoutube-container {
    z-index: 3000;
}

.navbar-nav.navbar-right .lang-item-de {
	display: none;
}

.navbar-nav.navbar-right .lang-item-es {
	display: none;
}

.openmodal {
	color: #fff !important;
}

.onlylink  {
	background: none !important;
	color: #fff !important;
	text-decoration: none !important;
	box-shadow:none !important;
}

[hreflang] {
	text-transform: uppercase;
}
[hreflang]::after {
	content: "\f0ac";
    font-family: FontAwesome;
	/*float: right;*/
	color: #999999;
	height: 20px;
	width:20px;
	margin-left: 5px;
}

.btnplay {
	width:80px;
	height: 80px;
	margin-top: 30px !important;
} 

.immaginesec1 {
	margin-top: 120px !important;
}

.btnarancioinverso a{
	color: #E16932 !important;
	background-color: #fff !important;
	-webkit-box-shadow: 8px 8px 8px 1px rgba(0, 0, 0, 0.38);
	-moz-box-shadow: 8px 8px 8px 1px rgba(0, 0, 0, 0.38);
	box-shadow: 8px 8px 8px 1px rgba(0, 0, 0, 0.38);
}
.btnbiancotrasparente a, .btnbiancotrasparente button{
	color: #fff !important;
	background-color: transparent !important;
}
.btnviolavuoto a, .btnviolavuoto button{
	color: #d03080 !important;
	background-color: transparent !important;
	border-color: #d03080 !important;
}
.btnviolavuoto a:hover, .btnviolavuoto button:hover{
	color: #fff !important;
	background-color: #d03080 !important;
}
#sezione_6 .container-fullwidth {
		background-image: url(https://www.trakti.com/wp-content/uploads/2018/05/10-bg-lines2.png);
		background-position: center;
		background-position-y: bottom;
		background-repeat: no-repeat;
}
#section_9 {
	    padding: 300px 20px;
}

#modal-video .container {
	/*position: initial;*/
}


.price {
	border-radius: 19px;
	position: relative;
}
.price > li {
	margin-bottom: 0px !important;
}
.price > li.price-main {
	height: 90%;
}
.price > li.button-li {
	position: absolute;
	bottom: 0px; 
	width: 100%;
	border-top:5px solid #fff;
}

.pricing-row-container, .pricing-columns {
	display: flex;
	align-items: stretch;
}
.pricing-row-container .pricing-columns:nth-child(1) .price  .button {
	color: #353535;
	border: 1px solid #353535;
}
.pricing-row-container .pricing-columns:nth-child(2) .price  .button {
	color: #0962ba;
	border: 1px solid #0962ba;
}
.pricing-row-container .pricing-columns:nth-child(3) .price  .button {
	color: #f36617;
	border: 1px solid #f36617;
}
.pricing-row-container .pricing-columns:nth-child(4) .price  .button {
	color: #d03080;
	border: 1px solid #d03080;
}
.pricing-row-container .pricing-columns:nth-child(5) .price  .button {
	color: #6cc110;
	border: 1px solid #6cc110;
}
.pricing-row-container .pricing-columns:nth-child(3) .price {
	border: 3px solid #f36617;
}
.pricing-row-container .pricing-columns:nth-child(3) .price > li {
	background-color: #fff;
}

.pricing-row-container {
	background: none !important;
}

.paddingtoppagina .background-media {
	background-size: 100% auto !important;
	
}
.paddingtoppagina {
	padding-top: 100px;	
}

.pulsanticolorati p {
	margin: 0;
}
.pulsanticolorati img {
	width: 40px;
	margin: 0;
	margin-right: 10px;
}
.pulsanticolorati {
	width: 320px;
	margin: auto;
	border-radius: 10px;
	color:#76BC41;
	border: 2px solid #76BC41;
	padding: 15px 30px;
	margin-bottom: 4px !important;
	margin-top: 0px !important;
}


.pulsanticolorati.rosso {
	color:#B3151B;
	border-color:#B3151B;
}
.pulsanticolorati.blu {
	color:#0663B0;
	border-color:#0663B0;
}
.pulsanticolorati.arancio {
	color:#F58220;
	border-color:#F58220;
}

.max-500 img {
	max-width: 800px;
}

#footer section {
    background-image: none;
}


.swatch-white .tab-pane h1, [class*="swatch-"] .swatch-white .tab-pane h1, .swatch-white .tab-pane.active h1, [class*="swatch-"] .swatch-white .tab-pane.active h1, .swatch-white .tab-pane h2, [class*="swatch-"] .swatch-white .tab-pane h2, .swatch-white .tab-pane.active h2, [class*="swatch-"] .swatch-white .tab-pane.active h2, .swatch-white .tab-pane h3, [class*="swatch-"] .swatch-white .tab-pane h3, .swatch-white .tab-pane.active h3, [class*="swatch-"] .swatch-white .tab-pane.active h3, .swatch-white .tab-pane h4, [class*="swatch-"] .swatch-white .tab-pane h4, .swatch-white .tab-pane.active h4, [class*="swatch-"] .swatch-white .tab-pane.active h4, .swatch-white .tab-pane h5, [class*="swatch-"] .swatch-white .tab-pane h5, .swatch-white .tab-pane.active h5, [class*="swatch-"] .swatch-white .tab-pane.active h5, .swatch-white .tab-pane h6, [class*="swatch-"] .swatch-white .tab-pane h6, .swatch-white .tab-pane.active h6, [class*="swatch-"] .swatch-white .tab-pane.active h6, .swatch-white .tab-pane a, [class*="swatch-"] .swatch-white .tab-pane a, .swatch-white .tab-pane.active a, [class*="swatch-"] .swatch-white .tab-pane.active a, .swatch-white .tab-pane p, [class*="swatch-"] .swatch-white .tab-pane p, .swatch-white .tab-pane.active p, [class*="swatch-"] .swatch-white .tab-pane.active p {

    color: #595959 !important;

}

.swatch-white .tab-pane, [class*="swatch-"] .swatch-white .tab-pane, .swatch-white .tab-pane.active, [class*="swatch-"] .swatch-white .tab-pane.active {

    color: #595959 !important;

}


.swatch-white .table th, [class*="swatch-"] .swatch-white .table th {
    background-color: #acacac;
    text-transform: uppercase;
    color: #fff;
}

.swatch-white .tab-content, [class*="swatch-"] .swatch-white .tab-content, .swatch-white .nav-tabs .active a, [class*="swatch-"] .swatch-white .nav-tabs .active a, .swatch-white .tab-content, [class*="swatch-"] .swatch-white .tab-content, .swatch-white .nav-tabs .active a:hover, [class*="swatch-"] .swatch-white .nav-tabs .active a:hover {

    background: #f0f0f0 !important;

}

.swatch-white .nav-tabs > li.active > a, [class*="swatch-"] .swatch-white .nav-tabs > li.active > a {

    color: #595959 !important;

}

.swatch-white .nav-tabs a, [class*="swatch-"] .swatch-white .nav-tabs a {
	color: #9b9b9b !important
}

.swatch-white .nav-tabs > li > a:hover, [class*="swatch-"] .swatch-white .nav-tabs > li > a:hover{

    color: #fff !important;
    background-color: #d2d2d2;

}
 .swatch-white .nav-tabs > li > a:focus, [class*="swatch-"] .swatch-white .nav-tabs > li > a:focus {

    color: #9b9b9b !important;

}

.checkbox_label [type=checkbox] {
	margin-right: 8px;
}

[class*="-not-valid-tip"] {
	display: block;
	clear: both;
}

#post-3138 .swatch-white .form-icon-group i, #post-3138  [class*="swatch-"] .swatch-white .form-icon-group i {
    color:#292929;
}

.bigbutton {
	cursor: pointer;
}



/* + DI 1921 */ 

@media screen and (min-width: 1921px) {  

}
/* da 1600 in su */

@media screen and (min-width: 1601px) {
	
	#sfondomondo.section-fullheight > .container, #sfondomondo {
		min-height: 110vh !important;
	}
	
}



/* da 1300 in su */

@media screen and (min-width: 1367px) {
	
	.cond_1 .figure {
		width: 300px;
		padding-top: 60px;
	}
	.cond_3 .figure {
		width: 200px; 
		padding-top: 60px;
		
	}

}/* da 1300 in su */

@media screen and (min-width: 1200px) {
	.cond_1 .figure {
		width: 240px;
		padding-top: 60px;
	}
	.cond_3 .figure {
		width: 180px; 
		padding-top: 0px;
		
	}
}



/* da 769 in su */

@media screen and (min-width: 769px) {
	#sezione_6 .container-fullwidth { 
		    padding-bottom: 120px;
		}
	img.alignnone {
		margin: 0 12px 0 0;
	}
	
	.nobackdesktop .background-media  {
		background-image: none !important;
	}

}
/* MASSIMO 1600 */
 
@media screen and (max-width: 1600px) {
	
		#consigliata {
				margin-top: -200px;
		}	
}



/* FINO A IPAD PRO 1366*/

@media screen and (max-width: 1366px) {
		#consigliata {
				margin-top: -200px;
		}	
		#consigliata .container {
			min-height: 374px;	
		}
}

/* FINO A MAC RIDOTTO 1280 */

@media screen and (max-width: 1280px) {
		#consigliata {
				margin-top: -200px;
		}
	
	#sezione_6 .container-fullwidth { 
		    padding-bottom: 80px;
		}
	
	.immaginesec1 {
		margin-top: 100px !important;
	}
	.img_top_1 {
		margin-right: -100px;
    	width: 700px;
	}
	
	#section_1 .container-fullwidth {
		height: 600px;
	}
	
	.btnplay {
		margin-top: 10px !important;
	}
	
	.element-tall-top {
		margin-top: 50px !important;
	}
	#section_7 .background-media {
		background-size: auto 100%;
		background-attachment: no-scroll;
		background-position: 100% 0%; 
	}
	.sxtophome h1 {
		line-height: 1em !important;
		font-size: 28px;
	}
	.testatacontatti .divider-wrapper .visible-lg {
		height: 200px !important;
	}
	
	.paddingtoppagina .background-media {
		background-size: 140% auto !important;
		background-position: 40% 0 !important;
	}
	
}

/* FINO A IPAD HOR/PRO 1024    */

@media screen and (max-width: 1024px) {
	.paddingtoppagina .background-media {
		background-size: 150% auto !important;
		background-position: 20% 0 !important;
	}
	
	.testatacontatti .divider-wrapper .visible-lg {
		height: inherit !important;
	}
	
	
	.img_top_1 {
		margin-right: 0;
    	width: auto;
	}
	h1, .h1 {
		font-size: 26px;
	}
	h3, .h3 {
		font-size: 18px;
	}
	
	h2, .h2 {
		font-size: 22px;
	}
	.img_top_1 {
		    width: 41.66667% !important;
	}

	#section_9 {
		margin-top: -100px; 
	}
	
}

/* FINO A IPAD VERT 768*/

@media screen and (max-width: 1023px) {
	.img_top_1 {
		width: 80% !important;
	}
	
	
}
@media screen and (max-width: 768px) {
	.max-500 img {
		max-width: 95%;
	}
	
	.tabtable .table {
		min-width: 800px;
		text-align: left;
	}
	
	.paddingtoppagina .background-media {
		background-size: 360% auto !important;
		background-position: 21% 0 !important;
	}
	.cond_1 .figure {
		width: 230px; 
	}
	.cond_2 .figure {
		width: 250px; 
		
	}
	.cond_3 .figure {
		width: 200px; 
		
	}

	#sfondomondo .background-media {
		    background-size: 300% auto !important;
	}
	#sfondomondo, 
	#sfondomondo .container {
		min-height: 567px !important;
	}
	
	
	
	.element-short-top {
    	margin-top: 14px!important;
	}

	.element-normal-bottom {
		margin-bottom: 22px!important;
	}
	
	#consigliata .divider-wrapper {
		display: none;
	}
	#consigliata {
		padding-top: 100px;
		padding-bottom: 150px;
		min-height: 1px !important; 
	}
	
	.bubbledos {
		display: inline-block;
		float: none;
		margin: 0 10px!important;
		max-width: 100px;
	}
	.bubblein {
		display: block;
		align-items: flex-start;
		margin-top: 20px;
	}
	.bigbutton {
		padding:20px 10px;
		color: #fff;
		align-items: center;
		margin-bottom: 30px !important;
		clear: both;
	}
	
	.bigbutton p {
		font-size: 15px;
	}
	.bigbutton .fa {
		color: #fff;
		font-size: 35px;

	}
	.bigbutton > div:first-child {
		width: 35% !important;
	}
	
	section {
		padding-left: 15px;
		padding-right: 15px;
		
	}
	#section_2 .divider-wrapper {
		display: none;
	}
	
	#sezione_6 .container-fullwidth {
			/*background-image: url(https://www.trakti.com/wp-content/uploads/2018/05/10-bg-lines_v.png);*/
			background-position-x: -30px;
			background-position-y:300px;
			background-repeat: no-repeat;
		background-image: none;
	}
	.img_top_1 {
		    width: 100% !important;
	}
	
	/*.connservpref .figure-image {
		    margin-left: -80px;
    margin-right: -80px;
	}*/
	
	.allwidthimg > * {
		margin-left: -25px !important;
		margin-right: -25px !important;
		
	}
	#section_1 .container-fullwidth {
		height: auto;
	}
	#section_9 {
		padding: 150px 20px;
	}
	#section_10 .container {
		padding-top: 70px;
	}
	#section_7 .background-media {
		background-size: unset;
	}
	
	.price {
		width: 280px;
	}
	.pricing-row-container {
		width: 100%;
    	overflow: auto;
	}
	
	
	.paddingtoppagina {
		padding-top: 50px;	
	}
	
	.nomobile {
		display: none;
	}
	.videoyoutube {
		height: 300px;
		z-index:5000;
	}
	
	.pulsanticolorati img {
		width: 30px;
		margin-right: 5px;
	}
	.pulsanticolorati {
		width: 100%;
		padding: 15px 15px;
	}
}

/* FINO A IPHONE 6/7/8 PLUS 414*/

@media screen and (max-width: 414px) {
	
	
}

/* FINO A IPHONE 6/7/8 375 */

@media screen and (max-width: 375px) {
	
	
}

/* FINO A GALAXY S 6/7/8 360 */

@media screen and (max-width: 414px) {
	
	
}

/* FINO A IPHONE 5 */

@media screen and (max-width: 320px) {
	
	
}

/* end style new from stile.css */
