/*
Theme Name: Avada - Child
Description: The #1 selling theme of all time that allows you to build virtually any design style.
Author: ThemeFusion
Theme URI: http://avada.theme-fusion.com/
Author URI: http://themeforest.net/user/ThemeFusion
Version: 5.9.1
License: Themeforest Split Licence
License URI: -
Text Domain: Avada
Template: Avada
*/

.fusion-layout-column .fusion-column-wrapper { padding: 0 5%!important; }
#textile-cycle { background: url('/wp-content/themes/Avada-child/assets/images/bg-cycle.gif') center top repeat-y!important; padding-top: 0!important; padding-bottom: 0!important; }
#textile-cycle + div { padding-top: 0!important; padding-bottom: 0!important; }
#textile-cycle + div .fusion-layout-column { margin-bottom: 0!important; }
.graph-cycle { min-height: 600px; overflow: hidden; }
.graph-cycle .graph { float: left; height: 600px; margin-top: 50px; padding: 0 2.5%; width: 50%; position: relative; }
.graph-cycle .graph .step { border: 7px solid #b8cb32; border-radius: 50%; height: 150px; text-align: center; width: 150px; position: absolute; }
.graph-cycle .graph .step.produced { left: 175px; top: 0; }
.graph-cycle .graph .step.sold { left: 340px; top: 80px; }
.graph-cycle .graph .step.used { left: 340px; top: 260px; }
.graph-cycle .graph .step.drop { left: 175px; top: 340px; }
.graph-cycle .graph .step.sorted { left: 10px; top: 260px; }
.graph-cycle .graph .step.recycled { left: 10px; top: 80px; }
.graph-cycle .graph .step.thrown { border: 0; left: 360px; top: 440px; }
.graph-cycle .graph .step a { border-radius: 50%; color: #000; display: block; height: 136px; font-size: 12px; font-weight: bold; line-height: 1; padding: 17px 15px 0 15px; text-decoration: none; text-transform: uppercase; transition: background-color 0.3s; }
.graph-cycle .graph .step.active a { background-color: #cee4f1; }
.graph-cycle .graph .step img { display: block; margin: 0 auto 10px auto; }
.graph-cycle .graph .step a:hover { background-color: #e0f8e8; }
.graph-cycle .graph .step.thrown a { cursor: default; }
.graph-cycle .graph .step.thrown a:hover { background-color: transparent; }
.graph-cycle .graph .logo { color: #ed4d1b; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; text-transform: uppercase; position: absolute; top: 220px; left: 160px; }
.graph-cycle .graph .arrow { position: absolute; }
.graph-cycle .graph .arrow1 { left: 455px; top: 235px; transform: rotate(90deg); }
.graph-cycle .graph .arrow2 { left: 325px; top: 430px; transform: rotate(145deg); }
.graph-cycle .graph .arrow3 { left: 95px; top: 430px; transform: rotate(200deg); }
.graph-cycle .graph .arrow4 { left: -25px; top: 235px; transform: rotate(275deg); }
.graph-cycle .graph .arrow5 { left: 100px; top: 40px; transform: rotate(335deg); }
.graph-cycle .graph .arrow6 { left: 325px; top: 40px; transform: rotate(395deg); }
.graph-cycle .graph .arrow22 { left: 455px; top: 405px; }
.graph-cycle .texts { background-color: #b8cb32; color: #fff; float: right; font-size: 18px; height: 650px; padding: 0; width: 50%; }
.graph-cycle .texts .step { display: none; }
.graph-cycle .texts .step.active { display: block; }
.graph-cycle .texts .title { background-color: #01a5c8; font-size: 40px; font-weight: bold; line-height: 1.3; margin: 0 0 30px 0; padding: 0 0 0 30px; }
.graph-cycle .texts .title span { border: 7px solid #b8cb32; border-radius: 50%; display: block; height: 120px; margin: 0 auto 15px auto; padding-top: 25px; text-align: center; width: 120px; }
.graph-cycle .texts .step p { line-height: 1.2; padding: 0 0 0 30px; }
.graph-cycle .texts .step img { max-height: 500px; }

.wpml-language-bg .graph-cycle .graph .logo { left: 135px; }
.wpml-language-gr .graph-cycle .graph .logo { left: 137px; }

@media (max-width: 1366px) {
    #textile-cycle { background: none !important; }
    .graph-cycle { min-height: 0; }
    .graph-cycle .graph { float: none; height: auto; margin: 50px 0; text-align: center; width: 100%; }
    .graph-cycle .graph .step { display: inline-block; margin: 5px; vertical-align: top; position: static; }
    .graph-cycle .graph .logo,
    .graph-cycle .graph .step.thrown,
    .graph-cycle .graph .arrow { display: none; }
    .graph-cycle .texts { color: #000; height: auto; float: none; overflow: hidden; padding: 0; width: 100%; }
    .graph-cycle .texts .title { color: #fff; }
    .graph-cycle .texts .step img { width: 100%; }
}

#nohide .fusion-no-small-visibility {
    display: block !important;
}

@media only screen and (max-width: 1160px) {
	body .fusion-flyout-mobile-menu.fusion-mobile-nav-holder .wpml-ls-display { margin-left: 5px; }

	body .fusion-flyout-mobile-menu.fusion-mobile-nav-holder .sub-menu { display: block !important; }
	body .fusion-flyout-mobile-menu.fusion-mobile-nav-holder .sub-menu li { font-family: 'Montserrat'; }
}