/* 
    Created on : 01.Mar.2016, 23:55:29
    Author     : makbash
*/

[class^="spacer"]{clear:both;width:100%; font-size:0; margin:0; padding:0; border:0; display:block;position:relative;z-index:-1;}
.spacer5{height:5px;}.spacer10{height:10px;}.spacer15{height:15px;}.spacer20{height:20px;}.spacer25{height:25px;}
.spacer30{height:30px;}.spacer35{height:35px;}.spacer40{height:40px;}.spacer45{height:45px;}.spacer50{height:50px;}
.spacer60{height:60px;}.spacer70{height:70px;}.spacer80{height:80px;}.spacer90{height:90px;}.spacer100{height:100px;}
.spacer120{height:120px;}.spacer150{height:150px;}.spacer200{height:200px;}

.m0 {margin: 0 !important;}
.mt-0{margin-top:0 !important;}.mt-5{margin-top:5px !important;}.mt-10{margin-top:10px !important;}.mt-15{margin-top:15px !important;}.mt-20{margin-top:20px !important;}.mt-25{margin-top:25px !important;}.mt-30{margin-top:30px !important;}.mt-35{margin-top:35px !important;}.mt-40{margin-top:40px !important;}.mt-45{margin-top:45px !important;}.mt-50{margin-top:50px !important;}.mt-100{margin-top:100px !important;}.mt-200{margin-top:200px !important;}
.mb-0{margin-bottom:0 !important;}.mb-5{margin-bottom:5px !important;}.mb-10{margin-bottom:10px !important;}.mb-15{margin-bottom:15px !important;}.mb-20{margin-bottom:20px !important;}.mb-25{margin-bottom:25px !important;}.mb-30{margin-bottom:30px !important;}.mb-35{margin-bottom:35px !important;}.mb-40{margin-bottom:40px !important;}.mb-45{margin-bottom:45px !important;}.mb-50{margin-bottom:50px !important;}
.ml-0{margin-left:0 !important;}.ml-5{margin-left:5px !important;}.ml-10{margin-left:10px !important;}.ml-15{margin-left:15px !important;}.ml-20{margin-left:20px !important;}.ml-25{margin-left:25px !important;}.ml-30{margin-left:30px !important;}.ml-35{margin-left:35px !important;}.ml-40{margin-left:40px !important;}.ml-45{margin-left:45px !important;}.ml-50{margin-left:50px !important;}
.mr-0{margin-right:0 !important;}.mr-5{margin-right:5px !important;}.mr-10{margin-right:10px !important;}.mr-15{margin-right:15px !important;}.mr-20{margin-right:20px !important;}.mr-25{margin-right:25px !important;}.mr-30{margin-right:30px !important;}.mr-35{margin-right:35px !important;}.mr-40{margin-right:40px !important;}.mr-45{margin-right:45px !important;}.mr-50{margin-right:50px !important;}

.p0 {padding: 0 !important;}
.pt-0{padding-top:0 !important;}.pt-5{padding-top:5px !important;}.pt-10{padding-top:10px !important;}.pt-15{padding-top:15px !important;}.pt-20{padding-top:20px !important;}.pt-25{padding-top:25px !important;}.pt-30{padding-top:30px !important;}.pt-35{padding-top:35px !important;}.pt-40{padding-top:40px !important;}.pt-45{padding-top:45px !important;}.pt-50{padding-top:50px !important;}
.pb-0{padding-bottom:0 !important;}.pb-5{padding-bottom:5px !important;}.pb-10{padding-bottom:10px !important;}.pb-15{padding-bottom:15px !important;}.pb-20{padding-bottom:20px !important;}.pb-25{padding-bottom:25px !important;}.pb-30{padding-bottom:30px !important;}.pb-35{padding-bottom:35px !important;}.pb-40{padding-bottom:40px !important;}.pb-45{padding-bottom:45px !important;}.pb-50{padding-bottom:50px !important;}
.pl-0{padding-top:0 !important;}.pl-5{padding-top:5px !important;}.pl-10{padding-top:10px !important;}.pl-15{padding-top:15px !important;}.pl-20{padding-top:20px !important;}.pl-25{padding-top:25px !important;}.pl-30{padding-top:30px !important;}.pl-35{padding-top:35px !important;}.pl-40{padding-top:40px !important;}.pl-45{padding-top:45px !important;}.pl-50{padding-top:50px !important;}
.pr-0{padding-bottom:0 !important;}.pr-5{padding-bottom:5px !important;}.pr-10{padding-bottom:10px !important;}.pr-15{padding-bottom:15px !important;}.pr-20{padding-bottom:20px !important;}.pr-25{padding-bottom:25px !important;}.pr-30{padding-bottom:30px !important;}.pr-35{padding-bottom:35px !important;}.pr-40{padding-bottom:40px !important;}.pr-45{padding-bottom:45px !important;}.pr-50{padding-bottom:50px !important;}


/* position */
.vCenterParent {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.vCenterChild {
    position: relative;
    top: 50%;    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    padding: 25px;
    width: 500px;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.tableRow {
    display: table-row;
}
.tableRow > .tableCell {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    display: static;
}

.va-middle,
.va-middle table,
.va-middle td
{
    vertical-align: middle;
}
.va-top,
.va-top table,
.va-top td
{
    vertical-align: top;
}
.va-bottom,
.va-bottom table,
.va-bottom td
{
    vertical-align: bottom;
}
.space-top {
    margin-top: 24px !important;
}
.space-top-2x {
    margin-top: 48px !important;
}
.space-top-3x {
    margin-top: 72px !important;
}

.space-top-10 {
    margin-top: 10px !important;
}


.space-bottom {
    margin-bottom: 24px !important;
}
.space-bottom-2x {
    margin-bottom: 48px !important;
}
.space-bottom-3x {
    margin-bottom: 72px !important;
}
.padding-top {
    padding-top: 24px !important;
}
.padding-top-2x {
    padding-top: 48px !important;
}
.padding-top-3x {
    padding-top: 72px !important;
}
.padding-bottom {
    padding-bottom: 24px !important;
}
.padding-bottom-2x {
    padding-bottom: 48px !important;
}
.padding-bottom-3x {
    padding-bottom: 72px !important;
}
@media screen and (max-width: 768px) {
.vCenterChild {
    position: relative;
    top: 50%;    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0);
padding: 0;
width: 100%;
}
h1, h2, h3, h4, h5, h6, p {
    font-size: 12px !important;
}

    .space-top {
        margin-top: 16px !important;
    }
    .space-top-2x {
        margin-top: 36px !important;
    }
    .space-top-3x {
        margin-top: 48px !important;
    }
    .space-bottom {
        margin-bottom: 16px !important;
    }
    .space-bottom-2x {
        margin-bottom: 36px !important;
    }
    .space-bottom-3x {
        margin-bottom: 48px !important;
    }
    .padding-top {
        padding-top: 16px !important;
    }
    .padding-top-2x {
        padding-top: 36px !important;
    }
    .padding-top-3x {
        padding-top: 48px !important;
    }
    .padding-bottom {
        padding-bottom: 16px !important;
    }
    .padding-bottom-2x {
        padding-bottom: 36px !important;
    }
    .padding-bottom-3x {
        padding-bottom: 48px !important;
    }
}
.space-top-none {
    margin-top: 0 !important;
}
.space-bottom-none {
    margin-bottom: 0 !important;
}
.padding-top-none {
    padding-top: 0 !important;
}
.padding-bottom-none {
    padding-bottom: 0 !important;
}

/* position */

.bg-primary {
    background-color: #0081c2;
}
.bg-secondary {
    background-color: #fc0d00;
}

.text-primary {
    color: #0081c2 !important;
}
.text-secondary {
    color: #fc0d00 !important;
}
.text-light {
    color: #fff !important;
}
.text-dark {
    color: #000 !important;
}
.text-bold {
    font-weight: bold;
}
.text-light:hover {
    color: #fff;
}
.text-dark:hover {
    color: #000;
}
.text-ws-nowrap {
    /*    clear: both;
        display: inline-block;
    */
    overflow: hidden;
    white-space: nowrap;
}
.text-uppercase {
    text-transform: uppercase;
}
@media screen and (max-width: 991px) {
    .text-center-mobile {
        text-align: center !important;
    }
}

/* custom icon */
.content-box {
    position: relative;
    width: 100%;
    margin-bottom: 43.2px;
}
.content-box.shadow {
    -webkit-box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.4);
}
.content-box .icon,
.content-box .thumb,
.content-box .thumb-small {
    margin-bottom: 20px;
}
.content-box .thumb,
.content-box .thumb-small {
    display: inline-block;
}
.content-box .thumb:hover,
.content-box .thumb-small:hover,
.content-box .thumb:focus,
.content-box .thumb-small:focus {
    opacity: 1 !important;
}
.content-box .thumb img,
.content-box .thumb-small img {
    display: block;
}
.content-box .content-box-title {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 17.14285714px;
}
.content-box .content-box-title .icon {
    margin-bottom: 14.11764706px;
}
.content-box p {
    margin-bottom: 0;
}
.content-box .badge {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -35px;
}
.content-box .social-buttons {
    margin-top: 24px;
    margin-bottom: 7.5px;
}
.content-box .content-box-title + .social-buttons {
    margin-top: -5px;
}
.content-box.content-box-horizontal {
    display: table;
}
.content-box.content-box-horizontal .icon {
    margin: 0;
}
.content-box.content-box-horizontal .icon-cell,
.content-box.content-box-horizontal .thumb-cell,
.content-box.content-box-horizontal .content-cell,
.content-box.content-box-horizontal .action-cell {
    display: table-cell;
    vertical-align: top;
}
.content-box.content-box-horizontal.icon-va-middle .icon-cell,
.content-box.content-box-horizontal.icon-va-middle .thumb-cell {
    vertical-align: middle;
}
.content-box.content-box-horizontal.icon-va-middle .content-cell {
    padding-top: 0;
}
.content-box.content-box-horizontal.text-left .icon-cell,
.content-box.content-box-horizontal.text-left .content-cell {
    padding-right: 20px;
}
.content-box.content-box-horizontal.text-left .action-cell {
    padding-left: 20px;
}
.content-box.content-box-horizontal.text-left .thumb-cell {
    padding-right: 30px;
}
.content-box.content-box-horizontal.text-right .icon-cell,
.content-box.content-box-horizontal.text-right .content-cell {
    padding-left: 20px;
}
.content-box.content-box-horizontal.text-right .action-cell {
    padding-right: 20px;
}
.content-box.content-box-horizontal.text-right .thumb-cell {
    padding-left: 30px;
}
.content-box.client-box {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 48px;
    box-shadow: none;
}
.content-box.client-box .thumb {
    max-width: 180px;
}
.content-box.client-box .thumb-small {
    max-width: 65px;
}
.content-box.client-box.just-thumb {
    margin-bottom: 6px;
}
.text-light .content-box-title {
    font-weight: 300;
}
.content-box-alt {
    padding: 36px 30px;
    background-color: #4d4d4d;
    margin-bottom: 31px;
}
@media screen and (max-width: 480px) {
    .content-box-alt {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.content-box-alt .content-box {
    margin-top: -36px;
    margin-bottom: -36px;
    padding: 17px 0;
}
.content-box-alt .content-box.content-box-horizontal .icon-cell,
.content-box-alt .content-box.content-box-horizontal .thumb-cell,
.content-box-alt .content-box.content-box-horizontal .content-cell,
.content-box-alt .content-box.content-box-horizontal .action-cell {
    vertical-align: middle;
}
@media screen and (max-width: 768px) {
    .content-box-alt .container {
        padding: 0;
    }
    .content-box-alt .content-box {
        margin: 0;
        padding: 0;
    }
    .content-box-alt .content-box-horizontal .icon-cell,
    .content-box-alt .content-box-horizontal .thumb-cell,
    .content-box-alt .content-box-horizontal .content-cell,
    .content-box-alt .content-box-horizontal .action-cell {
        display: block;
        padding: 0 !important;
        text-align: center !important;
    }
    .content-box-alt .content-box-horizontal .content-cell {
        margin: 20px 0;
    }
}
.content-box-alt.content-box-fw {
    padding-left: 0;
    padding-right: 0;
}
.content-box-alt.content-box-fw .content-box {
    box-shadow: none;
}
.content-box-alt.content-box-alt-horizontal {
    display: table;
    width: 100%;
}
.content-box-alt.content-box-alt-horizontal .icon-cell,
.content-box-alt.content-box-alt-horizontal .content-cell,
.content-box-alt.content-box-alt-horizontal .action-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.content-box-alt.content-box-alt-horizontal .icon-cell {
    width: 20%;
}
.content-box-alt.content-box-alt-horizontal .content-cell {
    width: 55%;
    padding: 0 30px;
}
.content-box-alt.content-box-alt-horizontal .action-cell {
    width: 25%;
}
@media screen and (max-width: 768px) {
    .content-box-alt.content-box-alt-horizontal .icon-cell,
    .content-box-alt.content-box-alt-horizontal .content-cell,
    .content-box-alt.content-box-alt-horizontal .action-cell {
        display: block;
        width: 100%;
    }
    .content-box-alt.content-box-alt-horizontal .content-cell {
        padding: 20px 0 5px 0;
    }
}

.icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 42px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.icon[class^="flaticon-"],
.icon[class*=" flaticon-"] {
    font-size: 39px;
}
.icon.icon-2x {
    font-size: 71.4px;
}
.icon.icon-2x[class^="flaticon-"],
.icon.icon-2x[class*=" flaticon-"] {
    font-size: 67px;
}
.icon.icon-default {
    color: #3a3a3a;
}
.icon.icon-primary {
    color: #cca300;
}
.icon.icon-success {
    color: #4cd964;
}
.icon.icon-info {
    color: #5ac8fa;
}
.icon.icon-warning {
    color: #ffcc00;
}
.icon.icon-danger {
    color: #ff3b30;
}
.icon-rounded,
.icon-square,
.icon-circle {
    width: 56px;
    height: 56px;
    font-size: 28px;
    text-align: center;
    line-height: 56px;
    color: #fff !important;
    background-color: #3a3a3a;
    -webkit-box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.6);
    border-bottom: 2px solid #545454;
}
.icon-rounded[class^="flaticon-"],
.icon-square[class^="flaticon-"],
.icon-circle[class^="flaticon-"],
.icon-rounded[class*=" flaticon-"],
.icon-square[class*=" flaticon-"],
.icon-circle[class*=" flaticon-"] {
    font-size: 28px;
}
.icon-rounded.icon-default,
.icon-square.icon-default,
.icon-circle.icon-default {
    background-color: #3a3a3a;
    border-bottom: 2px solid #545454;
}
.icon-rounded.icon-primary,
.icon-square.icon-primary,
.icon-circle.icon-primary {
    background-color: #cca300;
    border-bottom: 2px solid #cca300;
}
.icon-rounded.icon-success,
.icon-square.icon-success,
.icon-circle.icon-success {
    background-color: #4cd964;
    border-bottom: 2px solid #2ac845;
}
.icon-rounded.icon-info,
.icon-square.icon-info,
.icon-circle.icon-info {
    background-color: #5ac8fa;
    border-bottom: 2px solid #28b7f9;
}
.icon-rounded.icon-warning,
.icon-square.icon-warning,
.icon-circle.icon-warning {
    background-color: #ffcc00;
    border-bottom: 2px solid #cca300;
}
.icon-rounded.icon-danger,
.icon-square.icon-danger,
.icon-circle.icon-danger {
    background-color: #ff3b30;
    border-bottom: 2px solid #fc0d00;
}
.icon-rounded[class^="bg-gradient-"],
.icon-square[class^="bg-gradient-"],
.icon-circle[class^="bg-gradient-"],
.icon-rounded[class*="bg-gradient-"],
.icon-square[class*="bg-gradient-"],
.icon-circle[class*="bg-gradient-"] {
    border: none !important;
}
.icon-rounded {
    border-radius: 3px;
}
.icon-square {
    border-radius: 0;
}
.icon-circle {
    border-radius: 50%;
}
.icon-ghost {
    color: #3a3a3a !important;
    background-color: transparent !important;
    border: 1px solid #3a3a3a;
    box-shadow: none;
}
.icon-ghost.icon-default {
    color: #3a3a3a !important;
    border: 1px solid #3a3a3a;
}
.icon-ghost.icon-primary {
    color: #cca300 !important;
    border: 1px solid #cca300;
}
.icon-ghost.icon-success {
    color: #4cd964 !important;
    border: 1px solid #4cd964;
}
.icon-ghost.icon-info {
    color: #5ac8fa !important;
    border: 1px solid #5ac8fa;
}
.icon-ghost.icon-warning {
    color: #ffcc00 !important;
    border: 1px solid #ffcc00;
}
.icon-ghost.icon-danger {
    color: #ff3b30 !important;
    border: 1px solid #ff3b30;
}
.text-left .icon {
    margin-right: 11px;
}
.text-center .icon {
    margin-left: 6px;
    margin-right: 6px;
}
.text-right .icon {
    margin-left: 11px;
}
.text-left.icon,
.align-left.icon {
    margin-right: 11px !important;
}
.align-center.icon,
.text-center.icon {
    margin-left: 6px !important;
    margin-right: 6px !important;
}
.text-right.icon,
.align-right.icon {
    margin-left: 11px !important;
}



.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}
input[readonly] {
    /*background-color: white !important;*/
    cursor: text !important;
    height: 30px;
}


/* DivTable */
.divTable {
    display: table;
    width: auto;
}
.divTableRow {
    display: table-row;
}
.divTableHeading {
    display: table-header-group;
}
.divTableCell, 
.divTableHead {
    display: table-cell;
    vertical-align: middle;
}
.divTableFoot {
    display: table-footer-group;
}
.divTableBody {
    display: table-row-group;
}
/* DivTable */


/*Typicons*/ 

/*[data-icon]:before {
    content: attr(data-icon);
    display: block;
    font-family: 'Typicons', sans-serif;
}*/

.mySideNav {
    z-index: 9;
    position: fixed;
    right: 0;
    top: 250px;
    bottom: auto;
    height: auto;
    background: #222;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.6);
    width: auto;
}

.nav__list {
    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
    border-top: 1px solid rgba(204, 204, 204, 0.2);
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.nav__item a {
    border-bottom: 1px solid rgba(204, 204, 204, 0.2);
    border-top: 1px solid rgba(0, 0, 0, 0.8);
    display: block;
    color: #f1f1f1;
    padding: 0.3em 1.5em;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    font-size: 1.4em;
    line-height: 1.4em;
}
.nav__item a:after {
    background: #00a296;
    content: '';
    height: 100%;
    left: -0.4em;
    position: absolute;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 0.4em;
}
.nav__item a:before {
    background: -webkit-linear-gradient(white, #C0C0C0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.5em;
    text-shadow: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.nav__item a:hover {
    background: #101010;
    box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.7);
    -webkit-transition: 0.15s;
    transition: 0.15s;
}
.nav__item a:hover:after {
    box-shadow: 0 0 1.5em #00a296;
    -webkit-transform: translateX(0.4em);
    transform: translateX(0.4em);
    -webkit-transition: 0.15s;
    transition: 0.15s;
}
.nav__item a:hover:before {
    color: #00a296;
    -webkit-text-fill-color: #00a296;
    text-shadow: 0 0 1em rgba(0, 224, 252, 0.7);
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.nav__item a i {
    display: block;
    font-size: 2.5em;
}
@media (max-width: 1100px) {
    .nav__item a {
        font-size: 1em;
    }
    .nav__item a i {
        font-size: 1.5em;
    }
}
@media (max-width: 767px) {
    .mySideNav {
        top: 146px;
    }
/*    .mySideNav {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        margin: 20px auto;
    }
    .nav__list {display: block;}
    .nav__item {
        float: left;
        width: 33%;
        height: 100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        resize: vertical;
        border-left: 0.4em solid #00a296;
    }*/
}
@media (max-width: 479px) {

}