/*  ==========================================================================
	Other
	========================================================================== */

.parallax {
    position: relative;
    background-attachment: fixed !important;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-color: #3fc0c6;
}

::selection {
    background: #6597e7;
    color: #fff;
}

::-moz-selection {
    background: #6597e7;
    color: #fff;
}

::-o-selection {
    background: #6597e7;
    color: #fff;
}

::-ms-selection {
    background: #6597e7;
    color: #fff;
}

mark {
    background: #6597e7;
    color: #fff;
}


/*  ==========================================================================
    Modals
========================================================================== */
.modal.fade.effect-3dflip .modal-dialog{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    -moz-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in.effect-3dflip .modal-dialog{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.modal.fade.effect-3dslit .modal-dialog{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    -moz-transform: translateZ(-3000px) rotateY(90deg);
    -ms-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
}

.modal.fade.in.effect-3dslit .modal-dialog{
    -webkit-animation: slit .7s forwards ease-out;
    -moz-animation: slit .7s forwards ease-out;
    animation: slit .7s forwards ease-out;
}

.modal-close{
    position: absolute;
    width: 45px;
    height: 45px;
    top: 35px;
    left: 35px;
    background: url("../img/x.png") center no-repeat;
    cursor: pointer;
    z-index: 999;
}


/* Progress bars -------------------------------------*/
.progress{
    background:#f1f5f4;
    height:30px;
    border:#f1f5f4 solid 2px;
    border-radius:0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress-bar{
    line-height:30px;
    border-radius:0;
    -webkit-box-shadow: none;
    box-shadow: none;
}



/* Alerts -------------------------------------*/
.alert{
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
    border:none;
    color: #fff;
    border-radius:0;
}
.alert h4{
    font-size:24px;
    margin-bottom:10px;
    font-weight:600;
}
.alert-ico{
    display:table-cell;
    width:60px;
    height:60px;
}
.alert-ico i{
    font-size: 30px;
    margin-left: 15px;
    margin-right: 15px;
    border: #fff solid 3px;
    padding-top: 12px;
    border-radius: 65px;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
}
.alert .alert-body{
    vertical-align:middle;
    display:table-cell;

}
.alert button.close{
    background: rgba(0,0,0,.2);
    color: #fff;
    text-shadow: none;
    width: 35px;
    height: 35px;
    text-align: center;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
}
.alert button.close:hover{
    opacity:0.9;
    color:#fff;
}

.panel{
    border:none;
    margin-bottom: 30px;
}
.panel-success>.panel-heading a, .panel-danger>.panel-heading a, .panel-info>.panel-heading a, .panel-warning>.panel-heading a{
    color:#fff;
}
.panel-warning>.panel-heading a {
    color: #2d343e;
    text-shadow: none;
}
.panel>.panel-heading{
    color:#fff;
    padding:15px;
    font-size: 16px;
    text-transform: uppercase;
    border:none;
}
.panel-default>.panel-heading{
    color:#333;
    background:#f1f5f4;
}
.panel-body, .panel-footer{
    border:none;
    padding:15px;
    background: #eee;
}


/* Warning */
.alert.alert-warning, .panel-warning>.panel-heading {
    color: #2d343e;
    text-shadow: none;
    background-color: #ffd633;
}
.alert.alert-warning h4 {
    color: #2d343e;
}
.alert.alert-warning .alert-ico i {
    border-color:#2d343e;
}
.alert.alert-warning .alert-heading i {
    border-color: #2d343e;
}

/* Success */
.alert.alert-success, .panel-success>.panel-heading {
    background-color: #33c570;
}
/* Error */
.alert.alert-error, .panel-danger>.panel-heading{
    background-color: #ff6259;
}

/* Information */
.alert.alert-info, .panel-info>.panel-heading {
    background-color: #5dbbe3;
}




/*  ==========================================================================
jw player
========================================================================== */


.audio-player{
    position: absolute;
    top:25px;
    left:15px;
}
.audio-player .repeat-track, .audio-player .repeat-track:focus{
    position: absolute;
    top: 16px;
    right: -32px;
    color: #999;
    cursor: pointer;
    font-size: 18px;
}

.w-box .audio-player .jw-buffer, .l-box .audio-player .jw-buffer {
    background: #eff4fc !important;
}
.audio-player .repeat-track.active{
    color:#faa61a ;
}
.l-box .audio-player .jwplayer, .l-box .audio-player .jw-background-color {
    background: rgba(239,244,252,0) !important;
}
.audio-player .jw-time-tip *{
    color: #333 !important;
}
.w-box .audio-player .jwplayer, .w-box .audio-player .jw-background-color{
    background: #fff !important;
}
.audio-player .jw-preview.jw-reset, .jw-icon-rewind{
    display: none !important;
}
.audio-player .jw-skin-seven .jw-controlbar{
    border-top: none !important;
    height: inherit !important;
}
.audio-player .jw-skin-seven .jw-button-color:hover, .audio-player .jw-skin-seven .jw-toggle{
    color: #fff !important;
}
.audio-player .jw-icon-playback{
    background: #8cb2ed;
    width: 70px;
    height: 70px;
    font-size: 30px;
    border-radius: 50%;
    line-height: 70px;
    margin-right: 15px;
}
.audio-player .jw-icon-playback:hover{
    color: #fff;
    background: #77a1e3;
}
.audio-player .jw-state-playing .jw-icon-playback{
    background: #faa61a;
}
.audio-player .jw-controlbar{
    border-top:0;
    height: 100%;
    padding: 0;
    display: block !important;
}
.audio-player .jwplayer{
    height: 70px !important;
    width: 210px !important;
    overflow: visible;
}
.audio-player .jw-flag-media-audio .jw-preview, .audio-player .jw-display-icon-container, .audio-player .jw-icon-fullscreen, .jw-rightclick{
    display: none !important;
}
.audio-player .jw-buffer{
    border:#bdd3f4 solid 1px;
}
.audio-player .jw-knob{
    background: #8cb2ed!important;
    box-shadow: none !important;
    width: 12px !important;
    height: 12px !important;
}
.audio-player .jw-icon-volume.jw-icon-tooltip{
    display: none ;
}
.audio-player .jw-media{
    display: none !important;
}


/*.jw-state-playing .jw-icon-volume.jw-icon-tooltip{*/
/*display: block ;*/
/*}*/


.audio-player .jw-state-playing .jw-icon-inline.jw-icon-volume{
    display: block;
}
.audio-player .jw-slider-volume.jw-slider-horizontal{
    position: absolute;
    top: -12px;
    left: -27px;
    padding: 5px 10px;
    background: #fff !important;
    width: inherit;
    min-width: 90px;
    height: 30px;
    margin: 0 !important;
    border: #bdd3f4 solid 1px;
}
.audio-player .jw-state-playing .jw-controlbar-right-group:hover .jw-slider-volume.jw-slider-horizontal {
    display: block !important;
}
.audio-player .jw-icon-volume:before{
    color: #8cb2ed !important;
    padding: 0 !important;
}
.audio-player .jw-skin-seven .jw-icon-volume {
    min-width: inherit !important;
    min-height: inherit;
    height: 23px;
    line-height: inherit;
    margin-top: -19px;
    margin-left: 10px;
    padding-top: 8px;
    position: relative;
}

.audio-player .jw-controlbar .jw-overlay{
    bottom: 15px !important;
}
.l-box  .audio-player .jw-volume-tip.jw-background-color{
    background: #fff !important;
    border:#8cb2ed solid 1px
}
.jw-icon-cast, .jw-icon-inline.jw-icon-volume, .jw-slider-volume.jw-slider-horizontal{

}
.audio-player .jw-progress{
    background: #faa61a !important;
}
.audio-player .jw-slider-horizontal .jw-rail, .audio-player .jw-slider-horizontal .jw-buffer, .audio-player .jw-slider-horizontal .jw-progress{
    height: 7px !important;
    border-radius: 7px !important;
}
.jw-buffer{

}
.audio-player .jw-time-tip.jw-background-color.jw-reset {
    background: rgba(255,255,255,1) !important;
}

.audio-player .jw-controlbar-right-group .jw-icon-tooltip:before, .audio-player .jw-controlbar-right-group .jw-icon-inline:before{
    border: none !important;
}
.audio-player .jw-time-tip, .audio-player .jw-menu, .audio-player .jw-skip{
    border: #fff solid 1px;
    background: #8cb2ed !important;
}
.audio-player .jw-skin-seven .jw-rail{
    background: #fff !important;
    border:#bdd3f4 solid 1px;
}
.audio-player .jw-flag-compact-player .jw-text-duration, .audio-player .jw-flag-compact-player .jw-text-elapsed{
    display: block;
    position: absolute;
    color: #8cb2ed;
}
.audio-player .jw-controlbar-left-group, .audio-player .jw-controlbar-right-group{
    position: relative;
}
.audio-player .jw-controlbar-center-group{
    padding: 0 0 13px 0;
}
.audio-player .jw-text.jw-reset.jw-text-elapsed {
    bottom: 7px;
    left: 75px;
    font-size: 14px;
}
.audio-player .jw-flag-compact-player .jw-text-duration{
    bottom: 7px;
    right: 0;
    padding: 0;
    color: #333;
    font-size: 14px;
}

.audio-player .jw-title-primary, .jw-title-secondary, .audio-player .jw-title, .audio-player .jw-error{
    background: none;
}
.audio-player .jw-title-primary, .audio-player .jw-title-secondary{
    color: red;
    font-size: 14px;
    font-weight: 300 !important;
}




/* Fly Social Icons */
.fly-social-icos{
    position: fixed;
    top:150px;
    left: 0;
    background: rgba(255,255,255,0.95);
    box-shadow: rgba(0,0,0,0.2) 0 0 10px;
    z-index: 999;
}
.fly-social-icos ul{
    padding: 5px 0;
}
.fly-social-icos ul a{
    font-size: 30px;
    line-height:30px;
    padding:8px 12px;
}
.togg-social{
    text-align: center;
    cursor: pointer;
}
.open-social{
    display: inline-block;
    font-size: 30px;
    line-height:30px;
    padding:8px 12px;

}
.hideleft{
    display: none !important;
}




/* fly notifications */
.fly-notifs{
    position: fixed;
    z-index: 9999;
    width: 340px;
    color: #fff;
    top: 50%;
    /* Firefox */
    left: -moz-calc(50% - 170px);
    /* WebKit */
    left: -webkit-calc(50% - 170px);
    /* Opera */
    left: -o-calc(50% - 170px);
    /* Standard */
    left: calc(50% - 170px);
}
.fly-notifs .alert{
    border:none;
    border-radius: 0;
    color: #fff !important;
    margin-bottom: 5px;
    cursor: pointer;
}
.alert-dismissible .close {
    right: inherit;
    float: left;
    opacity: 0.5;
}
.alert-dismissible{
    padding-left: 35px;
    padding-right: 15px;
}
.alert-success{
    background: #0db14b;
    color: #fff;
}
.alert-info{
    background: #00b9f2;
}
.alert-warning{
    background: #fdb913;
}
.alert-danger{
    background: #ff0000;
}

.no-items{
    padding: 30px;
    text-align: center;
    color: #faa61a;
    border:#faa61a solid 1px;
}

/* error page */
.error-message{
    text-align:center;
}
.error-message h1{
    display: block;
    font-weight: 600;
    font-size: 180px;
    margin: 0;
    font-family: Arial;
}
.error-message .flyform{
    margin-top:30px;
}



/*  ==========================================================================
	style file input
	========================================================================== */

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}


.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}


.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

.inputfile-1 + label {
    color: #8cb2ed;
}

.inputfile-1 + label {
    border: 1px solid #d3e1f8;
    background-color: #fff;
    padding: 0;
    width: 100%;
    position: relative;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    border-color: #d3e1f8;
}

.inputfile-1 + label span,
.inputfile-1 + label strong {
    padding: 0.625rem 1.25rem;
}

.inputfile-1 + label span {
    width:100%;
    min-height: 44px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-1 + label strong {
    height: 100%;
    color: #fff;
    background-color: #8cb2ed;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.inputfile-1:focus + label strong,
.inputfile-1.has-focus + label strong,
.inputfile-1 + label:hover strong {
    background-color: #8cb2ed;
}

@media screen and (max-width: 50em) {
    .inputfile-1 + label strong {
        display: block;
    }
}




/* custom checkbox icons -------------------------------------*/

.check-group{
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}
label.checkbox, label.radio{
    position: relative;
    padding-right: 30px;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
}
label.checkbox:before, label.checkbox:after, label.radio:before, label.radio:after {
    font-family: FontAwesome;
    font-size: 26px;
    position: absolute;
    top: -4px;
    right: 0;
}
label.checkbox:before {
    content: "\f096";
}
label.checkbox:after {
    content: "\f14a";
    background:#fff;
    max-width: 0;
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

label.radio:before {
    content: "\f10c";
}
label.radio:after {
    content: "\f058";
    max-width: 0;
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*hiding the original checkboxes*/
input[type="checkbox"], input[type="radio"] {
    display: none;
}
/*when the user checks the checkbox the checked icon will animate in*/
input[type="checkbox"]:checked + label.checkbox:after, input[type="radio"]:checked + label.radio:after {
    max-width: 25px;
    opacity: 1;
}
input[type="checkbox"]:checked + label.checkbox, input[type="radio"]:checked + label.radio,
label.checkbox:hover, label.radio:hover, label.checkbox:hover:before, label.radio:hover:before{
    color:#6496e6;
}


/* change fonts in text inputs */
input[type="text"], input[type="email"], input[type="password"], textarea {
    font-family: Tahoma;
}


/*  ==========================================================================
	Colors
	========================================================================== */
.color_white {
    color: #fff;
}

.color_dark {
    color: #333;
}

.color_dum {
    color: #939d9b;
}

.bg-light {
    background-color: #eff4fc !important;
}

.bg-gray {
    background-color: #eaeaec !important;
}

.bg-black {
    background-color: #222222 !important;
}

.bg-red {
    background-color: #f56954 !important;
}

.bg-yellow {
    background-color: #f39c12 !important;
}

.bg-aqua {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue {
    background-color: #3c8dbc !important;
}

.bg-green {
    background-color: #00a65a !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #faa61a !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #932ab6 !important;
}

.bg-maroon {
    background-color: #85144b !important;
}

/* Text colors */
.red {
    color: #f56954;
}

.yellow {
    color: #f39c12;
}

.aqua {
    color: #00c0ef;
}

.blue {
    color: #0073b7;
}

.black {
    color: #222;
}

.light-blue {
    color: #3c8dbc;
}

.green {
    color: #00a65a;
}

.navy {
    color: #001f3f;
}

.teal {
    color: #39cccc;
}

.olive {
    color: #3d9970;
}

.lime {
    color: #01ff70;
}

.orange {
    color: #faa61a;
}

.fuchsia {
    color: #f012be;
}

.purple {
    color: #932ab6;
}

.maroon {
    color: #85144b;
}

/*  ==========================================================================
    Buttons
	========================================================================== */


.btn-white-circle{
    background: #fff;
    border-radius: 50px;
    text-align: center;
    height: 37px;
    line-height: 37px;
    min-width: 37px;
    color: #6597e7;
    display: inline-block;
}
.btn-white-circle.orange{
    color: #faa61a;
}
.btn-white-circle i{
    font-size: 22px;
}
.btn-white-circle-text{
    padding: 0 15px;
}


.btn-borderd {
    background: none;
    text-shadow: none;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    padding: 10px 20px;
    border: solid 2px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-color: #6597e7;

}

.btn-borderd i.fa {
    margin-top: -3px;
    margin-right: 3px;
}

.btn-borderd:hover {
    color: #fff;
    background: #6597e7;
    text-decoration: none;
}

.logout-btn-borderd {
    background: none;
    text-shadow: none;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    padding: 10px 20px;
    border: solid 2px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-color: #E76565;
    color: #E76565;

}

.logout-btn-borderd i.fa {
    margin-top: -3px;
    margin-right: 3px;
}

.logout-btn-borderd:hover {
    color: #fff;
    background: #E76565;
    text-decoration: none;
}

.logout-btn-borderd.active {
    color: #fff;
    background: #E76565;
}

/* Type */
.logout-btn-borderd.btn-round {
    border-radius: 2000em;
}
/* Type */
.btn-borderd.btn-round {
    border-radius: 2000em;
}

/* Size */
.btn-borderd.btn-big {
    font-size: 16px;
    padding: 16px 30px;
    font-weight: 600;
}

.btn-borderd-full {
    font-size: 16px;
    padding: 16px 30px;
    font-weight: 600;
    width: 100%;
}

.btn-borderd.btn-small {
    font-size: 14px;
    padding: 6px 13px;
}

.btn-borderd.btn-mini {
    font-size: 10px;
    padding: 3px 10px;
}

/* Colors */
.btn-borderd.btn-blue {
    color: #007aff;
    border-color: #007aff;
}

.btn-borderd.btn-blue:hover {
    color: #fff;
    border-color: #3395ff;
    background-color: #3395ff;
}

.btn-borderd.btn-blue:active {
    border-color: #007aff;
}

.btn-borderd.btn-purple {
    color: #c643fc;
    border-color: #c643fc;
}

.btn-borderd.btn-purple:hover {
    color: #fff;
    background-color: #d169fd;
    border-color: #d169fd;
}

.btn-borderd.btn-purple:active {
    border-color: #c643fc;
}

.btn-borderd.btn-brown {
    color: #765747;
    border-color: #765747;
}

.btn-borderd.btn-brown:hover {
    color: #fff;
    background-color: #91796c;
    border-color: #91796c;
}

.btn-borderd.btn-brown:active {
    border-color: #765747;
}

.btn-borderd.btn-dark {
    color: #37414f;
    border-color: #37414f;
}

.btn-borderd.btn-dark:hover {
    color: #fff;
    background-color: #2c333e;
    border-color: #2c333e;
}

.btn-borderd.btn-dark:active {
    border-color: #2c333e;
}

.btn-borderd.btn-pink {
    color: #ff2d55;
    border-color: #ff2d55;
}

.btn-borderd.btn-pink:hover {
    color: #fff;
    background-color: #ff5777;
    border-color: #ff5777;
}

.btn-borderd.btn-pink:active {
    border-color: #ff2d55;
}

.btn-borderd.btn-teal {
    color: #34aadc;
    border-color: #34aadc;
}

.btn-borderd.btn-teal:hover {
    color: #fff;
    background-color: #5dbbe3;
    border-color: #5dbbe3;
}

.btn-borderd.btn-teal:active {
    border-color: #34aadc;
}

.btn-borderd.btn-green {
    color: #00B74C;
    border-color: #00B74C;
}

.btn-borderd.btn-green:hover {
    color: #fff;
    background-color: #33c570;
    border-color: #33c570;
}

.btn-borderd.btn-green:active {
    border-color: #00B74C;
}

.btn-borderd.btn-yellow {
    color: #e8b840;
    border-color: #f5d146;
}

.btn-borderd.btn-yellow:hover {
    color: #000;
    background-color: #f5d146;
    border-color: #f5d146;
}

.btn-borderd.btn-yellow:active {
    border-color: #f5d146;
}

.btn-borderd.btn-orange {
    color: #faa61a;
    border-color: #faa61a;
}

.btn-borderd.btn-orange:hover {
    color: #fff;
    background-color: #ff7d33;
    border-color: #ff7d33;
}

.btn-borderd.btn-orange:active {
    border-color: #faa61a;
}

.btn-borderd.btn-light {
    color: #999;
    border-color: #ddd;
}

.btn-borderd.btn-light:hover {
    color: #282e3a;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.btn-borderd.btn-light:active {
    border-color: #f9f9f9;
}

.btn-borderd.btn-red {
    color: #ff3b30;
    border-color: #ff3b30;
}

.btn-borderd.btn-red:hover {
    color: #fff;
    background-color: #ff6259;
    border-color: #ff6259;
}

.btn-borderd.btn-red:active {
    border-color: #ff3b30;
}

.btn-borderd.btn-white {
    color: #fff;
    border-color: #fff;
    background-color: none;
    border-width: 3px;
}

.btn-borderd.btn-white:hover {
    color: #000 !important;
    background-color: #fff;
    border-color: #fff;
    text-decoration: none !important;
}

.btn-borderd.btn-white:active {
    border-color: #fff;
}

/*  Buttons solid ----------------------------------------------------- */

.btn-solid {
    text-shadow: none;
    color: #fff;
    display: inline-block;
    border:#6597e7 solid 2px;
    text-transform: uppercase;
    position: relative;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #6597e7;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);

}

.btn-solid i {
    margin-right: 5px;
    vertical-align: top;
}

.btn-solid:hover {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .85;
}

.btn-solid.active {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Type */
.btn-solid.btn-round {
    border-radius: 2000em;
}

/* Size */
.btn-solid.btn-big {
    font-size: 16px;
    padding: 16px 30px;
    font-weight: 600;
}

.btn-solid.btn-md {
    padding: 15px 25px;
}

.btn-solid.btn-small {
    font-size: 14px;
    padding: 8px 14px;
}

.btn-solid.btn-mini {
    font-size: 12px;
    padding: 3px 10px;
}

/* Colors */
.btn-solid.btn-blue {
    color: #fff;
    border-color: #007aff;
    background-color: #007aff;
}

.social-btns{
    margin-top: 20px;
    display: block;
    clear: both;
    border-top: #ddd solid 1px;
    text-align: center;
}
.social-btns h4{
    font-size: 16px;
    font-weight: 300;
    margin: 15px 5px;
    color: #666;
    text-align: center;
}

.btn-social{
    display: inline-block;
    width: 33%;
    padding: 0 5px;
}

.social-btns:after{
    content: '';
    width: 100%;
    display: block;
    clear: both;
}
.btn-social a {
    color: #fff !important;
    display: block;
    width: 100%;
    border-radius: 2px;
    direction: ltr;
}
.btn-solid.btn-facebook {
    border-color: #3e5b97;
    background-color: #3e5b97;
}
.btn-solid.btn-social i {
    color: #fff !important;
    display: inline-block;
}
.btn-solid.btn-twitter {
    border-color: #31aae1;
    background-color: #31aae1;
}
.btn-solid.btn-googleplus {
    border-color: #da4b3a;
    background-color: #da4b3a;
}


.btn-solid.btn-youtube {
    color: #fff !important;
    border-color: #e62117;
    background-color: #e62117;
    direction: ltr;
}
.btn-solid.btn-youtube i {
    color: #fff !important;
    vertical-align: sub;
    font-size: 30px;
}

.btn-solid.btn-blue:hover {
    color: #fff;
    border-color: #3395ff;
    background-color: #3395ff;
}

.btn-solid.btn-blue:active {
    border-color: #007aff;
}

.btn-solid.btn-purple {
    color: #fff;
    border-color: #c643fc;
    background-color: #c643fc;
}

.btn-solid.btn-purple:hover {
    color: #fff;
    background-color: #d169fd;
    border-color: #d169fd;
}

.btn-solid.btn-purple:active {
    border-color: #c643fc;
}

.btn-solid.btn-brown {
    color: #fff;
    border-color: #765747;
    background-color: #765747;
}

.btn-solid.btn-brown:hover {
    color: #fff;
    background-color: #91796c;
    border-color: #91796c;
}

.btn-solid.btn-brown:active {
    border-color: #765747;
}

.btn-solid.btn-dark {
    color: #fff;
    border-color: #37414f;
    background-color: #37414f;
}

.btn-solid.btn-dark:hover {
    color: #fff;
    background-color: #414d5e;
    border-color: #414d5e;
}

.btn-solid.btn-dark:active {
    border-color: #37414f;
}

.btn-solid.btn-lightgray {
    color: #fff;
    border-color: #b2cbf3;
    background-color: #b2cbf3;
}

.btn-solid.btn-lightgray i {
    color: #fff;
}

.btn-solid.btn-lightgray:hover {
    color: #fff;
    background-color: #6597e7 ;
    border-color: #6597e7 ;
}

.btn-solid.btn-lightgray:active {
    border-color: #999;
}

.btn-solid.btn-darkgray {
    color: #ccc !important;
    border: none;
    background-color: #444;
}

.btn-solid.btn-darkgray i {
    color: #ccc !important;
}

.btn-solid.btn-darkgray:hover {
    color: #fff !important;
}

.btn-solid.btn-darkgray:active {
    border-color: #222;
}

.btn-solid.btn-pink {
    color: #fff;
    border-color: #ff2d55;
    background-color: #ff2d55;
}

.btn-solid.btn-pink:hover {
    color: #fff;
    background-color: #ff5777;
    border-color: #ff5777;
}

.btn-solid.btn-pink:active {
    border-color: #ff2d55;
}

.btn-solid.btn-teal {
    color: #fff;
    border-color: #34aadc;
    background-color: #34aadc;
}

.btn-solid.btn-teal:hover {
    color: #fff;
    background-color: #5dbbe3;
    border-color: #5dbbe3;
}

.btn-solid.btn-teal:active {
    border-color: #34aadc;
}

.btn-solid.btn-green {
    color: #fff;
    border-color: #00B74C;
    background-color: #00B74C;
}

.btn-solid.btn-green:hover {
    color: #fff;
    background-color: #33c570;
    border-color: #33c570;
}

.btn-solid.btn-green:active {
    border-color: #00B74C;
}

.btn-solid.btn-yellow {
    color: #7E490F;
    border-color: #ffcc00;
    background-color: #ffcc00;
}

.btn-solid.btn-yellow:hover {
    color: #7E490F;
    background-color: #ffd633;
    border-color: #ffd633;
}

.btn-solid.btn-yellow:active {
    border-color: #ffcc00;
}

.btn-solid.btn-orange {
    color: #fff;
    border-color: #faa61a;
    background-color: #faa61a;
}

.btn-solid.btn-orange:hover {
    color: #fff;
    background-color: #ff7d33;
    border-color: #ff7d33;
}

.btn-solid.btn-orange:active {
    border-color: #faa61a;
}

.btn-solid.btn-light {
    color: #282e3a;
    border-color: #eee;
    background-color: #eee;
}

.btn-solid.btn-light i {
    color: #282e3a;
}

.btn-solid.btn-light:hover {
    color: #282e3a;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.btn-solid.btn-light:active {
    border-color: #f9f9f9;
}

.btn-solid.btn-red {
    color: #fff;
    border-color: #ff3b30;
    background-color: #ff3b30;
}

.btn-solid.btn-red:hover {
    color: #fff;
    background-color: #ff6259;
    border-color: #ff6259;
}

.btn-solid.btn-red:active {
    border-color: #ff3b30;
}

.btn-solid.btn-white {
    color: #282e3a;
    border-color: #fff;
    background-color: #fff;
}

.btn-solid.btn-white:hover {
    color: #282e3a;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.btn-solid.btn-white:active {
    border-color: #fff;
}

.btn.active {
    -webkit-box-shadow: inset 0 0px 8px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0px 8px rgba(0, 0, 0, .5);
    border-color: #999;
    color: #666;
}

.btn.btn-solid.active {
    -webkit-box-shadow: inset 0 0px 8px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0px 8px rgba(0, 0, 0, .5);
    color: rgba(255, 255, 255, .8)
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

/*  ==========================================================================
	OWL Slider
	========================================================================== */
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    display: block;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

/* owl controls */
.owl-prev, .owl-next {
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    color: #ccc;
    font-size: 32px;
    line-height: 46px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.controls_sm .owl-prev, .controls_sm .owl-next {
    width: 30px;
    height: 30px;
    font-size: 23px;
    line-height: 20px;
    border: #bcc5c3 solid 2px;
}

.owl-prev:before, .owl-next:before {
    font-family: FontAwesome;
    display: block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    margin-top: 3px;
}

.owl-prev:before {
    content: "\f105";
    margin-right: 3px;
}

.owl-next:before {
    content: "\f104";
    margin-left: 3px;
}

.owl-prev:hover, .owl-next:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

/*  ==========================================================================
	Swiper Slider
	========================================================================== */

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 40%;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 35px;
    background-color: rgba(255, 255, 255, .2);
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}



@media only screen and (max-width: 1200px) {
    .profile-tabs .audio-player{
        position: relative;
        left: 0;
        float: none;
        margin-bottom: 15px;
        margin-right: 45px;
    }
    .profile-tabs .audio-player .jw-text.jw-reset.jw-text-elapsed, .profile-tabs .audio-player .jw-controlbar-right-group{
        position: absolute;
        bottom: 0;
        color: #333;
    }
    .profile-tabs .audio-player .jw-text-elapsed {
        left: 78px;
    }
    .profile-tabs .jw-skin-seven .jw-controlbar .jw-icon:before, .profile-tabs .jw-skin-seven .jw-text-elapsed, .profile-tabs .jw-skin-seven .jw-text-duration{
        padding: 0;
    }
    .profile-tabs .audio-player .jw-controlbar-right-group{
        right: 0;
    }
    .profile-tabs .audio-player .jw-controlbar-left-group{
        white-space: inherit;
    }
    .profile-tabs .audio-player .jwplayer {
        width: 100% !important;
    }
    .profile-tabs .jw-skin-seven .jw-slider-horizontal .jw-knob{
        top: -0.1em;
    }

}
@media only screen and (min-width: 1199px) {
    .audio-player .jwplayer{
        width: 290px !important;
    }
}

@media only screen and (max-width: 991px) {
    .audio-player{
        position: relative;
        left: 0;
        float: none;
        margin-bottom: 15px;
        margin-right: 45px;
    }
    .jw-skin-seven .jw-icon-volume {
        position: absolute;
        bottom: 5px;
        right: -32px;
    }
    .audio-player .jw-text.jw-reset.jw-text-elapsed, .audio-player .jw-controlbar-right-group{
        position: absolute;
        bottom: 0;
        color: #333;
    }
    .audio-player .jw-text-elapsed {
        left: 78px;
    }
    .jw-skin-seven .jw-controlbar .jw-icon:before, .jw-skin-seven .jw-text-elapsed, .jw-skin-seven .jw-text-duration{
        padding: 0;
    }
    .audio-player .jw-controlbar-right-group{
        right: 0;
    }
    .audio-player .jw-controlbar-left-group{
        white-space: inherit;
    }
    .audio-player .jwplayer {
        width: 100% !important;
    }
    .jw-skin-seven .jw-slider-horizontal .jw-knob{
        top: -0.1em;
    }
}

@media only screen and (max-width: 520px) {
    .btn-social{
        display: block;
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 5px;
    }
}