/**
*
*	Name:			IRAN Sans-Serif Font
*	Version:		4.0
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Dec 25, 2012
*	Updated on:		Dec 12, 2015
*	Website:		http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (MHZ2P)
--------------------------------------------------------------------------------------
*	
**/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/ttf/IRANSans(FaNum)_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/ttf/IRANSans(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/ttf/IRANSans(FaNum).ttf') format('truetype');
}


@font-face {
    font-family: IRANSans-en;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans-en;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans-en;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');
}

/*@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),*/ /* FF39+,Chrome36+, Opera24+*/
/*url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'),*/ /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
/*url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}*/

:root {
    --c-primery: #203775;
    --c-primery-OP50: #20377573;
    --c-secondary: #00BCD4;
    --c-secondary-OP50: #00bcd46e;
    --c-secondary-dark: #008fa1;
    --c-tertiary: #fd830d;
    --c-primery-font: #666;
    --c-base-white: #fff;
    --c-grey-777: #777;
    --c-grey-999: #999;
    --c-grey-333: #333;
}

.en-num {
    font-family: IRANSans-en;
}

.ltr {
    text-align: left;
    direction: ltr;
}

body {
    font-family: IRANSans;
    background-color: #f8f8f8;
    color: var(--c-primery-font);
}

.btn-evst {
    background-color: #CC4563;
    color: var(--c-base-white);
    margin-top: 10px;
}

    .btn-evst:hover {
        background-color: #b53955;
        color: var(--c-base-white);
    }

    .btn-evst:active, .btn-evst:focus {
        color: var(--c-base-white);
    }

.no-padd {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.iframehead {
    height: 60px;
    background-color: var(--c-primery);
}

.iframefooter {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #e0e0e0;
    color: var(--c-primery-font);
    text-align: center;
    font-size: 12px;
}

    .iframefooter a {
        color: var(--c-primery-font);
    }

        .iframefooter a:hover {
            color: var(--c-primery);
        }

.alert span.fa {
    padding-left: 5px;
}

* input[type=password] {
    direction: ltr !important;
    text-align: left !important;
}

.btn:focus, .btn:active {
    outline: none !important;
}

.admin-modal span {
    font-weight: bold;
}

.admin-modal div {
    margin-bottom: 10px;
}

a:hover, a:active, a.active {
    text-decoration: none !important;
}

a:focus, a.focus {
    text-decoration: none !important;
    opacity: 1;
    outline: none !important;
}


.myvalidator {
    padding-top: 3px;
    padding-bottom: 12px;
    color: #960;
}

.notif-table tr th {
    border-top: none !important;
}

.notif-table tr td {
    color: var(--c-primery-font);
}

    .notif-table tr td a {
        background-color: transparent;
    }

    .notif-table tr td:nth-child(4) {
        width: 90px;
    }

.notif-table tr.read {
    background-color: #F2F7FB;
    color: #999 !important;
}

    .notif-table tr.read td {
        color: var(--c-primery-font);
    }

.notif-title {
    color: var(--c-primery-font);
    font-size: 1.1em;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #F1F1F1;
}

.no-top-padd select {
    padding-top: 0px !important;
}

.notif-content {
    font-family: IRANSans;
    color: var(--c-primery-font);
    line-height: 1.8em;
}

.notif-date {
    color: var(--c-primery-font);
    font-family: IRANSans;
    position: absolute;
    left: 26px;
    top: 21px;
}

.mybadge {
    background-color: var(--c-tertiary);
    color: var(--c-base-white);
    margin-right: 6px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    padding-top: 4px;
    font-size: 1.45rem;
    border-radius: 100%;
}

.seperator-normal {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 40%;
    height: 2px;
    background-color: #e8e8e8;
    margin-top: 20px;
    margin-bottom: 50px;
    position: relative;
}

.g-hr-h {
    position: absolute;
    right: 0px;
    left: 0px;
    top: -7px;
}

    .g-hr-h i {
        color: #e8e8e8;
        font-size: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        vertical-align: top;
        width: 40px;
        margin-right: auto;
        margin-left: auto;
        display: block;
        background-color: var(--c-base-white);
    }

.modal-header {
    background-color: #f1f1f1;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-footer {
    background-color: #f1f1f1;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
/*
.modal-content form label {
    color:  var(--c-primery);
}*/

.header {
    padding-top: 10px;
    height: 90px;
    background-color: var(--c-primery);
}

    .header ul {
        padding-right: 0px;
    }

        .header ul li {
            float: left;
            list-style: none;
        }

            .header ul li a {
                margin-right: 9px;
                margin-left: 9px;
                font-size: 1em;
                color: var(--c-base-white);
                -webkit-transition: color 0.3s;
                -moz-transition: color 0.3s linear;
                transition: color 0.3s linear;
                position: relative;
                outline: none;
                text-decoration: none;
                opacity: 1;
            }

                .header ul li a:hover,
                .header ul li a:focus {
                    color: var(--c-base-white);
                    opacity: .6;
                }

.topnav {
    font-family: IRANSans;
    background-color: var(--c-base-white);
    z-index: 1000;
    border-bottom: 1px solid #e8e8e8;
}

.navbar-default {
    background-color: var(--c-base-white);
}

.navbar-nav > li > a {
    font-size: 16px;
}

    .navbar-nav > li > a i {
        padding-left: 7px;
    }

.top-slide {
    /*height:450px;
background-attachment: fixed;
    background-color: #9CC4E4;*/
    height: 690px;
    background-attachment: fixed;
    background-color: var(--c-base-white);
    background-image: url("../images/bg1.jpg");
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-image: url("../images/222.jpg");
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;*/
    position: relative;
}

.dotted {
    background: url("../images/pattern.png") repeat;
    height: 690px;
    z-index: 10000;
}

a.ask {
    font-size: .8em;
    color: #0CF;
    font-weight: 200;
}

    a.ask:hover {
        color: var(--c-secondary);
    }

#myModal form label, #myModal2 form label, #notlogin form label {
    color: var(--c-primery-font);
}

.modal-title2 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #0CF;
    text-align: center;
    border-bottom: 2px solid #f1f1f1;
}

.top-slide h2, .top-slide h1 {
    text-align: center;
    color: var(--c-base-white);
    font-size: 5.5em;
    text-shadow: 1px 1px 1px #333333;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 28%;
}

.top-slide h3 {
    text-align: center;
    color: var(--c-base-white);
    font-size: 2.4em;
    text-shadow: 1px 1px 1px #333333;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 45%;
}

/*.second-slide {
    padding-top: 40px;
    padding-bottom: 30px;
    background-color: #E7E5E5;
}*/
.second-slide {
    height: 440px;
    background-attachment: fixed;
    background-color: var(--c-base-white);
    background-image: url("../images/city.jpg");
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.third-slide {
    height: 400px;
    background-attachment: fixed;
    background-color: var(--c-base-white);
    background-image: url("../images/photo4.jpg");
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
}

    .third-slide h2 {
        text-align: center;
        color: var(--c-base-white);
        padding-top: 137px;
        text-shadow: 1px 1px 1px #000;
        font-size: 2.7em;
    }
/*.third-slide h2 span{
        text-shadow:none;
        background-color: var(--c-primery);
        padding-right:7px;
        padding-left:7px;
       
    }*/

/*.css-filter-blur { 

    -webkit-filter: blur(2px); 
    -moz-filter: blur(2px); 
    filter: blur(2px); 
}*/
.whoweare {
    font-size: 20px;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 30px;
    margin-bottom: 10px;
}

    .whoweare h2 {
        text-align: center;
        font-size: 2.1em;
        padding-bottom: 10px;
    }

    .whoweare p {
        color: var(--c-primery-font);
        font-size: .9em;
        line-height: 1.7em;
    }

.main-top {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 25px;
    padding-left: 25px;
    margin-bottom: 40px;
}

    .main-top img {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
        display: block;
    }

    .main-top h2 {
        text-align: center;
        color: var(--c-primery-font);
        font-size: 1.4em;
        padding-bottom: 7px;
    }

    .main-top p {
        text-align: justify;
        color: var(--c-primery-font);
        font-size: 1.1em;
        font-family: IRANSans;
    }

.features {
    height: 150px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .features .symbol {
        width: 50px;
        height: 60px;
        float: right;
        margin-left: 7px;
    }

    .features .title {
        font-size: 1.2em;
        display: block;
        padding-bottom: 7px;
        float: right;
        padding-top: 16px;
    }

    .features .info {
        margin: 0;
        font-size: 1em !important;
        text-align: justify;
        font-family: IRANSans;
    }

.bigtitle {
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 45px;
}

.downtitle {
    text-align: center;
    font-size: 2em;
    margin-bottom: 80px;
    margin-top: 30px;
}

.btn-pink {
    background-color: #CC4563;
    border-bottom: 5px solid #b23450;
    color: #ffc8d4;
    line-height: 1.5em;
    font-size: .6em;
    padding-bottom: 13px;
}

    .btn-pink:hover {
        color: var(--c-base-white);
    }

.downtitle p {
    display: block;
    color: #ccc;
    margin-bottom: 20px;
}

.fe1 {
    background: url("../images/feature-icons.png") no-repeat scroll;
    background-position: -53px -104px;
}

.fe2 {
    background: url("../images/feature-icons.png") no-repeat scroll;
    background-position: -224px -105px;
}

.fe3 {
    background: url("../images/feature-icons.png") no-repeat scroll;
    background-position: -226px -191px;
}

.fe4 {
    background: url("../images/feature-icons.png") no-repeat scroll -54px -17px;
}

.fe5 {
    background: url("../images/feature-icons.png") no-repeat scroll;
    background-position: -55px -193px;
}

.fe6 {
    background: url("../images/feature-icons.png") no-repeat scroll;
    background-position: -535px -14px;
}

.fe7 {
    background: url("../images/feature-icons.png") no-repeat scroll;
    background-position: -396px -14px;
}

.fe8 {
    background: url("../images/feature-icons.png") no-repeat scroll;
    background-position: -537px -190px;
}

.our-customers {
    background-color: #f2f2f2;
    padding-bottom: 10px;
}

    .our-customers .title {
        text-align: center;
        font-size: 1.7em;
        padding-top: 30px;
        margin-bottom: 30px;
    }

        .our-customers .title span {
        }

.lasts-cat {
    background-color: var(--c-base-white);
    margin-bottom: 10px;
    height: 95px;
    text-align: center;
}

    .lasts-cat span {
        height: 33px;
        background-color: #CC4563;
        color: var(--c-base-white);
        display: block;
        padding-top: 5px;
    }

    .lasts-cat:hover i {
        color: #CC4563;
    }

    .lasts-cat i {
        font-size: 3.2em;
        color: #ccc;
        padding-top: 10px;
    }

.lasts {
    margin-bottom: 70px;
    min-height: 405px;
    margin-top: 80px;
}

    .lasts h2 {
        text-align: center;
        font-size: 3em;
        margin-bottom: 40px;
    }

    .lasts .an-event .info {
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 7px;
        padding-bottom: 5px;
        background-color: #e7e5e5;
    }

        .lasts .an-event .info i, .lasts .an-event .date i {
            font-size: 14px;
            padding-left: 2px;
            margin-right: 4px;
            color: #b4b4b4;
        }

    .lasts .an-event .title {
        color: #09F !important;
        padding-right: 4px !important;
        padding-left: 4px !important;
        padding-top: 10px !important;
        padding-bottom: 15px !important;
        font-size: 1.2em;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

.titl-inpage {
    margin-bottom: 0 !important;
    border-right: none !important;
    font-size: 1.1em !important;
}

.lasts .an-event .title a {
    color: var(--c-primery-font);
}

    .lasts .an-event .title a:hover {
        color: #1B325F;
    }

.lasts .an-event .date, .lasts .an-event .location {
    color: var(--c-primery-font);
    font-family: IRANSans;
    font-size: 1em;
    display: inline-block;
}

.infobox .inner {
    height: 395px;
    background: #ECECEC;
    overflow: hidden;
}
/*.lasts .title{		
	font-size:1.7em;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-bottom:25px;
	text-align:center;
}*/
.lasts .first {
    margin-bottom: 25px;
}

    .lasts .first .caption {
        background-color: var(--c-base-white);
        padding: 5px 10px 8px 10px;
        height: 147px;
        overflow: hidden;
    }

        .lasts .first .caption a {
            border-bottom: 1px solid #E9F2F9 !important;
            margin-bottom: 4px;
            display: block;
        }

        .lasts .first .caption p {
            height: 81px;
            margin-bottom: 0px;
            overflow: hidden;
            font-family: IRANSans;
        }

    .lasts .first a h4 {
        font-size: 1.1em;
        color: #CC4563 !important;
        line-height: 1.3em;
        text-align: justify;
        margin-top: 0px;
        font-weight: normal;
    }
    /*.lasts .first .info{
	margin-top:10px;
	height:101px;
	overflow:hidden;
	margin-bottom:0px;	
}
.lasts .first .info p{
	font-size:1.1em;
	
	color:var(--c-primery-font);
	line-height:1.3em;
	text-align:justify;	
	font-weight:normal;	
}*/
    .lasts .first .info a:hover h4 {
        color: #09F;
    }

.lasts .others {
    min-height: 470px;
}

    .lasts .others .title2 {
        font-size: 1.2em;
        margin-bottom: 10px;
        margin-top: 5px;
        color: #c1c0c0;
        /*background:url('../images/stripeline.png') repeat-x;
background-position:0 8px;*/
        width: 100%;
    }
    /*
.lasts .others{
padding-right:30px;	
}*/
    .lasts .others .posts {
        height: 88px;
        margin-bottom: 19px;
        overflow: hidden;
    }

        .lasts .others .posts img {
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
            filter: grayscale(100%);
            opacity: .4;
            -webkit-transition: all 140ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
            -moz-transition: all 140ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
            -o-transition: all 140ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
            transition: all 140ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
            -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
            -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
            -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
            transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
        }

        .lasts .others .posts:hover img {
            height: 100%;
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
            filter: grayscale(0%);
            opacity: 1;
        }

        .lasts .others .posts p {
            text-align: right;
            color: var(--c-primery-font);
        }

            .lasts .others .posts p a {
                color: var(--c-primery-font);
            }

                .lasts .others .posts p a:hover {
                    color: #09F;
                }

.buyer-info-wrap {
    padding: 10px 20px;
    background-color: #dcdcdc;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 5px;
    position: relative;
}

    .buyer-info-wrap .number {
        position: absolute;
        top: 4px;
        right: 18px;
        color: var(--c-base-white);
        font-size: 1.5em;
    }

    .buyer-info-wrap i, .buyer-info-wrap2 i {
        color: var(--c-primery-font);
    }

.buyer-info-wrap2 {
    padding: 10px 20px;
    background-color: #e5e5e5;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 5px;
    position: relative;
}

    .buyer-info-wrap2 .number {
        position: absolute;
        top: 4px;
        right: 18px;
        color: var(--c-primery-font);
        font-size: 1.5em;
    }

.buyer-info-lfc {
    border-right: 5px dotted var(--c-base-white);
    padding-top: 10px;
    padding-bottom: 10px;
}

.buyer-info-wrap p.title4 {
    font-size: 1.2em;
    font-family: IRANSans;
}

.buyer-info-wrap2 p.title4 {
    font-size: 1.2em;
    font-family: IRANSans;
}

.buyer-info-label {
    font-size: .8em;
    text-align: right;
    padding-top: 4px;
}

.after-payment .rahgiri {
    text-align: center;
    background-color: #f1f1f1;
    border: 2px solid #ccc;
    border-radius: 5px;
    padding-top: 7px;
    margin-bottom: 40px;
}

.footer {
    min-height: 250px;
    background-color: var(--c-primery);
    padding-top: 25px;
    padding-bottom: 15px;
    color: #E3E2E2;
}

    .footer .title {
        color: var(--c-secondary);
        /*border-bottom:2px solid #27498c;*/
        border-right: 4px solid #27498c;
        padding-right: 5px;
        padding-bottom: 7px;
        padding-top: 3px;
        font-size: 1.1em;
        margin-bottom: 7px;
    }

    .footer #one p {
        text-align: justify;
    }

    .footer #three ul {
        padding: 0px;
        margin: 0px;
    }

        .footer #three ul li:before {
            font-family: 'FontAwesome';
            content: "\f100";
            color: #E3E2E2;
            font-size: .8em;
        }

        .footer #three ul li {
            list-style: none;
            padding-bottom: 5px;
            -webkit-transition: all 120ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
            -moz-transition: all 120ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
            -o-transition: all 120ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
            transition: all 120ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
            -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
            -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
            -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
            transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
        }

            .footer #three ul li:hover {
                padding-right: 5px;
            }

            .footer #three ul li a {
                color: #E3E2E2;
                padding-right: 4px;
            }

                .footer #three ul li a:hover {
                    color: var(--c-base-white);
                }

    .footer #newsletter {
        text-align: justify;
    }

        .footer #newsletter p {
            font-size: .9em;
            margin-bottom: 6px;
        }

        .footer #newsletter a {
            display: block;
            background-color: rgba(255,255,255,.1);
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            padding: 4px 7px 7px 7px;
            text-align: center;
            color: var(--c-base-white);
            color: rgba(255,255,255,.4);
            border-bottom: 4px solid rgba(0,0,0,.1);
        }

            .footer #newsletter a:focus {
                text-decoration: none;
            }

            .footer #newsletter a i {
                display: block;
                font-size: 3em;
                padding-top: 7px;
                color: rgba(255,255,255,.1);
            }

            .footer #newsletter a:hover {
                background-color: rgba(255,255,255,.8);
                color: #1B325F;
            }

                .footer #newsletter a:hover i {
                    color: #1B325F;
                }

.copyright {
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #1d2d64;
    color: var(--c-base-white);
}

    .copyright a {
        color: var(--c-base-white);
    }

        .copyright a:hover {
            color: #1B325F;
        }

a .user-after-login {
    color: var(--c-primery-font);
}

    a .user-after-login:hover {
        color: var(--c-secondary);
    }

.user-after-login {
    display: block;
    margin-right: 15px;
    padding-top: 4px;
}

    .user-after-login img {
        width: 45px;
        height: 45px;
        float: left;
        margin-right: 10px;
    }

    .user-after-login span {
        padding-top: 11px;
        float: left;
    }

#myModa2 {
    color: var(--c-primery-font);
}

    #myModa2 p {
        padding-bottom: 10px;
    }

    #myModa2 form label {
        padding-top: 6px;
    }

.customtitle {
    background-color: var(--c-tertiary);
    color: var(--c-base-white);
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.supportreview {
    font-size: 1.5em;
    margin-bottom: 30px;
    margin-top: 10px;
}

    .supportreview div {
        margin-bottom: 15px;
    }

    .supportreview i {
        font-size: .9em !important;
        opacity: .6;
        padding-left: 5px;
    }
/* between Small devices and tablets SM*/
/* Mobile Landscape and small tablets portrait SM*/
@media (min-width: 483px) and (max-width: 768px) {

    .btn-pink {
        font-size: 1.1em !important;
    }
}

/* MD*/
@media (min-width: 769px) and (max-width: 992px) {
    .btn-pink {
        font-size: 1.1em !important;
    }

    #one, #two, #three {
        margin-bottom: 30px;
    }

    .required::after {
        content: "\f005";
        font-family: 'FontAwesome';
        position: absolute;
        right: 0px;
        top: 11px;
        color: #F00;
        font-size: .5em;
    }
}

/* LG*/
@media (min-width: 1023px) {
    .btn-pink {
        font-size: 1.1em !important;
    }

    .page-content-inner {
        padding-right: 0px !important;
        padding-left: 30px !important;
    }

    #AdminPageContent {
        padding-right: 30px !important;
    }

    .required::after {
        content: "\f005";
        font-family: 'FontAwesome';
        position: absolute;
        right: 0px;
        top: 11px;
        color: #F00;
        font-size: .5em;
    }

    .required2::after {
        content: "\f005";
        font-family: 'FontAwesome';
        color: #f98c8c;
        font-size: .5em;
    }

    .required3::after {
        content: "\f005";
        font-family: 'FontAwesome';
        color: #f98c8c;
        font-size: .5em;
        margin-right: 5px;
    }

    .buyer-icon-section {
        padding-top: 20px;
    }

    .buyer-icon-section1 {
        padding-top: 10px;
    }
}
/*---------------Tablet-----------------*/
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .buyer-info-lfc {
        border-right: none;
    }
}


@media (width: 1024px) {
    .features {
        height: 210px;
    }

        .features .symbol {
            float: none;
            height: 60px;
            margin-left: auto;
            margin-right: auto;
            width: 50px;
        }

        .features .title {
            display: block;
            float: none;
            padding-bottom: 7px;
            padding-top: 12px;
            text-align: center;
        }
}

/* Fattahpour */
#MainMenu > .list-group > a > span > i {
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.rotate-0 {
    transform: rotate(0);
}

.rotate-180 {
    transform: rotate(180deg);
}

/* Padding (p) */
.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

/* Padding Top (pt) */
.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

/* Padding Right (pr) */
.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

/* Padding Bottom (pb) */
.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

/* Padding Left (pl) */
.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

/* Padding Horizontal (px) */
.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

/* Padding Vertical (py) */
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

/* Margin (m) */
.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

/* Margin Top (mt) */
.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

/* Margin Right (mr) */
.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

/* Margin Bottom (mb) */
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

/* Margin Left (ml) */
.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

/* Margin Horizontal (mx) */
.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

/* Margin Vertical (my) */
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.d-inline-block {
    display: inline-block;
}

.info > .location {
    width: 38%;
}

.info > .date {
    width: 58%;
}

.info > .buy-link {
    width: 100%;
}

    .info > .buy-link > a.btn-secondary {
        width: 100%;
    }

.info > .location,
.info > .date,
.info > .buy-link {
    line-height: 35px;
    font-size: 12px !important;
}

.center {
    text-align: center;
}

.text-999 {
    color: #999 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-0 {
        margin-right: 0 !important;
    }

    .mr-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mr-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mr-sm-3 {
        margin-right: 1rem !important;
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mr-sm-5 {
        margin-right: 3rem !important;
    }

    .mr-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-0 {
        margin-left: 0 !important;
    }

    .ml-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ml-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ml-sm-3 {
        margin-left: 1rem !important;
    }

    .ml-sm-4 {
        margin-left: 1.5rem !important;
    }

    .ml-sm-5 {
        margin-left: 3rem !important;
    }

    .ml-sm-auto {
        margin-left: auto !important;
    }

    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-sm-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .mx-sm-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .mx-sm-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .mr-md-0 {
        margin-right: 0 !important;
    }

    .mr-md-1 {
        margin-right: 0.25rem !important;
    }

    .mr-md-2 {
        margin-right: 0.5rem !important;
    }

    .mr-md-3 {
        margin-right: 1rem !important;
    }

    .mr-md-4 {
        margin-right: 1.5rem !important;
    }

    .mr-md-5 {
        margin-right: 3rem !important;
    }

    .mr-md-auto {
        margin-right: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-0 {
        margin-left: 0 !important;
    }

    .ml-md-1 {
        margin-left: 0.25rem !important;
    }

    .ml-md-2 {
        margin-left: 0.5rem !important;
    }

    .ml-md-3 {
        margin-left: 1rem !important;
    }

    .ml-md-4 {
        margin-left: 1.5rem !important;
    }

    .ml-md-5 {
        margin-left: 3rem !important;
    }

    .ml-md-auto {
        margin-left: auto !important;
    }

    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-md-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .mx-md-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .mx-md-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .mx-md-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .table-responsive {
        min-height: .01%;
        overflow-x: visible;
    }

    .info > .buy-link > a.btn-secondary {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 576px) {
    .info > .location {
        width: 18%;
    }

    .info > .date {
        width: 49%;
    }

    .info > .buy-link {
        width: 28%;
    }
}

@media (max-width: 576px) {
    .buy-button-div > div > button {
        width: 100% !important;
    }

    .validate-code-row-button-div > div > .w-50 {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .buy-button-div > div > button {
        width: 100% !important;
    }
}

@media (max-width: 769px) {
    .buy-button-div > div {
        text-align: center !important;
        margin-top: 10px;
    }

        .buy-button-div > div:nth-child(1) {
            padding-left: 15px !important;
        }

        .buy-button-div > div:nth-child(2) {
            padding-right: 15px !important;
        }
}
/*
@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 720px;
    }
}*/

@media (min-width: 992px) and (max-width: 1200px) {
    .buy-button-div > div > button {
        width: 75% !important;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

.w-100 {
    width: 100%
}

.w-50 {
    width: 49%
}

.k-timepicker {
    width: 100% !important;
}

.header-logo {
    border-radius: 15px;
    background: var(--c-base-white);
    display: inline-block;
    padding: 5px 15px;
    user-select: none;
}

    .header-logo > img {
        width: 66px;
        padding-left: 5px;
    }

    .header-logo > span {
        display: inline-block;
        font-size: 2.8rem !important;
        margin: 0;
        padding: 0;
        padding-right: 5px;
        vertical-align: middle;
        font-weight: 900;
        color: var(--c-secondary);
        text-align: center;
    }

.bg-white {
    background: var(--c-base-white);
}

.btn-primary {
    color: var(--c-base-white);
    background-color: var(--c-primery);
    border-color: var(--c-primery);
}

    .btn-primary.active,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary:hover {
        background-color: var(--c-primery);
        border-color: var(--c-primery);
        opacity: 1;
    }

.btn-grey {
    color: var(--c-grey-777);
    background-color: var(--c-base-white);
    border-color: var(--c-grey-777);
}

    .btn-grey.active,
    .btn-grey:focus,
    .btn-grey:active,
    .btn-grey:hover {
        color: var(--c-base-white);
        background-color: var(--c-grey-777);
        opacity: 1;
    }

.btn-primary,
.btn-secondary,
.btn-tertiary {
    transition: all 0.2s linear;
}

    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary:hover,
    .btn-secondary:focus,
    .btn-secondary:active,
    .btn-secondary:hover,
    .btn-tertiary:focus,
    .btn-tertiary:active,
    .btn-tertiary:hover {
        opacity: 0.8;
    }

.btn-secondary {
    background: var(--c-secondary);
    color: var(--c-base-white);
    border-color: var(--c-secondary);
}

    .btn-secondary:focus,
    .btn-secondary:active,
    .btn-secondary:hover {
        color: var(--c-base-white);
    }

.btn-tertiary {
    background: var(--c-tertiary);
    color: var(--c-base-white);
    border-color: var(--c-tertiary);
}

    .btn-tertiary:focus,
    .btn-tertiary:active,
    .btn-tertiary:hover {
        color: var(--c-base-white);
    }

.pagination > li > a,
.pagination > li > span {
    color: var(--c-primery);
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: var(--c-tertiary);
    border-color: var(--c-tertiary);
}

.border-0 {
    border: 0;
}

.btn-c-md {
    padding: 8px 13px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.text-primery {
    color: var(--c-primery);
}

.text-secondary {
    color: var(--c-secondary);
}

.text-grey {
    color: var(--c-grey-777);
}

.text-tertiary {
    color: var(--c-tertiary);
}

.navbar-default .navbar-nav > li > a {
    color: var(--c-primery-font)
}

th {
    color: var(--c-primery);
}

.input-group .form-control:last-child {
    border: none;
    background-color: #F5F5F5;
}

.input-group-btn:first-child > .btn {
    border-top: 1px solid #ddd !important;
    height: 35px;
}

.cursor-pointer {
    cursor: pointer
}

.text-danger {
    color: #e01f1f;
    font-size: 13px;
}

.k-widget.k-datepicker.k-header {
    width: 100%;
}

.k-widget.k-datepicker.k-header,
.k-widget.k-timepicker.k-header {
    height: 100%;
}

#example-order + div.btn-group {
    width: 100%;
}

.multiselect.dropdown-toggle {
    width: 100%;
}

    .multiselect.dropdown-toggle > .multiselect-selected-text {
        float: right;
    }

    .multiselect.dropdown-toggle > b.caret {
        position: absolute;
        left: 3px;
        top: 14px;
    }

.event-image {
    min-height: 110.89px;
    max-height: 110.89px;
}

.dropdown-toggle.text-font:hover {
    color: var(--c-grey-333) !important;
}

.loader {
    position: absolute;
    left: calc(50% + 30px);
    width: 8px;
    height: 8px;
    opacity: 0.5;
    border-radius: 50%;
    /*box-shadow: 0 -14px 0 rgba(0,0,0,0.8), 10px -10px 0 rgba(0,0,0,0.7), 14px 0px 1px rgba(0,0,0,0.6), 10px 10px 1px rgba(0,0,0,0.5), 0px 14px 2px rgba(0,0,0,0.4), -10px 10px 2px rgba(0,0,0,0.3), -14px 0px 3px rgba(0,0,0,0.2), -10px -10px 3px rgba(0,0,0,0.1);*/
    transform-origin: 50%;
    animation: load 1s steps(8, end) infinite;
}

.loader {
    border: 4px solid #cacaca;
    border-top: 4px solid #3a3a3a;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
}

.loader-clock {
    display: inline-block;
    text-align: center;
    margin: 2px 0;
    position: relative;
}

@keyframes load {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.event-list-div {
    width: 100%;
    margin: 0 auto;
}

.buy-button-div > div > button {
    width: 50%
}

.buy-button-div > div:nth-child(1) {
    text-align: left;
    padding-left: 5px;
}

.buy-button-div > div:nth-child(2) {
    text-align: right;
    padding-right: 5px;
}

.k-header {
    background-color: none !important;
}