html,body,ol,ul,li,p,h1,h2,h3,h4,h5,h6 {
vertical-align:baseline;
margin:0;
padding:0;
}

ul,ol {
list-style:none;
}

img {
display:block;
border:0;
}

table {
border-spacing:0;
border-collapse:collapse;
}

input {
border:0;
margin:0;
padding:0;
}

input[type=submit] {
cursor:pointer;
}

input:focus {
outline:0;
}

:focus {
outline:09;
}

a {
text-decoration:none;
}

body {
font-size:18px;
line-height:20px;
font-weight:400;
font-family:'PT Sans',sans-serif;
color:#4c4c4c;
background-color:#fff;
}

.g-clearfix:after {
content:"";
display:table;
clear:both;
}

.wrap {
width:1000px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
}

.header {
min-width:1000px;
position:relative;
z-index:1;
background:url(../img/bg-header.png) repeat-x 0 100%;
-webkit-box-shadow:0 2px 6px rgba(1,2,2,.12);
box-shadow:0 2px 6px rgba(1,2,2,.12);
padding:23px 0 28px;
}

.call-back {
float:right;
width:182px;
margin-left:55px;
font-size:14px;
}

.call-back .btn {
display:block;
height:33px;
margin-top:10px;
font-size:15px;
line-height:31px;
border-radius:3px;
text-align:center;
color:#fff;
text-shadow:0 1px 0 rgba(1,2,2,.4);
background-color:#4a87cd;
background:linear-gradient(#4a87cd,#4075c5);
-webkit-box-shadow:0 2px 0 #3565af,inset 0 -1px 0 rgba(255,255,255,.11);
box-shadow:0 2px 0 #3565af,inset 0 -1px 0 rgba(255,255,255,.11);
cursor:pointer;
}

.call-back .btn:hover {
background:linear-gradient(#4075c5,#4a87cd);
}

.ask {
float:right;
width:230px;
font-size:14px;
}

.ask .phone {
margin-top:10px;
font-size:25px;
line-height:31px;
}

.logo img {
width:203px;
height:60px;
}

.footer {
color:#fff;
background:#413c30 url(../img/bg-footer.jpg) repeat-x 0 0;
min-width:1000px;
padding:30px 0;
}

.btn-take-part,.b-use .btn-send {
width:283px;
height:44px;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 2px rgba(1,2,2,.09);
box-shadow:inset 0 1px 2px rgba(1,2,2,.09);
background:rgba(0,0,0,.08);
padding:10px;
}

.btn-take-part .inner {
display:block;
width:100%;
height:44px;
border-radius:4px;
-webkit-box-shadow:0 2px 0 #dfaa4f,inset 0 -1px 0 rgba(255,255,255,.19);
box-shadow:0 2px 0 #dfaa4f,inset 0 -1px 0 rgba(255,255,255,.19);
background:linear-gradient(#fbd77f,#fbcd65);
cursor:pointer;
color:#ad9455;
font:700 18px/44px 'PT Sans',sans-serif;
text-shadow:0 1px 0 rgba(255,255,255,.35);
text-transform:uppercase;
text-align:center;
}

.btn-take-part .inner:hover {
background:linear-gradient(#fbcd65,#fbd77f);
}

.title-imp {
text-align:center;
font-size:43px;
line-height:48px;
font-weight:400;
}

.title-imp>div {
display:inline-block;
border-left:7px solid #4486df;
padding-left:15px;
}

.bg-first {
color:#fff;
text-shadow:0 1px 0 rgba(1,2,2,.4);
background-color:#3b4959;
background-image:url(../img/bg1.jpg);
background-position:50% 50%;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg1.jpg',sizingMethod='scale');
height:625px;
min-width:1000px;
}

.bg-first .bg-title {
background:rgba(255,255,255,.11);
-webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,.1);
box-shadow:inset 0 -1px 0 rgba(255,255,255,.1);
}

.bg-first .bg-title .wrap {
overflow:hidden;
padding:20px;
}

.bg-first .bg-title .title {
float:left;
margin-right:30px;
font-size:51px;
line-height:75px;
font-weight:700;
background:url(../img/number-one.png) no-repeat 94% 50%;
}

.bg-first .bg-title .sub-title {
overflow:hidden;
margin-top:12px;
font-weight:400;
font-size:28px;
line-height:26px;
}

.b-quote {
padding:78px 0 0 55px;
}

.b-quote>img {
width:232px;
height:460px;
display:inline-block;
vertical-align:top;
position:relative;
z-index:5;
margin:-85px 30px 0 0;
}

.b-quote .q-bg {
position:relative;
display:inline-block;
vertical-align:top;
width:532px;
border-radius:5px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.21);
box-shadow:0 1px 2px rgba(0,0,0,.21);
color:#fff;
text-shadow:0 1px 0 rgba(1,2,2,.4);
background-color:#497bc0;
background:rgba(68,134,224,.73);
font-size:21px;
line-height:33px;
padding:46px 40px 40px 58px;
}

.b-quote .q-bg:before {
content:'“';
color:rgba(255,255,255,.16);
font-family:Arial,Helvetica,sans-serif;
font-size:280px;
line-height:64px;
position:absolute;
top:94px;
left:19px;
text-shadow:none;
z-index:1;
}

.b-quote .q-bg:after {
content:'';
display:block;
position:absolute;
left:-10px;
top:38px;
width:0;
height:0;
border-color:transparent rgba(68,134,224,.73) transparent transparent;
border-style:solid;
border-width:0 10px 12px 0;
}

.b-quote .q-bg p {
position:relative;
z-index:2;
}

.b-quote .q-bg .q-author {
display:block;
text-align:right;
margin-top:10px;
font-size:31px;
font-weight:700;
}

.b-welcome {
position:relative;
margin-top:-58px;
text-align:center;
color:#fff;
text-shadow:0 1px 0 rgba(1,2,2,.4);
background-color:#5f5f5f;
background-image:url(../img/stripes.png);
background-repeat:repeat;
border-radius:3px;
font-size:30px;
line-height:36px;
padding:22px 50px;
}

.b-countdown {
background:url(../img/stripes.png) repeat 0 0;
text-align:center;
-webkit-box-shadow:0 20px 30px 0 rgba(0,0,0,.1);
box-shadow:0 20px 30px 0 rgba(0,0,0,.1);
padding:30px 0 25px;
}

.countdown .board {
display:inline-block;
margin-right:15px;
position:relative;
}

.countdown .board:after {
content:'';
display:block;
width:68px;
height:7px;
position:absolute;
top:30px;
left:2px;
background:url(../img/divider.png) no-repeat 50% 50%;
}

.countdown .board>div {
width:72px;
height:66px;
color:#fff;
font-family:Arial,Helvetica,sans-serif;
font-size:40px;
line-height:66px;
font-weight:700;
text-shadow:0 1px 0 #3c3c3c;
background:url(../img/board.png) no-repeat 50% 50%;
}

.countdown .board>span {
color:#a1a1a1;
font-size:12px;
}

.b-brag {
overflow:hidden;
margin:60px 0;
}

.b-brag .brag span {
display:inline-block;
width:136px;
height:116px;
margin-bottom:15px;
background-repeat:no-repeat;
background-image:url(../img/sprite-brag.png);
}

.b-brag .brag1 span {
display:inline-block;
width:136px;
height:116px;
margin-bottom:15px;
background-repeat:no-repeat;
background-image:url(../img/sprite-brag.png);
background-position:0 50%;
}

.b-brag .brag2 span {
display:inline-block;
width:136px;
height:116px;
margin-bottom:15px;
background-repeat:no-repeat;
background-image:url(../img/sprite-brag.png);
background-position:-136px 50%;
}

.b-brag .brag3 span {
display:inline-block;
width:136px;
height:116px;
margin-bottom:15px;
background-repeat:no-repeat;
background-image:url(../img/sprite-brag.png);
background-position:-272px 50%;
}

.b-skills {
min-width:1000px;
color:#fff;
text-shadow:0 1px 0 rgba(1,2,2,.4);
background-color:#4486df;
background-image:url(../img/bg-skills.jpg);
background-repeat:repeat;
padding:55px 0 45px;
}

.b-skills .wrap {
overflow:hidden;
}

.b-skills .l-skills {
float:left;
text-align:right;
width:498px;
}

.b-skills .l-skills .title {
padding-right:50px;
}

.b-skills .l-skills ul li {
padding-right:50px;
overflow:visible;
}

.b-skills .l-skills ul li:before {
position:absolute;
right:-8px;
top:3px;
counter-increment:li;
content:counter(li);
width:30px;
height:30px;
line-height:30px;
border-radius:20px;
border:2px solid #fbd67a;
color:#fbd67a;
text-align:center;
text-shadow:none;
}

.b-skills .l-skills ul li:after {
content:" ";
position:absolute;
right:8px;
top:-15px;
display:block;
height:20px;
width:2px;
background:#fbd67a;
}

.b-skills .r-skills {
float:right;
width:498px;
position:relative;
left:-30px;
}

.b-skills .r-skills .title {
padding-left:65px;
}

.b-skills .r-skills ul li {
padding-left:65px;
overflow:visible;
}

.b-skills .r-skills ul li:before {
position:absolute;
left:0;
top:3px;
counter-increment:li;
content:counter(li);
width:30px;
height:30px;
line-height:30px;
border-radius:20px;
border:2px solid #fbd67a;
color:#fbd67a;
text-align:center;
text-shadow:none;
}

.b-skills .r-skills ul li:after {
content:" ";
position:absolute;
left:16px;
top:-15px;
display:block;
height:20px;
width:2px;
background:#fbd67a;
}

.b-skills .title {
font-weight:700;
font-size:44px;
line-height:36px;
margin-bottom:30px;
}

.b-skills ul {
counter-reset:li;
}

.b-skills ul li {
position:relative;
line-height:18px;
height:50px;
overflow:hidden;
}

.b-skills ul li span {
display:table-cell;
width:455px;
vertical-align:middle;
height:45px;
}

.b-use {
padding:55px 0 0;
}

.b-use ul {
background:url(../img/bg-use1.jpg) no-repeat 50% 30px;
padding:85px 0 30px;
}

.b-use ul li {
height:100px;
overflow:hidden;
text-align:center;
}

.b-use ul li>div {
width:345px;
}

.b-use ul li.height {
height:140px;
}

.b-use .btn-send {
width:168px;
height:68px;
position:absolute;
top:50%;
left:50%;
margin:-20px 0 0 -90px;
}

.b-use .btn-send .inner {
display:block;
cursor:pointer;
text-transform:uppercase;
width:100%;
height:68px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:3px;
text-align:center;
font:700 18px 'PT Sans',sans-serif;
color:#fff;
background-color:#4c95e4;
background:linear-gradient(#4c95e4,#3d79dd);
text-shadow:none;
-webkit-box-shadow:0 2px 0 #3565af,inset 0 -1px 0 rgba(255,255,255,.11);
box-shadow:0 2px 0 #3565af,inset 0 -1px 0 rgba(255,255,255,.11);
padding:10px 20px;
}

.b-use .btn-send .inner:hover {
background:linear-gradient(#3d79dd,#4c95e4);
}

.b-form {
color:#fff;
text-shadow:0 1px 0 rgba(1,2,2,.4);
background-color:#4486df;
min-width:1000px;
}

.b-form .wrap {
position:relative;
padding:35px 0 30px;
}

.b-form img {
position:absolute;
right:0;
bottom:0;
}

.b-form .title {
position:relative;
z-index:5;
font-weight:400;
font-size:30px;
line-height:33px;
margin:0 0 30px;
}

.b-form .btn-take-part {
float:left;
}

.input-form {
float:left;
width:300px;
margin-right:20px;
}

.input-form input {
display:block;
width:100%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:29px;
line-height:16px;
border:1px solid #fff;
border-radius:4px;
-webkit-box-shadow:inset 0 3px 5px #ededed;
box-shadow:inset 0 3px 5px #ededed;
padding:5px 7px 6px 30px;
}

.input-form input.input-name {
background:#fff url(../img/input-name.png) no-repeat 7px 50%;
margin:0 0 5px;
}

.input-form input.input-email {
background:#fff url(../img/input-email.png) no-repeat 7px 50%;
margin:5px 0 0;
}

.b-cols {
padding:50px 0;
}

.b-cols .title {
font-weight:400;
font-size:79px;
line-height:62px;
text-align:right;
}

.b-cols .title b {
font-weight:700;
font-size:71px;
line-height:63px;
}

.b-cols .title .line {
display:inline-block;
position:absolute;
bottom:0;
left:345px;
height:35px;
width:133px;
border-bottom:4px solid #4486df;
}

.b-cols .sub-title {
font-size:50px;
line-height:62px;
font-weight:400;
text-align:center;
margin:30px 0 0;
}

.b-cols .row {
overflow:hidden;
position:relative;
}

.b-cols .col {
float:left;
width:480px;
margin-left:20px;
}

.b-cols .col:first-child {
margin-left:none;
}

.b-cols .col p {
padding:20px 0 0;
}

.for-men {
background:#f5f3f4;
min-width:1000px;
text-align:center;
overflow:hidden;
position:relative;
padding:35px 0 0;
}

.for-men .wrap {
position:relative;
z-index:5;
overflow:visible;
}

.for-men .bg {
position:absolute;
width:344px;
height:431px;
left:-236px;
bottom:0;
}

.for-men .title-imp {
margin:0 0 45px;
}

.for-men .b-note {
display:inline-block;
width:686px;
background:#fff;
position:relative;
padding:50px 60px 70px;
}

.for-men .b-note:after {
z-index:-1;
position:absolute;
content:"";
bottom:10px;
top:10px;
right:10px;
width:5%;
-webkit-box-shadow:10px 0 10px #ccc;
box-shadow:10px 0 10px #ccc;
-webkit-transform:rotate(3deg);
-o-transform:rotate(3deg);
-ms-transform:rotate(3deg);
transform:rotate(3deg);
}

.for-men .b-note:before {
z-index:-1;
position:absolute;
content:"";
bottom:10px;
top:10px;
width:5%;
left:10px;
-webkit-box-shadow:-10px 0 10px #ccc;
box-shadow:-10px 0 10px #ccc;
-webkit-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
transform:rotate(-3deg);
}

.for-men .note {
text-align:left;
font-size:22px;
line-height:30px;
border:1px dashed #d4d4d4;
background:url(../img/attention.png) no-repeat 35px 45px;
padding:45px 30px 70px 140px;
}

.for-men .btn-bg {
position:absolute;
bottom:15px;
left:50%;
margin-left:-176px;
background:#fff;
padding:25px;
}

.b-use2 {
position:relative;
z-index:10;
-webkit-box-shadow:0 -2px 5px rgba(1,2,2,.1);
box-shadow:0 -2px 5px rgba(1,2,2,.1);
}

.b-use2 .title {
position:absolute;
width:300px;
top:50%;
left:50%;
font-size:45px;
line-height:48px;
font-weight:400;
text-align:center;
margin:-80px 0 0 -150px;
}

.b-use2 .title:after {
content:'';
position:absolute;
bottom:-30px;
left:50%;
margin-left:-56px;
display:block;
width:112px;
height:1px;
border-bottom:3px solid #4486df;
}

.b-use2 ul {
background:url(../img/bg-use2.png) no-repeat 50% 40px;
padding:80px 0 30px;
}

.b-use2 ul li {
height:95px;
overflow:hidden;
text-align:center;
}

.b-use2 ul li>div {
width:360px;
}

.b-use2 ul li.height {
height:120px;
}

.b-use2 ul li.narrow>div {
width:290px;
}

.b-masters {
padding:50px 0 0;
}

.b-masters .title-imp {
margin:0 0 20px;
}

.b-masters ul li {
border-top:1px dashed #d4d4d4;
overflow:hidden;
padding:40px 0;
}

.b-masters ul li:first-child {
border:0;
}

.b-masters .visual {
background:#fff;
float:left;
position:relative;
width:176px;
height:131px;
margin-right:20px;
}

.b-masters .visual:after {
z-index:-1;
position:absolute;
content:"";
height:5%;
bottom:0;
right:10px;
left:10px;
-webkit-box-shadow:0 5px 20px #bbb;
box-shadow:0 5px 20px #bbb;
}

.b-masters .visual img {
max-height:100%;
max-width:100%;
border-radius:5px;
}

.b-masters .text {
overflow:hidden;
font-size:20px;
position:relative;
padding:10px 50px 0 30px;
}

.b-masters .text:before {
content:'“';
color:#f2f2f2;
font-family:Arial,Helvetica,sans-serif;
font-size:280px;
line-height:64px;
position:absolute;
top:74px;
left:-10px;
z-index:0;
}

.b-masters .text .valign {
position:relative;
z-index:1;
display:table-cell;
height:121px;
vertical-align:middle;
}

.b-masters .text .author {
color:#4486e0;
font-weight:700;
line-height:32px;
}

.b-comments {
color:#fff;
text-shadow:0 1px 0 rgba(1,2,2,.4);
background-color:#99a6b8;
background-image:url(../img/bg2.jpg);
background-position:50% 50%;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg2.jpg',sizingMethod='scale');
min-width:1000px;
padding:50px 0;
}

.b-comments .visual {
float:left;
width:255px;
text-align:center;
}

.b-comments .comment-container {
float:left;
position:relative;
border-radius:6px;
background:url(../img/bg-comment.png) repeat 0 0;
margin:10px 0 0 10px;
}

.b-comments .comment {
width:470px;
color:#4c4c4c;
background-color:#fff;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.26);
box-shadow:0 1px 3px rgba(0,0,0,.26);
border-radius:6px;
text-shadow:none;
position:relative;
right:10px;
bottom:10px;
padding:25px 0 25px 25px;
}

.b-comments .comment:before {
content:'';
display:block;
position:absolute;
left:-11px;
top:39px;
width:0;
height:0;
border-color:transparent #a6b6c6 transparent transparent;
border-style:solid;
border-width:0 10px 12px 0;
}

.b-comments .comment:after {
content:'';
display:block;
position:absolute;
left:-10px;
top:38px;
width:0;
height:0;
border-color:transparent #fff transparent transparent;
border-style:solid;
border-width:0 10px 12px 0;
}

.b-comments .comment .author {
color:#4486e0;
font-size:21px;
}

.b-comments .comment .info {
font-size:13px;
color:#9b9b9b;
}

.b-comments .comment .text {
padding-top:10px;
}

.scroll {
width:470px;
}

.scroll .viewport {
width:440px;
height:210px;
overflow:hidden;
position:relative;
}

.scroll .overview {
list-style:none;
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
}

.scroll .scrollbar {
background:url(../img/scrollbar.png) no-repeat 0 0;
position:relative;
float:right;
width:4px;
margin-right:15px;
}

.scroll .track {
height:100%;
width:13px;
position:relative;
padding:0 1px;
}

.scroll .thumb {
background:url(../img/thumb.png) no-repeat 0 0;
height:35px;
width:10px;
cursor:pointer;
overflow:hidden;
position:absolute;
top:0;
left:-2px;
}

.slider-container {
overflow:hidden;
width:790px;
height:285px;
margin:40px auto 0;
}

#slider {
margin:0 auto;
}

#slider li {
width:790px;
height:285px;
overflow:hidden;
}

#prevBtn,#nextBtn {
display:block;
width:37px;
height:42px;
position:absolute;
top:50%;
z-index:1000;
}

#prevBtn {
left:0;
}

#nextBtn {
right:0;
}

#prevBtn a,#nextBtn a {
display:block;
position:relative;
width:37px;
height:42px;
background:url(../img/arrows.png) no-repeat 0 50%;
}

#nextBtn a {
background:url(../img/arrows.png) no-repeat 100% 50%;
}

.arcticmodal-overlay,.arcticmodal-container {
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
z-index:1000;
}

.arcticmodal-container {
overflow:auto;
border:0;
border-collapse:collapse;
margin:0;
padding:0;
}

:first-child+html .arcticmodal-container {
height:100%;
}

.arcticmodal-container_i {
height:100%;
margin:0 auto;
}

.arcticmodal-container_i2 {
border:0;
vertical-align:middle;
margin:0;
padding:24px;
}

.arcticmodal-error {
border-radius:10px;
background:#000;
color:#fff;
padding:20px;
}

.arcticmodal-loading {
width:80px;
height:80px;
border-radius:10px;
background:#000 url(loading.gif) no-repeat 50% 50%;
}

.box-modal {
position:relative;
width:460px;
border-radius:4px;
color:#fff;
text-shadow:0 1px 0 rgba(1,2,2,.4);
background-color:#4486df;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:40px 80px;
}

.box-modal .box-modal_close {
position:absolute;
top:5px;
right:5px;
width:17px;
height:17px;
background:url(../img/btn-close.png) no-repeat 50% 50%;
cursor:pointer;
}

.box-modal .title {
font-size:21px;
line-height:33px;
text-align:center;
text-shadow:none;
margin:0 0 25px;
}

.box-modal .input-form {
float:none;
margin:0;
}

.box-modal .input-form input.input-email {
margin:10px 0 0;
}

.box-modal .input-form input.input-tel {
background:#fff url(../img/input-tel.png) no-repeat 7px 50%;
margin:10px 0 0;
}

.box-modal .btn-take-part {
margin-top:40px;
width:100%;
height:64px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.box-modal.back .title {
font-size:26px;
margin:30px 0;
}

.box-modal.back .btn-take-part {
margin-bottom:3px;
}

.g-hidden,.b-skills .l-skills ul li:first-child:after,.b-skills .r-skills ul li:first-child:after,.scroll .disable {
display:none;
}

.ask b,.title-imp b,.b-cols .sub-title b,.b-use2 .title b {
font-weight:700;
}

.logo,.b-use ul li .c-use,.b-use2 ul li .c-use,.b-comments .visual img {
display:inline-block;
}

.b-countdown .btn-take-part,.countdown {
display:inline-block;
vertical-align:top;
}

.b-brag .brag,.b-brag .brag1,.b-brag .brag2,.b-brag .brag3 {
float:left;
width:330px;
text-align:center;
line-height:30px;
}

.b-brag .brag strong,.b-brag .brag1 strong,.b-brag .brag2 strong,.b-brag .brag3 strong {
display:block;
font-size:29px;
line-height:24px;
font-weight:700;
}

.b-use .wrap,.b-use2 .wrap,.b-comments .wrap {
position:relative;
}

.b-use ul li .l-use,.b-use2 ul li .l-use {
float:left;
text-align:right;
}

.b-use ul li .r-use,.b-use2 ul li .r-use {
float:right;
text-align:left;
}