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;
}
/*/ HTML5 display-role reset for older browsers /*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:#fff;
	font-family: 'Montserrat', sans-serif;
	color:#000d1f;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a { color:#4bac4c; text-decoration:none; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; }

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


/*font face*/

@font-face {
	font-family: 'gibson_bold';
	src: url('../fonts/../fonts/gibson-bold.eot') format('embedded-opentype'), url('../fonts/../fonts/gibson-bold.woff') format('woff'), url('../fonts/../fonts/gibson-bold.woff2') format('woff2'), url('../fonts/../fonts/gibson-bold.ttf') format('truetype'), url('../fonts/../fonts/gibson-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




/*Login Styling*/

.login-container{max-width: 1220px; margin:0px auto 50px auto; box-sizing: border-box; padding:4px 15px 0px 15px;}
.login-container .inner-container{display: flex; border:1px solid #f7f7f7;}
.login-container .inner-container .left-container{width: 50%; padding:20px 46px 30px 46px; box-sizing: border-box;}
.login-container .inner-container .left-container .left-inner-container{width:100%; margin:auto;}
.login-container .inner-container .left-container .left-inner-container span.login-heading{font-size: 24px; font-family: gibson_bold; display: block; padding:10px 0px;}
.login-container .inner-container .left-container .left-inner-container .login-form{padding:20px 0px; border-bottom:1px solid #e4e4e4; box-sizing: border-box;}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields:first-child{margin-bottom:24px;}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields{margin-bottom:20px; position: relative;}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields label{font-size: 15px; display: block;padding-bottom:8px;}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields label span{font-size: 15px;}
.login-container .inner-container .left-container .left-inner-container .login-form  .form-fields input[type="text"]{width:100%; outline: none; border:unset; background-color: #f3f3f3; height: 50px; padding:10px 10px; box-sizing: border-box; border-radius:3px;}
.login-container .inner-container .left-container .left-inner-container .login-form  .form-fields input[type="email"]{width:100%; outline: none; border:unset; background-color: #f3f3f3; height: 50px; padding:10px 10px; box-sizing: border-box; border-radius:3px;}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields input[type="text"]::placeholder {opacity:0;}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields input[type="email"]::placeholder {opacity:0;}

.login-container .inner-container .left-container .left-inner-container .login-form .form-fields input[type="password"]::placeholder{opacity: 0;}
.login-container .inner-container .left-container .left-inner-container .login-form  .form-fields input[type="password"]{position:relative; width:100%; outline: none; border:unset; background-color: #f3f3f3; height: 50px; padding:10px 10px; box-sizing: border-box; border-radius:3px;}
.login-container .inner-container .left-container .left-inner-container .login-form  .form-fields .pass-eye{position: absolute;
    /* right: -163px; */
    /* top: 54px; */
    /* margin-top: 20px; */
    /* margin-left: -30px; */
    cursor: pointer;
    top: 43px;
    right: 15px;}
.login-container .inner-container .left-container .left-inner-container .login-form .forget-section{display: flex; justify-content: space-between; margin-top: 20px;}
.login-container .inner-container .left-container .left-inner-container .login-form .forget-section .login-check label{}
.login-container .inner-container .left-container .left-inner-container .login-form .forget-section a{color: #000000; font-size: 14px;}
.login-container .inner-container .left-container .left-inner-container .login-form .forget-section a:hover{color: #009e58; transition: all .2s ease;}
/*Custom Checkbox*/
.login-container .inner-container .left-container .left-inner-container .login-form .forget-section .login-check input[type="checkbox"]{display: none;}
.login-container .inner-container .left-container .left-inner-container .login-form .forget-section .login-check input[type="checkbox"] + label {position: relative; cursor: pointer; font-size: 14px; padding-left:30px;}
.login-container .inner-container .left-container .left-inner-container .login-form .forget-section .login-check input[type="checkbox"] + label:before{ content:""; position: absolute; top:0; left:0; border:1px solid #dcdcdc; background-color:#f3f3f3; width: 18px; height:18px; border-radius:3px; }
.login-container .inner-container .left-container .left-inner-container .login-form .forget-section .login-check input[type="checkbox"]:checked + label:before{content:""; position: absolute; top:0; left:0; width:18px; height:18px; border:none; border-radius:3px;}
.login-container .inner-container .left-container .left-inner-container .login-form .forget-section .login-check input[type="checkbox"]:checked + label:after{content:""; position: absolute; top:0; left:0; width:18px; height:18px; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position-y:center; background-position-x:center; border-radius:3px;}
/**/
.login-container .inner-container .left-container .left-inner-container .login-form .recaptcha{margin:0px 0px 10px 0px;}
.login-container .inner-container .left-container .left-inner-container .login-form .recaptcha img{max-width: 100%;}
.login-container .inner-container .left-container .left-inner-container .login-form .login-btn{font-family: 'Montserrat'; cursor:pointer; outline: none; border:none; font-size: 15px; background-color: #009e58; border-radius:2px; padding:10px 10px; min-width: 10em; color: #ededed; margin-bottom:10px; box-sizing: border-box;}
/**/
.login-container .inner-container .left-container .left-inner-container .login-social-section{margin:26px 0px 0px 0px;}
.login-container .inner-container .left-container .left-inner-container .login-social-section > span{font-size: 15px;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section{display: flex; justify-content: space-between; margin-top:20px;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a{ padding:10px 14px; width: 24.5%; color: #ededed; display: flex;align-items: center; border-radius: 3px; box-sizing: border-box;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a img{max-width: 100%;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a span{font-size: 14px; margin-left:6px; display: inline-block;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a.fb-bg{background-color:#517bbf;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a.google-bg{background-color:#df4a31;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a.twitter-bg{background-color:#64cdf1;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a.insta-bg{background-color:#f46d46;}

.login-container .inner-container .right-container{width: 50%; background-image: url(../images/login-main-img.png); background-repeat: no-repeat; background-size: cover; position: relative;}
.login-container .inner-container .right-container .right-inner-container {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align: center; width:80%;}
.login-container .inner-container .right-container .right-inner-container > span{font-size: 24px; font-family: gibson_bold;}
.login-container .inner-container .right-container .right-inner-container .login-content{margin:24px 0px;}
.login-container .inner-container .right-container .right-inner-container .login-content p{font-size: 14px; line-height: 22px; color:#000000;}
.login-container .inner-container .right-container .right-inner-container button{cursor: pointer; outline: none; border:1px solid #000000; color: #000000; padding:10px 10px; min-width: 10em; border-radius: 2px; background:none; cursor: pointer; font-size: 15px; font-family: 'Montserrat';} 




/******************************************************************************************************************************************************************/

/*DD Registration Page Styling*/



.register-container{max-width: 1220px; margin:0px auto 50px auto; box-sizing: border-box; padding:4px 15px 0px 15px;}
.register-container .inner-container{display: flex; border:1px solid #f7f7f7;}
.register-container .inner-container .left-container{width: 50%; padding:20px 0px 40px 0px; box-sizing: border-box;}
.register-container .inner-container .left-container .left-inner-container{width:100%; padding:0px 26px; box-sizing: border-box;}
.register-container .inner-container .left-container .left-inner-container span.register-heading{font-size: 24px; font-family: gibson_bold; display: block; padding:10px 0px; text-transform: uppercase;}
.register-container .inner-container .left-container .left-inner-container .register-form{padding:20px 0px; box-sizing: border-box;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner{display: flex; flex-wrap:wrap; justify-content:space-between;}

.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields:first-child{margin-bottom:24px;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields{margin-bottom:20px; width: 49%; position: relative;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields label{font-size: 15px; display: block;padding-bottom:8px;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields label span{font-size: 15px;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="text"]{width:100%; outline: none; border:unset; background-color: #f3f3f3; height: 50px; padding:10px 10px; box-sizing: border-box; border-radius:3px;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="text"]::placeholder{opacity: 0;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="email"]{width:100%; outline: none; border:unset; background-color: #f3f3f3; height: 50px; padding:10px 10px; box-sizing: border-box; border-radius:3px;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="email"]::placeholder{opacity: 0;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="password"]{width:100%; outline: none; border:unset; background-color: #f3f3f3; height: 50px; padding:10px 10px; box-sizing: border-box; border-radius:3px;}
.register-container .inner-container .left-container .left-inner-container .register-form  .register-form-inner .form-fields .pass-eye{position: absolute; top: 42px; right: 9px; cursor: pointer;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="password"]::placeholder{opacity: 0;}
.register-container .inner-container .left-container .left-inner-container .register-form  .register-form-inner .form-fields .pass-eye2{position: absolute; position: absolute; top: 42px; right: 9px; cursor: pointer;}
.register-container .inner-container .left-container .left-inner-container .register-form .forget-section{display: flex; justify-content: space-between; margin-bottom: 20px;}
.register-container .inner-container .left-container .left-inner-container .register-form .forget-section .register-check label{}
.register-container .inner-container .left-container .left-inner-container .register-form .forget-section a{color: #000000; font-size: 14px;}
.register-container .inner-container .left-container .left-inner-container .register-form .forget-section a:hover{color: #009e58; transition: all .2s ease;}
/*Custom Checkbox*/
.register-container .inner-container .left-container .left-inner-container .register-form .forget-section .register-check input[type="checkbox"]{display: none;}
.register-container .inner-container .left-container .left-inner-container .register-form .forget-section .register-check input[type="checkbox"] + label {position: relative; cursor: pointer; font-size: 14px; padding-left:30px;}
.register-container .inner-container .left-container .left-inner-container .register-form .forget-section .register-check input[type="checkbox"] + label:before{ content:""; position: absolute; top:0; left:0; border:1px solid #dcdcdc; background-color:#f3f3f3; width: 18px; height:18px; border-radius:3px; }
.register-container .inner-container .left-container .left-inner-container .register-form .forget-section .register-check input[type="checkbox"]:checked + label:before{content:""; position: absolute; top:0; left:0; width:18px; height:18px; border:none; border-radius:3px;}
.register-container .inner-container .left-container .left-inner-container .register-form .forget-section .register-check input[type="checkbox"]:checked + label:after{content:""; position: absolute; top:0; left:0; width:18px; height:18px; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position-y:center; background-position-x:center; border-radius:3px;}
/**/
.register-container .inner-container .left-container .left-inner-container .register-form .recaptcha{margin:28px 0px 26px 0px;}
.register-container .inner-container .left-container .left-inner-container .register-form .recaptcha img{max-width: 100%;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-btn{cursor: pointer; font-family: 'Montserrat'; outline: none; border:none; font-size: 15px; background-color: #009e58; border-radius:2px; padding:10px 10px; min-width: 10em; color: #ededed; margin-bottom:10px; box-sizing: border-box;}
/**/

.register-container .inner-container .right-container{width: 50%; background-image: url(../images/registration-bg.png); background-repeat: no-repeat; background-size: cover; position: relative;}
.register-container .inner-container .right-container .right-inner-container {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align: center; width:80%;}
.register-container .inner-container .right-container .right-inner-container > span{font-size: 24px; font-family: gibson_bold; text-transform: uppercase;}
.register-container .inner-container .right-container .right-inner-container .register-content{margin:24px 0px;}
.register-container .inner-container .right-container .right-inner-container .register-content p{font-size: 14px; line-height: 22px; color:#000000;}
.register-container .inner-container .right-container .right-inner-container button{cursor:pointer; outline: none; border:1px solid #000000; color: #000000; padding:10px 0px; min-width: 10em; border-radius: 2px; font-size: 15px; font-family: 'Montserrat'; background:none;} 


/*************************************************************************************************/

/*Forgot Password Styling*/

.forgot-pass-container{max-width: 1220px; margin:0px auto 50px auto; box-sizing: border-box; padding:0px 15px;}
.forgot-pass-container .inner-container{display: flex; border:1px solid #f7f7f7;}
.forgot-pass-container .inner-container .left-container{width: 50%; padding:50px 50px 50px 50px; box-sizing: border-box;}
.forgot-pass-container .inner-container .left-container .left-inner-container{width:100%; margin:auto;}
.forgot-pass-container .inner-container .left-container .left-inner-container span.forgot-pass-heading{font-size: 24px; font-family: gibson_bold; display: block; padding:10px 0px; text-transform: uppercase;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form{padding:20px 0px; box-sizing: border-box;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields:first-child{margin-bottom:24px;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields{margin-bottom:20px;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields label{font-size: 15px; display: block;padding-bottom:8px;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields label span{font-size: 15px;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form  .form-fields input[type="text"]{width:100%; outline: none; border:unset; background-color: #f3f3f3; height: 50px; padding:10px 10px; box-sizing: border-box; border-radius:3px;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields input[type="text"]::placeholder{opacity: 0;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form  .form-fields input[type="email"]{width:100%; outline: none; border:unset; background-color: #f3f3f3; height: 50px; padding:10px 10px; box-sizing: border-box; border-radius:3px;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields input[type="email"]::placeholder{opacity: 0;}

.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .recaptcha{margin:28px 0px 26px 0px;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .recaptcha img{max-width: 100%;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .forgot-pass-btn{ font-family: 'Montserrat'; cursor: pointer; outline: none; border:none; font-size: 15px; background-color: #009e58; border-radius:2px; padding:10px 10px; min-width: 10em; color: #ededed; margin-bottom:10px; box-sizing: border-box;}
.forgot-pass-container .inner-container .right-container .right-inner-container {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align: center; width:80%;}
.forgot-pass-container .inner-container .right-container .right-inner-container > span{font-size: 24px; font-family: gibson_bold;}
.forgot-pass-container .inner-container .right-container .right-inner-container .login-content{margin:24px 0px;}
.forgot-pass-container .inner-container .right-container .right-inner-container .login-content p{font-size: 14px; line-height: 22px; color:#000000;}
.forgot-pass-container .inner-container .right-container .right-inner-container button{cursor: pointer; outline: none; border:1px solid #000000; color: #000000; padding:10px 0px; min-width: 10em; border-radius: 2px; background:none; cursor: pointer; font-size: 15px; font-family: 'Montserrat';} 



.forgot-pass-container .inner-container .right-container{width: 50%; background-image: url(../images/forgot-pass-bg.png); background-repeat: no-repeat; background-size: cover; position: relative}

.customer-account-forgotpassword .forgot-pass-container .left-inner-container .forgot-pass-form .field-recaptcha {
	margin-bottom: 24px;
}
.customer-account-create fieldset.fieldset.additional_info {
    margin-bottom: 20px;
}
.customer-account-create .actions-toolbar > .primary:last-child, .actions-toolbar > .secondary:last-child {float: left;padding-bottom: 20px}


/*reponsive forms account page*/

@media (min-width:320px) and (max-width:767px){
.account .main .main-container-account .columns .column.main .fieldset .form-fields.required {
    width: 100%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.company {
    width: 100%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.telephone.required {
    width: 100%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.country.required {
    width: 100%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.region.required {
    width: 100%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.city.required {
    width: 100%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.zip.required {
    width: 100%;
}
}


@media (min-width:768px){
.account .main .main-container-account .columns .column.main .fieldset .form-fields.required {
    width: 48%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.company {
    width: 48%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.telephone.required {
    width: 48%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.country.required {
    width: 48%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.region.required {
    width: 48%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.city.required {
    width: 48%;
}
.account .main .main-container-account .columns .column.main .fieldset .field.zip.required {
    width: 48%;
}
}
.cms-reparation .right_col img {
    padding-bottom: 3%;
}