html{padding:0;margin:0}
html,body{height:100%;font-size:14px;}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@font-face{font-family:'Proxima Nova';src:url(fonts/ProximaNova-Reg.otf)}
body{background:#F0F2FA;color:#7c8790;padding:0;margin:0;font-family:'Proxima Nova',Arial,sans-serif;font-weight:400;font-style:normal;line-height:1.3;position:relative;cursor:auto}
a{color:#87d351;text-decoration:none}
a:hover{cursor:pointer;text-decoration:underline}
img{max-width:100%;height:auto}
.left{float:left!important}
.dn{display:none!important;}
.right{float:right!important}
.clearfix:before,.clearfix:after{content:" ";display:block}
.clearfix:after{clear:both}
.clearfix{clear:both;display:block}
img{display:inline-block;vertical-align:middle}
textarea{height:auto;min-height:50px}
select{width:100%}
header{max-width:1242px;min-height:600px;margin:0 auto}
section{max-width:1242px;margin:0 auto;text-align:center}
.top_line{padding-top:16px}
.top_line .right{margin-top:22px}
.top_line .right a{font-weight:700;color:#fff;text-decoration:none;-moz-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;transition:.2s ease-in-out}
.top_line .right a i{display:block;background:url(images/sprite_logo.png) no-repeat -104px -43px;width:16px;height:9px;float:left;margin:5px 6px 0 0;-moz-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;transition:.2s ease-in-out}
.top_line .right a:first-child:hover{color:#E04C87}
.top_line .right a:first-child:hover i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}
.top_line .right a.sign_up{color:#E04C87;border:1px solid #E04C87;border-radius:3px;padding:9px 14px 10px;margin-left:22px;-moz-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;transition:.2s ease-in-out}
.top_line .right a.sign_up:hover{background:#E04C87;color:#fff}
.button{background:#87d351;border-radius:10px;border:none;color:#fff;text-decoration:none;cursor:pointer;font-size:16px;font-weight:700;display:inline-block;padding:18px 36px;-moz-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;transition:.2s ease-in-out}
.button:hover{background:#87d351;text-decoration:none;color:#fff;}
input[type="text"],input[type="email"],input[type="password"]{border:none;outline:none;border-radius: 10px;height:55px;width:270px;padding:10px 20px 10px 40px;font-family:'Proxima Nova',Arial,sans-serif}
input.user_name{background:#fff url(images/user.jpg) 20px 49% no-repeat;margin-right:18px}
.email{background:#fff url(images/mail.jpg) 20px 49% no-repeat;margin-bottom:10px}
input.showpassword{background:#fff url(images/lock.jpg) 20px 48% no-repeat;padding:10px 50px 10px 37px}
span.show{display:block;height:47px;width:20px;padding:10px;background:url(images/eye_close.png) 50% 50% no-repeat;border:none;outline:none;cursor:pointer;-moz-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;transition:.2s ease-in-out}
form .button{font-size:13px;font-weight:700;height:55px;line-height:20px}
span.show.hide{background:url(images/eye_open.png) 50% 50% no-repeat}
h2{text-transform:normal;font-size:30px;margin:0 0 30px;color:#283138;font-weight:400}
h4{text-transform:uppercase;font-size:16px}
.sm_logo {
    display: block;
    background: url(images/logo.png) center center no-repeat;
    width: 94px;
    height: 60px;
    background-size: contain;
}
.center{text-align:center;max-width:750px;margin:0 auto;padding-top:115px}
.center p{color:#c1cad0;font-size:16px;padding:45px 0;margin:0}
.center p b{color:#fff}
.description{background:#fff}
.description section,.featured_today section{padding:50px 18px 60px;font-size:16px;text-align:center}
.featured_today section>p{color:#283138;font-size:16px;margin-top:-12px;margin-bottom:60px}
section .description h2{text-align:center}
section .description p{line-height:1.5}
.featured_today{background:#F9F9F9}
.shots.table{width:100%}
.table{display:table}
.row{display:table-row}
.cell{display:table-cell}
.shots .cell{width:20%}
.shot_bg{background:#FFF;padding:10px;text-align:center;display:inline-block;width:92%}
.shots .img_bg{width:100%;height:150px;display:inline-block;background-repeat:no-repeat;background-size:cover;background-position:center}
.shot_item p{color:#283138;font-size:12px;height:16px;text-align:left;margin-top:15px;margin-bottom:4px;overflow:hidden;padding-right:32px;background:url(images/icon_heart.png) no-repeat 100% 50%}
.rows{width:100%;position:relative}
.rows>div{width:25%;float:left;height:100%;min-height:245px;padding:130px 25px 0}
.rows>.step1{padding-left:0}
.rows>.step4{padding-right:0}
.rows>div h4,.works ul li h4{margin-bottom:0;margin-top:0;color:#283138;text-transform:none;font-size:18px;font-weight:400}
.rows>div p,.works ul li p{margin-top:8px;color:#7c8790;font-size:15px;height:60px}
.step_num{background:#fff;display:inline-block;padding:0 49px;position:relative;z-index:10}
.step_num span{font-size:24px;color:#283138;height:49px;width:49px;border-radius:49px;line-height:49px;display:inline-block;background:#F9F9F9}
.rows .dotted_track{background:url(images/dotted_track.png) repeat-x;height:4px;left:116px;min-height:4px;padding:0;position:absolute;top:258px;width:80%;z-index:5}
.step1{background:url(images/sign-up.png) center top no-repeat}
.step2{background:url(images/confirm.png) center top no-repeat}
.step3{background:url(images/get-coins.png) center top no-repeat}
.step4{background:url(images/enjoy.png) center top no-repeat}
ul{list-style:none;margin:0;padding:0}
.works{width:95%;margin:70px auto 15px}
.works ul{width:100%}
.works ul li{width:33%;display:inline-block;vertical-align:top;padding:0 0 20px;text-align:left}
.works ul li div{padding:0 22px;display:inline-block}
.works ul li div h4{margin-top:0}
.works ul li span{background:#2B3238 url(images/sprite_logo.png) no-repeat -96px 0;width:37px;height:37px;display:block;float:left;border-radius:50%;border:25px solid #2B3238;box-sizing:content-box;margin-bottom:50px;margin-top:5px;margin-right:20px}
.services,.video_lessons{background:#F6F6F6;color:#AFB9C0;min-height:100px;text-align:center}
.video_lessons h2{padding-top:32px;margin:0;display:inline-block;padding-right:36px;background:url(images/video.png) right 48px no-repeat}
.reviews h2{color:#fff;padding-top:60px}
.rows.col50{padding:0 7%}
.rows.col50 >div{width:50%;padding:24px;min-height:auto}
.how_job{border:1px solid #CFCFCF;height:172px;padding-top:32px;padding-left:6%;padding-right:6%}
.how_job p{margin-bottom:0;color:#7c8790}
.rows .how_job h4{font-size:30px;color:#283138;text-transform:uppercase}
.reviews{background:url(images/reviews_bg.jpg) center center no-repeat;background-size:cover;height:315px}
.services h4{padding-top:40px;margin:0}
.services span.dribbble{background:url(images/sprite_logo.png) no-repeat -134px 0;width:151px;height:32px;display:inline-block;vertical-align:middle;margin:-3px 0 0 33px}
.services span.behance{background:url(images/sprite_logo.png) no-repeat -137px -44px;width:145px;height:26px;display:inline-block;vertical-align:middle;margin:-6px 0 0 33px}
.services span.medium{background:url(images/medium_logo.png) no-repeat 0 50%;width:191px;height:35px;display:inline-block;vertical-align:middle;margin:-6px 0 0 33px}
.services span.artstation{background:url(images/artstation_logo.png) no-repeat 0 50%;width:240px;height:35px;display:inline-block;vertical-align:middle;margin:-6px 0 0 33px}

.registration{min-height:400px;padding:71px 10px;background:#2B3238}
.pass_box{position:relative;display:inline-block;margin:0 18px}
.pass_box .show{position:absolute;right:20px;top:5px;border-radius:0 3px 3px 0}
.registration h4{color:#fff;margin-top:0;text-transform:none;font-size:30px;font-weight:400}
.registration p{font-size:16px;padding:0 160px;margin-bottom:62px;color:#cac9c9}
footer{min-height:74px;background:#252C32;font-size:14px}
.copy{float:left;color:#5f6a73;font-size:14px}
.support{float:right;color:#5f6a73;font-size:14px}
.support a{color:#c1c9cf;font-size:14px}
footer p{color:#7c8790;font-size:13px;padding-top:30px;margin:0}
.sign_box{max-width:425px;margin:0 auto;padding:0;text-align:center}
.sign_logo{margin:65px auto 35px}
.sign_heading{border-radius:5px 5px 0 0;min-height:95px;padding:28px 10px}
.inputs_area{background:#fff;border-radius:0 0 5px 5px;padding:40px;border-radius: 20px;}
.inputs_area input[type="text"],.inputs_area input[type="password"],.inputs_area input[type="email"]{background:#fff;border:1px solid #d9dbea;width:100%;display:block;margin-bottom:20px;padding:10px 20px;-moz-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;transition:.2s ease-in-out;font-size:16px}
.inputs_area input[type="text"]:focus,.inputs_area input[type="password"]:focus,.inputs_area input[type="email"]:focus{box-shadow:0 0 6px rgba(99,145,229,0.45);border:1px solid #6391E5}
.inputs_area input::-webkit-input-placeholder{color:#7c8790}
.inputs_area input:-moz-placeholder{color:#7c8790}
.sign_heading h4{color: #283138;
    font-size: 28px;
    font-weight: 400;
    height: 25px;
    line-height: 19px;
    margin: 0px;}
.sign_heading span{text-transform:uppercase;color:#8b9093;font-size:14px}
.recover form input[type="email"]{margin-bottom:10px}
.inputs_area button.button{width:100%;font-size:16px;height:60px;padding:21px 13px;margin-top:20px}
.inputs_area button.button span{display:block;font-weight:400;color:#dbffc3;font-size:12px}
.after_all{font-size:16px;margin-top:35px}
.login .sign_heading h4{padding-top:10px!important}
.login button.button{padding:20px}
.soc_login{padding-top:20px}
.inputs_area hr{width:425px;margin-left:-40px;border:none;height:1px;background:#DEDEDE;margin-top:37px;margin-bottom:0}
.soc_login a{display:inline-block;height:32px;float:left;-moz-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;transition:.2s ease-in-out;margin-left:20px;}
.soc_login a:hover{text-decoration:none;opacity:.85;}
.soc_login p span{color:#2b3238;float:left;margin-top:7px}
@media only screen and (max-width: 1199px) {
.registration{text-align:center}
.registration form input{width:45%;display:block;margin-bottom:10px;margin-right:auto;margin-left:auto}
.registration .pass_box{width:45%;display:block;margin:0 auto 10px}
.registration .pass_box input{width:100%;margin:0}
.shots .img_bg{height:120px}
}
.all_page{margin:0 auto;max-width:1366px;}
.block{float:left;position:relative;width:100%}
.styled-select select{background:rgba(255,255,255,0);border:none;font-size:14px;height:112%;width:100%;outline:none;cursor:pointer;font-family:"Proxima Nova";position:absolute;left:0;z-index:12;opacity:0}
.styled-select > span{float:left;margin-left:11px;margin-top:9px;font-size:14px;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:left}
.styled-select > span.error{color:#ED0A95!important;box-shadow:none!important}
.jcarousel-wrapper{margin:0 auto;position:relative;width:600px;height:210px}
.jcarousel-wrapper .photo-credits{position:absolute;right:15px;bottom:0;font-size:13px;color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.85);opacity:.66}
.jcarousel-wrapper .photo-credits a{color:#fff}
.jcarousel{position:relative;overflow:hidden}
.jcarousel ul{width:20000em;position:relative;list-style:none;margin:0;padding:0}
.jcarousel li{float:left}
.jcarousel li >div{height:158px;width:600px;color:#fff;font-size:30px;font-style:italic}
.jcarousel li >div span{display:block;text-align:center;color:#bfbfbf;font-size:16px;font-style:normal;padding-top:38px}
.reviews_icon{background:url(images/reviews_icon.png) no-repeat center center;width:42px;height:30px;display:inline-block;position:absolute;left:-30px;top:-17px}
.jcarousel-control-prev,.jcarousel-control-next{position:absolute;top:111px;width:30px;height:30px;text-align:center;background:#4E443C;color:#fff;text-decoration:none;text-shadow:0 0 1px #000;font:24px/27px Arial,sans-serif;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-box-shadow:0 0 2px #999;-moz-box-shadow:0 0 2px #999;box-shadow:0 0 2px #999}
.jcarousel-control-prev:hover,.jcarousel-control-next:hover{text-decoration:none}
.jcarousel-control-prev{left:-50px}
.jcarousel-control-next{right:-50px}
.jcarousel-control-prev:hover span,.jcarousel-control-next:hover span{display:block}
.jcarousel-control-prev.inactive,.jcarousel-control-next.inactive{opacity:.5;cursor:default}
.jcarousel-pagination{position:absolute;bottom:0;left:15px}
.jcarousel-pagination a{text-decoration:none;display:inline-block;font-size:11px;line-height:14px;min-width:14px;background:#fff;color:#4E443C;border-radius:14px;padding:3px;text-align:center;margin-right:2px;opacity:.75}
.jcarousel-pagination a.active{background:#4E443C;color:#fff;opacity:1;text-shadow:0 -1px 0 rgba(0,0,0,0.75)}
.styled-select{border-radius:4px;height:28px;line-height:28px;outline:medium none currentColor;overflow:hidden;width:244px;background: url(images/dropdown.svg) 94% 50% no-repeat transparent;position:relative;z-index:1000}
.styled-select.sel2{border:1px solid #DFDFDF;border-radius:3px;font-size:18px;height:54px;padding:0 14px;position:relative}
.styled-select.sel2 > span{font-size:18px;margin-left:0}
.styled-select.sel2:before{width:5px;height:30px;position:absolute;left:0;content:''}
.styled-select.sel2:after{width:37px;height:30px;position:absolute;right:0;content:'';z-index:10}
.styled-select .emul_select{background:url(images/sel1.png) 0 0 no-repeat transparent;position:absolute;right:0;width:28px;height:28px}
.windalert{padding:36px 10px;background:#fff;text-align:center;color:#393939;min-width:336px;border-radius:3px;max-width:800px;}
.windalert.popup_page{padding:36px 30px;}
.windalert a{color:#2881ad}
.windalert.dialog{background:#EFEFEF;padding:0;min-width:inherit;box-shadow:none;border-radius:10px;text-align:left}
.windalert.dialog h4{border-radius:10px 10px 0 0;background:#EB078A;width:100%;float:left;font-family:'Proxima Nova';height:41px;line-height:41px;color:#fff;font-weight:400;font-size:16px;text-align:center}
.windalert.dialog .styled-select{background-color:#fff;box-shadow:inset 2px 2px 3px -1px #BFBFBF,1px 1px 6px -5px #BFBFBF;border:none;height:32px;margin-bottom:18px;margin-left:2px;width:234px;background-position:214px 52%}
.windalert.dialog span{text-transform:uppercase;font-size:10px;margin-right:8px;margin-top:9px;float:left}
#address_form{font-size:10px;margin-bottom:18px;color:#959595;text-align:left}
button.yes,button.no{margin:20px 8px 0;min-width:105px;cursor:pointer}
.remove_link{background:url(images/delete.gif) 0 100% no-repeat transparent;display:block;float:right;font-size:0;height:13px;width:11px;cursor:pointer}
.windalert .remove_link{right:14px;top:14px;position:absolute}
.TB_overlay{background-color:#000;height:100%;left:0;opacity:.2;position:fixed;top:0;width:100%;z-index:100}
input[type="text"].error{border:1px solid red;box-shadow:0 0 8px -4px red}
.B_text.error{border:1px solid red;box-shadow:0 0 8px -4px red}
input[type="checkbox"]{display:none}
label{cursor:pointer}
input[type="checkbox"] + label,input[type="radio"] + label{display:inline-flex;align-items: center;font-size:14px;margin-bottom:5px;cursor:pointer;}
input[type="checkbox"] + label::before,input[type="radio"] + label::before{content:"";display:inline-block;height:24px;width:22px;margin-bottom:0;margin-right:11px;margin-top:0;background-image:url(images/sprite.png);background-repeat:no-repeat}
input[type="checkbox"] + label::before{background-position:-3px 0px;vertical-align:middle}
input[type="radio"] + label::before{background-position:-3px -3px;vertical-align:middle}
input[type="checkbox"]:checked + label::before{background-position:-3px -36px;vertical-align:middle}
input[type="radio"]:checked + label::before{background-position:-3px -25px;vertical-align:middle}
input[type="checkbox"]:disabled + label::before{background-position:-152px -260px}
input[type="checkbox"]:checked:disabled + label::before{background-position:-3px -35px;vertical-align:middle}
input[type="radio"]:disabled + label::before{background-position:-152px -260px}
input[type="radio"]:checked:disabled + label::before{background-position:-171px -260px}
 .progress-bar {
        background-color: #D9D9D9;
        height: 7px;
        width: 100%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 3px;
}

.progress-bar span {
        display: inline-block;
        height: 7px;
         width: 100%;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
        -webkit-transition: width .4s ease-in-out;
        -moz-transition: width .4s ease-in-out;
        -ms-transition: width .4s ease-in-out;
        -o-transition: width .4s ease-in-out;
        transition: width .4s ease-in-out;
}

.green span {
          background-color: #87D351;
}




.shine span {
        position: relative;
}

.shine span::after {
        content: '';
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;                     
        animation: animate-shine 2s ease-out infinite;
        -webkit-animation: animate-shine 2s ease-out infinite;
        -moz-animation: animate-shine 2s ease-out infinite;
		-o-animation: animate-shine 2s ease-out infinite;
		
}

@-webkit-keyframes animate-shine {
        0% {opacity: 0; width: 0;}
        50% {opacity: .5;}
        100% {opacity: 0; width: 95%;}
}

@-moz-keyframes animate-shine {
        0% {opacity: 0; width: 0;}
        50% {opacity: .5;}
        100% {opacity: 0; width: 95%;}
}

@-o-keyframes animate-shine {
        0% {opacity: 0; width: 0;}
        50% {opacity: .5;}
        100% {opacity: 0; width: 95%;}
}

keyframes animate-shine {
        0% {opacity: 0; width: 0;}
        50% {opacity: .5;}
        100% {opacity: 0; width: 95%;}
}