h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1em;font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif}
h1{font-size:2em;line-height:1.1em;letter-spacing:-0.02em}
h2{font-size:1.7em;line-height:1.1em;letter-spacing:-0.01em}
h3{font-size:1.6em;line-height:1.1em;letter-spacing:-0.01em}
h4{font-size:1.5em;line-height:1.1em;letter-spacing:-0.01em}
h5{font-size:1.4em;line-height:1.1em;letter-spacing:-0.01em}
h6{font-size:1.1em;letter-spacing:-0.02em}
.slimfont{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.display-1 {font-size: 2em;}
.display-2 {font-size: 1.9em;}
.display-3 {font-size: 1.7em;}
.display-4 {font-size: 1.5em;}
.myButton{transition-duration:0.5s;background-color:transparent;-moz-border-radius:33px;-webkit-border-radius:33px;border-radius:33px;border:2px solid #8f39f0;display:inline-block;cursor:pointer;color:#890ddb;font-family:Trebuchet MS;font-size:21px;padding:8px 25px;text-decoration:none}
.myButton:hover{background-color:transparent;background-color:transparent;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;border:2px solid #245bff;color:#002bff !important;text-decoration:none !important}
.myButton:active{position:relative;top:1px}
@media (min-width:767px){
 .display-1 {font-size: 4em;}
 .display-2 {font-size: 2.9em;}
 .display-3 {font-size: 3em;}
 .display-4 {font-size: 2.5em;}
 }

.texttt{font-size:1.3em;}

/*----------------------------header---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- - */
/* --- статьи с видео -- - */
.statitext p{}
.statitext h3{margin:0 0 5% 0;padding-left:27px;position:relative;font-size:1.2em;font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;font-weight:600}
.statitext h3:before{position:absolute;left:0;top:1px;content:'';height:102%;width:6px;background:#927db8}
.stativideo img{width:100%;margin-bottom:30px;}
@media (min-width:576px){.statitext h3{font-size:1.5em}
 }
@media (min-width:767px){.statitext{}
 .stativideo img{margin-bottom:0;}
 }
@media (min-width:992px){.statitext h3{font-size:2.2em}
 .statitext{}
 }
.inline-menu ul {display: inline;}
.inline-menu li {display: inline;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------rj контент ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ - */


/* -четыре блока с щётчиком - */
.chetbl{width:200px;height:223px;background-color:white;text-align:center;box-shadow:0 1px 2px rgba(0, 0, 0, .1)}
.chetbl p{font-size:13px;line-height:1.3em}
.chetbl i{font-size: 37px;color: #e19553;margin: 10px 0 10px 0;}
.counter-value{font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;font-size:35px;margin:10px 0 10px 0;color:#8b8b8b;}
.chetbldiv{position:absolute;margin-left:0;width:168px;bottom:-8px;height:8px;background-color:#e6994e}



/*----------вывод блока новостей----------*/

.novosti{width:250px;height:200px;box-shadow:0 1px 2px rgba(0,0,0,.1);border:0 solid rgba(0,0,0,.125);border-radius:0;overflow:hidden;position:relative}
.novosti img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;width:150%;filter:grayscale(90%);position:absolute}
.novosti:hover img{-webkit-transform:rotate(5deg) scale(1.1);transform:rotate(5deg) scale(1.1);filter:grayscale(0%)}
.novosti h6{font-weight:400;text-transform:capitalize;text-align: center;font-size: 1em;color:white}
.novosti-body{position:absolute;bottom:0;width:100%;height:100px;padding:20px;
 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.42) 21%,rgba(0, 0, 0, 0.73) 41%,rgb(0, 0, 0) 100%);
 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.42) 21%,rgba(0, 0, 0, 0.73) 41%,rgb(0, 0, 0) 100%);
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.42) 21%,rgba(0, 0, 0, 0.73) 41%,rgb(0, 0, 0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.novosti-date{position:absolute;right:-6px;;bottom:-2px;;width:71px;height:22px;z-index:2}
.novosti-date p{font-size:0.7em; color: #737373;}

/*----------вывод отдельной новости----------*/

.novosti-block{margin-top: 2%;}
.novosti-block p{font-size: 1em;}
.novosti-block-img-1{width:80%;  margin: 20px auto; display: block }
.novosti-block-img-2{width:80%;  margin: 20px auto; display: block }
.novosti-block-img-3{width:80%;  margin: 20px auto; display: block}
@media (min-width:992px){
 .novosti-block p{font-size: 1.2em;}
 .novosti-block-img-1{float:left; width:400px; margin: 0 30px 30px 0}
 .novosti-block-img-2{width:40%; float:left; margin-bottom: 30px;}
 .novosti-block-img-3{width:40%; float:right; margin-bottom: 30px;}
 }
 
/*----------footer------------*/

ul.footercont{list-style:none;margin-top:14px;margin-left:-27px;font-weight:600;font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif}
ul.footermenu{list-style:none;margin-top:6px;margin-left:-16px;font-weight:600;font-size:1.1em;font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif}
.footermenu a{color:#253b59 !important}
.footermenu a:hover{color:#8c15b9 !important}
.footermenu a:active{color:#8c15b9 !important}
.footermenu li{color:#8c15b9}
.footerlogo {width: 175px;height: 80px;background-position: -182px -68px;display: block;margin-bottom: 30px;}

/*----------карта контакты------------*/

#contmap{height: 500px;}
.contteldiv{background-color: #3a3a3a}
.conttel-sots-seti i{font-size: 2rem!important}
.conttel-sots-seti i:hover{color:white!important;transition: 1s;}
#conttel{box-sizing:border-box;z-index:2;  width: 90%; margin: 7% auto; border: #545454 3px solid; height: 535px; padding-top:18px; text-align: center!important;}
#conttel p{color:#d3d3d3; font-weight: 600;}
#conttel i{color: #8d8d8d; font-weight: 100; width: 20px; font-size: 1rem;margin: 0 6px 0 0;}
.conttel-form {width: 111%; margin: 0 auto;}
.form-style-4{width: 90%;font-size: 16px;padding: 7px 0 0 0;}
.form-style-4 input[type=submit],
.form-style-4 input[type=button],
.form-style-4 input[type=text],
.form-style-4 input[type=email],
.form-style-4 textarea,
.form-style-4 label
{font-size: 16px;color: #d3d3d3;}
.form-style-4 label {display:block;margin-bottom: 10px;}
.form-style-4 label > span{display: inline-block;width: 150px;font-size: 0.9em;color: dimgrey;}
.form-style-4 input[type=text],
.form-style-4 input[type=email] {background: transparent;border: none;border-bottom: 1px dashed #d3d3d3;width: 325px;outline: none;padding: 0 0 0 0;font-style: italic;}
.form-style-4 textarea{font-style: italic;padding: 0 0 0 0;background: transparent;outline: none;border: none;border-bottom: 1px dashed #d3d3d3;width: 325px;overflow: hidden;resize:none;height:20px;font-size: 0.55em;}
.form-style-4 textarea:focus,
.form-style-4 input[type=text]:focus,
.form-style-4 input[type=email]:focus,
.form-style-4 input[type=email] :focus {border-bottom: 1px dashed #D9FFA9;}
.form-style-4 input[type=submit],
.knopka {background: #73543b;border: none;padding: 8px 10px 8px 10px;border-radius: 5px;color: #A8BACE;}
.knopka:hover{background: #394D61;}

@media (min-width:992px){
 #contmap{height: 750px;} 
 #conttel{width: 430px; margin: 7% auto; border: #545454 3px solid; height:670px; padding-top:18px; }

 #conttel ul{font-size:1em}
 .contteldiv{height: 750px;}
 .conttellogo{width: 175px;height: 80px;background-position: -185px -68px;margin: 0 auto 30px auto;display: block;}
 .form-style-4{width: 437px;font-size: 16px;padding: 7px 0 0 0;}

 }
@media (min-width:1200px){
 #conttel{}
 }



/** ---------- страница контакты --------- **/

.sprite{background-image:url(../images/spritik-new-3x.png);background-size:412px}

footer ul{list-style:none;font-weight:bold;margin-left:-30px;color:#b8b8b8}
footer a{color: #8d8d8d;
 font-weight: 600;}
footer a:hover{color:#757575}
footer i{color: #8d8d8d; font-weight: 100; width: 20px; font-size: 1.2rem;margin: 0 6px 0 0;}
#footer__niz__line{font-size:0.7em;height:30px;letter-spacing:-0.05em;padding-top:6px;position:relative;background-color:rgba(0, 0, 0, 0.39);}
#footer__niz__line a{text-decoration:none;color:#5a5a5a !important;float:left;}
#footer__niz__line p{text-align:center;}



/*------------------------------------------------------# Footer menu dropdown -------------------------------------------------*/

#nav {width: 280px;}
#nav li a {display: block;text-decoration: none;color: #b8b8b8;}
#nav li a:hover, #nav li a.active {color: #fff;}
#nav li ul {
 display: none; // used to hide sub-menus
 }