*{

	box-sizing: border-box;

}

a{

	text-decoration:none;

	display: inline-block;

}

ul,

li{

	list-style: none;

	/*margin: 0;

	padding: 0;#e7fcfe*/

}

body{

	font-weight: 400;

	font-size: 14px;

	line-height: 18px;

}

.header{

	font-family: 'Roboto', sans-serif;

}

.header__contacts{

  margin-left: -50px;

  margin-top: -24px;

  width: 410px;

}





.header__networks {

	float: left;

	line-height: 30px;

	color:#1b1b1b;

	background-color: #FDA4FF;

	padding: 5px 20px 4px 20px;

	font-size: 16px;

	display: block;

}

.header__text {

  cursor: pointer;

  font-size: 17px;

  font-family: 'Roboto', sans-serif;

}

.sub-menu {

  z-index: 5;

}

.header__networks:after{

	content:"";

	clear:both;

	display: block;

}



.header__content{

	padding: 17px 0px 23px;

  font-family: 'Roboto', sans-serif;



}

.menu1 li{

	display: inline-block;

}

/*







*/

ul.menu {



}

ul.menu li {

  display: inline-block;

  margin: 10px;

}

ul.menu li a i.fa {

  display: inline-block;

  height: 30px;

  width: 30px;

  text-align: center;

  line-height: 20px;

  padding: 5px;

  border-radius: 40px;

  color: #424242;

  position: relative;

  transition: all ease 0.2s;

}

ul.menu li a i.fa::after {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  height: 100%;

  width: 100%;

  z-index: -1;

  border-radius: 40px;

  background-color: #C7A9C9;

}

ul.menu li a i.fa:hover {

  color: #fff;

  font-size: 21px;

}

ul.menu li a i.fa:hover::after {

  animation: animate ease 0.6s forwards;

}

ul.menu li a i.fa-facebook:hover::after {

  background-color: #3b5998;

}

ul.menu li a i.fa-telegram:hover::after {

  background-color: #00aced;

}

ul.menu li a i.fa-instagram:hover::after {

  background-color: #FD1D1D;

}



ul.menu li a i.fa-facebook{

  top: -24px;

}

ul.menu li a i.fa-telegram{

  top: -24px;

}

ul.menu li a i.fa-instagram{

  top: -24px;

}



@keyframes animate {

  0%,20% {

    transform: scale(1);

    border-radius: 40px;

    background-color: #9E9E9E;

  }

  30% {

    transform: scale(1.2);

  }

  40% {

    transform: scale(1.1);

  }

  50% {

    transform: scale(1);

    border-radius: 10px;

  }

  60%,100% {

    transform: scale(1);

    border-radius: 5px;

  }

}

/*







*/

.animated__flipInX {

  position: absolute;

  top: 62px;

}



@media screen and (max-width: 949px) {

  .animated__flipInX {

    width: 949px;

  }

} 

nav {

  float:left;

  width: 100%;

  margin: -23px 0 0 0;



}

nav ul {

  background: #DA54E9;

  list-style: none;

  margin: 0;

  padding: 0;

}

nav ul li {

  position: relative;

  display: inline-block;

  margin-right: 200px;

  text-align: center;

}





nav ul li:first-child a {

  background: #BC48C9;

  width: 49px;

  padding: 15px 0;

}

nav ul li:last-child {

  margin: 0;

}

nav ul li a {

  display: block;

  background: #DA54E9;

  padding: 15px 20px;

  color: #fff;

  font-size: 14px;

  font-family: 'Yusei Magic', sans-serif;

  text-decoration: none;

  transition: 0.2s linear;

}

nav ul li a:hover {

  background: #B44BB0;

}

nav ul li ul {

  position: absolute;

  top: 100%;

  left: 0;

  width: 222px;

  border-bottom: 4px solid #DA54E9;

}

nav ul li ul li {

  display: block;

  width: 100%;

  margin: 0;

  text-align: left;

}

nav ul li ul li a {

  display: block;

  background: #3a3a3a;

  padding: 10px 15px;

  opacity: 0.7;

}

nav ul li ul li a:first-child {

  background: #3a3a3a;

  width: auto;

  border-left: 4px solid transparent;

  padding: 10px 15px;

  font-size: 14px;

}

nav ul li ul li a:hover {

  background: #333;

  border-left: 4px solid #48cfad;

}

@media screen and (max-width: 1610px) {

  nav ul li {

    margin-right: 150px;

  }

}

@media screen and (max-width: 1425px) {

  nav ul li {

    margin-right: 125px;

  }

}

@media screen and (max-width: 1322px) {

  nav ul li {

    margin-right: 100px;

  }

}

@media screen and (max-width: 1222px) {

  nav ul li {

    margin-right: 75px;

  }

}

@media screen and (max-width: 1125px) {

  nav ul li {

    margin-right: 50px;

  }

}

@media screen and (max-width: 1025px) {

  nav ul li {

    margin-right: 25px;

  }

}

@media screen and (max-width: 925px) {

  nav ul li {

    margin-right: 0px;

  }

}

/*







*/





.h1 {

  position: relative;

  font-size: 6em;

  font-family: 'Montserrat', sans-serif;

  margin-top: 47px;

  width: 898px;

}

.h2 {

  font-family: 'Open Sans', sans-serif;

  font-size: 2em;

}



.logo {

  position: relative;

  top: 50px;

}



@media screen and (max-width: 1575px) {

  .h1 {

    font-size: 5em;

    width: 795px;

  }

  .h2 {

    font-size: 26px;

  }

}

@media screen and (max-width: 1425px) {

  .h1 {

    font-size: 4.6em;

    width: 695px;

  }

}

@media screen and (max-width: 1079px) {

  .h1 {

    width: 770px;

  }

  .h2 {

    width: 770px;

  }

  .main {

    width: 770px;

  }





}





/*

1575





*/



#main_a {

  position: absolute;

  margin: 10px 10px;

  z-index: 2;

}







#image_2 {

  opacity: 0;

  filter: alpha(opacity=0);

}

#image_3 {

  opacity: 0;

  filter: alpha(opacity=0);

}



.imageClass { 

  position: absolute;

  width: 750px;

  height: 611px;

  object-fit: cover;

}



@media screen and (max-width: 1750px) {

  .imageClass {

    width: 562.5px;

    height: 458.25px;

  }

}



@media screen and (max-width: 1279px) {

  .imageClass {

  width: 700px;

  height: 561px;

  }

}



.main_container {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

}



.qooi-counter {

  position: relative;

  width: 750px;

  height: 611px;

  margin-left: 15px;

}



@media screen and (max-width: 1750px) {

  .qooi-counter {

    width: 562.5px;

    height: 458.25px;

  }

}



@media screen and (max-width: 1365px) {

  .qooi-counter {

    width: 562.5px;

    height: 458.25px;

    margin-left: 0px;

  }

}



@media screen and (max-width: 1279px) {

  .qooi-counter {

    margin-left: 8px;

  }

}



@media screen and (max-width: 1279px) {

  .qooi-counter {

  width: 750px;

  height: 611px;

  }

}



.menu2 {

  display: inline;

}



.d6 {



  padding: 30px 0;

  margin: 0

}



.d6 form {

  height: 42px;

  position: relative;

  top: -47px;

  left:10%;

  width: 385px;

  margin: 0 auto;

}

.d6 input {

  height: 100%;

  width: 0;

  padding: 0 42px 0 15px;

  border: none;

  border-bottom: 2px solid transparent;

  outline: none;

  background: transparent;

  transition: .4s cubic-bezier(0, 0.8, 0, 1);

  position: absolute;

  top: 0;

  right: 0;

  z-index: 2;

}

.d6 input:focus {

  width: 300px;

  z-index: 1;

  border-bottom: 2px solid #F9F0DA;

}

.d6 button {

  background: #683B4D;

  border: none;

  height: 42px;

  width: 42px;

  position: absolute;

  top: 0;

  right: 0;

  cursor: pointer;

}

.d6 button:before {

  content: "\f002";

  font-family: FontAwesome;

  font-size: 16px;

  color: #F9F0DA;

}

/*







*/

.header_posts {



}

.posts {

  position: relative;

  left:70%;

  top: -140px;

  font-family: 'Noto Sans', sans-serif;

  font-size: 30px;

}

.post_text {

  position: relative;

  top: -100px;

  left: 70%;

  font-family: 'Raleway', sans-serif;

  font-size: 16px;

}

.post_date {

  position: relative;

  left: 150%;

  top: -30px;

  width: 110px;

}



@media screen and (max-width: 1465px) {

  .post_date {

      left: 144%;

  }

}

/*







*/

.post_container {

  width: 800px;

}

@media screen and (max-width: 1279px) {

  .post_content {

    position: relative;

    left: -15%;

  }

}

.box {

  position: relative;
  width: 100%; 

  background: #e1fae3;

  height:309px;

  /*opacity:0.6;*/

  margin-top: 55px;

  -webkit-transition: .5s ease-in-out;

  -moz-transition: .5s ease-in-out;

  -o-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

  border: 3px solid #53ea93;

  color: black;

}

@media screen and (max-width: 1465px) {

  .box {

    width: 700px;

  }

  .post_container {

    width: 700px;

  }

}

/*

.border {

  border: 5px solid transparent;

  outline: 2px solid #000000; 

  width: 750px; 

  height: 311px;

  margin: 0 auto;

  padding: 10px;

  background-color: #cfffe5;

}

*/



.box:hover {

  opacity:1;

  background-color: #DAFBDD;

  box-shadow: inset 0 0 0 23px #53ea93;

}

/*







*/

.blog_photo {

  position: relative;

  left: 25%;

  top: 40px;

  width: 150px;

  height: 220px;

  opacity: 0.85;

  border: 3px solid #53da3f;

}

.blog_photo1 {

  position: relative;

  left: 20%;

  top: 40px;

  width: 170px;

  height: 220px;

  opacity: 0.85;

  border: 3px solid #53da3f;

}



@media screen and (max-width: 1279px) {

  .blog_photo {

    left: 15%;

  }

    .blog_photo1 {

    left: 10%;

    width: 167px;

  }

}



.arrow-2 {

    cursor: pointer;

    position: relative;

}

.arrow-2-top, 

.arrow-2-bottom {

    background: #D36EF2;

    height: 7px;



    position: absolute;

    left: -30px;

    top: 60px;

    width: 50px;

}

.arrow-2-top {

    top: 52px;

}

.arrow-2-top {

    transform: rotate(135deg);

    transform-origin: bottom right;

}

.arrow-2-bottom {

    transform: rotate(-135deg);

    transform-origin: top right;

}

.arrow-2-top::after, 

.arrow-2-bottom::after {

    background: #920999;

    content: '';

    height: 100%;

    position: absolute;

    top: 0;

    transition: all 0.15s;

}

.arrow-2-top::after {

    left: 100%;

    right: 0;

    transition-delay: 0s;

}

.arrow-2-bottom::after {

    left: 0;

    right: 100%;

    transition-delay: 0.15s;

}

.arrow-2:hover .arrow-2-top::after {

    left: 0;

    transition-delay: 0.15s;

}

.arrow-2:hover .arrow-2-bottom::after {

    right: 0;

    transition-delay: 0s;

}



.arrow-1 {

    cursor: pointer;

    position: relative;

}

.arrow-1-top, 

.arrow-1-bottom {

    background: #D36EF2;

    height: 7px;

    left: -65px;

    position: absolute;

    top: 60px;

    width: 50px;

}

.arrow-1-top {

    top: 62px;

}

.arrow-1-top {

    transform: rotate(45deg);

    transform-origin: bottom right;

}

.arrow-1-bottom {

    transform: rotate(-45deg);

    transform-origin: top right;

}

.arrow-1-top::after, 

.arrow-1-bottom::after {

    background: #920999;

    content: '';

    height: 100%;

    position: absolute;

    top: 0;

    transition: all 0.15s;

}

.arrow-1-top::after {

    left: 100%;

    right: 0;

    transition-delay: 0s;

}

.arrow-1-bottom::after {

    left: 0;

    right: 100%;

    transition-delay: 0.15s;

}

.arrow-1:hover .arrow-1-top::after {

    left: 0;

    transition-delay: 0.15s;

} 

.arrow-1:hover .arrow-1-bottom::after {

    right: 0;

    transition-delay: 0s;

}



.arrow_container {

  display: flex;

  justify-content: space-between;

}



.slider_arrows {

  margin-left: 50%;

}

@media screen and (max-width: 1750px) {

  .arrow-1 {

    left: -110px;

  }

}

@media screen and (max-width: 1465px) {

  .arrow-1 {

    left: 30px;

  }  

}

.next {

  margin-left: 738px;

}



.right_side_container {

  margin-left: 50px;

}



@media screen and (max-width: 1465px) {

.right_side_container {

  margin-left: 15px;

}  

}



    *,

    *::before,

    *::after {

      box-sizing: border-box;

    }



.container1 {

      max-width: 700px;

      margin: 0 auto;

    }



    .slider__container {

      padding-left: 0;

      padding-right: 0;

    }



    .slider__items {

      counter-reset: slide;

    }



    .slider__item {

      flex: 0 0 100%;



      counter-increment: slide;

      /*height: 250px;*/

      position: relative;

    }



    .slider__item::before {

      position: absolute;

      top: 10px;

      right: 20px;

      color: #fff;

      font-style: italic;

      font-size: 32px;

      font-weight: bold;

      display: block;

    }

    .slider__control {

      margin-top: 20px;

    }