/*
Designer: Xatai
Site: Xpert.az
Facebook: https://fb.com/xetai.isayev
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html{height:100%;min-height:100%;}
body{min-height:100%; min-width:320px;}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 'Fira Sans', Arial, Helvetica, sans-serif; color:#000;outline:none}
a{outline:none;color:#000;text-decoration:none}
a img{border:0 none}
h1,h2,h3,h4,h5 {line-height:normal;font-weight:400;text-rendering:optimizeLegibility}
h1{font-size:23px}
h2{font-size:21px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
strong,b{font-weight:700}
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.tr, .lp-form .lp-input input, .lp-form .inp-bottom .lp-check label a, .lp-bt .lp-block .lp-r a, .lp-form .lp-button button:after {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

@font-face {
    font-family: 'Fira Sans';
    src: url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Regular.eot');
    src: url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Regular.woff2') format('woff2'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Regular.woff') format('woff'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Regular.ttf') format('truetype'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Regular.svg#FiraSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Fira Sans';
    src: url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-SemiBold.eot');
    src: url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-SemiBold.woff2') format('woff2'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-SemiBold.woff') format('woff'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-SemiBold.ttf') format('truetype'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-SemiBold.svg#FiraSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Bold.eot');
    src: url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Bold.woff2') format('woff2'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Bold.woff') format('woff'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Bold.ttf') format('truetype'),
        url('/theme/frontend/smart/style/default/fonts/subset-FiraSans-Bold.svg#FiraSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* Struktur */
.reg {position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; overflow-x: auto; background-image: linear-gradient(to right, #f04b23, #ffc908);}
.ct-a {display: table; height: 100%; margin: 0 auto;}
.ct-b {display:table-cell; height:100%; vertical-align:middle;}
.login-panel {display:block; content:""; clear:both;}

/* Login panel */
.login-panel {max-width:100%; width:1064px; margin: 20px auto; padding:0 20px;}
.login-panel .login-panel-wrap {background-color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); border-radius:10px; overflow:hidden;}
.login-panel-wrap .lp-top {overflow:hidden; padding:10px 25px;}
.lp-top .logo {float:left;}
.lp-top .logo a {display:block; width:191px; height:46px; background-image: url(/theme/frontend/smart/style/default/images/logo.svg);}
.lp-top .return {float:right; padding: 13px 0;}
.lp-top .return a {display:block; position:relative;color:#f04b23; line-height:20px; height:20px; font-size:14px; font-weight: 600; padding-left:22px;}
.lp-top .return a:before {content: ""; display:block; position:absolute; left:0; top:0; background-image: url(/theme/frontend/smart/style/default/images/arrow.svg); width:20px; height:20px;}
.login-panel-wrap .lp-content {overflow:hidden; position:relative;}
.lp-content .lp-col {width:50%; float:left;}
.lp-content .lp-col .lp-left {text-align:center; padding:88px 20px;}
.lp-content .lp-col .lp-left:before {content:""; background-color: #efefef;  position:absolute; width:50%; height:100%; top:0; left:0;}
.lp-left .lp-symb {margin: 0 auto 30px; position:relative; z-index:1;}
.lp-left .lp-symb.symb-1 {background-image: url(/theme/frontend/smart/style/default/images/symb-1.svg);}
.lp-left .lp-symb.w-1 {width:132px; height:199px;}
.lp-left .lp-symb.symb-2 {background-image: url(/theme/frontend/smart/style/default/images/symb-2.png);}
.lp-left .lp-symb.symb-3 {background-image: url(/theme/frontend/smart/style/default/images/symb-3.svg);}
.lp-left .lp-symb.symb-4 {background-image: url(/theme/frontend/smart/style/default/images/symb-4.png);}
.lp-left .lp-symb.w-2 {width:181px; height:199px; background-size:cover;}
.lp-left .lp-a {color: #282828; font-weight:bold; letter-spacing:-0.6px; font-size:40px; line-height:48px; margin-bottom:15px; position:relative; z-index:1;}
.lp-left .lp-b {color:#565656; letter-spacing:0.64px; font-size: 16px; line-height:23px; width:360px; max-width:100%; margin: 0 auto; position:relative; z-index:1;}
.lp-content .lp-col .lp-right {padding:65px 46px 30px 46px;}
.lp-content .lp-col .lp-right.for-reg {padding:28px 46px 30px 46px;}
.lp-right .lp-a {color:#282828; letter-spacing: -0.6px; font-size:40px; line-height:48px; margin-bottom:10px; font-weight:bold;}
.lp-right .lp-b {color: #565656; margin-bottom:25px; font-size:16px; line-height:19px; letter-spacing: 0.64px;}
.lp-form .lp-input {position:relative; margin-bottom:20px;}
.lp-form .lp-input:before {content:""; width:24px; height:24px; display:block; position:absolute; left:16px; top:0; bottom:0; margin: auto; z-index:100;}
.lp-form .lp-input.mail:before {background-image: url(/theme/frontend/smart/style/default/images/l-mail.svg);}
.lp-form .lp-input.pass:before {background-image: url(/theme/frontend/smart/style/default/images/pass.svg);}
.lp-form .lp-input.phone-register:before {background-image: url(/theme/frontend/smart/style/default/images/l-phone.svg);}
.lp-form .lp-input input {width:100%; display:block; border-radius: 10px; border: solid 1px #c1c1c1; background-color: #ffffff; font-size:15px; font-weight:500; line-height:24px; padding:12px 20px 12px 50px;}
.lp-form .lp-input .show-pass {position:absolute; top:0; margin: auto; bottom:0; width:24px; height:24px; background-image: url(/theme/frontend/smart/style/default/images/show-pass.svg); background-position:0 0; right:18px; cursor:pointer;}
.lp-form .lp-input .show-pass.showed {background-position: 0 100%;}
.lp-form .lp-input input:focus {border-color:#f04b23}
.lp-form .inp-bottom {overflow:hidden;}
.lp-form .inp-bottom .lp-check {float:left;}
.lp-form .inp-bottom .lp-check label {position:relative;  line-height:16px; font-size:12px; color: #282828; padding-left:24px; cursor:pointer; display:block;}
.lp-form .inp-bottom .lp-check label:before {content: ""; position:absolute; left:0; top:0; width: 14px; height: 14px; border-radius: 2px; border: 1px solid #282828; display:block;}
.lp-form .inp-bottom .lp-check label:after {content: none; position:absolute; left:0; top:0; width: 16px; height: 16px; display:block; background-size:cover; background-image: url(/theme/frontend/smart/style/default/images/check.svg); z-index:10;}
.lp-form .inp-bottom .lp-check label a {font-weight:bold;}
.lp-form .inp-bottom .lp-check label a:hover {color:#f04b23}
.lp-form .inp-bottom .lp-check input {display:none;}
.lp-form .inp-bottom .lp-check input:checked ~ label:after {content:""}
.lp-form .inp-bottom .forget {float:right; line-height:16px; height:16px; font-size:12px;}
.lp-form .inp-bottom .forget a {display:block; color:#f04b23; font-weight:600; text-decoration:underline;}
.lp-form .inp-bottom .forget a:hover {text-decoration:none;}
.lp-form .lp-button {margin-top:25px;}
.lp-form .lp-button button {display:block; width:100%; border-radius: 10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); background-image: linear-gradient(to right, #f04b23, #ffc908); text-align:center; color: #ffffff; font-size:15px; line-height:24px; padding: 13px 10px; border:0; margin:0; cursor:pointer; position:relative; overflow:hidden; z-index:10;}
.lp-right .lp-bt {margin-top:61px; text-align:center;}
.lp-form .lp-button button:after {content: ""; position:absolute; top:0; left:0; width:100%; height:100%; background-image: linear-gradient(to right, #ffc908, #f04b23); opacity:0; z-index:-1;}
.lp-form .lp-button button:hover:after {opacity:1;}
.lp-bt .lp-block .lp-l {display:inline-block; vertical-align:top;font-size:16px; line-height:24px; padding: 8px 20px; color:#7d7d7d;  letter-spacing: -0.18px; margin-top:5px;}
.lp-bt .lp-block .lp-r {display:inline-block; vertical-align:top; margin-top:5px;}
.lp-bt .lp-block .lp-r a {display:block; font-size:14px; font-weight:bold; line-height:24px; border-radius: 5px; border: solid 1px #282828; padding: 7px 20px;  color: #282828; letter-spacing:0.56px; min-width:150px;}
.lp-bt .lp-block .lp-r a:hover {background-color: #f04c23; border-color: #f04e22; color: #fff;}

/* Enter panel */
.lp-content .ap-top {position:absolute; width:100%; padding-top:40px; text-align:center;}
.ap-top .ap-text {color:#282828; font-size:18px; line-height:22px; letter-spacing:1.08px; margin-bottom:30px;}
.ap-top .ap-symb {width: 132px;height: 199px; background-image: url(/theme/frontend/smart/style/default/images/symb-1.svg); margin: 0 auto 30px; position: relative; z-index: 1;}
.lp-content .lp-col .ap-left {text-align:center; padding:206px 20px 28px 20px; background-image: linear-gradient(to bottom, #ffd337, #ffc908);}
.lp-content .lp-col .ap-right {text-align:center; padding:206px 20px 28px 20px; background-image: linear-gradient(to bottom, #fe6e4b, #f04b23);}
.z-text {font-size:40px; line-height:48px; font-weight:bold; letter-spacing: -0.6px; margin-bottom: 24px; position:relative; z-index:10;}
.ap-left .z-text {color:#282828;}
.ap-right .z-text {color:#fff;}
.z-button a {display:inline-block; vertical-align:top; width:280px; font-size:15px; font-weight:500; line-height:20px; padding: 15px; border-radius: 10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); position:relative; z-index:10;}
.ap-left .z-button a {background-image: linear-gradient(to right, #f04b23, #fe6e4b); color:#fff;}
.ap-right .z-button a {background-image: linear-gradient(to right, #ffc908, #ffd337); color:#000;}
.ap-left .lp-bt, .ap-right .lp-bt {margin-top:132px;}
.ap-left .lp-bt .lp-block .lp-l {color:#282828;}
.ap-right .lp-bt .lp-block .lp-r a {color:#fff; border-color:#fff;}
.ap-right .lp-bt .lp-block .lp-l {color:#fff;}


@media only screen and (max-width:1080px) {
.ct-a {width:100%;}
.login-panel {width:100%;}
}
@media only screen and (max-width:760px) {
.lp-content .lp-col {width:100%;}
.lp-content .lp-col .lp-left {background-color: #efefef; padding: 60px 20px;}
.lp-content .lp-col .lp-left:before {content:none;}
.lp-content .lp-col .lp-right {padding: 40px 40px 30px 40px;}
.lp-content .lp-col .ap-left {padding-top:320px;}
.lp-content .lp-col .ap-right {padding-top:40px;}
.ap-left .lp-bt, .ap-right .lp-bt {margin-top:40px;}
}
@media only screen and (max-width:600px) {
.login-panel {padding: 0 10px;}
.login-panel-wrap .lp-top {padding:10px;}
}
@media only screen and (max-width:460px) {
.lp-left .lp-b {width:100%;}
.lp-content .lp-col .lp-right {padding: 36px 20px 30px 20px !important;}
.lp-right .lp-bt {margin-top:46px;}
.lp-top .return {padding:6px 0;}
.lp-top .return span {display:none;}
.lp-top .return a {padding:0; width:34px; height:34px;}
.lp-top .return a:before {width:34px; height:34px; background-size:cover;}
}











div.error_message 
{
 	background: #dc3545; color: #fff; padding: 8px 15px; position: relative; font-weight: bold; font-size: 14px; line-height: 22px; margin-bottom: 20px; border-radius:3px;
}
div.success_message 
{
 	background: #40c85f; color: #fff; padding: 8px 15px; position: relative; font-weight: bold; font-size: 14px; line-height: 22px; margin-bottom: 20px; border-radius:3px;
}
.valid_message 
{
 	background:#CEEEB2;
 	margin:4px 0 4px 0;
 	color:#000;
 	padding:6px; 	
}

div.public_message, div.message
{
 	margin:4px 0px 4px 0px;
 	color:#6B6B6B;
 	padding:4px;
 	display:none; 	
	background:#FEFBD9; 
	border:1px #EEE9B5 solid; 	
	position:relative;
}