@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/eot/iranyekanwebregularfanum.eot);
	src: url('../fonts/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),
	url(../fonts/woff/iranyekanwebregularfanum.woff) format('woff'), 
	url(../fonts/ttf/iranyekanwebregularfanum.ttf) format('truetype')
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/eot/iranyekanwebboldfanum.eot);
	src: url('../fonts/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'), 
	url(../fonts/woff/iranyekanwebboldfanum.woff) format('woff'), 
	url(../fonts/ttf/iranyekanwebboldfanum.ttf) format('truetype')
}
body {
	font: 14px iranyekan;
	color: #777;
	direction: rtl;
}
* {
	font-family: iranyekan;
}
#main {
	position: relative;
}
.body-bg {
	background: radial-gradient(ellipse at bottom, #1b2735 0%, #000000 100%);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}
.stars {
	position: fixed;
	width: 400vw;
	height: 400vh;
	top: 50%;
	left: 50%;
	margin-top: -200vh;
	margin-left: -200vw;
	-webkit-animation: spin 240s linear infinite;
	animation: spin 240s linear infinite;
	background-size: 240px 240px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0MCAyNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0MCAyNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9IjEwNiIgeT0iOTAiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI3NCIgeT0iNjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMyIgeT0iNjYiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI1MCIgeT0iMTEwIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNjMiIHk9IjEyOCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQ1IiB5PSIxNDkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5MiIgeT0iMTUxIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNTgiIHk9IjgiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNDciIHk9IjMzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iOTEiIHk9IjQzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTY5IiB5PSIyOSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4MiIgeT0iMTkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNjEiIHk9IjU5IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTM4IiB5PSI5NSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5OSIgeT0iNzEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiLz48cmVjdCB4PSIyMTMiIHk9IjE1MyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjEyOCIgeT0iMTYzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMjA1IiB5PSIxNzQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNTIiIHk9IjIwMCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjUyIiB5PSIyMTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB5PSIxOTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMTAiIHk9IjE4NCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjwvc3ZnPg==);
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(180deg);
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(180deg);
	}
}


input,textarea,select,button,div,a,span,img,video,audio{
	outline: none;
}
.box {
	position: absolute;
	left: 0;
	right: 0;
	margin: 150px auto;
	max-width: 450px;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	border-bottom: 3px solid #fc0;
}
.box img {
	/*width: 200px;
	margin-top: -33px;*/
}
.box .input-number {
	margin: 20px auto;
	height: 45px;
	width: 240px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 0 10px;
	text-align: center;
	font-size: 18px;
	display: block;
}
    .box .buttonstype {
        border: none;
        padding: 10px 20px;
        border-radius: 5px;
        background: #fc0;
        color: #0a0e12;
        font-weight: 600;
        cursor: pointer;
        margin-bottom: 50px;
    }
.box .descr {
	margin-top: 30px;
}
.box.box-form {
	max-width: 1024px;
	padding: 0 20px 20px 20px;
	border-bottom: 5px solid #fc0;
}
.box-form .timeline {
	border-top: 1px solid #ccc;
	margin-top: 40px;
	margin-bottom: 40px;
}
.box-form .timeline .circle {
	float: right;
	margin-top: -20px;
	width: 33.33333%;
}
    .box-form .timeline .circle .noneselect {
        width: 40px;
        height: 40px;
        border: 1px solid #999;
        display: inline-block;
        border-radius: 100%;
        line-height: 40px;
        font-size: 18px;
        background: #fff;
    }
    .box-form .timeline .circle .active {
        width: 40px;
        height: 40px;
        border: 1px solid #fc0;
        display: inline-block;
        border-radius: 100%;
        line-height: 40px;
        font-size: 18px;
        background: #fc0;
        color: white;
    }

    .box-form .timeline .circle .sucsses {
        width: 40px;
        height: 40px;
        border: 1px solid #30aa22;
        display: inline-block;
        border-radius: 100%;
        line-height: 40px;
        font-size: 18px;
        background: #30aa22;
        color: white;
    }
.main-form {
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: auto;	
}

.main-form label {
	font-size: 13px;
	color: #555;
	display: block;
}
.main-form input , .main-form select {
	height: 35px;
	text-align: right;
	font-size: 13px;
}
.main-form .head {
	font-size: 15px;
	background: #ddd;
	padding: 10px;
	border-radius: 5px;
	color: #0a0e13;
	margin-bottom: 20px;
}
.custom-radio {
	display: inline-block !important;
	position: relative;
	padding-right: 35px;
	cursor: pointer;
	line-height: 35px;
}
.custom-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.custom-radio:last-child {
	float: left;
}
.checkmark {
	position: absolute;
	top: 5px;
	right: 0;
	height: 25px;
	width: 25px;
	border: 1px solid #ccc;
	border-radius: 10px;
}
.custom-radio:hover input ~ .checkmark {
	background-color: #ccc;
}
.custom-radio input:checked ~ .checkmark {
	background-color: #2196F3;
}
.checkmark::after {
	content: "";
	position: absolute;
	display: none;
}
.custom-radio input:checked ~ .checkmark::after {
	display: block;
}
.custom-radio .checkmark::after {
	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.main-form .form-group {
	margin-bottom: 20px;
}
.main-form .buttonstype {
    margin: 0 auto;
    display: block;
}

@media (max-width:570px){
	.custom-radio:last-child {
		float: right;
		margin-left: 20px;
	}
}

.scrollbar-pink::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-pink::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-pink::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ec407a;
}

.scrollbar-pink {
    scrollbar-color: #ec407a #F5F5F5;
}

.scrollbar-indigo::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-indigo::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-indigo::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #3f51b5;
}

.scrollbar-indigo {
    scrollbar-color: #3f51b5 #F5F5F5;
}

.scrollbar-black::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-black::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-black::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #000;
}

.scrollbar-black {
    scrollbar-color: #000 #F5F5F5;
}

.scrollbar-lady-lips::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-lady-lips::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-lady-lips::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9a9e), color-stop(99%, #fecfef), to(#fecfef));
    background-image: -webkit-linear-gradient(bottom, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
    background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
}

.scrollbar-near-moon::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-near-moon::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-near-moon::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca));
    background-image: -webkit-linear-gradient(bottom, #5ee7df 0%, #b490ca 100%);
    background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
}

.bordered-pink::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border: 1px solid #ec407a;
}

.bordered-pink::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
}

.bordered-indigo::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border: 1px solid #3f51b5;
}

.bordered-indigo::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
}

.bordered-black::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border: 1px solid #000;
}

.bordered-black::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
}

.square::-webkit-scrollbar-track {
    border-radius: 0 !important;
}

.square::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

.thin::-webkit-scrollbar {
    width: 6px;
}


@media (max-width:570px) {
    .custom-radio:last-child {
        float: right;
        margin-left: 20px;
    }
}


@media (max-width:768px) {
    .box {
        margin: 100px auto;
    }

        .box .menu {
            display: none;
            top: -40px;
            max-width: 350px;
            margin: 0 auto;
            padding: 15px 30px 5px 30px;
            border-radius: 5px;
            text-align: right;
            box-shadow: 0 0 500px #fff;
            z-index: 999;
            background: #090d12;
        }

            .box .menu ul {
                padding-right: 25px;
                display: none;
            }

            .box .menu > li {
                display: block;
                margin: 0;
                margin-bottom: 10px;
            }

        .box .btn-menu {
            font-size: 30px;
            color: #fff;
            position: absolute;
            top: -75px;
            right: 0;
            left: 0;
            margin: 0 auto;
        }

        .box .btn-down {
            right: -15px;
            top: 0;
            position: absolute;
            color: #fff;
            font-size: 15px;
            width: 25px;
            height: 25px;
            line-height: 25px;
            text-align: center;
        }

            .box .btn-down.open:before {
                /*content: "\f068";*/
            }

    .raftar-form .record .item {
        width: 100%;
    }
}


@media (max-width:570px) {
    .custom-radio:last-child {
        float: right;
        margin-left: 20px;
    }
}


@media (max-width:768px) {
    .box {
        margin: 100px auto;
    }

        .box .menu {
            display: none;
            top: -40px;
            max-width: 350px;
            margin: 0 auto;
            padding: 15px 30px 5px 30px;
            border-radius: 5px;
            text-align: right;
            box-shadow: 0 0 500px #fff;
            z-index: 999;
            background: #090d12;
        }

            .box .menu ul {
                padding-right: 25px;
                display: none;
            }

            .box .menu > li {
                display: block;
                margin: 0;
                margin-bottom: 10px;
            }

        .box .btn-menu {
            font-size: 30px;
            color: #fff;
            position: absolute;
            top: -75px;
            right: 0;
            left: 0;
            margin: 0 auto;
        }

        .box .btn-down {
            right: -15px;
            top: 0;
            position: absolute;
            color: #fff;
            font-size: 15px;
            width: 25px;
            height: 25px;
            line-height: 25px;
            text-align: center;
        }

            .box .btn-down.open:before {
                /*content: "\f068";*/
            }

    .raftar-form .record .item {
        width: 100%;
    }
}


@media (min-width:768px) {
    .box .menu ul {
        position: absolute;
        right: 0;
        top: 100%;
        width: 180px;
        background: #090d12;
        opacity: 0;
        visibility: hidden;
        margin-top: 5px;
        border-radius: 5px;
        padding: 10px 15px;
        z-index: 999;
    }

    .box .menu > li:hover > a {
        background: #fc0;
        color: #131b25;
    }

    .box .menu > li:nth-child(1), .box .menu > li:nth-child(4) {
        margin-left: 10px;
    }

        .box .menu > li:nth-child(1):before, .box .menu > li:nth-child(4):before {
            /*content: "\f111";
            position: absolute;
            left: -10px;
            font-family: fontawesome;
            font-size: 6px;
            color: #fff;*/
        }

    .box .menu ul li a:hover {
        color: #fc0;
    }

    .box .menu li.dropdown:hover > ul {
        opacity: 1;
        visibility: visible;
    }

    .box .btn-menu, .box .btn-down {
        display: none;
    }

    .box .menu > li:nth-child(1), .box .menu > li:nth-child(2) {
        float: right;
    }

    .box .menu > li:nth-child(3), .box .menu > li:nth-child(4) {
        float: left;
    }
}



.box .menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: -33px;
    left: 0;
    right: 0;
}

    .box .menu > li {
        display: inline-block;
        line-height: 24px;
        position: relative;
    }

        .box .menu > li > a {
            color: #fff;
            padding: 8px 12px;
            border-radius: 5px;
            font-size: 14px;
            transition: .3s;
            text-decoration: none;
            background: #090d12;
        }

    .box .menu ul li {
        display: block;
    }

        .box .menu ul li a {
            color: #fff;
            display: block;
            transition: .3s;
            text-decoration: none;
            text-align: right;
            padding: 3px 0;
        }



@media (min-width:991px) {
    .employ .top .item .content {
        height: 285px;
        display: table-cell;
        vertical-align: middle;
    }

    .employ .item:not(:last-child) .head, .employ .item:not(:last-child) .content {
        border-left: 1px solid #ccc;
    }

    .employ .bottom .item.left .content {
        margin: 80px auto;
    }

    .raftar-form .record .item {
        border-right: 1px solid #ddd;
    }
}

@media (min-width:767px) and (max-width:991px) {
    .employ .item:nth-child(odd) .head, .employ .item:nth-child(odd) .content {
        border-left: 1px solid #ccc;
    }

    .employ .top .item .content {
        height: 120px;
    }

    .raftar-form .record .item {
        border-top: 1px solid #ddd;
    }

        .raftar-form .record .item:not(:first-child) {
            border-right: 1px solid #ddd;
        }
}