body{padding:0 ;font-family: Open Sans, sans-serif;color:#282870;line-height: 1.5;    letter-spacing: 0.5px;font-size:15px;margin: 0px;position:relative;} /*  #666f80*/
.wrap{padding:0 10%;}
.w{display: flex;flex-wrap: wrap;} 
.colum{flex-direction:column;}
.c1{flex: 1;}.c2{flex: 2;}.c3{flex: 3;}.c4{flex: 4;}.c5{flex: 5;}.c6{flex: 6;}
img {width:100%;border-radius: 5px;}
a{text-decoration: none;color:#282870;}
p{text-align: justify;}
input{border-radius: 5px;}
.align-elem{text-align:center;}
.disabled {pointer-events: none; }
.green{color:#009688;}
#ercont{text-align: center;}
/*.wrap p:nth-of-type(1){width: 70%;margin: 0 auto;} */
.wrap>p{width: 70%;margin: 20px auto;}
.p70{width: 70%;margin: 0 auto;}
.vertcentr{align-self: center;}
.img30{width: 30%;margin: 0 auto;display: block;border-radius: 5px;}
.img50{width: 50%;margin: 0 auto;display: block;border-radius: 5px;}
.img50{width: 50%;margin: 0 auto;display: block;border-radius: 5px;}
.img80{width: 80%;margin: 0 auto;display: block;border-radius: 5px;}
.header{align-items: center;}
.logo img{}
.rstv img{border-radius: 5px;}
.foz img{border-radius: 5px;}
.tel, .eml{text-align: center;}
.hrig{color:#fff;background: #282870;padding: 10px;font-weight:bold;align-items: center;}
.hrig a{color:#fff;text-decoration: none;font-weight:bold;}

.top_rs{text-align: right;}
.top_rs a {border: 1px solid;padding: 7px;border-radius: 5px;color:#282870;background:#fff;}
.fixed{position: fixed; top: 0;width: 100%;box-shadow: 0px 0px 4px #b5b5b5;}
.menu{padding: 16px 0;text-align: center;}
.menu1{font-weight:bold;z-index: 9;background-color: #fff;}
.menu2{background: #dfdfdf;}
.menu a{color:#3a434c;text-decoration: none;}
.menu a:hover {color: #808080;}
.acti{color: #282870!important;}
.mob{display:none;position: absolute;background: white;z-index: 10;width: 88%;left: 0;     top: 0;}
.mob-btn-open{display: none;position: absolute;background-image: url(../img/menu.svg);width:32px;height:32px;right: 10px;top: 10px;background-size: 100%; background-repeat: no-repeat;}
.dropbtn {cursor: pointer;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {left: 43px;display: none;position: absolute;background-color: #fff;
min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 10;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown-content a:hover {}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {}
.mdropcontent{display:none;}
.mdropcontent a {color: black;padding: 4px 0;text-decoration: none;display: block;}
.mdrop{padding: 10px;outline: none;cursor: pointer;background: #282870;color: #fff;}
.B_crumbBox{margin: 0;padding:4px 0px;list-style: none;}
.B_crumbBox li {display: inline-block; margin:0 15px;}
.B_crumbBox li a {color: #3a434c;}
.B_crumbBox li a:hover{color: #282870;}

.sltxt{position: absolute;z-index: 10;top: 50px;right: 0px;background-color: rgba(0, 0, 0, 0.6);color:#fff;width: 45%;/*height: 80%;*/font-size: 2em;font-weight: 600;padding: 30px 47px;}
.btn1{margin: 0 auto;display: block;width: fit-content;background: #282870;padding: 10px 24px;border-radius: 5px;color: #ffffff;width: -moz-fit-content;}
.btn1:hover {color: #282870;background: #dfdfdf;}
.a_sub{padding:8px;margin: 0 4px 0 4px;display: inline;color: #282870;background:#fff;border:1px solid #282870;}
/*.a_sub:hover{background: #dfdfdf;}*/
.sub_blok{margin: 18px auto; width: fit-content; width: -moz-fit-content; }
.ne4{padding:20px 0;}
.et{padding:20px 0;} /*background:#f8f8f8;*/
h1,h2{text-align: center;}
.h2{font-size:xx-large;}
.polu{background: #fbfbfb;padding: 20px 0;margin: 30px 0 0 0;}
.pol{padding: 0 10%;}
.pol img{width:80px;margin: 0 auto;display: block;}
.pol div {padding:20px;margin:15px;border: 1px solid #eee;border-radius: 10px;background:#fff;}
.pol p{font-size:small;color:#999;}
.pol h4{text-align: center;}
.ne4 img,.et img{width:480px;height: 480px;margin: 0 auto;display: block;border-radius: 5px;}
/*.ne4 a,.et a{width:fit-content;margin: 0 auto;display: block;text-decoration: none;color:#fff;background:#282870 ;width: -moz-fit-content;}*/
.preim{background: #fbfbfb;padding: 20px 10%;margin: 30px 0 0 0;}
.preim img{width:80px;margin: 0 auto;display: block;}
.preim h3{font-size: small;}
.preim_itm{padding:20px;margin:15px;border: 1px solid #eee;border-radius: 6px;background:#fff;}
.preim_itm p{font-size:small;color:#999;}
.konsul{text-align:center;}
.ltip{width:60px;} 
footer{margin: 70px 0 0 0;background: #282870;color:#fff;min-height: 200px;padding:20px;}
footer a {color:#fff;text-decoration: none;}

.ulichn img,.gv img{width: 80%;height: 300px;margin: 20px auto;display: block;border-radius: 5px;}
.rasc{margin:30px 0;}
.calc_lev2_1, .calc_lev3_1,.calc_lev4_1,.calc_lev5_1{display:none;}
.calk>div{margin:15px 0;}
.ctit{font-weight:600;}
.calc_lev1>div{margin:0 8px;box-shadow: 0px 0px 10px #999;text-align: center;}
.calc_lev1>div:hover{box-shadow: 0px 0px 13px #555;}
.ggcolor2,.ggcolor3,.ggcolor4,.ggcolor5,.ggcolor23,.ggcolor42,.ggcolor43,.ggcolor44,.ggcolor45{display:none;}
.calc_le1>div{text-align:center;margin: 0px 15px;border: 1px solid #d2d2d2;border-radius: 8px;overflow: hidden;}
.calc_le1>div>img{height: 225px;}
.ggcolor0{margin:0 0 5px 0;}
.ggcolor20, .ggcolor40 {margin:0 0 5px 0;}
.ggcolor label {margin:0 5px 0 0;}
.ggcolor21 label,.ggcolor41 label,.ggcolor42 label,.ggcolor43 label,.ggcolor44 label,.ggcolor45 label {margin:0 5px 0 0;}
.ggcolor23 label {margin:0 5px 0 0;}

.gcolor {border-radius: 50%;cursor: pointer;display: inline-block;margin: 0 ;width: 30px;height: 30px;}
.r8014{background: #293133;}
.r8017{background: #45322e;}
.r9016{background: #f6f6f6;}
.r9006{background: #a5a5a5;}
.r3004{background: #75151e;}
.r5010{background: #0e294b;}
.r6005{background: #2f4538;}
.r1015{background: #e6d690;}
.r7016{background: #293133;}
.ads703{background: #2b292e;}
.golddub{background:url(../img/calculator/1_11.jpg), #b97e27;background-position: center;}
.temdub{background:url(../img/calculator/1_12.jpg);background-position: center;}
.vishnya{background:url(../img/calculator/1_13.jpg);background-position: center;}

.gvr div{padding: 20px;}
.gvs div{padding: 20px;}
/*.gvpop div{padding: 20px;}*/
.pop_blok{margin: 10px;/*padding: 10px;*/position: relative;font-size: small;
    color: #999;/*height: 510px;*/border: 1px solid #ccc;border-radius: 5px} 
.pop_blok>img{height:280px;}	
.pop_txt{min-height: 57px;}
.pop_price{font-weight:bold;   /* position: absolute;*/    bottom: 1px;}

.gv img{width: fit-content;margin: 0 auto;display: block;    border-radius: 8px;}
.gv .btn1{margin:20px auto;color:#fff;background:#282870 ;width: -moz-fit-content;}
.ggcolor0 input,.ggcolor1 input,.ggcolor2 input,.ggcolor3 input,.ggcolor4 input,.ggcolor5 input {display: none;}
.ggcolor20 input,.ggcolor21 input,.ggcolor23 input {display: none;}
.ggcolor40 input,.ggcolor41 input,.ggcolor42 input,.ggcolor43 input,.ggcolor44 input,.ggcolor45 input {display: none;}
input[type="radio"]:checked + label {border-bottom: 2px solid #f00;}
.txtcent {text-align: center;} 
.partner {max-width:100px;}
.zayav{margin: 0 0 0px 0;padding: 20px;}
.zayav input{border: none;border-bottom: 1px solid #666f80;outline:none;width: 250px;}
.zayav div {align-self: center;margin: 20px 0;text-align: center;}
.btn_sub{padding: 10px;outline:none;cursor: pointer;background: #282870;font-size: inherit;color: #fff;transition: all 0.2s;  border-radius: 5px;border: none;}
.btn_sub:hover {color: #282870;background: #dfdfdf;}
.back{margin:20px 0 0 0;cursor: pointer;outline:none;border: none;}
/*.back:hover {box-shadow: 0px 0px 9px #555;}*/
.img_upr{width: 56%;}
.img_splo{width: 175px;}
.kak span {color: #282870;font-size: 50px;font-weight: 900;}
.photo a img {width:202px;}
figure{width: fit-content; display: inline-block;max-width: 250px;}
.pdf_svg{width:15px;margin: 0 5px 0 0;} 
#pdf>div{margin: 0 0 15px 0;padding: 15px;border: 1px solid #ccc;width: 756px;font-size: small;}
#pdf{align-content: center;}
.pdf_link{font-size: large;color: #282870;}
.pdf_downl{font-size: large;float: right;}
.foz{margin:30px 0;}

#rsc{padding: 80px 10%;}
.peregruz>div{padding:20px;}
.grid_a1{display:grid;grid-template-columns: 49% 49%;grid-gap: 20px;}
.grid_a1 p{align-self: center;}
.ulichn>div{padding: 10px;}
#upbutton {bottom: 30px;right: 30px;width:40px;height:40px;cursor: pointer;display: none;position: fixed;z-index: 999;background:url(../img/up.png);background-size: cover;} 

img[tabindex="0"] {  cursor: zoom-in;}
img[tabindex="0"]:focus {position: fixed;z-index: 10;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;max-width: 99%;max-height: 99%;margin: auto;box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.8);}
img[tabindex="0"]:focus,  /* убрать строку, если не нужно, чтобы при клике на увеличенное фото, оно возвращалось в исходное состояние */
img[tabindex="0"]:focus ~ * {pointer-events: none;cursor: zoom-out;}

table {border-radius: 8px;}
.td_radius1{border-radius: 8px 0 0 0;} 
.td_radius2{border-radius: 0 8px 0 0;} 
.td_radius3{border-radius: 0 0  0 8px;} 
.td_radius4{border-radius: 0 0 8px 0 ;} 


.owl-carousel .owl-stage-outer {
    max-height: 100%!important;
}
.calc_le1>div>a>img {
    height: 225px;
}
.owl-carousel .owl-nav button {
    text-shadow: 0 0 10px #002;
}

.hide { display:none; }
.rating-review{
    font-family: arial,sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.58;
}

.rating-review i{
    background-repeat: repeat-x;
	background-size: 13px 12px;	
    overflow: hidden;
    position: relative;
    height: 13px;
    top: 1px;
}
.all-stars{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAmCAQAAAAYCMGrAAAA+klEQVR4AcWV4cbtMBBFF0MIVUopoVSrhDDv/3gf/RFRpzdNOty1HiBO99mzeYWgCMZMKCPGrCgrxiSUhCkDeukxJKCXAUMiehkxw6FZhxEzmp0x4kCzByYISqlYdal0supS6WrVpdLEK0YSamJiJOPY0c/uOG4s6CcXfuKJaJcRzyNCQJsNiF1sRTR1hP11NNJ8RCrONOPRf+r7J+TZgQ5CNfMOYvW/2YxDqzqA/57+gVY9eiakrnyZEGXDsaE3p/4JScwPX3rtnZATDxnPWT7X16XAHaH8HWNrlxJD9TyGti5tCM84zpZe+RxNjeX9tZqLaGoMxN/P/wHP5Vw+8ZxnEQAAAABJRU5ErkJggg==);
    width: 65px;
    display: inline-block;	
}
.hlight-stars{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAmBAMAAABALxQTAAAAFVBMVEVMaXH4twP4twP4twP4twP4twP4twP7w8S/AAAAB3RSTlMAFv5uPpvQloUsTQAAAMFJREFUeAGE0TEOgzAMQFEXoDNiYC6/wFxxAsTADDkB5f6HqNRENXUi8TYiRfnY8lNXkjBOkuBWSeAhsYJOYiW9xO4MEqshkTbCSyIH7GLdgFasHHgmwkikZQD6OROZRG4Hxju8o/TNhbNhCqkOxaZDVKdxNnq/EjUS/A2o0PuXpyVeb9bjDWY9QSWXDQfBbtbjtWY9bM4sqfx+5yYt8wNcAFEzrGGkk5668KsFrKewPtQ3aFqh8WOnYZ+lIBQkgykAWk8rlAqcHfQAAAAASUVORK5CYII=);  
    display:block;
	width: 65px;	
}

.instabutton img.instabutton_img_hover {
    display: none;
}

.instabutton:hover img.instabutton_img {
    display: none;
}

.instabutton:hover img.instabutton_img_hover {
    display: inline-block;
}

.instabutton img {
    width: 20px;
    position: relative;
    top: 4px;
}

.instabutton  {
   
    position: relative;
    z-index: 1;
}







@media screen and (max-width: 980px) {
body{padding: 0 0%;}
}
@media screen and (max-width: 796px) {
body{font-size: 13px;}
.hrig{font-size: 11px;}
.sltxt{height: auto;font-size: 1.7em;}
.zayav div{padding: 10px;}
.zayav input{width: 100%;}
.wrap {padding: 0;}
.ne4 img, .et img {width: 300px;height: 300px;}
.zayav div {padding: 0px;margin: 5px 0;}
.h2 {font-size: large;}
.calc_le1>div{min-width: 300px;margin: 8px 15px;}
.kak div{min-width: 300px;}
.pol {padding: 0 0%;}
.pol div{min-width: 300px;padding: 14px;margin: 11px;}

.top_rs {
    text-align: center;
        padding: 10px 0;
}
.c1 {
    margin-bottom: 10px;
}

form.calk input[type="text"] {display: block;}

.owl-carousel .owl-stage-outer {
   
    height: auto!important; 
}

.topsl .owl-nav .owl-prev {
    top: 24px;
    font-size: 42px!important; 
}
.topsl .owl-nav .owl-next {
    top: 24px;
    font-size: 42px!important; 
}
.owl-carousel.owl-theme.topsl.owl-loaded.owl-drag {
    margin-bottom: 20px;
        margin-top: 0;
}
.grid_a1 .owl-carousel {margin-bottom: 0!important;}


}
@media screen and (max-width: 680px) {
.hrig{padding: 10px;font-weight: normal;flex-direction:column;align-items: center;}
.top_rs{margin: 8px 0 0 0;}
.sltxt{padding: 10px 29px;font-size: 1.4em;}
.rstv{min-width: 240px;}
.kak div {min-width: 193px;}
.ne4 img, .et img {width: 251px;height: 251px;}
.pop_blok>img {    height: auto;}
.label{display: block;margin: 6px 0 ;}
.wrap > p {margin: 10px auto; width: 88%; line-height:1.4;}
h1, h2 {line-height: 1; font-size:17px;}
.B_crumbBox {padding:12px 0px 0;}
 .ourworkslid {
    padding-bottom: 75px;
}
}
@media screen and (max-width: 540px) {
.menu{flex-direction:column;}
.menu a {margin: 5px 0;}
.header{flex-direction:column;}
.owl-carousel .owl-stage-outer {height: 34vh;}
.menu1, .menu2{display:none !important;}
.mob-btn-open{display:block;}
.logo img{width: 67%;}
.sltxt{font-size: 1.2em;}
.ne4 img, .et img {width: 240px;height: 240px;}
.preim_itm {min-width: 240px;}
.pop_blok{height: fit-content;min-width: 55%;}
table,iframe {max-width:100%; display: block !important; overflow: auto !important;}

    
}
@media screen and (max-width: 480px) {
.hrig{width: -webkit-fill-available;}
.logo img{padding: 10px;}
.sltxt {font-size: 1em;top: 0;font-weight: normal;padding: 5px 24px;}
.ne4{flex-direction:column-reverse;}
.et{flex-direction:column;}
.foz{flex-direction:column;}
footer{flex-direction:column;}
.gv>div, .ulichn>div{min-width: fit-content;}
.gv img, .ulichn img{width: 80%;}
.pol w {display:block;}
.pol div {min-width:280px;}
#rsc {padding:3%;}
.kak {margin: 0 3%;}
.polu {margin:0}
.calc {display:block; padding: 0 3%;}
    
}

@media screen and (max-width: 420px) {
.owl-carousel {margin: 15px 0 -70px;}
.ulichn, .w {display: block;}
body > .wrap {padding-left:3%; padding-right:3%;}
.grid_a1 {display:block; margin:0 3%;}
.mob {display:none;}

}

@media screen and (max-width: 360px) {
.rstv{margin: 0 0 16px 0px;}
.calc_le1 > div {
    min-width: 280px;
    margin: 8px auto;
}
.preim_itm {margin:15px auto; min-width: 200px; text-align: center;}
}
@media screen and (max-width: 320px) {
.sub_blok{display: flex;flex-direction:column;align-items: center;grid-gap: 10px;}
.pol div {min-width: auto;}
.calc_le1>div {min-width: fit-content;}
.preim_itm {min-width: fit-content;}
.sltxt {font-size: 0.6em;}
}
@media screen and (max-width: 300px) {
.logo img{float: left;}
.ne4 img, .et img {width: 200px;height: 200px;}
}
@media screen and (max-width: 250px) {
.ne4 img, .et img {width: 180px;height: 180px;}
}
@media screen and (max-width: 200px) {
.ne4 img, .et img {width: 160px;height:160px;}
}