a {color: #444;}
.model-js {width: 260px;position: relative;z-index: 999;padding-top: 40px; margin: auto;}
.main {float: left;width: 295px;margin: 0 45px;}
.aside {padding-top: 35px;     min-height: 490px; width: 350px;margin-left: 0px;position: relative;z-index: 99;margin: auto;float:left;}
.wrapper {width: 1000px;margin: 0 auto;}
.header {height: 65px;background: #fff;box-shadow: 0 2px 20px rgba(0,0,0,0.1);}
.information {position: absolute; left: -9999px;}

.other-models {font-size: 15px; margin-top: 22px;margin-bottom: 30px;}
.other-models b {color: #333}
.other-models span {color: #2fc32f;}
.other-models i {color: #7d519d;font-style: normal}

.case-phone {margin-top: 20px;}
.case-phone .phone {font-size: 24px; color: #66c6c6;text-decoration: none;padding: 7px 0 0 0}
.case-phone .phone b {text-decoration: underline; font-weight: 700;}
.case-phone .phone b:hover {text-decoration: none;}
.case-phone i, .case-phone a {display: inline-block; margin-right: 7px;}

.logo {background: url("../img/logo.png") no-repeat; background-size: contain;width: 280px;height: 53px;padding-top: 35px;display: block;position: relative; top:19px;-webkit-transition: opacity 0.3s ease 0;text-decoration: none;-webkit-box-sizing: border-box;font-weight: 200;}
/*.logo:before {background: url("../img/logo1.png") no-repeat;
content: '';
background-size: contain;
width: 60px;
height: 60px;
text-indent: -9999px;
display: block;
position: absolute;
top: -7px;
-webkit-transition: opacity 0.3s ease 0;
left: -54px;}*/
.logo:hover {opacity: 0.6;}
.logo b {font-weight: normal;font-size: 13px;}

.social li {display: inline-block;margin-right: 5px;position: relative;border-radius: 50% 50%; }
.social li:nth-child(1) {background:#2fc32f;}
.social li:nth-child(2) {background:#7d519d;}
.social li:nth-child(3) {background:#597DA3;}
.social li:nth-child(4) {background:#ab8064;}
.social li:nth-child(5) {background:#f2720c;}
.social li:nth-child(1) a, .social li:nth-child(2) a {}
.social a {text-decoration: none;color: #fff;display: block;padding: 9px 0;border-radius: 50% 50%;width: 38px;text-align: center;-webkit-transition: color 0.3s ease 0;}
.social li:hover {background: #66c6c6}
.social i { font-size: 20px;margin-bottom: 0;}
.social b {position: absolute; left: -9999px;}
.social span {position: absolute;background: #66c6c6;top:-40px;left:0;border-radius: 4px;padding: 5px 10px 2px 10px;border-bottom:1px solid #3da3a3;box-shadow: 0 1px 5px rgba(0,0,0,0.1);display: none; width: 230px;}
.social span:after {content: '';position: absolute;bottom: -5px;margin: 0 0 0 -5px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #3da3a3;z-index: 3;left: 20px;}

.social li:hover span {display: block;}
/*
.social li:nth-child(1) span {left: 0;}
.social li:nth-child(1) span:after,
.social li:nth-child(1) span:before {left: 25px;}
.social li:nth-child(2) span {left: -70px;}
.social li:nth-child(2) span:after,
.social li:nth-child(2) span:before {left: 44%;}
.social li:nth-child(3) span {right:0;}
.social li:nth-child(3) span:after,
.social li:nth-child(3) span:before {right:20px;}
*/
.display-none {display: none;}
.display-block {display: block;}
.bg-shadow {background: rgba(0,0,0,0.3);position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;}
.info-message {background: #fff;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;zindex: 99999;text-align: center;padding: 70px;font-size: 22px;line-height: 28px;border: 4px solid #32902D;box-shadow: 0 10px 40px rgba(0,0,0,0.4);border-radius: 20px;color: #888;letter-spacing: -1px;}
.info-message b {display: block;font-size: 43px;margin-bottom: 40px;color: #333;}

.info-message2 {width: 500px; line-height: 32px;letter-spacing: 0px;}
.info-message2 u {text-decoration: none; color: red}
.close-popup {width: 30px;display: inline-block;position: absolute;top: 10px;right: 10px;border: 1px solid red;border-radius: 50% 50%;padding: 5px 0;cursor: pointer;}
a > .ic-close:hover {-webkit-animation: close-rotate 0.4s forwards linear 0s;}
@-webkit-keyframes close-rotate {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}

/*
.reset-design {font-size: 16px;padding: 5px;cursor: pointer;color: #777;font-weight: 100;text-align: center;display: block;}
.reset-design i {display: inline-block !important; margin-right: 10px;}
.reset-design:hover {color: #555;}
.reset-design-rotate {-webkit-animation: reset-rotate 0.4s forwards linear 0s;}
@-webkit-keyframes reset-rotate {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(45deg);}}
*/

/* TABS */

.tabs_full {color:#444;height: 52px;}
.tabs_but {background: #ddd;color: #999;float:left;padding: 15px 0;margin:0;text-align: center;cursor: pointer;display: block;font-size: 12px !important;}
.tabs_but:hover {background: #ccc;}
.tabs_but:nth-child(1) {width: 116px;border-radius: 3px 0 0 0;}
.tabs_but:nth-child(2) {width: 117px;}
.tabs_but:nth-child(3) {width: 117px;border-radius: 0 3px 0 0;}

.tabs_font_but:nth-child(1) {width: 116px;}
.tabs_font_but:nth-child(2) {width: 117px;}
.tabs_font_but:nth-child(3) {width: 117px;}

.tabs_bg_but:nth-child(1) {width: 175px;}
.tabs_bg_but:nth-child(2) {width: 175px;}
.tabs_bg_but:nth-child(3) {width: 117px;}

/*
.tabs_font_but:nth-child(1), .tabs_bg_but:nth-child(1) {width: 116px;}
.tabs_font_but:nth-child(2), .tabs_bg_but:nth-child(2) {width: 117px;}
.tabs_font_but:nth-child(3), .tabs_bg_but:nth-child(3) {width: 117px;}
*/

.tabs_active {background: #666 !important;color: #f2f2f2;position: relative;}
.tabs_active, .tabs_bg_active, .tabs_font_active, .active, .phone_active { cursor: default !important;}
/*.tabs_font_active > i, .tabs_bg_active > i {color: #248282;}*/

.tabs_active:after {content: '';position: absolute;bottom: -4px;left: 50%;margin: 0 0 0 -6px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #666;z-index: 3;}
.tabs_full > div:nth-child(2):after, .tabs_full > div:nth-child(3):after {display: none;}
.tabs_all_sh {box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);border-radius: 3px;}
.tabs_main {display: none;background: #fff;padding: 0;border-radius: 0 0 3px 3px;position: relative;}
.tabs_main:nth-child(1) {padding: 0;}
.tabs_main:nth-child(3) {/*min-height: 366px;*/}

.tabs_bg_active {background: #3AAA35 !important;color: #f2f2f2;position: relative}
.tabs_bg_active:after {content: '';position: absolute;bottom: -4px;left: 50%;margin: 0 0 0 -4px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #3AAA35;z-index: 3;}

/* Tabs font */
.tabs_font_full, .tabs_bg_full {color:#444;height: 77px;background: #666;}
.tabs_font_but, .tabs_bg_but {background: #666;color: #fff;float:left;padding: 16px 0 10px 0;margin:0;text-align: center;cursor: pointer;display: block;font-size: 12px;}
.tabs_font_but:hover, .tabs_bg_but:hover {background: #555;}
.tabs_font_main, .tabs_bg_main {display: none;background: #fff;padding: 0;border-radius: 0 0 3px 3px;}
.tabs_visible {display: block;}
.tabs_font_active {background: #3AAA35 !important; color: #f2f2f2;position: relative}
.tabs_font_active:after {content: '';position: absolute;bottom: -4px;left: 50%;margin: 0 0 0 -4px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #3AAA35;z-index: 3;}
/* TABS */

.phone_model_all {     height: 344px; overflow-y: scroll;overflow-x: hidden;margin: 0 0 0 0;}
.phone_bg_view,
.phone_model_view {background: #f2f2f2; color: #555; font-size: 13px;text-align: center;padding: 20px;border-bottom: 1px solid #d2d2d2;}
.phone_model {float: left;width: 32.334%;text-align: center;font-size: 12px;padding: 17px 0;color: #666;font-weight: normal;}
.phone_model:hover {background: #fcfcfc;}
.phone_model_button {cursor: pointer;}
.phone_model_button:nth-child(1), .phone_model_button:nth-child(2) {border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.phone_model_button:nth-child(3),.phone_model_button:nth-child(6) {border-bottom:1px solid #d2d2d2;}
.phone_model_button:nth-child(4),.phone_model_button:nth-child(5) {border-right:1px solid #d2d2d2;}
.phone_model_button:nth-child(7),.phone_model_button:nth-child(8) {border-right:1px solid #d2d2d2;}
.phone_iphone {background: url('../img/model/iphone_6.png') no-repeat center top; background-size: contain; float: left;width: 114px; height: 115px; display: block; text-align: center;}
.ip4s {background: url('../img/model/ip4s.png') no-repeat center top; background-size: contain;}
.ip5s {background: url('../img/model/ip5s.png') no-repeat center top; background-size: contain;}
.ip6 {background: url('../img/model/ip6.png') no-repeat center top; background-size: contain;}
.ip6p {background: url('../img/model/ip6p.png') no-repeat center top; background-size: contain;}
.gals4 {background: url('../img/model/gs4.png') no-repeat center top; background-size: contain;}
.gals5 {background: url('../img/model/gs5.png') no-repeat center top; background-size: contain;}
.phone_active {background: #f2f2f2 !important;}
.ip5c {background: url('../img/model/ip5s.png') no-repeat center top; background-size: contain;}

#svgcontainer {position: absolute;top:0;left: 115px;z-index: 7;}

.case-model-p {font-size: 32px;margin-bottom: 20px;font-weight: 200;margin-top: 80px;color: #555;letter-spacing: -1px}
.case-price {font-size: 60px;margin-bottom: 66px;color: #333;}
.case-price b {font-weight: 600;}
.case-price i {font-size: 46px;display: inline;}
.case-dost {font-size: 16px;color: #888; font-weight: 200;}
.case-dost b {font-weight: 400;}
.case-info {font-size: 16px;color: #888;margin-top: 33px;}
.case-info b {font-size: 20px;line-height: 26px;}
.href-col-w {margin-top: 40px;}
.href-col {color: #000; font-weight: 700; font-size: 22px;}
.href-col2 {color: #000; font-weight: 600; font-size: 20px;}
.nal-pl li {list-style-type: disc; margin-left: 20px;font-size: 15px;}

/*.case-price i:before {content: ''; display: inline-block;width: 23px;height: 3px;background: #333;position: absolute;top: 52px;}
*/
.tab_item { display: none; }
.tab_item:first-child { display: block; }
.case_font_button {cursor: pointer; background: #fff; border: 1px solid #888;padding: 4px 12px 3px 12px; margin-right: 10px;border-radius: 3px;display: inline-block;position: relative}
.case-title {font-size: 20px;margin-bottom: 16px;padding-bottom: 11px; border-bottom: 1px solid #999;color: #555}

.case-font-color-a .tabs {margin-bottom: 0;}
.case {width: 295px; margin: 42px 0 0 0; height: 550px;position: relative;z-index: 1;overflow: hidden;margin: auto; float:left}
.case_model {background: url("../img/device/ip5ss.png") no-repeat 0 0; width: 295px; height: 550px;overflow: hidden;position: relative;z-index: 99;display: block; background-size: 295px 550px;display: none;}

.case_model_4s {background: url("../img/device/ip4ss.png") no-repeat 0 0;background-size: 295px 550px;}
.case_model_6 {background: url("../img/device/ip6s.png") no-repeat 0 0;background-size: 295px 550px;}
.case_model_6p {background: url("../img/device/ip6ps.png") no-repeat 0 0;background-size: 295px 550px;}
.case_model_5c {background: url("../img/device/ip5cs.png") no-repeat 0 0;background-size: 295px 550px;}
.case_model_s4 {background: url("../img/device/gs4s.png") no-repeat 0 0;background-size: 295px 550px;}
.case_model_s5 {background: url("../img/device/gs5s.png") no-repeat 0 0;background-size: 295px 550px;}
.case_model_a3 {background: url("../img/device/sa3.png") no-repeat 0 0;background-size: 295px 550px;}
.case_model_a5 {background: url("../img/device/sa5s.png") no-repeat 0 0;background-size: 295px 550px;}
.case_model_a7 {background: url("../img/device/sa7.png") no-repeat 0 0;background-size: 295px 550px;}


.active_dev {display: block;}


.easecase {position: absolute;height: 20px;width: 85px;left: 107px;z-index: 9;fill: #ffffff;}

.cl_input {width: 100%;border-radius: 5px; border: 1px solid #ccc;padding: 6px 10px 0 10px;font: 31px/31px 'Fira Sans', sans-serif;background: #fff;box-shadow: inset 0px 2px 3px #ddd; color: #666666; margin-bottom: 10px;}
.cl_input:focus {border-color: #3AAA35;}
.printname {padding: 20px;}
.printname-p {font-size: 13px; line-height: 16px; color: #999;}



/* - -- - -- ORDER - --- - - --- */
.order-data {width: 100%;background: #fff;position: absolute;top: 50px;z-index: 100;box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);border-radius: 3px;}
.order-ins {padding: 20px;}
.order-h2 {border-bottom: 1px solid #ccc;padding: 12px 0 27px 0;font-size: 20px;}
.order_cl_input {width: 100%;border-radius: 5px;border: 1px solid #ccc;padding: 4px 10px 1px 10px;font: 21px 'Fira Sans', sans-serif;background: #fff;box-shadow: inset 0px 2px 3px #ddd;color: #888;}
#order-name:first-letter {text-transform: uppercase;}
.title-inp b {font-size: 16px;font-weight: normal;display: block;margin: 20px 0 10px 0;}

.order-inp {position: relative;}
label.error {position: absolute;height: 16px;width: 16px;top: 5px;right: 10px;}
label.error i:before {color: #ee653b;font-size: 16px;}
input.error {border-color: #ee653b;box-shadow: inset 0px 2px 3px #fadcdc}
/*input.valid {border-color: #8bbf6f;box-shadow: inset 0px 2px 3px #d3f7c0}*/

#filledName, #t1 > tspan {text-transform: uppercase;}

.case_bg {position: absolute; z-index: 1;top:0}
.case_bg_num > div{ -webkit-transition: all 0.2s ease 0s;}
.case_bg_num {background-size: cover !important;width: 285px;margin: 0 0px 0 5px;height: 548px;top: 7px;position: absolute;border-radius: 20px;overflow: hidden;}



.tab-bg > li, .tab-font-color > li, .tab-bg-font > li, .tab-bg-color > li {cursor: pointer; height: 25%;width: 20%;float: left;}
.case_bg_button_0 {background: url("../img/case_bg/cases_bg_0.jpg") no-repeat;}
.case_bg_button_1 {background: url("../img/case_bg/cases_bg_1.jpg") no-repeat;}
.case_bg_button_2 {background: url("../img/case_bg/cases_bg_2.jpg") no-repeat;}
.case_bg_button_3 {background: url("../img/case_bg/cases_bg_3.jpg") no-repeat;}
.case_bg_button_4 {background: url("../img/case_bg/cases_bg_4.jpg") no-repeat;}
.case_bg_button_5 {background: url("../img/case_bg/cases_bg_5.jpg") no-repeat;}
.case_bg_button_6 {background: url("../img/case_bg/cases_bg_6.jpg") no-repeat;}
.case_bg_button_7 {background: url("../img/case_bg/cases_bg_7.jpg") no-repeat;}
.case_bg_button_8 {background: url("../img/case_bg/cases_bg_8.jpg") no-repeat;}
.case_bg_button_9 {background: url("../img/case_bg/cases_bg_9.jpg") no-repeat;}
.case_bg_button_10 {background: url("../img/case_bg/cases_bg_10.jpg") no-repeat;}
.case_bg_button_11 {background: url("../img/case_bg/cases_bg_11.jpg") no-repeat;}
.case_bg_button_12 {background: url("../img/case_bg/cases_bg_12.jpg") no-repeat;}
.case_bg_button_13 {background: url("../img/case_bg/cases_bg_13.jpg") no-repeat;}
.case_bg_button_14 {background: url("../img/case_bg/cases_bg_14.jpg") no-repeat;}
.case_bg_button_15 {background: url("../img/case_bg/cases_bg_15.jpg") no-repeat;}
.case_bg_button_16 {background: url("../img/case_bg/cases_bg_16.jpg") no-repeat;}
.case_bg_button_17 {background: url("../img/case_bg/cases_bg_17.jpg") no-repeat;}
.case_bg_button_18 {background: url("../img/case_bg/cases_bg_18.jpg") no-repeat;}
.case_bg_button_19 {background: url("../img/case_bg/cases_bg_19.jpg") no-repeat;}
.case_bg_button_20 {background: url("../img/case_bg/cases_bg_20.jpg") no-repeat;}
.case_bg_button_21 {background: url("../img/case_bg/cases_bg_21.jpg") no-repeat;}
.case_bg_button_22 {background: url("../img/case_bg/cases_bg_22.jpg") no-repeat;}
.case_bg_button_23 {background: url("../img/case_bg/cases_bg_23.jpg") no-repeat;}
.case_bg_button_24 {background: url("../img/case_bg/cases_bg_24.jpg") no-repeat;}
.case_bg_button_25 {background: url("../img/case_bg/cases_bg_25.jpg") no-repeat;}
.case_bg_button_26 {background: url("../img/case_bg/cases_bg_26.jpg") no-repeat;}
.case_bg_button_27 {background: url("../img/case_bg/cases_bg_27.jpg") no-repeat;}
.case_bg_button_28 {background: url("../img/case_bg/cases_bg_28.jpg") no-repeat;}
.case_bg_button_29 {background: url("../img/case_bg/cases_bg_29.jpg") no-repeat;}
.case_bg_button_30 {background: url("../img/case_bg/cases_bg_30.jpg") no-repeat;}
.case_bg_button_31 {background: url("../img/case_bg/cases_bg_31.jpg") no-repeat;}
.case_bg_button_32 {background: url("../img/case_bg/cases_bg_32.jpg") no-repeat 50% 60%;}
.case_bg_button_33 {background: url("../img/case_bg/cases_bg_33.jpg") no-repeat 50% 20%;}
.case_bg_button_34 {background: url("../img/case_bg/cases_bg_34.jpg") no-repeat 50% 20%;}
.case_bg_button_35 {background: url("../img/case_bg/cases_bg_35.jpg") no-repeat 50% 60%;}
.case_bg_button_36 {background: url("../img/case_bg/cases_bg_36.jpg") no-repeat 50% 60%;}
.case_bg_button_37 {background: url("../img/case_bg/cases_bg_37.jpg") no-repeat 50% 60%;}
.case_bg_button_38 {background: url("../img/case_bg/cases_bg_38.jpg") no-repeat 50% 60%;}
.case_bg_button_39 {background: url("../img/case_bg/cases_bg_39.jpg") no-repeat 50% 60%;}


.tab-bg > li > b, .tab-font-color > li > b, .tab-bg-font > li > b, .tab-bg-color > li > b {display: block;text-indent: -9999px;height: 100%;width: 100%;background-size: cover;border-radius: 3px;}
.tab-bg > li, .tab-font-color > li, .tab-bg-font > li, .tab-bg-color > li {padding:2px; border: 2px solid #fff;margin: 0;display: block;border-radius: 6px;-webkit-box-sizing: border-box;}
.tab-bg > li > b,.tab-bg-font > li > b {background-size: 100px;}

/*.case_bg_fon, #svg text, #svg image {-webkit-transition: background 0.3s ease 0s;-webkit-transition: fill 0.3s ease 0s;}*/
.case_bg_font_button_1 {background: url("../img/case_font_bg/case_bg_0.jpg") no-repeat;}
.case_bg_font_button_2 {background: url("../img/case_font_bg/case_bg_1.jpg") no-repeat;}
.case_bg_font_button_3 {background: url("../img/case_font_bg/case_bg_2.jpg") no-repeat;}
.case_bg_font_button_4 {background: url("../img/case_font_bg/case_bg_3.jpg") no-repeat;}
.case_bg_font_button_5 {background: url("../img/case_font_bg/case_bg_4.jpg") no-repeat;}
.case_bg_font_button_6 {background: url("../img/case_font_bg/case_bg_5.jpg") no-repeat;}

.case-name-col {height: 150px;}

.tab-bg, .tab-font-color, .tab-bg-color, .tab-bg-font {padding: 6px 5px 5px 5px;height: 267px;overflow-y: scroll;overflow-x: hidden;margin: 0 0 0 0;}

.f-c-FFFFFF {background: #fcfcfc;}
.f-c-9D9D9D {background: #9D9D9D;}
.f-c-5A5A5A {background: #5A5A5A;}
.f-c-383838 {background: #383838;}
.f-c-000000 {background: #000;}

.f-c-5CCCCC {background: #5CCCCC;}
.f-c-33CCCC {background: #33CCCC;}
.f-c-009999 {background: #009999;}
.f-c-1D7373 {background: #1D7373;}
.f-c-006363 {background: #006363;}

.f-c-66A3D2 {background: #66A3D2;}
.f-c-3F92D2 {background: #3F92D2;}
.f-c-0B61A4 {background: #0B61A4;}
.f-c-25567B {background: #25567B;}
.f-c-033E6B {background: #033E6B;}

.f-c-876ED7 {background: #876ED7;}
.f-c-6A48D7 {background: #6A48D7;}
.f-c-3914AF {background: #3914AF;}
.f-c-412C84 {background: #412C84;}
.f-c-200772 {background: #200772;}

.f-c-AD66D5 {background: #AD66D5;}
.f-c-9F3ED5 {background: #9F3ED5;}
.f-c-7109AA {background: #7109AA;}
.f-c-5F2580 {background: #5F2580;}
.f-c-48036F {background: #48036F;}

.f-c-FF9FEE {background: #FF9FEE;}
.f-c-E6399B {background: #E6399B;}
.f-c-CD0074 {background: #CD0074;}
.f-c-992667 {background: #992667;}
.f-c-85004B {background: #85004B;}

.f-c-F16D95 {background: #F16D95;}
.f-c-F13C73 {background: #F13C73;}
.f-c-E40045 {background: #E40045;}
.f-c-AB2B52 {background: #AB2B52;}
.f-c-94002D {background: #94002D;}

.f-c-FF7373 {background: #FF7373;}
.f-c-FF4040 {background: #FF4040;}
.f-c-FF0000 {background: #FF0000;}
.f-c-BF3030 {background: #BF3030;}
.f-c-A60000 {background: #A60000;}

.f-c-FFB273 {background: #FFB273;}
.f-c-FF9640 {background: #FF9640;}
.f-c-FF7400 {background: #FF7400;}
.f-c-BF7130 {background: #BF7130;}
.f-c-A64B00 {background: #A64B00;}

.f-c-FFD073 {background: #FFD073;}
.f-c-FFBF40 {background: #FFBF40;}
.f-c-FFAA00 {background: #FFAA00;}
.f-c-BF8F30 {background: #BF8F30;}
.f-c-A66F00 {background: #A66F00;}

.f-c-FFFF73 {background: #FFFF73;}
.f-c-FFFF40 {background: #FFFF40;}
.f-c-FFFF00 {background: #FFFF00;}
.f-c-BFBF30 {background: #BFBF30;}
.f-c-A6A600 {background: #A6A600;}

.f-c-C9F76F {background: #C9F76F;}
.f-c-B9F73E {background: #B9F73E;}
.f-c-9FEE00 {background: #9FEE00;}
.f-c-86B32D {background: #86B32D;}
.f-c-679B00 {background: #679B00;}

.f-c-67E667 {background: #67E667;}
.f-c-39E639 {background: #39E639;}
.f-c-00CC00 {background: #00CC00;}
.f-c-269926 {background: #269926;}
.f-c-008500 {background: #008500;}


/* .active:befores {content: ""; display: block; position: absolute;background: rgba(0,0,0,0.5) url("../img/yes-w.svg") no-repeat 28px 30px;width: 75px;height: 75px;background-size: 20px;z-index: 9} */
.tab-font .active:before {content: "\e609"; font-family: "easecase";margin-right: 8px; display: inline-block;line-height: 18px;}
.active {border-color: #66c6c6 !important;}
.tab-font-color > li:hover, .tab-bg-font > li:hover {border-color: #ccc;}
.active:hover {border-color: #41a7a7;}

.tab-bg > li b, .tab-font-color > li b  {font-weight: 400;}
.tab-font-color > li b, .tab-bg-color > li b {box-shadow: inset -1px 2px 6px rgba(0,0,0,0.3);}
.tab-bg > li, .tab-font-color > li, .tab-bg-color > li, .tab-bg-font > li {position: relative}
.tab-bg > li:hover, .tab-font-color > li:hover, .tab-bg-color > li:hover, .tab-bg-font > li:hover {border-color: #ddd;}
.case_bg_button_one1 {height: 23px;width: 7px;}

.case_font {position: absolute; z-index: 2;top:0}
.case_font_num {width: 210px; margin:0 auto; height: 440px;position: absolute;top: 60px;left:30px;opacity: 0;z-index: 2}

.case_font #svg > #t1 {stroke-width: 0;}/* opacity: 0.2; */
.case-color-ob #svg > #t1 {stroke-width: 3; stroke: #ffffff;}

.case-stroke-color-b #svg > #t1 {stroke: #000000;}
.case-stroke-color-w #svg > #t1 {stroke: #ffffff;}

.case-visible {z-index: 9;}
.case-f-visible {opacity: 1;}
.novisible {display: none;}

.case-font-bg-a, .case-font-color-a { -webkit-transition: all 0.3s ease 0s;padding: 5px;}
/*.case-font-bg-disable, .case-font-bg-noactive {opacity: 0.5;}*/
.case-font-bg-d {width: 100%; height: 70px; z-index: 12; position: absolute;top:62px; left: 0;display: none;}
.case-font-bg-disable .case-font-bg-d {display: block;}
.case-font-bg-noactive .case-font-bg-d {display: block;}

.case-font-color-a { -webkit-transition: all 0.3s ease 0s;}
.case-font-color-disable {opacity: 0.5;}
.case-font-color-d {width: 100%; height: 70px; z-index: 12; position: absolute;top:33px; left: 0;display: none;}
.case-font-color-disable .case-font-color-d {display: block;}

.case-font-col, .case-font-stroke-color-col, .case-font-color-col, .case-bg-col {position: relative;}
.case-stroke {position: absolute; right:0;top:2px;}
.case-font-stroke-a { -webkit-transition: all 0.3s ease 0s;}
.case-font-stroke-disable {opacity: 0.5;}
.case-font-stroke-d {width: 100%; height: 70px; z-index: 12; position: absolute;top:33px; left: 0;display: none;}
.case-font-stroke-disable .case-font-stroke-d {display: block;}

.order {margin-bottom: 44px;}
.button-order {background: #D34346;
    border: 2px solid #D34346;
    color: #fff;
    padding: 14px 0 12px 0;
    border-radius: 5px;
    cursor: pointer;
    font: 16px/20px 'Fira Sans', sans-serif;
    border-bottom: 3px solid #A23234;
    width: 100%;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    text-align: center;
    font-weight: 200;}
.order-dalee {padding: 15px;background: #f9f9f9;border-top: 1px solid #d2d2d2; border-radius: 0 0 3px 3px;}
.order-dalee-2 {width: 65%;float:left;padding-left: 12px;-webkit-box-sizing: border-box;}
.order-back-2 {width: 30%;text-decoration: none !important;float:left;-webkit-box-sizing: border-box;}
.button-order:hover {background: #D45356;
    border-color: #D45356;
    border-bottom: 3px solid #C74A4C;}
.button-order:active {background: #D45356;
    border-color: #D45356;
    border-top: 2px solid #A23234;}


.order-back-2 .button-order {background: #666666;
    border-color: #666666;
    border-bottom-color: #484848;}
.order-back-2 .button-order:hover {background: #808080;
    border-color: #808080;
    border-bottom: 3px solid #666666}
.order-back-2 .button-order:active {background: #666666;
    border-color: #666666;
    border-top: 2px solid #484848;}


.order-back-2 .button-order-b {background: #666666;
    border-color: #666666;
    border-bottom-color: #484848;}
.order-back-2 .button-order-b:hover {background: #808080;
    border-color: #808080;
    border-bottom: 3px solid #666666}
.order-back-2 .button-order-b:active {background: #666666;
    border-color: #666666;
    border-top: 2px solid #484848;}
    
#order-phone::-webkit-input-placeholder {padding-top: 2px;color: #ccc;}

.order-loader {background-color: rgba(0,0,0,0.4);position: absolute;width: 100%;height:100%;z-index: 101;border-radius: 3px;}
.order-loader > div {position: absolute;top: 45%;left: 42%;z-index: 1;width: 64px;height: 64px;}
.order-loader div > i {-webkit-animation: loadings 3s infinite linear 0s;}
@-webkit-keyframes loadings {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}

#add_file {text-align: center; padding: 5px 10px;-webkit-box-sizing: border-box;}
#upl_button {border: 1px dashed #aaa; width: 100%; margin: 5px 0; padding: 20px 0; border-radius: 4px; display: inline-block;background: #fcfcfc;box-shadow: inset 0 0 10px #e0e0e0;font-size: 13px;}
#upl_status {color: red;margin: 20px 0;font-size: 14px;}
#upl_status b {font-weight: 600;}
#file-upl {position: absolute; z-index: 10;height: 555px;width: 280px;background-size: cover !important;}
.upl_browse {display: block;background: #8dd5d5;width: 200px;margin: 10px auto 0 auto;padding: 10px;border-radius: 5px;color: #fff;font-size: 15px;border: 2px solid #8dd5d5;border-bottom: 2px solid #7dc8c8}
.upl_image {height: 116px;position: relative;}
.upl_image_prew {}
#add_file:hover .upl_browse {background: #66c6c6;border-color: #66c6c6;border-bottom: 2px solid #3da3a3;}
#add_file:active .upl_browse {background: #66c6c6;border-color: #66c6c6;border-top: 2px solid #3da3a3;}
#add_file:hover #upl_button {background: #ececec}
.upl_file_input {border: 2px solid #000;display: block !important;opacity: 0 !important;position: absolute; top: 10px;height: 116px;width: 322px;}
.upl_image_small {position: relative;}
.upl_image_small .img_upl {height: 105px;margin: 0 auto;border-radius: 8px;padding: 2px;border: 2px solid transparent;opacity: 0;cursor:pointer;position: relative;width: 105px;display: none;}
.img_text {display: block; margin: 0 0 10px 10px;}
.upl_image_small .img_upl > div {height: 105px;width: 105px;background-size: cover !important;border-radius: 5px;background: #ccc;position: absolute;}
.upl_image_small .upl_op {opacity: 1;display: block;}
#loading {position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);z-index: 1;width: 24px;height: 24px;}
#loading > i {-webkit-animation: loading 3s infinite linear 0s;}
@-webkit-keyframes loading {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}

.ic-loaders:before {content: '\e60c';color: #fff;font-size: 24px;}
#jsCarousel > div {float: left;width: 300px; overflow: hidden;margin: 15px;}
#jsCarousel > div > img {width: 300px;}
.inst-widget {float: right;width: 300px; height: 630px;margin: 15px 25px 15px 15px;box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);}

.title-work {font-size: 30px;margin: 50px 0 30px 0px;font-weight: 200; border-top: 2px solid #ccc;padding: 50px 0 0 15px;}

.mail-one-bg {width: 220px; margin: 20px 0;}
//.mail-one-bg b {line-height: 30px;display: inline-block;padding: 0 5px 0 15px;}
//.mail-one-bg b:last-child {padding-left: 5px;}
//.mail-one-bg i {width: 50px;display: inline-block;position: relative;line-height: 28px;font-style: normal;font-size: 18px;font-weight: 700;}
//.mail-one-bg i > div {width: 50px;height: 50px;border-radius: 50% 50%; background: #ffff00;text-align: center;position: absolute;top:-12px;}
//.mail-one-bg i > div > span {display: block; border: 2px solid #000; border-radius: 50% 50%;height: 30px;width: 30px;position: absolute; top:8px;left: 8px;}

.post-cover {font-size: 30px;line-height: 38px; font-weight: 400; margin: 20px 0;border-top: 2px solid #ccc; padding: 50px 0 0 0;}
.post-cover i {display: none;}
.post-cover b {color: #c66666}

.costprice {font-size: 18px;font-weight: 300;margin-top: 33px;margin-bottom: 11px;}
.cl_input_post {width: 100px;text-align: center; border-radius: 5px; border: 1px solid #ccc;padding: 5px;font: 31px/31px 'Fira Sans', sans-serif;background: #fff;box-shadow: inset 0px 2px 3px #ddd; color: #66c6c6; margin-bottom: 10px;margin-right: 10px}
.cl_input_post:focus {border-color: #66c6c6;}
.costinput {font-size: 18px;}
#fullCost {font-size: 18px;margin-bottom: 44px;}
#fullCost b {color: red}




h1 {font-size: 26px;margin-top: 20px;margin-bottom: 20px;text-align: center}
.wrapper-pay {width: 450px;margin: 0 auto;}
.logo-pay {margin-left: 88px;margin-top: 40px;}
.pay-f span {display: block;text-align: center;margin-bottom: 20px;}
.green {color: green}

.logo-pay .logo b {
  font-weight: normal;
  font-size: 17px;
  padding-top: 15px;
  display: block;
}

.logo-pay .logo:before {
  background: url("../img/good/logo-img1.svg") no-repeat;
  content: '';
  background-size: contain;
  width: 48px;
  height: 81px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  top: -7px;
  -webkit-transition: opacity 0.3s ease 0;
  left: -58px;
}

.logo-pay .logo {
  background: url("../img/logo.svg") no-repeat;
  background-size: contain;
  width: 305px;
  height: 54px;
  padding-top: 35px;
  display: block;
  position: relative;
  top: 19px;
  -webkit-transition: opacity 0.3s ease 0;
  margin-left: 15px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  font-weight: 200;
}

.other-models {
	color: #444;
	border: 1px dashed red;
	padding: 10px;
	}

.other-models a {color:#000}

.floor3-wrap-all{display:table;margin:20px auto 27px auto;}
.floor3-list li{color:#262626;float:left;margin-right:57px;width:210px;}
.floor3-list li:last-child{margin-right:0px !important;}
.floor3-list li img{display:table;margin:0 auto;}
.floor3-title{font-size:18px;text-align:center;margin:20px 0 15px 0;}
.floor3-descr{font-size:14px;}
.floor6-wrap{background-color:#343434;height:30px;line-height:30px;}
.floor6-text{text-align:center;color:#c1c1c1;font-size:12px;}
.floor6-text a {color:white}


.wrap-seo-text{
  	max-width:1200px;
	margin:20px auto;
	font-size:14px;
	text-align:justify;	
  }
 
.wrap-seo-text h1{
  	font-weight:100;
	font-size:36px;
	margin:30px;
	text-align:center;
} 
.wrap-seo-text h2{
  	font-weight:300;
	font-size:25px;
	margin:10px;	
  }
  
.wrap-seo-text ul{
  	list-style:inherit !important;
	margin-left:50px !important;
  }
  
.wrap-seo-text a{
      color: #a2d505;
    text-decoration: none;
}
.wrap-seo-text a:hover{
    text-decoration: underline;
}
.wrap-seo-text p{margin:20px auto 20px auto;}


.wrap-model{float:right;margin-left:20px;}

.floor0-wrap{background-color:#343434;height:30px;line-height:30px;}
.floor0-text{text-align:center;color:#c1c1c1;font-size:16px;}
.floor0-text a {color:white}
.screenguard {font-size: 14px;color: black;}