
#global_page_core-pages-about #global_content {
    width: 100%;
    max-width: 100%;
}
#global_page_core-pages-about #global_wrapper .layout_middle > div,
#global_page_core-pages-about #global_content {
    padding:0;
    border-radius: 0;
}
#global_page_core-pages-about #global_content {
    width: 100% !important;
}
#global_page_core-pages-about #if-not-auth {
    display: none;
}

* {
    padding: 0;
    margin: 0;
    border: none;
    border-style: solid;
    border-width: 0;
    border-color: #eaeaea;
    font-family: 'PT Sans', Arial,sans-serif;
}
.layout_b2b_landing * {
    font-family: 'Gotham', 'PT Sans', Arial,sans-serif;
}
.layout_b2b_landing .description * {
    font-family: 'PT Sans', Arial,sans-serif;
}

header {
    background: #b7bcc0 url(/public/admin/bg-main-image2.jpg) repeat;
}

.wrap-outer {
    width: 100%;
    overflow: hidden;
}
.our-ideal.safety .wrap-outer {
    overflow:auto;
}
.wrap {
    width: 960px;
    margin: 0 auto;position: relative;
}

a {
    cursor: pointer;
}

.wrap-outer h1 {
    width: auto;
    padding: 0;
    font-size: 32px;
    margin-bottom: 20px;
}
.wrap-outer h2 {
    font-size: 18px;
    line-height: 32px;
    margin: 35px 0 5px;
}

.application {
    padding: 45px 0px 0 0;
    position: relative;
    min-height: 520px;
}

header .logo {
    max-width: 650px;
    padding: 9px 0 0 5px;
    width:65%;
    float:left;
}

header img {
    padding: 0 5px 0 0;
    position: relative;
    float: left;
}

#logo-p1,
#logo-p2 {
    padding: 7px 10px 10px 10px;
    font-size: 24px;
    color: #fff;
    max-width: 650px;
    font-weight: bold;
    margin-top: 16px;
}

#logo-p2 {
    font-size: 18px;
    line-height:22px;
    font-weight: normal;
}

#call {
    width: 145px;
    height: 39px;
    background-color: #333;
    position: absolute;
    right: 8px;
}

#call-p1 {
    width: 174px;
    padding: 8px 13px 6px 27px;
    font-size: 18px;
    color: #FFF;
    float: left;
}

#call-p2 {
    width: 131px;
    background-color: #e74c3c;
    padding: 13px 0 12px 15px;
    font-size: 13px;
    text-transform: uppercase;
    color: #FFFFFF;
    float: left;
}

#call-p2 p {
    width: 110px;
    border-bottom: 1px dashed #FFFFFF;
}
.shape-wr .time-two,
.shape-wr .time,
header .time {
    width: 380px;
    height: 270px;
    margin: 50px 0 0 90px;
    background: rgba(255, 255, 255, 0.9);
    float: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#time-p1 {
    padding: 20px 0 0 0px;
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
}

#time-p2 {
    padding: 10px 0 0;
    font-size: 18px;
    color: #000;
    text-align:center;
}

#time-p3 {
    padding: 20px 0 0;
    font-size: 14px;
    color: #8A8A8A;
    text-align: center;
}
#time-p1 span {
    color: #e74c3c;
}

.timer_block {
    position:absolute;
    width:345px;
    height:126px;
    padding:10px 0 0 38px;
    z-index:2;
}

.timer {
    width:315px;
    height:53px;
    background:url("/public/admin/timer-bg.png") no-repeat left top;
    position:relative;
    top:8px;
    left:-3px;
}

.timer .container {
    width:370px;
    position:relative;
    height:50px;
    top:0px;
    left:-1px;
}

.timer .container div {
    height:53px;
    width:73px;
    float: left;
    text-align:center;
    position:relative;
}

.days {
    margin-right:5px;
}

.hours {
    margin-right:15px;
}

.minutes {
    margin-right:4px;
}

.timer .container div span {
    display:inline-block;
    width:33px;
    font-size:42px;
    text-align:center;
    color:#333;
    line-height:53px;
}

header .form,
.shape-wr .form-two,
.shape-wr .form {
    max-width: 330px;
    padding: 10px 20px;
    margin: 5px 0 0;
    background: rgba(255, 255, 255, 0.8);
    float: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.shape-wr .form,
.shape-wr .form-two {
    margin: 20px auto 0;
    padding: 0px 20px;
}
#form-p1 {
    padding: 25px 0 0;
    font-size: 21px;
    text-transform: uppercase;
    color: #333;
    text-align: center;
}

#form-p2 {
    padding: 8px 0 0;
    font-size: 18px;
    color: #3F3F3F;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    margin-bottom: 10px;
}

#contact {
    width: 305px;
    height: 95px;
    margin: 0 0 0 0;
    padding-left: 10px;
}

.contact_el1 input {
    color: #767778;
    font-weight: bold;
    border: 1px solid #C0BFBF;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    outline: none;
    font-size: 16px;
}


.contact_el1 .name {
    width: 255px;
    background: url('../images/name.png') no-repeat 9px 10px;
    background-color: #ffffff;
    margin: 5px 0 9px 0;
    padding: 9px 0 7px 36px;
}

.contact_el1 .email {
    width: 255px;
    background: url('../images/mail.png') no-repeat 5px 11px;
    background-color: #ffffff;
    margin: 6px 0 9px 0;
    padding: 9px 0 7px 36px;
}

.contact_el1 .phone {
    width: 255px;
    background: url('../images/phone.png') no-repeat 7px 11px;
    background-color: #ffffff;
    margin: 9px 0 9px 0;
    padding: 9px 0 7px 36px;
}

.layout_cvo_landing .button,
.layout_cvo_landing .button-o {
    width: 294px;
    height: 45px;
    margin-top: 20px;
    color: #fff;
    font-size: 21px;
    background:#e74c3c;
    margin-left: 21px;
}
.layout_cvo_landing .first-start .button {
    width: 232px;
}
.layout_cvo_landing .button-o {
    margin-left: 0;
}
#global_page_core-pages-about .button.btn-why {
    display: none;
}

#namber {
    height: 120px;
    text-align: center;
    /*margin-top: -120px;*/
    background: #333;
}

#namber .block {
    float: left;
    text-align: center;
    margin-top: 20px;
    width: 185px;
    margin-bottom: 20px;
}

#namber .block .namber-p1 {font-size: 2.4em; color: #fff; }
#namber .block .namber-p2 {font-size: 13px; color: #c6d0d4; text-transform: uppercase; font-weight: bold;}
#namber .block .namber-p3 {font-size: 14px; color: #c6d0d4; text-transform: uppercase; font-weight: bold;}


#problems {
    background-color: #b2b2b2;
}

.problems-block-main-inv {
    color: #333;
    line-height: 20px;
    font-size: 19px;
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 50px;
    margin-top:50px;
}
.problems-block-main-inv .prbl-img-bg {
    margin:0 auto;
    text-align:center;
    width: 960px;
    height: 560px;
    background: url('/public/admin/trouble-block-img.png') no-repeat;
}
.problems-block-main-inv .prbl-img-bg .prbl-img-bg-wrap {
    max-width: 610px;
    margin-left: 50px;
    padding-top: 60px;
}
.problems-block-main-inv .prbl-img-bg .prbl-img-bg-wrap h2 {
    font-size: 18px;
    line-height: 32px;
    margin: 0px 0 5px 28px;
}
.problems-block-main-inv .prbl-img-bg .prbl-img-bg-wrap li {
    font-size: 18px;
    margin: 17px 0 15px 30px;
}
.problems-exclamation-i-1 {
    width: 19px;
    float: left;
    margin-left: -27px;
}

.problems-exclamation-i-2 {
    width: 19px;
    float: right;
    margin-right: -25px;
}

.problems-inv-one {
    padding-top: 5px;
    height:auto;
    margin: 20px 0 25px 10px;
}

.problems-inv-one span {
    font-size: 16px;
    font-weight: bold;
}
.problems-inv-one p {
    line-height: 21px;
    font-size: 14px;
}
.problems-inv-one.p,
.problems-inv-one.p2,
.problems-inv-one.p3 {
    padding: 0;
    margin-bottom: 20px;
}
.problems-inv-one.p2 {
    margin-top: 40px;
}
.problems-block-main-inv-one {
    max-width: 240px;
    overflow: hidden;
    margin-top: 50px;
    padding-left: 20px;
}

.problems-h1,
.problems-h2 {
    text-align: center;
    padding: 25px 0 0 0;
    color: #333;
    font-size: 36px;
}

.problems-h2 {
    font-size: 28px;
    padding-top: 0;
}
.task {
    max-width: 350px;
    padding: 50px 0 0 0;
    float: left;
    margin-left: 50px;
}

.task-p1 {
    font-size: 28px;
    font-weight: bold;
	margin-right: 20px;
}


.task img {
	padding: 10px 20px;
	background: #494949;
	margin: 20px 0 0 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#task-main {
    margin: 0 0 40px 0;
    padding: 0;
    float: left;
}

#task-main img{
    float: left;
}
.task-block {
    padding: 30px 0 0 9px;
}
.task-block.first {
    padding: 80px 0 0 12px;
}



.task-h {
    margin: 0 0 0 0;
    padding: 4px 0 0 10px;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    float: left;
    font-weight: bold;
}
.task-block i {
    font-size: 24px;
    float: left;
}

.task-ul1,
.task-ul2 {
    margin:  0 0 0 0;
    padding: 35px 0 0 35px;
    color: #333;
    font-size: 18px;
}

.task-ul1 .icon-ok:before,
.task-ul2 .icon-ok:before {
    color:#2ecc71;
    margin-right: 8px;
}

#task-main ul li{
    margin:  0 0 12px 0;
    padding: 0 0 0 0;
}

#our-work {
    padding-top: 20px;
}

.our-work-h1 {
    text-align: center;
    padding: 30px 0 0;
    color: #333;
    text-transform: uppercase;
    font-size: 42px;
}

#our-work img {
    padding: 7px 0 0;
}

.our-work-block1,
.our-work-block2,
.our-work-block3 {
    width: 33%;
    float: left;
}

.our-work-rectangle {
    border: 1px dashed #4C5D63;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0;
    margin: 10px 10px 0;
}
.our-work-rectangle.green {border-color:#27AE60;}
.our-work-rectangle.blue {border-color:#0A8FD5;}
.our-work-rectangle.red {border-color:#E74C3C;}
.our-work-rectangle.yellow {border-color:#ffcc33;}

.our-work-rectangle p {
    padding: 22px 0;
    color: #333;
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
    line-height: 21px;
}

.our-work-list {
    width: 85%;
    height: 220px;
    padding: 0;
    margin-left: 20px;
}

.our-work-list p {

    padding: 12px 0 0 0;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
}

.our-work-list span {
    font-size: 11px;
}

.our-work-list ul {
    padding: 3px 0 0 15px;
}

.our-work-list li {
    padding: 0 0 5px 0;
    color: #333;
    font-size: 14px;
    line-height: 18px;
    list-style-image: url(../images/li-feature.png);
}
#different_target1,
#different_target2,
#different_target3,
#different_target4 {
    background: #F3F6F7;
}
#different_target2,
#different_target4 {
    background:#E0E0E0;;
}



.wrap-outer h1.different-h1 {
    text-align: center;
    padding: 30px 0 0;
    color: #333;
    text-transform: uppercase;
    font-size: 36px;
    margin-bottom: 0;
}

.different-h1 span {
    color: #ffcc33;
	background: #333;
	padding: 0 5px;
}

.different-p {
    text-align: center;
    padding: 15px 0 0;
    font-size: 17px;
    line-height: 21px;
}

.different-block1 {
    width: 465px;
    padding: 2px 0 0 0;
    color: #333;
    font-size: 17px;
    line-height: 21px;
    float: left;
    margin: 0 10px 35px 0;
}

.different-d1,
.different-d3 {
    padding: 0 0 0 115px;
}

.different-block1 img {
    padding: 0 0 0 7px;
    float: left;
}

.different-p1 {
    padding: 0;
    color: #333;
    font-size: 18px;
    font-weight:bold;
}

.different-p2 {
    padding: 12px 0 0 0;
    color: #333;
    font-size: 14px;
}

.different-p2 span {
    font-size: 15px;
}


.different-p3 {
    padding: 17px 0 0 0;
    color: #333;
    font-size: 14px;
}

.different-p3 span {
    font-size: 15px;
}


.different-block2 {
    width: 465px;
    padding: 2px 0 0 0;
    color: #333;
    font-size: 17px;
    line-height: 21px;
    float: left;
    margin: 0 0px 35px 10px;
}

.different-d2 {
    padding: 0 0 0 40px;
}

.different-block2 img {
    padding: 0 0 0 7px;
    float: right;
}

.different-block3 {
    width: 465px;
    padding: 2px 0 0 0px;
    color: #333;
    font-size: 17px;
    line-height: 21px;
    float: left;
    margin: 0 10px 35px 0;
}

.different-block3 img {
    padding: 0 0 0 7px;
    float: left;
}

.different-block4 {
    width: 465px;
    padding: 2px 0 0 0;
    color: #333;
    font-size: 17px;
    line-height: 21px;
    float: left;
    margin: 0 0px 35px 10px;
}

.different-d4 {
    padding: 0 0 0 40px;
}

.different-block4 img {
    padding: 0 0 0 7px;
    float: right;
}


.diff-liner {
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 40px;
}





.shape-wr {
    padding: 0;
    background: #C0D6DD;
    background: url(/public/admin/bg_layer_signup.jpg) 50% 15%;
}
.shape-wr.last {
    background: url(/public/admin/bg-landos2.jpg) 100% 80% repeat-y;
}

.shape {
    overflow: hidden;
    margin: 50px auto 70px;
    padding: 0;
    position: relative;
    width: 80%;
}

.shape-wr .form-two #contact  {
    width: 100%;
    height: 115px;
}

.contact2 {
    padding: 8px 4px 17px 16px;
}

.contact_el2 {
    display: inline-block;
    width: 100%;
}
.contact_el2 input {
    color: #767778;
    border: 1px solid #C0BFBF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    outline: none;
    font-size: 16px;
}


.contact_el2 .name,
.contact_el2 .email,
.contact_el2 .phone {
    width: 90%;
    background-color: #ffffff;
    margin: 5px 0px 5px 0px;
    padding: 9px 20px 7px 8px;
}
.contact_el2 > i {
    width: 10%;
}

.contact_el3 input {
    color: #767778;
    border: 1px solid #C0BFBF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    outline: none;
    font-size: 16px;
}


.contact_el3 .name,
.contact_el3 .phone,
.contact_el3 .email {
    width: 90%;
    background-color: #ffffff;
    margin: 5px 0 9px 0;
    padding: 9px 0 7px 12px;
}
.contact_el3 > i {
    width: 10%;
}

#clients {
    overflow: hidden;
    padding: 0;
    background: #F1F2F3;
}

.clients-h1 {
    text-align: center;
    height: 40px;
    padding: 40px 0 10px;
    color: #333;
    text-transform: uppercase;
    font-size: 42px;
}

.clients-img {
    margin: 12px 0 0px -84px;
}


#reasons {
    margin-bottom: 40px;
    padding: 0;
}

#our-ideal {
    height: 757px;
    padding: 0;
    /*background: url("../images/our-ideal-bg.png") no-repeat center;*/
}


.our-client-blog-h1 {
    width: 960px;
    height: 50px;
    text-align: center;
    padding: 30px 0;
    color: #333;
    text-transform: uppercase;
    line-height: 47px;
    font-size: 42px;
    float: left;
}

.shape-wr .time,
.shape-wr .time-two {
    margin: 45px 0 0 0;
}



footer {
    min-height: 155px;
    background-color: #E7E7E7;
}

#footer-d1 {
    margin: 0 auto;
    padding: 55px 0;
    line-height: 30px;
    overflow: hidden;
}


#footer-p1 {padding: 0 23px 0 0;
    color: #000000;
    text-transform: uppercase;
    line-height: 47px;
    font-size: 36px;
    float: left;
}

#footer-p2 a {
	padding: 5px 10px 7px;
	font-size: 25px;
	float: left;
	background: #333;
	color: #ffcc33;
}


.wood-form {
    max-width: 325px;
    padding: 0 15px 20px;
    margin: 0 auto;
    background-color: #EDEDED;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    position: relative;
}

.wood-form h2 {
    padding: 25px 0 0;
    font-size: 28px;
    text-transform: uppercase;
    color: #000000;
}

.wood-form p {
    padding: 5px 20px;
    font-size: 16px;
    color: #454545
}

#wood-form-f {
    padding: 20px 0 0 0;
}

#contact-o {
    padding: 0;
    float: left;
}
.contact-el-o {
    display: inline-block;
    width: 100%;
}
.contact-el-o input {
    color: #767778;
    border: 1px solid #C0BFBF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    outline: none;
    font-size: 16px;
}


.contact-el-o .name,
.contact-el-o .email {
    width: 90%;
    background-color: #ffffff;
    margin: 2px 0 15px 0;
    padding: 9px 0 7px 10px;
}

.contact-el-o .phone {
    background: url('../images/phone.png') no-repeat 7px 11px;
    background-color: #ffffff;
    margin: 2px 0 0 0;
    padding: 9px 0 7px 36px;
}
.contact-el-o > i {
    float: left;
    width: 10%;
    box-sizing: border-box;
    margin-top: 9px;
}
.contact-el-area {
    height: 84px;
    margin: 10px 0;
    padding: 7px 0 0 10px;
    border: 1px solid #CFC8BC;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    float: left;
    font-size: 16px;
    outline:none;
    color: #767778;
}

.popup {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 200; display: none;}
.popup-shadow {width: 100%; height: 100%; position: absolute; z-index: 101; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.7);}
.popup-content {width: 704px;position: relative;z-index: 102;margin: 0 auto;}
.popup-content .wooden:before {display: block; position: absolute; top: 1px; height: 1px; width: 100%; left: 0; background-color: rgba(255, 160, 100, 0.5);}
.popup-content .popup-call-back {height: 350px; width: 100%; margin-top: 150px; position: relative; display: none;}
.popup-content .popup-quest {width: 100%; margin-top: 10%; position: relative; display: none;}


.popup-content .popup-mesurement {height: 376px; width: 100%; margin-top: -188px; position: relative; display: none;}

.popup-night {height:380px; margin-top:-200px; border:none; }
.popup-night {display: none;}




.triangls {text-align: center; font-size: 0px; padding: 0; overflow: hidden; margin: 0 auto; position: relative;}

.triangls-h1 {
    color: #333;
    text-transform: uppercase;
    font-size: 42px;
    text-align: center;
    margin: 30px 0 0px;
}


.clearfix:after {visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0;}


.circe1,.circe2 {float:left;width: 33%;margin: -8px;}
.circe1 {margin: -6px -7px -7%;}
.double-circe {width: 100%; margin: 0 16%;}

.circe1 img, .circe2 img {width: 100%;}


.our-ideal {background: #edf0f1;padding: 50px 0;}
.our-ideal img {max-width: 700px;}
.our-ideal.first .wrap {text-align: center;}
.our-ideal h1 {color: #333; font-size: 32px; text-transform: uppercase; padding-top: 45px; padding-bottom: 45px;text-align: center;}
.our-ideal.second {padding: 50px 0;overflow: hidden;min-height: 582px;}
.our-ideal.second h1 {padding-top: 15px;max-width:430px;margin: 0 auto;}
.our-ideal.second ul {max-width: 305px; display:block;}
.our-ideal ul{}
.our-ideal ul li {position: relative; padding: 4px 0; margin: 0 30px;font-size: 16px;color: #333;line-height: 17px;}
.our-ideal ul li:before {color: #2ecc71;font-size: 34px;margin-right: 10px;display: block;float: left;height: 36px;}
.our-ideal ul li.icon-warning-sign:before {color:#E84C3C; font-size: 24px;}
.our-ideal ul li:last-of-type {border-bottom-color: transparent}
.our-ideal.safety {background: #edf0f1 url(/public/admin/man-with-calc.png) 50% 70% no-repeat;height: 635px;}
.our-ideal.safety ul li {padding: 12px 0;}

.red {
    color: #E74C3C;
}
.yellow {
    color: #ffcc33;
}
.yellow.text {
    background: #333;
}
.yellow.backg {
    background: #ffcc33;
}
button.lp-big {
    width: 100%;
    margin: 0px 10px 15px;
    font-size: 15px;
    max-width: 271px;
    height: 44px;
}
.popup button.lp-big {
    margin-top: 25px;
}
#solve-problems button.lp-big {
    position: absolute;
    top: 44%;
    right: 37%;
    max-width: 191px;
}
#first_steps button.lp-big.steps_step-1 {
    position: absolute;
    top: auto;
    bottom: 0%;
    right: 63%;
    font-size: 13px;
}
#first_steps button.lp-big.steps_step-2 {
    position: absolute;
    top: auto;
    bottom: 14%;
    left: 24%;
    font-size: 13px;
}
#first_steps button.lp-big.steps_step-3 {
    position: absolute;
    top: auto;
    bottom: 29%;
    left: 40%;
    font-size: 13px;
}
#first_steps button.lp-big.steps_step-4 {
    position: absolute;
    top: auto;
    bottom: 42%;
    left: 61%;
    font-size: 13px;
}
#first_steps button.lp-big.steps_step-5 {
    position: absolute;
    top: auto;
    bottom: 57%;
    left: 78%;
    font-size: 13px;
    max-width: 165px;
}


/* Custom From File */


.heading-lpad {
    overflow: hidden;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    max-width: 840px;
}
.heading-lpad-l1 {
    color: #fff;
    text-align: center;
    padding: 0px 0 8px;
    text-transform: uppercase;
    font-size: 32px;
    display: inline-block;
}
.heading-lpad-l2 {
    overflow: hidden;
    font-weight: normal;
    font-size: 21px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    border-top: 3px solid #ffcc33;
    padding-top: 12px;
}
.heading-lpad .lp-step {
    float: left;
}
.different-h1.with-steper .heading-lpad-l1,
.different-h1.with-steper .heading-lpad-l2 {
    text-align: left;
    display: block;
    margin-top: 10px;
}
.showing {
    display:block !important;
}
.hide {
    display:none !important;
}


.popup .btn-close {
    font-size:21px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
    cursor: pointer;
}
.float-left { float:left; }
.align-center { text-align:center; }

.form-feedback-message {
    margin: 10px;
    padding: 10px;
    border: 2px solid #27AE60;
    background: #E7FFF1;
    border-radius: 5px;
    font-size: 15px;
}


#problems .problem_order {
    width: 700px;
    height: 250px;
    padding-top: 15px;
    background: #e5e5e5 no-repeat center;
    margin: 18px auto 30px auto;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    border: 1px dashed #ccc;
}
.our-ideal.safety .calculate {
    padding: 39px 132px 70px 25px;
    top: auto;
    width: 330px;
    float: right;
}
#services_for_business {
    background: #7C7C7A url(/public/admin/landing-signup2.jpg) 0% 20% no-repeat;
    color:#fff;
    padding-bottom: 30px;
    padding-top: 30px;
}

@media screen and (max-width: 1980px){
    .wrap { max-width: 960px;width: 100%;}
}

@media screen and (max-width: 1024px){
    .heading-lpad {width: 75%; padding-top: 20px;}
}

@media screen and (max-width: 768px){
    header .form {margin-right:20px;}
    header .logo {width: 52%;}
    #namber .block {min-height: 130px;}
    #problems .problem_order {width: 85%;}
    .different-block1, .different-block2, .different-block3, .different-block4 {width:95%;max-width:95%;}
    #task-main {margin-left:12%;}
    .our-ideal.safety .calculate { padding: 39px 20px 70px 25px;}
    .task {max-width:100%;}
    .task-p1 {font-size: 28px;max-width: 60%;float: left;}
    .task img {padding: 0;width: 20%;}
    .shape {width:95%;}
    #results { background-image: none;}
    .lp-step {width:100%;}
    .heading-lpad .lp-step {width: 50%;float: none;}
}

@media screen and (max-width: 680px){
    header .logo {width: 97%;}
    header {padding-bottom: 25px;}
    #namber {margin-top:0;background:#000;height:auto;}
    .different-h1 {font-size: 30px;}
    .our-ideal h1 {font-size: 28px;}
    .our-ideal.safety {background-position-x:90%;}
    .task-p1 {font-size: 26px;max-width: 47%;float: left;}
    .task {max-width:100%;}
    .task img {padding: 0;width: 27%;}
    .shape {width:63%;margin-top:10px;}
    .shape-wr .time, .shape-wr .time-two {margin-top:10px;}
    .shape-wr .time-two, .shape-wr .time, header .time, .shape-wr .form-two, .shape-wr .form {float:none; max-width: 325px;}
    #contact-o {max-width: 333px;}
    .wood-form { max-width: 325px;}
    .popup-content {width:auto;}
    #time-p1 {font-size: 18px;}
    .shape-wr.last {
        background-repeat: no-repeat;
        background-size: cover;
    }
    .heading-lpad-l1 {font-size: 24px;}
    .heading-lpad-l2 {font-size: 18px}
    .different-h1.with-steper .heading-lpad-l1, .different-h1.with-steper .heading-lpad-l2 {text-align: center;}
    .problems-block-main-inv-one {width: 100%; max-width: 100%;}

    #problems {background-color: #f9f9f9;}
    .problems-block-main-inv .prbl-img-bg {width: auto; height: auto; background: transparent;}
    .problems-block-main-inv .prbl-img-bg .prbl-img-bg-wrap {max-width: 100%; margin: 0 4% 0 1%;padding-top: 0;}
    .wrap-outer h1 {font-size: 28px; margin: 0 3%;}
    #solve-problems button.lp-big {position: relative; top: 0; right: 0;}
    .wrap-outer h2 {font-size: 14px; line-height: 28px; margin: 25px 0 15px;}

    #first_steps button.lp-big.steps_step-1 {
        margin-top: 15px;
    }
    #first_steps button.lp-big.steps_step-1,
    #first_steps button.lp-big.steps_step-2,
    #first_steps button.lp-big.steps_step-3,
    #first_steps button.lp-big.steps_step-4,
    #first_steps button.lp-big.steps_step-5 {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
    }
}

@media screen and (max-width: 480px){
    header .form {margin:5%;}
    #namber .block {min-width: 220px;min-height: 130px;}
    #task-main {margin-left:3%;}
    .our-ideal.safety {background-position-x:100%;}
    .our-ideal.safety .calculate { padding: 70px 0px 70px 25px;}
    .our-ideal.safety ul li {margin-left: 0;}
    .our-ideal h1 {font-size: 21px;}
    .shape {width:83%;margin-top:10px;}
    .shape-wr .time, .shape-wr .time-two {margin-top:10px;}
    .shape-wr .time-two, .shape-wr .time, header .time, .shape-wr .form-two, .shape-wr .form {float:none;max-width: 278px;}
    .circe1 img, .circe2 img { width:auto;}
    .circe1, .circe2 { float:none;margin:0 7%;}
    .double-circe { margin: 0;}
    #footer-d1 { text-align: center;}
    #footer-p2 a {float: none;}
    .price-cvo .plans {border:none;}
    .price-cvo .plans .plan {margin-bottom: 40px;}
    .results-p1 { padding-top:7px;}
    .time-two,
    #namber {
        display: none;
    }
    .price-cvo .plans .plan {
        width: 96%;
        margin: 0 2%;
        display: inline-block;
    }


}

.onboardingpin__pin {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    top: 5px;
    right: 20px;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    border: 3px solid #999;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0;
    background-color: #eee;
    pointer-events: none;
}


@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

@keyframes pulsate {
    0% {transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: scale(1.2, 1.2); opacity: 0.0;}
}


