
/***************** Toggle ******************/
.toggle{margin-bottom:15px!important}

.toggle.open h2 a{background-color:#27CFC3}

.toggle h2{position:relative; z-index:10; font-size:12px; margin-bottom:0px!important}

div[data-style="default"] .toggle h2 a, div[data-style="default"] .toggle h2{font-size:12px!important; line-height:14px!important}
.toggle h2 a{display:block; color: rgba(0,0,0,0.65); letter-spacing:0px; font-size:26px; line-height:32px; padding:14px 14px 16px 43px; font-family:Rubik; font-weight:400; background-color:rgba(0,0,0,0.045); transition:all 0.2s linear;  -webkit-transition:all 0.2s linear; }

.toggle h2 a i{position:absolute; left:13px; background-color:transparent; color:#888; top:13px; width:18px; height:16px!important; line-height:18px!important; font-size:15px; transition:all 0.2s linear;  -webkit-transition:all 0.2s linear;}

.toggle.open h2 a i{}

.toggle h2 a:hover{background-color:rgba(0,0,0,0.035)}

body .toggle >div{padding:10px 14px; border-top:0px; display:none; background-color:#fff!important; box-shadow:0 1px 2px rgba(0,0,0,0.2);  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); }

.toggle >div .wpb_wrapper{margin:0!important}

.toggle >div >div:last-child{margin-bottom:0px!important}

.light .toggle >div{color:#676767!important}

body div[data-style*="minimal"] .toggle.open h2 a, body div[data-style*="minimal"] .toggle h2 a{background-color:transparent!important}
div[data-style*="minimal"] .toggle >div{box-shadow:none; -webkit-box-shadow:none; padding:0 0 30px 0; background-color:transparent!important}
div[data-style*="minimal"] .toggle h2 i{width:30px; height:30px!important; position:absolute;  right:0;  left:auto;  top:50%;  margin-top:-15px;  border:2px solid #888;  border-radius:30px 30px;  -ms-transition:border-color 0.15s ease;  transition:border-color 0.15s ease;  -webkit-transition:border-color 0.15s ease}

div[data-style="minimal"] .toggle h2 a{padding:30px 70px 30px 0px; -ms-transition:color 0.15s ease;  transition:color 0.15s ease;  -webkit-transition:color 0.15s ease}

div[data-style="minimal"] .toggle{border-bottom:2px solid rgba(0,0,0,0.08); -ms-transition:border-color 0.15s ease;  transition:border-color 0.15s ease;  -webkit-transition:border-color 0.15s ease;  margin-bottom:0!important}

div[data-style="minimal"] .toggle h2 i:before{content:' '; top:14px;  left:6px;  margin-top:-2px;  width:14px;  height:2px;  position:absolute;  background-color:#888;  -ms-transition:background-color 0.15s ease;  transition:background-color 0.15s ease;  -webkit-transition:background-color 0.15s ease}

div[data-style="minimal"] .toggle h2 i:after{content:' '; top:6px;  left:14px;  width:2px;  margin-left:-2px;  height:14px;  position:absolute;  background-color:#888;  -ms-transition:transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;  transition:transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;  -webkit-transition:-webkit-transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease}

.light div[data-style="minimal"] .toggle {border-color:rgba(255,255,255,0.2)}
.light div[data-style*="minimal"] .toggle h2 i{border-color:#fff}
.light div[data-style*="minimal"] .toggle h2 i:before, 
.light div[data-style*="minimal"] .toggle h2 i:after{background-color:#fff}
.light div[data-style*="minimal"] .toggle h2 a{}

div[data-style*="minimal"] .toggle.open i:after{-ms-transform:scale(1,0); transform:scale(1,0); -webkit-transform:scale(1,0)}
div[data-style="minimal_small"] .toggle h2 { display: inline-block; }
div[data-style="minimal_small"] .toggle h2 a { padding: 0}

div[data-style="minimal_small"] .toggle.default h2 a:hover,
div[data-style="minimal_small"] .toggle.default.open h2 a { color: #000!important; }

div[data-style="minimal_small"] .toggle.default > h2:after { background-color: #000; }

.span_12.light div[data-style="minimal_small"] .toggle.default h2 a:hover,
.span_12.light div[data-style="minimal_small"] .toggle.default.open h2 a {  }

.span_12.light div[data-style="minimal_small"] .toggle > h2:before { background-color: rgba(255,255,255,0.2); }
.span_12.light div[data-style="minimal_small"] .toggle.default:hover > h2:after,
.span_12.light div[data-style="minimal_small"] .toggle.default.open > h2:after { background-color: #fff; }

div[data-style="minimal_small"] .toggle > h2:after,
div[data-style="minimal_small"] .toggle > h2:before { 
    display: block;
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0.1);
    height: 2px;
    left: 0;
    pointer-events: none;
}
div[data-style="minimal_small"] .toggle > h2:after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1);
  transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1);
  transform-origin: left; 
}
div[data-style="minimal_small"] .toggle.open > h2:after, div[data-style="minimal_small"] .toggle:hover > h2:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
div[data-style="minimal_small"] .toggle >div { padding-top: 1.4em; padding-bottom: 0; }
div[data-style="minimal_small"] .toggle > h2 i { display: none; }
div[data-style="minimal_small"] .toggle {  margin-bottom: 1.4em!important; }