/* Table of Contents:

   1. Global structure (html, body)
   2. Page structure
       - header
       - menu
       - left/right
       - content
       - footer
   4. Form
   5. Add page
   6. Additional styles
*/
@font-face {
    font-family: "MyriadProRegular";
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot");
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
    url("../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
	font-family: 'MyriadWebPro';
	src: url('../fonts/MyriadWebPro/myriad-web-pro.eot');
	src: url('../fonts/MyriadWebPro/myriad-web-pro.eot'), url('../fonts/MyriadWebPro/myriad-web-pro.woff') format('woff'), url('../fonts/MyriadWebPro/myriad-web-pro.ttf') format('truetype'), url('../fonts/MyriadWebPro/myriad-web-pro.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Global structure
--------------------------------------------------------------------------------------- */
*
{
    margin: 0;
    padding: 0;
    -webkit-box-shadow: border-box;
            box-shadow: border-box;
}
html
{
    height: 100%;
}
body
{
    min-height: 100%;
    height: 100%;
    min-width: 320px;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: Ubuntu, sans-serif;
	font-size: 14px;
    line-height: 1.4;
    color: #fff;
    background: #e6e7e7;
}
/* Interface
--------------------------------------------------------------------------------------- */
/* text
-------------------------------*/
.textl
{
	text-align:left !important;
}
.textr
{
	text-align:right !important;
}
.textc
{
	text-align:center !important;
}
.bold
{
	font-weight: bold;
}
.black
{
	color: #000;
}
.pseudo, .pseudo:hover
{
	text-decoration: none;
	border-bottom: dashed 1px;
}
	.pseudo:hover
	{
		border: none;
	}
/* image
-------------------------------*/
	img
	{
		border: none;
        max-width: 100%;
	}
    .content img
    {
        max-width: 100%;
        height: auto;
    }
	.img_l
	{
		margin: 3px 20px 10px 0;
		float: left;
	}
	.img_r
	{
		margin: 3px 0 10px 20px;
		float: right;

	}
	img[hspace]
	{
		margin: 10px;
	}
/* table
-------------------------------*/
table
{
	border-collapse: collapse;
}
/* line list
-------------------------------*/
ul.ibl
{
   	margin: 0; padding: 0; list-style-type:none;
   font-size: 0;
}
    ul.ibl li {
	    	margin: 0; padding: 0;
	    display: inline-block;
	    vertical-align: top;
        font-size: 14px;
    }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul.ibl    { letter-spacing: -4px;}
    ul.ibl li
    {
        letter-spacing: normal;
    }
}
/* block with left collumn
-------------------------------*/
.ibd
{
	margin:0 15px 0 0;
	padding:0;
	list-style-type:none;
}
	.ibd:after
	{
			content: ""; display: block; height: 0; overflow:hidden; clear: both;
	}

	.ibd .left
	{
		float: left;
	    margin:0 10px 10px 0;
	    display:inline;
	}
	.ibd .description
	{
		overflow:hidden;
	}
	* html .ibd .description
	{
	    float:left;
	}
/* vertical-align middle
-------------------------------*/
.itl
{
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
    height: 100%;
}
    .itl .ir
    {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
            }
    .itl .ir .ic
    {
        margin: 0;
        padding: 0;
        top: -50% !ie7;
        vertical-align: middle;
    }
/* vertical-align middle
-------------------------------*/
.flex
{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}
.flj
{
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
	-webkit-box-pack: justify;
    align-items: center;
    -webkit-box-align: center;
}
.flb
{
    align-items: flex-end;
}
.flt
{
    align-items: flex-start;
}
.flc
{
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: center;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
	-webkit-box-pack: center;
    align-items: center;
    -webkit-box-align: center;
}
/* Typography
	--------------------------------------------------------------------------------------- */
/* title
-------------------------------*/
h1, .h1
{
	font-size: 24px;
    font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 15px;
}
h2, .h2
{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 15px;
}
h3, h4, h5, h6
{
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}
/* text
-------------------------------*/
p
{
    margin: 0 0 15px 0;
    line-height: 2;
}
@media (max-width: 768px) {
    h1, .h1
    {
        font-size: 18px;
    }
    h2, .h2
    {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    p
    {
        margin: 0 0 10px 0;
        line-height: 1.2;
    }
}
p.navigator
{
	font-size: 14px;
	margin: 0 0 10px 0;
}
p.pager
{
	font-size: 14px;
	font-weight: bold;
	word-spacing: 5px;
	margin-top: 20px;
}
	p.pager a, p.pager a:hover
	{
		font-weight: normal;
	}
	p.pager em
	{
		font-style: normal;
	}
	p.pager span
	{
		font-weight: bold;
	}
/* link
-------------------------------*/
a, a:hover
{
	color: #fff;
	text-decoration: underline;
	outline: none;
}
a:hover
{
	text-decoration: none;
}

/* list
-------------------------------*/
ul, ol
{
	margin: 0 0 14px 30px;
	padding: 0;
}
li
{
	margin: 0 0 6px;
	padding: 0 0 0 0;
}
ul.list
{
	display: inline-block
}

/* Page structure
--------------------------------------------------------------------------------------- */
/* header
-------------------------------*/
header, .header
{
    position: relative;
    height: 660px;
    background: url(../images/header.jpg) no-repeat;
	margin: 0 auto;
    padding: 40px 0 10px;
    color:#ffffff;
}
    header .fixed, .header .fixed
    {
        max-width: 1200px;
        position: relative;

    }
    header .flex
    {
        margin-bottom: 60px;
    }
    header .logo, header .logo:hover
    .header .logo, .header .logo:hover
    {
        font-family: Ubuntu Condensed, sans-serif;
        display: block;
        text-align: center;
        font-size:64px; color:#ffffff;
        line-height: 64px;
        max-width: 900px;
        text-decoration: none;
        margin: 0 auto 10px;
        animation-name: logo;
        animation-duration: 1s;
    }
    header .logo_bot, header .logo_bot:hover
    .header .logo_bot, .header .logo_bot:hover
    {
        display: block;
        text-align: center;
        font-size:36px; color:#ffffff;
        line-height: 74px;
        max-width: 250px;
        text-decoration: none;
        margin: 0 auto 10px;
        background: url(../images/d.png) no-repeat;
        padding: 0 0 0 90px;
    }
    .nlogo_bot{
        font-size:20px;
		color:#ffffff;
        line-height: 20px;
        max-width: 250px;
        text-decoration: none;
        background: url(../images/d.png) no-repeat;
		background-size: contain;
        padding: 0 0 0 24px;
    }
        header .logo_bot strong
        {
            font-size: 72px;
        }
@keyframes logo {
    0%   { opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0); }
    100% { opacity: 1
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100);;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100); }
}
    .flex .tel, .flex .mail
    {
        display: block;
        margin: 0 0 10px;
        padding: 0 0 0 30px;
        min-height: 28px;
    }
	.flex .tel
    {
        background: url(../images/tel.png) no-repeat;
    }
	.flex .mail
    {
        background: url(../images/mail.png) no-repeat 0 4px;
    }
@media (max-width: 767px) {
    header .logo, header .logo:hover
    .header .logo, .header .logo:hover
    {
        font-size:40px;
        line-height: 40px;
    }
    header .logo_bot, header .logo_bot:hover
    .header .logo_bot, .header .logo_bot:hover
    {
        display: block;
        text-align: center;
        font-size:36px; color:#ffffff;
        line-height: 60px;
        max-width: 250px;
        text-decoration: none;
        margin: 0 auto 10px;
        background-size: 60px auto;
        padding: 0 0 0 40px;
    }
        header .logo_bot strong
        {
            font-size: 40px;
        }
}
@media (max-width: 992px) {

}



/* content
-------------------------------*/

.clear
{
    clear: both;
    font: 0px/0px Arial, Tahoma, sans-serif;
}
.all_page, .main_page
{
    min-height: 100%;
    margin: 0 auto;
    position: relative;
}
.fixed
{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
}
.footer
{
	padding: 120px 0 0 0;
	margin: 0 auto;
    margin-top: -40px;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0 15px 35px rgba(191, 59, 183, 0.05);
            box-shadow: 0 15px 35px rgba(191, 59, 183, 0.05);
    background: url(../images/footer-bg.png) no-repeat 50% 100%;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    background-position: center;
}


.content
{
    margin: 0;
    padding: 0 15px;
}
.all_page .content
{
    width: $center_width;
    float: left;
}
.content:after
{
    	content: ""; display: block; height: 0; overflow:hidden; clear: both;
}
.fc
{
	float: left;
	width: 100%;
}
/* footer
-------------------------------*/
.wrapper
{
    padding-bottom: 0px;
}

#scrollUp
{
	width: 42px;
	height: 42px;
    border-radius: 50%;
	background: #2c394a url(../images/up.png) no-repeat 50% 50%;
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
	color: #fff;
	font-size: 0px;
	text-indent: -9999px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
    transition: all .5s;
}
	#scrollUp:hover
	{
		opacity: 0.999;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 99,9);
	}



/* form default
--------------------------------------------------------------------------------------- */
	input
	{
        font-family: Ubuntu, sans-serif;
        color: #383839;
		padding: 1px 2px;
        font-size: 14px;
	}
		input[type="submit"]
		{
			cursor: pointer;
		}
	textarea
	{
        color: #383839;
		padding: 1px 2px;
		font-family: Ubuntu, sans-serif;
        font-size: 14px;
		resize: none;
	}
    .input[type="submit"] {
        -webkit-appearance: none;
    }
input:focus, textarea:focus
{
    outline: none;
    opacity: 1
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100); !important;
}
/* form
	-------------------------------*/
label, .label, form p.rem
{
	padding: 0;
	margin: 0 0 10px 0;
}
label, .label
{
    display: block;
    position: relative;
}

    label>span, .label>span
	{
		display: none;
		margin-top: 3px;
	}
    label.error>span, .label.error>span
	{
		display: block;
		margin-top: 3px;
	}
    label em, .label em
    {
        display: block;
        font-style: normal;
        color: #fff;
        margin: 0 0 3px 0;
    }
        label em span, .label em span
        {
			display: inline;
            color: #fd5a5a;
        }
	label.error span, .label.error span
	{
		color: #f00;
	}
    .textbox
    {
        width: 100%;
        padding: 14px;
        background: #f0f3f3;
        border: solid 1px #f0f3f3;
        border-radius: 4px;
        font-weight: bold; font-style: italic; color:#7b788a;
        box-shadow: rgba(197,110,184,0.4) 0 1px 1px inset;
    }
    .textbox::-webkit-input-placeholder { color: #383839; }
    .textbox:-moz-placeholder { color: #383839; }
    .textbox::-moz-placeholder { color: #383839; }
    .textbox:-ms-input-placeholder { color: #383839; }
    .textbox:focus
    {
        transition: all .5s;
        transform: scale(1.05);
    }

    textarea.textbox
    {
         width: 100%;
         height: 150px;
    }
    input.count
    {
        border: solid 1px #f0f3f3;
        width: 40px;
        padding: 2px 4px;
    }
	label.error input, .label.error input,
	label.error textarea, .label.error textarea label.error select, .label.error select
	{
		background: #fde4e4;
	}
    .submit_button, .submit_button_alt
    {
        letter-spacing: 10px;
		padding: 0;
        text-align: center;
    }
        .submit_button input, .submit_button a, .submit_button a:hover,
        .submit_button button, .submit_button button:hover,
        .submit_button_alt input, .submit_button_alt a, .submit_button_alt a:hover,
        .submit_button_alt button, .submit_button_alt button:hover
        {
            border: none;
			background: -moz-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -webkit-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -o-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -ms-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -moz-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -webkit-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -o-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -ms-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
            letter-spacing: 3px;
			font-size:18px; font-weight: bold; color:#ffffff;
            border-radius: 4px;
            width: 250px;
			padding: 14px;
			text-decoration: none;
            cursor: pointer;
            -webkit-appearance: none;
            overflow: visible;
            transition: all .5s;
        }
            .submit_button a, .submit_button a:hover,
            .submit_button_alt a, .submit_button_alt a:hover {
                text-decoration: none;
                display: inline-block;
            }
            .submit_button input:hover, .submit_button a:hover, .submit_button button:hover
            {
                background: -moz-linear-gradient(270deg,#cd41bf 0%,#7b1b91 99%);
background: -webkit-linear-gradient(270deg,#cd41bf 0%,#7b1b91 99%);
background: -o-linear-gradient(270deg,#cd41bf 0%,#7b1b91 99%);
background: -ms-linear-gradient(270deg,#cd41bf 0%,#7b1b91 99%);
background: linear-gradient(270deg,#cd41bf 0%,#7b1b91 99%);
            }

        .submit_button_alt input, .submit_button_alt a, .submit_button_alt a:hover,
        .submit_button_alt button, .submit_button_alt button:hover
        {
            background:#fff;
            color: #fd5a5a;
            border: solid 1px #fff;

            font-weight: normal;
            overflow: visible;
            padding: 10px 20px;
            font-size: 14px;
            text-transform: uppercase;
            transition: all .5s;
        }

            .submit_button_alt input:hover, .submit_button_alt a:hover
            {
                background:#fd5a5a;
                color: #fff;
            }
.form_left
{
    float: left;
    width: 48%;
}
.form_sep
{
    float: left;
    width: 4%;
    height: 1px;
}
.t1
{
    background: #f0f3f3 url(../images/i1.png) no-repeat 14px 10px;
    padding-left: 50px;
}
.t2
{
    background: #f0f3f3 url(../images/i2.png) no-repeat 14px 10px;
    padding-left: 50px;
}
.t3
{
    background: #f0f3f3 url(../images/i3.png) no-repeat 14px 14px;
    padding-left: 50px;
}
.t4
{
    background: #f0f3f3 url(../images/i4.png) no-repeat 14px 12px;
    padding-left: 50px;
}
.success
{
    background: url(../images/success.png) no-repeat;
    width: 23px; height: 22px;
    display: block;
    position: absolute;
    top: 10px;
    right: -35px;
}
.error
{
    background: url(../images/error.png) no-repeat; width: 8px; height: 22px;
    display: block;
    position: absolute;
    top: 10px;
    right: -30px;
}
.error_text
{
    background: url(../images/error.png) no-repeat;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    min-height: 28px;
    font-size:14px; font-weight: bold; color:#e04521;
}
/* forms decoration
	-------------------------------*/
:required:valid {

}
.forms
{

}
/* Additional styles
--------------------------------------------------------------------------------------- */
/* dialog
-------------------------------*/
.open_dialog
{
    position: absolute;
	top: 0;
	left: 0;
	z-index: 2005;
    background: #fff;
	box-shadow: rgba(0,0,0,0.41) 0 0 35px ;
	min-width: 280px;
	max-width: 900px;
	min-height: 100px;
	padding: 0 0 30px;
}
	.open_dialog .h2
	{
		background: -moz-linear-gradient(270deg,#c96db5 0%,#9b71c7 100%);
background: -webkit-linear-gradient(270deg,#c96db5 0%,#9b71c7 100%);
background: -o-linear-gradient(270deg,#c96db5 0%,#9b71c7 100%);
background: -ms-linear-gradient(270deg,#c96db5 0%,#9b71c7 100%);
background: linear-gradient(270deg,#c96db5 0%,#9b71c7 100%);
        font-size:24px; font-weight: bold; color:#ffffff;
		margin: 0 0 20px;
		padding: 20px 20px 20px 260px;

	}
    .open_dialog .pic
    {
        background: url(../images/md.png) no-repeat;
        width: 229px; height: 178px;
        position: absolute;
        top: -50px;
        left: 10px;
    }
    .open_dialog .pic2
    {
        background: url(../images/zd.png) no-repeat;

    }
    .open_dialog .di
    {
        padding: 50px 50px 30px;
    }
	.open_dialog>a.close, .open_dialog>a.close:hover,
    .open_dialog .inner>a.close, .open_dialog .inner>a.close:hover
	{
		position: absolute;
		top: 25px;
		right: 25px;
		background: url(../images/close.png) no-repeat;
        width: 33px; height: 33px;
		z-index: 200;
	}
		.open_dialog a.close span, .open_dialog a.close:hover span {
			display: none;
		}

.open_dialog .submit_button
{

}
	.open_dialog .submit_button input
	{

	}
.dialog_overlay
{
	z-index: 100;
	background: #41184c;
	position: fixed !important;
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 80);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
@media (max-width: 567px) {
    .open_dialog .pic
    {
        display: none !important;
    }
    .open_dialog .di
    {
        padding: 20px 50px 20px 20px;
    }
    .open_dialog .h2
	{
        font-size:24px; font-weight: bold; color:#ffffff;
		margin: 0 0 20px;
		padding: 20px;

	}
}
/* form element
-------------------------------*/
mix-custom_radio> padding: 10px 10px 4px 40px; min-height: 20px; line-height: 20px; color: #424242; |
mix-custom_check> padding: 10px 10px 4px 40px; line-height: 20px; min-height: 35px; color: #424242; |
.custom_select
{
	position: relative;
}
	.custom_select select {
		display: none;
		visibility:hidden;
	}
	.custom_select div
	{
		background: #e4e2d6 url(../images/select.png) no-repeat 100% 50%;
		padding: 6px 30px 6px 10px;
		border: none;
		border-top: solid 1px #c6c5ba;
		border-left: solid 1px #c6c5ba;
		color: #424242;
	}

	.custom_select ul
	{
		display: none;
		position: absolute;
		top: 30px;
		left: 0px;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none;
		background: #f5f4ee;
		border: solid 1px #c6c5ba;
		z-index: 10;
	}
		.custom_select ul li
		{
			margin: 0;
			padding: 0;
			background: #e4e2d6;
		}
			.custom_select ul li a, .custom_select ul li a:hover
			{
				padding: 6px 10px;
				display: block;
				text-decoration: none
			}
				.custom_select ul li a:hover
				{
					background: #d2cfbf;
				}
.custom_radio
{

	background: url(../images/radio.png) no-repeat 0 0px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
 padding: 10px 10px 4px 40px; min-height: 20px; line-height: 20px; color: #424242;


}
	.custom_radio.active
	{
		background: url(../images/radio_active.png) no-repeat 0 0px;
	}
	.custom_radio input
	{
		display: none;
	}
.custom_checkbox {
	background: url(../images/checkbox.png) no-repeat;
 padding: 10px 10px 4px 40px; line-height: 20px; min-height: 35px; color: #424242;
}
	.custom_checkbox.active {
		background: url(../images/checkbox_active.png) no-repeat;
	}
	.custom_checkbox input {
		display: none;
	}
.count_cnt
{
    float: right;
    padding: 0 0 0 20px;
    margin: 20px 0 20px;
}
    .count_cnt .name
    {
        font-size:16px; font-weight: bold; font-style: italic; color:#7b788a;
    }
@media (max-width: 567px) {
    .count_cnt
    {
        float: left;
        padding: 0 20px;
        margin: 20px 0 20px;
        width: 100%;
    }
}
.custom_count
{
	position: relative;
	height: 40px;
	padding: 0 30px;
	display: inline-block;
	font-size: 0 !important;
}
	.custom_count input
	{
		background: #ebedf1;
		box-shadow: rgba(0,0,0,0.2) 0 1px 2px inset;
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
		width: 140px;
        font-weight: bold;
        font-style: italic;
		text-align: center;
		color: #777777;
		font-size: 18px !important;
		border: none;
	}
	.custom_count em
	{
		display: block;
		position: absolute;
		top: 0;
		font-size: 18px;
		color: #fff;
		width: 30px;
		height: 40px;
		line-height: 40px;
		background: #c1c2c2;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
	}
		.custom_count em.next
		{
			right: 0;
			border-radius: 0px;
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
            background: #c1c2c2 url(../images/plus.png) no-repeat 50% 50%;
		}
		.custom_count em.prev
		{
			left: 0;
            background: #c1c2c2 url(../images/minus.png) no-repeat 50% 50%;
		}
.upload
{
    background: url(../images/upload.png) no-repeat; width: 156px; height: 147px;
    float: left;
    margin: 20px 0 20px;
    position: relative;
}
    .upload .cpic
    {
        width: 132px;
        height: 132px;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        top: 0px;
        left: 8px;
    }
    .upload .del
    {
        background: url(../images/del.png) no-repeat;
        position: absolute;
        width: 25px;
        height: 25px;
        top: 0px;
        right: 0px;
    }
.custom_upload
{
	position: relative;
	width: 100%;
    height: 100%;
	margin: 0 0 20px;
}

	.custom_upload input.file
	{
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
        height: 100%;
		opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
		cursor: pointer;
	}
.custom_tab
{
}
    .custom_tab .tab_menu
    {
    }
        .custom_tab .tab_menu li
        {

        }
            .custom_tab .tab_menu li a, .custom_tab .tab_menu li a:hover
            {
                padding: 10px;
                border: solid 1px #eee;
            }
            .custom_tab .tab_menu li.active a, .custom_tab .tab_menu li.active a:hover,
            .custom_tab .tab_menu li a:hover
            {
                background: #eee;
            }
.custom_tab .tab
{
    display: none;
}
.custom_select_radio
{
	position: relative;
}
	.custom_select_radio select {
		display: none;
		visibility:hidden;
	}
	.custom_select_radio div
	{
		background: #f6f6f6 url(../images/select.png) no-repeat 100% 50%;
		padding: 6px 30px 6px 10px;
		border: none;
		border: solid 1px #c1c8cd;
		color: #506075;
		font-size: 15px;
		font-style: italic;
	}

	.custom_select_radio ul
	{
		display: none;
		position: absolute;
		top: 32px;
		left: 0px;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0;
		list-style-type: none;
		background: #f6f6f6;
		border: solid 1px #c6c5ba;
		z-index: 10;
        max-height: 220px;
        overflow: auto;
	}
		.custom_select_radio ul li
		{
			margin: 0;
			padding: 0;
			background: #f6f6f6;
		}
			.custom_select_radio ul li input
			{
				display: none;
			}
			.custom_select_radio ul li label, .custom_select_radio ul li label:hover
			{
				padding: 6px 10px;
				display: block;
				color: #506075;
				font-size: 14px;
				font-style: italic;
				text-decoration: none;
				display: block;
				margin: 0;
			}
				.custom_select_radio ul li label:hover
				{
					background: #f0efef;
				}
.checkbox_select
{
	position: relative;
	cursor: pointer;
	margin: 0 0 0px;
}
	.checkbox_select div
	{
		background: #fff url(../images/select.png) no-repeat 100% 16px !important;
		width: 100%;
		margin: 0 0 20px;
		padding: 10px 30px 10px 10px;
		border: none;
		color: #6f7585;
		font-size: 17px;
		font-style: italic;
		border-radius: 4px;
		 box-shadow: rgba(184,184,184,1) 1px 1px 0 inset;
	}
	.cmbox div
	{
		background: #eaecef url(../images/select.png) no-repeat 100% 16px !important;
	}
.checkbox_select ul
{
	display: none;
	position: absolute;
	top: 41px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 16px 0 !important;
	list-style-type: none;
	background: #fff;
	z-index: 10;
	box-shadow: rgba(0,0,0,0.2) 0 0 2px;
    border-radius: 10px;
}
.cmbox ul
{
	background: #eaecef;
}
		.checkbox_select ul li
		{
			margin: 0;
			padding: 4px 10px;
			width: 100% !important;

		}
			.checkbox_select ul li label
			{
				background: url(../images/selectbox.png) no-repeat 20px 0;
				padding: 4px 0 4px 70px;
				margin: 0 0 4px;
				color: #6f7585;
				font-size: 17px;
				font-weight: normal;
				cursor: pointer;
				min-height: 30px;
				display: block;
				width: 100%;
			}
				.checkbox_select ul li label input
				{
					display: none;
				}
				.checkbox_select ul li.active label
				{
					background: url(../images/selectbox_active.png) no-repeat 20px 0;
				}
.checkbox_select p
{
	margin: 0;
	padding: 0;
}
	.checkbox_select a, .checkbox_select a:hover
	{
		display: inline-block;
		padding: 0 25px 0 0;
		margin: 0 0 20px;
		background: url(../images/selectbox_delete.png) no-repeat 100% 0;
		color: #6f7585;
		font-style: italic;
		font-size: 17px;
		text-decoration: none;
	}
/* JCarousel
-------------------------------*/
.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
}
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
/*preview_carousel
------------------------------------*/
.prod_preview
{
	padding: 0 42px;
	margin: 0 auto 30px;
    position: relative;
}
.preview_carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.preview_carousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.preview_carousel li {
    width: 142px;
    float: left;
	margin: 0 10px 0 0;
	padding: 0 0 10px;
}
	.preview_carousel li a, .preview_carousel li a:hover
	{

		display: block;
	}
		.preview_carousel li a:hover
		{

		}
.preview_carousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
    box-shadow: rgba(0,0,0,0.2) 0 5px 5px;
}
/** Carousel Controls **/
.prod_preview .jcarousel-control-prev, .prod_preview .jcarousel-control-next {
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
}
.prod_preview .jcarousel-control-prev {
    left: 0;
    background: url(../images/jprev.png) no-repeat 50% 50%;
}
.prod_preview .jcarousel-control-next {
    right: 0;
    background: url(../images/jnext.png) no-repeat 50% 50%;
}
@media (max-width: 480px) {
    .prod_preview {
        max-width: 250px
    }
}
/* Add page
--------------------------------------------------------------------------------------- */
.main_pic
{
  /*  float: left;
    max-width: 483px;
    /*width: 45%;*/*/
    height: auto;*/
}
.main_text
{
    float: left;
   /* max-width: 560px;
    width: 55%;*/
    padding-left: 30px;
}
@media (max-width: 767px) {
    .main_pic
    {
/*        float: none;
        width: 200px;
        display: block;
        margin: 0 auto;*/
    }
    .main_text
    {
        float: none;
        max-width: 100%;
        width: 100%;
        padding-left: 0;
    }
}
ul.product_list
{
    /*margin: -200px  auto 0 !important;*/
    margin: 0px  auto 0 !important;
	padding: 0;
	list-style-type: none;
	font-size: 0;
    max-width: 1000px;
}
	ul.product_list li
	{
        width: 480px;
	}
        ul.product_list li .item {
            margin: 0 15px 20px 0 !important;
            padding: 30px;
            box-shadow: rgba(0,0,0,0.3) 3px 6px 21px ;
            background: #fff;
            height: 760px
        }
		ul.product_list li .pic
		{
			margin-top: -70px;
            margin-bottom: 20px;
			position: relative;
			display: block;
			text-align: center;
		}
			ul.product_list li img
			{
				display: block;
                margin: 0 auto;
			}
			ul.product_list li table
            {
                width: 100%;
                border-bottom: dotted 2px #bdbebe;
                margin: 0 0 40px;
			}
			    ul.product_list li table th
                {
                       font-size:18px;
                       font-weight: bold;
                       color:#974385;
                       padding: 8px 8px 14px;
					text-align: center;
                    vertical-align: top;
                    border-bottom: dotted 2px #bdbebe;
			    }
			        ul.product_list li table th span
                    {
                        font-size:14px; font-weight: normal; color:#898693;
                        display: block;
			        }
                ul.product_list li table td
                {
                    font-size:18px; font-weight: bold; color:#47464b;
                    padding: 8px;
                }
			        ul.product_list li table tr:nth-child(2n+1)
                    {
                        background: #f0f3f3;
			        }
                ul.product_list li table td.right
                {
                    text-align: right;
                }
			    ul.product_list li .button
                {
                    text-align: center;
			    }
			    ul.product_list li .button a, ul.product_list li .button a
			    {
			        display: inline-block;
			        background: -moz-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -webkit-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -o-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -ms-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -moz-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -webkit-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -o-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: -ms-linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
background: linear-gradient(270deg,#7b1b91 0%,#cd41bf 99%);
                    letter-spacing: 3px;
			        font-size:18px; font-weight: bold; color:#ffffff;
                    border-radius: 4px;
                    width: 250px;
			        padding: 14px;
			        text-decoration: none;
			    }
			        ul.product_list li .bot p.add_basket a, ul.product_list li .bot p.add_basket a:hover
			        {
			            color: #fff;
			            text-decoration: none;
			        }
@media (max-width: 1000px) {
    ul.product_list li {
        width: 50%;
    }
}
@media (max-width: 767px) {
    ul.product_list
    {
        margin-top:10px !important;
        position: relative;
    }
    ul.product_list li {
        width: 100%;
    }
    ul.product_list li .item {
            margin: 0 0 80px 0 !important;
            padding: 10px;
            padding-top: 30px;
            box-shadow: rgba(0,0,0,0.3) 3px 6px 21px ;
            background: #fff;
            height: 620px
        }
    ul.product_list li .pic
		{
			margin-top: -40px;
            margin-bottom: 10px;

		}
    ul.product_list li table th
                {
                       font-size:14px;

			    }
			        ul.product_list li table th span
                    {
                        font-size:14px;
			        }
                ul.product_list li table td
                {
                    font-size:14px; font-weight: normal;
                    padding: 8px;
                }
}
.slider_help
{
    margin: 0px 0 20px 0;
    font-size:14px; font-weight: bold; color:#7b788a;
}
.slider_help .start {
    float: left;
}
.slider_help .end {
    float: right;
}
.slider_help:after
{
    	content: ""; display: block; height: 0; overflow:hidden; clear: both;
}
.ui-slider {
	position: relative;
	text-align: left;
    border-radius: 4px !important;
    border: none !important;
    margin-bottom: 4px;
    margin-top: 5px;
    background: #f0f3f3;
    box-shadow: rgba(197,110,184,0.4) 0 1px 1px inset;
    height: 24px;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 42px;
	height: 43px;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
    border-radius: 0px !important;
    border: none !important;
    background: url(../images/slider_point.png) no-repeat 0 100% !important;
	outline: none !important;
    box-shadow: none;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -21px;
    top: -10px;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: 10px;
	display: block;
	border-radius: 4px !important;
    border: none !important;
	background: #b070c0 !important;
    height: 24px;
}
.center {
	text-align: center;
}
.img-button{
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
        height: 250px;
}
.price-card-wrapper{
    margin-top: -360px;
    margin-left: auto;
    margin-right: auto;
}
.title-2{
    font-family: 'Appetite';
    font-size: 36px;
    color: #ca5f6f;
}
.title-2--our-work{
    margin-bottom: 50px;
}
.d-flex{
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.our-works{
    padding-top: 50px;
    padding-bottom: 70px;
    margin-bottom: 50px;

}
.work-item{
    width: 260px;
    position: relative;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    z-index: 4;
    /*border:1px solid transparent;*/
    transition: 0.5s;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
     padding-bottom: 10px;
}

/*.work-item:hover{
    border:1px solid #bf3bb7;
    box-shadow: 0px 5px 5px 0px rgba(191, 59, 183, 0.15);
}*/

.work-item img{
    transition: .5s;
    position: relative;
    z-index: 5;
    cursor:pointer;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border:2px solid transparent;
}
.work-item img:hover{
    border:2px solid #bf3bb7;
    box-shadow: 0px 5px 15px 0px rgba(191, 59, 183, 0.25);
}
.red-circle{
   width: 40px;
   height: 40px;
   background-color: #d93e55;
   -webkit-border-radius: 50px;
           border-radius: 50px;
    position: absolute;
    top: 0;
    right: 0;
}
.work-item:after,
.work-item:before{
    position: absolute;
    content: "";
    width: 120px;
    height: 120px;
    z-index: 1;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background-color: #e98ea1;
}
.work-item:after{
    left: 9%;
    top: 0%;
}
.work-item::before{
    background-color: #c03bb8;
    right: 2%;
    bottom: 4%;
}
.owl-nav{
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.owl-nav button{
    outline: none !important;
     pointer-events: auto;
}
.slider-arrow{
    transition: .5s;
    width: 60px;
 }

.slider-arrow:hover{
    opacity: .5;
}
.slider-arrow--left{
    position: relative;
    left: -20px;}
.slider-arrow--right{
    position: relative;
    right: -20px;}
.row-nomargin{
    margin-right: 0;
    margin-left: 0;
}
.d-val{
    color: red;
    font-size: 40px;
    font-family: Ubuntu, sans-serif;
     color: #ca5f6f;
     padding-left: 16px;
     padding-right: 6px;
     font-weight: 700;
}
.diametr-val{
    color: #d93e55;
    position: relative;
    top:-5px;
    font-size: 18px;
     /*font-family: 'Ubantu bold';*/
}
.main_pic{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.contact-link{
    text-decoration: none;
    position: relative;

}
.contact-link:after{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #FFF;
    transition: .5s;
}
.contact-link:hover:after{
    width: 100%;

}
.img-38,
.img-56{cursor: pointer;}
@media(min-width: 768px){
    .slider-arrow{ width: 80px;}
   .img-button{height: 330px;}
   .price-card-wrapper{ margin-top: -390px;}
   .slider-arrow--left{left: -30px;}
   .slider-arrow--right{right: -30px;}
   .work-item{width: 300px;}

}
@media(min-width: 992px){

    .price-card-wrapper{ margin-top: -420px;}
    .img-button{height: 350px;}
    .price-card-wrapper{ margin-top: -450px}
}