/**
 * Torbara Maxx-Fitness Template for Joomla, exclusively on Envato Market: http://themeforest.net/user/torbara
 * @encoding     UTF-8
 * @version      1.0
 * @copyright    Copyright (C) 2015 Torbara (http://torbara.com). All rights reserved.
 * @license      GNU General Public License version 2 or later, see http://www.gnu.org/licenses/gpl-2.0.html
 * @author       Alexandr Khmelnytsky (support@torbara.com)
 */

.akslider-module .uk-dotnav {
    font-size: 0;
    text-align: center !important;
    display: block;
}
.akslider-module .uk-dotnav > li {
    display: inline-block;
    float: none;
    
}
.akslider-module .uk-dotnav > li > a {
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: 0.5;
    position: relative;
     transition:400ms all; -webkit-transition:400ms all ;
/* Uncomment this if you want gray effect for thumbs */
/*    filter: gray;  IE6-9 
    -webkit-filter: grayscale(100%);  Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.akslider-module .uk-dotnav > li:hover > a {
    opacity: 1;
    background: #ffc722;
/* Uncomment this if you want gray effect for thumbs */
/*    filter: none;  IE6-9 
    -webkit-filter: grayscale(0%);*/
}

.akslider-module .uk-dotnav > li.uk-active > a {
    opacity: 1;
    background: #ffc722;
/* Uncomment this if you want gray effect for thumbs */
/*    filter: none;  IE6-9 
    -webkit-filter: grayscale(0%);*/
}

.akslider-module iframe {
    pointer-events: none !important;
}
.akslider-module .uk-slidenav { margin-top: -40px !important; width:26px; height: 80px; line-height: 80px; background: rgba(255, 255, 255, 0.1)}
.akslider-module .uk-slidenav:before { font-size: 40px; position: absolute;}
.akslider-module .uk-slidenav:hover:before { color: #ffc722;}
.akslider-module .uk-slidenav-position .uk-slidenav-previous {
  left:0;  
}
.akslider-module .uk-slidenav-position .uk-slidenav-previous:before { left: 15%;}
.akslider-module .uk-slidenav-position .uk-slidenav-next:before { right: 15%;}

.akslider-module .uk-slidenav-position .uk-slidenav-next {
  right:0;  
}




.donate-wrap { margin: 90px 0 90px 0 !important; position: relative; text-align: center; background: url(../images/donate-bg.jpg); background-size: cover;}

.donate-wrap h3 { padding-bottom: 17px; font-size: 38px; text-transform: uppercase; color:#fff;}
.donate-wrap h3 span { color: #ffc722;}
.donate-wrap .intro-text { font-size: 15px; line-height: 22px; color:#fff; font-family: 'Work Sans', sans-serif;}
.donate-inner { padding: 55px 0 50px 0; position: relative;}
.donate-inner:before { content: ''; width: 25%; position: absolute; top: 70px; bottom:70px; left: 70px; border: solid #ffc722; border-width: 1px 0 1px 1px;}
.donate-inner:after { content: ''; width: 25%; position: absolute; top: 70px; bottom:70px; right: 70px; border: solid #ffc722; border-width: 1px 1px 1px 0;}
.teamdonate-form { margin-bottom: 0;}
.teamdonate-form label { display: inline-block; color:#fff; font-size: 15px; font-family: 'Work Sans', sans-serif;}
.teamdonate-form label:hover { color:#ffc722;}
.teamdonate-form .radio-wrap { margin-top: 34px; margin-bottom: 20px; width: 370px; font-size: 0; height: 41px; position: relative; display: inline-block;}
.teamdonate-form .radio-wrap:before { content:''; border-radius: 2px 2px 0 0; height: 3px; background: #fff; left: 0; right: 0; top: 10px; position: absolute;}
.teamdonate-form .radio-wrap label { padding-top: 23px; box-sizing: border-box; vertical-align: bottom; width: 16.666666%; height: 100%; position: relative;}
.teamdonate-form .radio-wrap label input { position: absolute; opacity:0;}
.teamdonate-form .radio-wrap label:before { content:''; margin-left: -5px; opacity: 0; position: absolute; width: 10px; height: 0; background: #ffc722; top: 0; left: 50%; transition: all 300ms; -webkit-transition: all 30ms;}
.teamdonate-form .radio-wrap label:after { content:''; margin-left: -9px;  width: 10px; height: 0; position: absolute; top: 0; left: 50%; background: #ffc722; opacity:0; -webkit-transform: skew(-33deg); transform: skew(-33deg); transition: all 300ms; -webkit-transition: all 300ms;}
.teamdonate-form .radio-wrap label.active { color: #ffc722;}
.teamdonate-form .radio-wrap label.active:before { opacity: 1; height: 13px;}
.teamdonate-form .radio-wrap label.active:after { opacity: 1; height: 13px;}

.donate-btn { padding: 0 50px; background: #ffc722; position: relative; font-family: 'Work Sans', sans-serif; display: inline-block; line-height: 38px; font-size: 12px; font-weight: bold; color:#363533; text-transform: uppercase; transition:400ms all; -webkit-transition:400ms all ; border:none;}
.donate-btn:hover { text-decoration: none; background: #363533; color:#ffc722;}
.donate-btn:before {content: ''; position: absolute; top: -3px; right:-3px; bottom:-3px; left:-3px; border: 1px solid #ffc722;}
.donate-btn span { display: block; position: relative;}
.donate-btn:hover span { color:#fff;}