* {margin:0; padding:0;}
img {border:0;}
.clear {clear:both; line-height:0; height:0; font-size:1px;}
body {background:url(../images/bg.jpg) repeat #006a90; font:12px Arial, Helvetica, sans-serif; color:#777; line-height:1;}
.center {width:962px; margin:0 auto; padding:80px 0;}
.page {width:962px; position:relative; background:#fff; box-shadow:0 0 4px #035471; border-radius:8px; padding:30px 0;}
.page_wrapper {width:900px; margin:0 auto;}

/*content_top*/
.content_top {padding:0 0 10px 0;}
.content_top .content_title {float:left; color:#595a5f; font-weight:bold; font-size:24px;}
.content_top .submit_button {float:right;}

/*content_bottom*/
.content_bottom {}
.social {float:left;}
.content_bottom .submit_button {float:right;}

/*menu*/
.menu {position:relative; width:962px; margin:0 0 8px -31px; height:90px; background:url(../images/menu.png) repeat-x 0px 0px;}
.menu:before, .menu:after {content:""; display:block; position:absolute; left:-44px; top:0; background:url(../images/menu.png) no-repeat 0 -90px; width:44px; height:90px;}
.menu:after {left:auto; right:-44px; background-position:0 -180px;}
.menu_container {position:relative; height:77px; overflow:hidden; padding:0 0 0 39px;}
.menu_first {float:left; position:relative; background:url(../images/menu_first.jpg) repeat-x 0px 0px; height:77px; padding:0 18px 0 12px;}
.menu_first:before, .menu_first:after {content:""; display:block; position:absolute; width:35px; height:77px; background:url(../images/menu_first.jpg) no-repeat 0px -77px; left:0; top:0;}
.menu_first:after {left:auto; right:0; background-position:0 -154px;}
.menu_first span {display:block; position:relative; z-index:2; line-height:64px; color:#595959; font-size:18px; padding:3px 0 0 0;}
.menu_list {float:left;}
.menu_list ul li {display:block; float:left;}
.menu_list ul li .pseudo_link {display:block; position:relative; width:132px; text-align:center; font-size:18px; color:#ffffff; text-decoration:none; cursor:pointer;}
.menu_list ul li .pseudo_link span {display:block; height:74px; padding:3px 0 0 0;}
.menu_list ul li .pseudo_link strong {display:table-cell; height:64px; width:126px; vertical-align:middle; text-align:center; font-weight:normal; text-shadow:0 1px 1px #a83d39; position:relative; z-index:2;}
.menu_list ul li.menu_list_active .pseudo_link:before, .menu_list ul li.menu_list_active .pseudo_link:after {content:""; display:block; position:absolute; left:0; top:0; background:url(../images/menu_act_l.jpg) no-repeat 0px 0px; width:60px; height:77px;}
.menu_list ul li.menu_list_active .pseudo_link:after {background:url(../images/menu_act_r.jpg) no-repeat 0px 0px; width:72px; height:77px; left:auto; right:0;}
.menu_list ul li.menu_list_active .pseudo_link span {background:url(../images/menu_act_bg.jpg) repeat-x 0px 0px;}

/*nouislider*/
.nouislider {position:relative; width:316px; height:2px; background:#ebebeb; border:1px solid #1b1e22; border-radius:2px; margin:3px 0 0 0; float:left;}
.nouislider a {display:block; z-index:1; background:#000; position:absolute; right:-1px; height:2px; background:#23272d; border:1px solid #1b1e22; border-radius:2px; top:0;}
.nouislider a div {width:16px; height:32px; background:url(../images/slider.png) no-repeat 0px 0px; margin:-7px 0 0 -10px; cursor:pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/*settings*/
#settings_container {border-bottom:1px solid #eeeeee; padding:0 0 18px 0; margin:0 0 35px 0;}
.settings {display:none;}
.settings_active {display:block;}
.settings_block {position:relative; padding:16px 38px 16px 10px; border-radius:4px;}
.settings_hint {position:absolute; right:10px; top:14px; height:18px; width:18px; cursor:pointer; z-index:20;}
.settings_hint .settings_hint_icon {width:16px; height:16px; background:#f3f3f3; border:1px solid #dbdbdb; border-radius:9px; display:block; text-align:center; line-height:16px; font-family:"Times New Roman", Times, serif; font-size:14px; z-index:10;}
.settings_hint_text {width:250px; background:#fff; color:#000; border:1px solid #dbdbdb; border-radius:3px; padding:5px; left:-265px; top:23px; position:absolute; font-size:11px; line-height:18px; display:none; letter-spacing:1px; z-index:12;}
.settings_hint:hover {z-index:21;}
.settings_hint:hover .settings_hint_text {display:block;}
.settings_block .settings_label {font-size:15px; color:#555555; font-weight:bold; width:286px; padding:0 10px 0 0; float:left;}
.plus_button_ico {display:inline-block; vertical-align:middle; border:1px solid #c1c1c1; background:#ccc; text-align:center; color:#fff; line-height:18px; width:16px; height:16px; line-height:15px; border-radius:9px; font-size:14px;}
.settings_data {float:left; width:556px;}
.slider_data {width:50px; border:none; background:none; text-align:center; height:16px; font-weight:bold; outline:none; float:left; margin:0 0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.slider_hint {float:left; display:block; line-height:16px;}
.radio_group label, .radio_group i {display:inline-block; cursor:pointer; vertical-align:top; margin:0 20px 0 0; font-size:14px;}
.radio_group label input {display:none;}
.radio_group label span {position:relative; display:inline-block;}
.radio_group label span:before {content:""; display:block; position:absolute; left:0; top:2px; width:12px; height:10px; background:url(../images/k.png) no-repeat 0px 0px; display:none;}
.radio_group label input:checked + span {font-weight:bold; padding:0 0 0 18px;}
.radio_group label input:checked + span:before {display:block;}
.radio_group i {color:#000;}
.toggle {position:relative; width:53px;}
input.toggle_box:empty {margin-left:-999px;}
input.toggle_box:empty ~ label {position:relative; float:left;  cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
input.toggle_box:empty ~ label:before, input.toggle_box:empty ~ label:after {content:""; position:absolute; display:block; top:0; bottom:0; left:0; width:46px; height:8px; background-color:#cc0e10; box-shadow:inset 0 0 3px #a00b0d; border:1px solid #1a1d21; border-radius:5px; transition: all 100ms ease-in;}
input.toggle_box:empty ~ label:after {width:16px; height:32px; background:url(../images/slider.png) no-repeat 0px 0px; top:-3px; margin:0; border:0; box-shadow:none; left:-5px; border-radius:0; margin:0 0 0 42px;}
input.toggle_box:checked ~ label:before {border:1px solid #4f5153; background:#11b93d; box-shadow:inset 0 0 3px #028624;} 
input.toggle_box:checked ~ label:after {margin:0;}
.settings_advanced {padding:50px 10px 10px 10px; font-size:18px; font-weight:bold; color:#4dafde;}
.submit_button {display:block; padding:8px 10px; border:1px solid #ccc; background:#fcfcfc; color:#444; font-size:18px; cursor:pointer;}
.text_field input {display:block; width:458px; height:28px; border:1px solid #cccccc; border-left:1px solid #787878; border-top:1px solid #787878; background:#fff; padding:0 10px;}
.settings .settings_block:nth-child(odd) {background:#fafafa;}
.settings .settings_block:nth-child(odd) {background:#fafafa;}

#preview {
	width: 220px;
    height: 170px;
	background:rgba(0, 0, 0, 1);
	border-radius:10px 10px;
	vertical-align: middle;
	text-align:center;
	line-height: 150px;
	font-weight:bold;
	z-index:1;
}

#preview span{
	z-index:1;
}

.radio {
	width:100%;
}

.radio span{
	width:40%;
	float:left;
}

.radio label{
	margin-right:20px;
}

