* {
        margin: 0;
        padding: 0;
}
@font-face {
    font-family: 'Comfortaa';
    src: local('Comfortaa Light'), local('Comfortaa-Light'),
        url('../fonts/Comfortaa-Light.woff2') format('woff2'),
        url('../fonts/Comfortaa-Light.woff') format('woff'),
        url('../fonts/Comfortaa-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }
body {
        font: 12px/18px;
        font-family: 'Comfortaa';
        width: 100%;
        background-image:url(../background.jpg);
        background-repeat:no-repeat;
        background-position:center bottom;
        background-color:#fff;
}

a {
        color:#2061f9;
        outline: none;
        text-decoration: underline;
}
a:hover {
        color:#01aef0;
        text-decoration: none;
}

p {
        margin: 0 0 18px
}

img {
        border: none;
}

input {
        vertical-align: middle;
}

.wrapper {
        border-radius:0px;
        border:#e2f6fe 0px solid;
        border-top:hidden;
        box-shadow: 0 0 45px #baeafd;
        background-color:#FFF;
        width: 982px;
        margin: 0 auto;
        position:relative;
        z-index:200;
}

h1{
        font-size:32px;
        font-family: 'Comfortaa';
        margin-top:30px;
        margin-bottom:30px;
}

h2{
        font:14px Verdana;
        font-weight:bold;
        color:#333333;
        margin-top: 20px;
        margin-bottom: 20px;
}

li{list-style:none outside none !important;}

/* Header
-----------------------------------------------------------------------------*/
.up1{
        margin:0 auto;
        font:18px;
        font-family: 'Comfortaa';
        height:35px;
        width:982px;
        padding-top:25px;
        background: #fff;
        color:#fff;
}

.up1-left{
        float:left;
        height:28px;
        width:480px;
        background: #add161;
        padding-left:15px;
        padding-top:5px;
        border-top-right-radius:10px;
        border-top-left-radius:10px;
        position:relative;
        z-index:205;

}

.up1-left a{
        color:#FFF;
}

.up1-right{
        font-size:17px;
        float:right;
        height:34px;
        color:#98c63a;
        padding-top:5px;
        padding-right:15px;
}

.up1-right a{
        color:#98c63a;
}

.up2{
        font-family: 'Comfortaa';
        font-size:18px;
        color:#2061f9;

        height:240px;
        width:100%;

        background-image:url('../bg_t.jpg');
        background-size:cover;
        background-repeat:no-repeat;
        display:flex;

        justify-content: space-between;
}

.logo{
        min-width:240px;
        max-width:380px;
        display:flex;
       align-content: normal;
    flex-wrap: wrap;
    text-align:center;
            align-items: center;
                justify-content: center;
        padding-top:32px;
        margin-left:30px;
}
.logo img
{
 width:100%;
 margin:30px;
	}

.phone{
        font-size:18px;
        margin-top:35px;
        line-height:24px;
        text-align:center;
        padding:30px;
}


.address{
        font-size:18px;
        margin-top:35px;
        text-align:center;
        padding:30px;
}
.ad-sm
{
 font-size:12px;
 padding-top:20px;
	}

.header {
        top:0px;
        width: 982px;
        margin: 0 auto;
}

#nav, #nav ul {
  list-style: none;
  margin: 0;

  padding-left:4px;
  width: 100%;
  position:relative;
  z-index:10000000;
}
#nav li {
  float: left;
  display: inline;
  position: relative;

  background: none;
  padding-left:0;
  margin-left:13px;
  padding-right:20px;
    z-index:10000000;
}

#nav a {
font-size:20px;
font-family: 'Comfortaa';
        font-weight:bold;
        margin-right:13px;
        color:#fff;
        text-decoration:none;
  display: block;
  text-align:left;
  padding:13px;

}
#nav a:hover {
background-color:#caeef9;
        border-radius:2px;
        padding:13px;
        color:#2061f9;


}
#nav li:hover,
#nav li.jshover {


}

#nav li ul {
  display: none;
  position: absolute;
  background-color: #2061f9;
  width: 220px;

}
#nav li li a {

  width: 190px;
  padding:5px;
  color:#0a4595;
  text-decoration:none;
  background: none;
  line-height:1.2;
  color:#fff;
  font-size:16px;
  margin-top:5px;
  margin-left:-5px;

}
#nav li li a:hover
{
 color:#2061f9;
 text-decoration:none;
 line-height:1.2;
  width: 190px;
 padding:5px;
}
#nav li:hover ul,
#nav li.jshover ul {
  display: block;

}

#nav li:hover li ul,
#nav li.jshover li ul {
  display: none;
  width: 220px;




}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display: block;

}
#nav2, #nav2 ul {

  margin: 0;
  padding: 0;
  width: 250;
  background-color: #ffe574;

}
#nav2 a {
  color: #5e5e5e;
  background-color: #ffe574;
  text-decoration: none;
  display: block;
  font-size:14;
  width: 250;
  padding: 4px 0px;
}
#nav2 li {
  color: #003a6f;
  background-color: #ffe574;
}
#nav2 a:hover {
  color: #000;
  background: #5f7db1;
}
#nav2 li:hover,
#nav2 li.jshover {
  background: #5f7db1;
}

#nav2 li ul {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 8px 0;
  width: 250px;
}
#nav2 li li a {
  background-color: #fff;
  width: 250px;
  background: none;
   display: block;
}
#nav2 li:hover ul,
#nav2 li.jshover ul {
    background-color: #fff;
  display: block;
}

#nav2 li:hover li ul,
#nav2 li.jshover li ul {
  display: none;
  width: 250px;
  top: -9px;
  left: 118px;
  lef\t: 133px;
}
#nav2 li:hover li:hover ul,
#nav2 li.jshover li.jshover ul {
    background-color: #fff;
    width: 250px;
  display: block;
}
/* Menu
-----------------------------------------------------------------------------*/

.menu{
        background-color:#2061f9;
        background-repeat:no-repeat;
        background-position:center;
        height:49px;
        margin: 0 auto;
        color:#FFF;
        text-align:center;
}

.menuul{
        padding-top:15px;
}

.menuul li{
        text-align:center;
        display: inline;
        font:30px;
        font-family: 'Comfortaa';
        font-weight:bold;
        margin-right:15px;
}

.menuul li a{
        color:#FFF;
        padding:15px;
        text-decoration:none;
}

.menuul li a:hover{
        background-color:#98c63a;
        border-radius:10px;
        padding:15px;
}
.menuul ul ul{
        padding-top:15px;
}

.menuul ul ul li{
        text-align:center;
        display: block;
        font:16px;
        font-family: 'Comfortaa';
        font-weight:bold;
        margin-right:15px;
}

.menuul ul ul li a{
        color:#FFF;
        padding:15px;
        text-decoration:none;
}

.menuul ul ul li a:hover{
        background-color:#98c63a;
        border-radius:10px;
        padding:15px;
}



/* Middle
-----------------------------------------------------------------------------*/
.middle {
        width: 100%;
        height: 1%;
        position: relative;
}

.magic-text{
        font-size:24px;
        font-family: 'Comfortaa';
        width:500px;
        height:225px;
        color:#75868f;
        margin-top:35px;
        margin-left:70px;
        line-height: 1;
}

.vk-like{
        margin-left:332px;
        margin-top:10px;
}

.images{
        height:290px;
}

.image-1{
        background-image:url(../-11.png);
        width:347px;
        height:268px;
        float:left;
         z-index:104;
        margin-top:-27px;
        margin-left:-32px;
}

.image-2{
        background-image:url(../-2.png);
        width:332px;
        height:242px;
        float:left;
        margin-left:-104px;
        margin-top:-7px;
        z-index:101;
        position:relative;
}

.image-3{
        background-image:url(../-3.png);
        width:341px;
        height:256px;
        float:left;
        margin-left:-105px;
        margin-top:20px;
        z-index:100;
        position:relative;
}

.image-4{
        background-image:url(../-44.png);
        width:342px;
        height:258px;
        float:left;
        margin-left:665px;
        margin-top:15px;
        position:absolute;
}

.children{
        background-image:url(../children2.png);
        width:342px;
        height:306px;
        margin-left:640px;
        margin-top:-250px;
        position:absolute;
}

/* Container
-----------------------------------------------------------------------------*/

.h-content{
        margin-left:20px;
        margin-bottom:10px;
        font-size:36px;
        font-family: 'Comfortaa';
        color:#000;
        float:left;
}


.middle:after {
        content: '';
        clear: both;
        display: table;
}
.container {
        color:#333333;
        width: 100%;
        float: left;
}

.content-all{
        float:left;
        width:700px;
}

.content-left {
        float:left;
        width:438px;
       padding-bottom:30px;
        padding-right:25px;
}
.content-left p
{
 font-size:16px;
 line-height:20px;
 font-family:arial, verdana, san-serif;
	}
.content-left img
{
 padding:10px;
	}

.tips{
        width:453px;
        height:62px;
        background-color:#cfdfbd;
        font:16px Verdana;
        font-weight:normal;
        color:#639725;
}
.tips1{
        width:100%;
        height:auto;
        padding:5px;
        text-align:center;
        background-color:#cee1ef;
font-size: 16px;
    font-weight: bold;
    font-family: 'Comfortaa';

        color:#639725;
}
.tips2{
        width:235px;
        height:20px;
        background-color:#cee1ef;
font-size: 16px;
    font-weight: bold;
    text-align:center;
    font-family: 'Comfortaa';

        color:#639725;
}
.tips-text{
        float:left;
        width:244px;
        padding-top:10px;
        margin-left:12px;

}

.b-tips{
        background-image:url(../b-tips.png);
        display: block;
        width:176px;
        height:45px;
        margin-right:10px;
        margin-top:8px;
        float:right;
}

.b-tips:hover{
        background-image:url(../b-tips-hover.png);
}

.tips-read{
        width:110%;
        font:12px Verdana;
        color:#639725;
}

.tips-read a{
        text-decoration:none;
}

.tips-read-img{
        width:144px;
        margin-right:10px;
        float:left;
}
.content-right {
        margin-top:-30px;
        float:right;
        width:208px;
        margin-right:15px;
        padding-bottom:20px;
}

.contact-info{
        width:208px;
        height:379px;
        background-color:#cee1ef;
        border-radius:10px;
        font:14px Verdana;
        font-weight:bold;
}

p.green{
        color:#000;
        background-color##2061f9;
        padding-top:5px;
        padding-bottom:5px;
        text-align:center;
        font-size:17px;
        font-family: 'Comfortaa';
}

p.contact-address{
        padding-left:15px;
        padding-right:15px;
}

p.contact-phone{
        font-size:18px;
        padding-left:15px;
        padding-right:15px;
        margin-bottom:25px;
}

.b2{
        background-color:#2061f9;
        display: block;
        width:176px;
        height:45px;
        border-radius:10px;
        margin-left:15px;
        margin-bottom:18px;
        color:#fff;
        font-size:16px;
        font-family: 'Comfortaa';
        font-style:normal;
        text-decoration:none;
        line-height:45px;
        text-align:center;
}
.b1{
        background-color:#999;
        display: block;
        width:176px;
        height:45px;
        border-radius:10px;
        margin-left:15px;
        font-family: 'Comfortaa';
        margin-bottom:18px;
         font-style:normal;
        color:#fff;
        font-size:16px;
        text-decoration:none;
        line-height:45px;
                text-align:center;
}
.b2:hover{
       background-color:#333;
}
.b1:hover{
       background-color:#333;
}


.img-360{
        margin-top:30px;
}

.content-header{
        padding-top:20px;
        padding-bottom:35px;
        font-size:30px;
        color:#000;
}

.content-text{
        font:12px Verdana;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sideLeft {
        margin-left:18px;
        float: left;
        width: 260px;
        position: relative;
}

.sideMenu{
        text-align:left;
        padding-bottom:20px;
        padding-top:5px;
}

.sideMenu a{
        font-size:16px;
        font-weight:bold;
        font-family: 'Comfortaa';
        padding-bottom:20px;
        padding-top:5px;
        text-decoration:underline;
}

.sideMenu ul li{padding-top:18px;}

.side{

        padding-bottom:15px;
        margin-right:20px;
        border-top:#999 1px dotted;


        padding-top:15px;
        font-size:12px;
        border-bottom:#999 1px dotted;
        font:12px Verdana;
}

.data{
        color:#2061f9;
        background:#caeef9;
        width:75px;
        padding-left:15px;
        padding-right:15px;
        padding-top:2px;
        padding-bottom:2px;
}


/* Footer
-----------------------------------------------------------------------------*/
.footer-background{
        height:410px;
        background: #e1e1e1;
        margin-top:-258px;
}

.footer {
        width: 982px;
        margin: 0 auto;
        padding-top:298px;
}

.footer-logo{
        width:197px;
        float:left;
        margin-right:40px;
        margin-left:115px;
        margin-top:20px;
}

.footer-address{
        color:#aab3b7;
        margin-top:10px;
        font:24px;
        font-family: 'Comfortaa';
        font-weight:bold;
}

.team-support{
        font:14px ;
        font-family: 'Comfortaa';
        font-weight:bold;
        color:#75868f;
}

.team-support a{
        color:#75868f;
}

.team-support a:hover{
        color:#639725;
}
.news_list
{
margin-top:30px;
border-top:1px #ccc dashed;
padding-top:20px;
}
.addrefok
{
 width:300px;
 height:60px;
 display: block;
 position:fixed;
 background-color:#cecece;
 top:200px;
 left:50%;
 margin-left:-150px;
 padding-left:50px;
 padding-top:30px;
 border-radius: 10px;
 z-index:1000;
}
.page
{
 display:block;
 width:25px;
 height:25px;
 line-height:25px;
   text-align:center;
  text-decoration:none;
 border-radius:20px;
 background-color:#999;
 color:#fff;
	}
.page_active
{
 display:block;
  width:25px;
 height:25px;
  line-height:25px;
  text-align:center;
  text-decoration:none;
 border-radius:20px;
 background-color:#2061f9;
 color:#fff;
	}
.page:hover
{
	background-color:#caeef9;
	color:#2061f9;
}
.page_active:hover
{
	background-color:#caeef9;
	color:#2061f9;
}
.pages
{
 display:flex;
 gap:20px;
	}
.content-text ul
{
    font-size: 16px;
    line-height: 20px;
    font-family:'Comfortaa';
	}
.content-text ul li
{
 padding-top:10px;
	}