@font-face {
font-family: 'Montserrat', sans-serif;
 }

html{

    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.alert-success {
	font-size: 12px;
	margin-top: 20px;
	padding: 0px;
	color: #0f5132;
	background-color: #fff;
	border-color: #fff;
}

  body
  {
  	font-family: Montserrat;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background-color: #F6F7FB;
  }

html {
  scroll-behavior: smooth;
}

a{
	text-decoration: none;
}

p{
	margin: 0;
}

.text_f_screen{
	z-index: 1000;
}

.dates p{
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #47B942;
	background: #47B942;
	color: #fff;
	border-radius: 30px;
	margin-bottom: 10px;
	font-size: 18px;
}

.photos img{
	width: 100%;
	border-radius: 30px 5px;
	z-index: 5000;
	margin-bottom: 20px;
}

.photos_class{
	z-index: 5000;
}

.photos_class1{
	z-index: 5000;
	margin-top: -50px;
}

.photos_class2{
	z-index: 5000;
	margin-top: -20px;
}

.renk {
	position: absolute;
	z-index: 10;
	top: 360px;
	right: 20px;
	margin-right: -20px;
}

.smallrenkpink {
	position: absolute;
	z-index: 10;
	right: 110px;
	top: 210px;
	margin-right: -20px;
}

.smallrenkgreen {
	position: absolute;
	right: 610px;
	z-index: 10;
	top: 160px;
	margin-right: -20px;
}

.smallrenkbrown {
	position: absolute;
	z-index: 10;
	top: 690px;
	right: 400px;
	margin-right: -20px;
}

.dots_1 {
	position: absolute;
	top: 130px;
	right: 70px;
	margin-right: -20px;
}

.dots_line img{
	max-width: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	height: auto;
	top: 180px;
}

.dots_line_1 img{
	max-width: 100%;
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	height: auto;
	bottom: 200px;
}

.dots_small{
	right: 500px;
	position: absolute;
}

.button_f_screen{
	margin-top: 44px;
}

.button_f_screen p{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	text-decoration: none;
	line-height: 22px;
	color: #4383B9;
}


.bg{
	background-color: #F6F7FB;
	overflow-x: hidden;
	width: 100%;
	height: 100vh;
	display: flex;
}

.fst_screen h1{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	font-size: 52px;
	line-height: 63px;
	color: #2A2728;
}

.fst_screen h2{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: #2A2728;
}
.fst_screen {
	overflow-x: hidden;
	}


.text-block {
	padding-left: 40px;
	margin-top: auto;
	margin-bottom: auto;
	z-index: 1000;
	margin-top: auto;
}

.menu{
	text-align: right;
	padding-right: 40px;
	padding-left: 40px;
}


.menu a{
	text-align: right;
	padding-left: 32px;
	text-decoration: none;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #2A2728;
}

.navigation{
	position: absolute;
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}

@media (min-width: 300px) and (max-width: 750px) {
	a img{
		width: 100%;
	}
	/*MENU*/

			.burg a {
				text-decoration: none;
				color: rgba(255, 255, 255, 0.77);
				font-size: 18px;
			}

			.botao {
			  position: fixed;
			  top: 20px;
			  right: 20px;
			  z-index: 2;
			  cursor: pointer;
			}

			#bg-menu-mobile {
			z-index: 1010 !important;
			  width: 100%;
			  height: 100%;
			  position: fixed;
			  top: 0;
			  right: -100%;
			  background-color: #4383B9;
			  will-change: transform;
			}

			.burg ul {
				margin-left: 20px;
			  width: 100%;
			  position: fixed;
			  top: 100px;
			  left:0; 
			  /*left: 0;*/
			  list-style: none;
			  color: #fff;
			  z-index: 1011;
			}

			.burg ul li {
			  font-weight:300;
			  font-size: 30px;
			  position: relative;
			  margin-bottom: 20px;
			  left:100%;
			  cursor: pointer;
			  will-change: transform;
			}

			.burg ul li:hover {
			  color: #111;
			  -webkit-transition: all .1s ease-in-out;
			  -moz-transition: all .1s ease-in-out;
			  transition: all .1s ease-in-out;
			}

			.burg img {
			  max-width: 100%
			}


			/* hang burger */

			#hamburger {
				width: 20px;
				height: 20px;
				position: relative;
				margin: 20px auto;
				cursor: pointer;
				position: relative;
				top: 0;
				right: 0px;
				background-color: transparent;
				z-index: 1011;
			}

			#hamburger span {
			  z-index: 3;
			  display: block;
			  position: absolute;
			  height: 2px;
			  width: 100%;
			  background: #111;
			  border-radius: 5px;
			  opacity: 1;
			  left: 0;
			  -webkit-transform: rotate(0deg);
			  -moz-transform: rotate(0deg);
			  -o-transform: rotate(0deg);
			  transform: rotate(0deg);
			  -webkit-transition: .20s ease-in-out;
			  -moz-transition: .20s ease-in-out;
			  -o-transition: .20s ease-in-out;
			  transition: .25s ease-in-out;
			}

			#hamburger span:nth-child(1) {
			  top: 0px;
			}

			#hamburger span:nth-child(2) {
			  top: 8px;
			}

			#hamburger span:nth-child(3) {
			  top: 16px;
			}

			#hamburger.open span:nth-child(1) {
			  top: 14px;
			  -webkit-transform: rotate(135deg);
			  -moz-transform: rotate(135deg);
			  -o-transform: rotate(135deg);
			  transform: rotate(135deg);
			  background-color: #fff;
			}

			#hamburger.open span:nth-child(2) {
			  opacity: 0;
			  left: -30px;
			  -webkit-transition: .16s ease-in-out;
			  -moz-transition: .16s ease-in-out;
			  -o-transition: .16s ease-in-out;
			  transition: .16s ease-in-out;
			}

			#hamburger.open span:nth-child(3) {
			  top: 14px;
			  -webkit-transform: rotate(-135deg);
			  -moz-transform: rotate(-135deg);
			  -o-transform: rotate(-135deg);
			  transform: rotate(-135deg);
			  background-color: #fff;
			}

	.f-video-cover img{
		width: 100%;
	}

	.fst_screen {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.fst_screen h1 {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 900;
		font-size: 32px;
		line-height: 37px;
		color: #2A2728;
	}
	.fst_screen h2 {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		margin-top: 20px;
		font-size: 12px;
		line-height: 18px;
		color: #2A2728;
	}

	.text_f_screen{
		margin-top: 0px;
	}

	.button_f_screen p {
		font-size: 14px;
	}

	.renk {
		display: none;
	}

	.smallrenkpink {
		display: none;
	}

	.smallrenkgreen {
		display: none;
	}

	.smallrenkbrown {
		display: none;
	}

	.dots_1 {
		display: none;
	}

	.dots_line {
		display: none;
	}

	.dots_line_1{
		display: none;
	}

	.dots_small{
		display: none;
	}

	.text-block {
		padding-left: 0px;
		margin-top: 40px;
		margin-bottom: auto;
		z-index: 1000;
	}

	.hamburger-menu {
	z-index: 2;
	position: absolute;
	top: 0px;
	right: 25px;
	cursor: pointer;
}

	.bar1,
	.bar1:after,
	.bar1:before {
	  width: 30px;
	    height: 3px;
	}

	.bar1 {
	    position: relative;
	    transform: translateY(20px);
	    background: rgba(0, 0, 0, 1);
	    transition: all 0ms 300ms;
	}

	.bar1.animate {
	  background: rgba(255, 255, 255, 0); 
	}

	.bar1:before {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 10px;
	    background: rgba(0, 0, 0, 1);
	    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.bar1:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    top: 10px;
	    background: rgba(0, 0, 0, 1);
	    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.bar1.animate:after {
	    top: 0;
	    transform: rotate(45deg);
	    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
	}

	.bar1.animate:before {
	    bottom: 0;
	    transform: rotate(-45deg);
	    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
	}

	/*nav menu*/
	.show {
	  left:0%;
	  opacity:1;
	}

	.hide {
	  opacity:0;
	  left:100%;
	}

	.mobile-nav {

	  background: rgba(255, 255, 255, 0.8);
	  backdrop-filter: blur(64px);
	  position:absolute;
	  top:0;
	  width:100vw;
	  height:100vh;
	  text-align:center;
	  transition: .2s ease;
	  /*  transition: opacity .5s ease;
	  -moz-transition: opacity .5s ease;
	  -webkit-transition: opacity .5s ease;
	  transition:left .5s ease-in-out;*/
	}
	.mobile-nav ul{
	  position:relative;
	  top:50%;
	  transform: translateY(-50%);
	  padding: 0px;
	}

	.mobile-nav a {
	  text-align:center;
	  font-size:4vw;
	  color:#ffffff;
	  opacity:0;
	  transition:opacity .9s ease-in-out;
	}

	.mobile-nav.show a {
		text-align: center;
		font-size: 18px;
		/* border-bottom: 1px white; */
		line-height: 40px;
		font-family: Montserrat;
		font-weight: 600;
		color: #2A2728;
		opacity: 1;
	}

	.mobile-nav a:hover {
	  color:#2980b9;
	}
		/*test*/

		#header_mob {
	  width: 100%; 
	  border: 0;
	  margin: 0;
	  padding: 0;
	  position: relative;
	}

	#header-bg_mob {
		margin-right: 0px;
		margin-left: -20px;
		background: rgba(0,0,0,0);
		height: 50px;
		z-index: 10001;
		position: relative;
		width: 100%;
		padding: 10px;
	}

	#header_mob.op #header-bg_mob {
		background: rgba(255,255,255,.8);
	}

	.bg {
		background-color: #F6F7FB;
		width: 100%;
		height: 100%;
		display: flex;
	}

	.photos img {
		width: 100%;
		border-radius: 20px 1px;
		z-index: 5000;
		margin-bottom: 10px;
	}

	.photos{
		margin-top: 70px;
	}
}

@media (min-width: 751px) and (max-width: 1023px) {

	.photos{
		margin-top: 40px;
	}

	/*MENU*/

			.burg a {
				text-decoration: none;
				color: rgba(255, 255, 255, 0.77);
				font-size: 18px;
			}

			.botao {
			  position: fixed;
			  top: 20px;
			  right: 20px;
			  z-index: 2;
			  cursor: pointer;
			}

			#bg-menu-mobile {
			z-index: 1010 !important;
			  width: 100%;
			  height: 100%;
			  position: fixed;
			  top: 0;
			  right: -100%;
			  background-color: #4383B9;
			  will-change: transform;
			}

			.burg ul {
				margin-left: 20px;
			  width: 100%;
			  position: fixed;
			  top: 100px;
			  left:0; 
			  /*left: 0;*/
			  list-style: none;
			  color: #fff;
			  z-index: 1011;
			}

			.burg ul li {
			  font-weight:300;
			  font-size: 30px;
			  position: relative;
			  margin-bottom: 20px;
			  left:100%;
			  cursor: pointer;
			  will-change: transform;
			}

			.burg ul li:hover {
			  color: #111;
			  -webkit-transition: all .1s ease-in-out;
			  -moz-transition: all .1s ease-in-out;
			  transition: all .1s ease-in-out;
			}

			.burg img {
			  max-width: 100%
			}


			/* hang burger */

			#hamburger {
				width: 40px;
				height: 40px;
				position: relative;
				margin: 40px auto;
				cursor: pointer;
				position: relative;
				top: 0;
				right: 20px;
				background-color: transparent;
				z-index: 1011;
			}

			#hamburger:hover span:nth-child(1) {
			  top: -4px;
			  -webkit-transition: .20s ease-in-out;
			  -moz-transition: .20s ease-in-out;
			  -o-transition: .20s ease-in-out;
			  transition: .20s ease-in-out;
			}

			#hamburger:hover span:nth-child(3) {
			  top: 34px;
			  -webkit-transition: .16s ease-in-out;
			  -moz-transition: .16s ease-in-out;
			  -o-transition: .16s ease-in-out;
			  transition: .16s ease-in-out;
			}

			#hamburger span {
			  z-index: 3;
			  display: block;
			  position: absolute;
			  height: 4px;
			  width: 100%;
			  background: #111;
			  border-radius: 5px;
			  opacity: 1;
			  left: 0;
			  -webkit-transform: rotate(0deg);
			  -moz-transform: rotate(0deg);
			  -o-transform: rotate(0deg);
			  transform: rotate(0deg);
			  -webkit-transition: .20s ease-in-out;
			  -moz-transition: .20s ease-in-out;
			  -o-transition: .20s ease-in-out;
			  transition: .25s ease-in-out;
			}

			#hamburger span:nth-child(1) {
			  top: 0px;
			}

			#hamburger span:nth-child(2) {
			  top: 14px;
			}

			#hamburger span:nth-child(3) {
			  top: 28px;
			}

			#hamburger.open span:nth-child(1) {
			  top: 14px;
			  -webkit-transform: rotate(135deg);
			  -moz-transform: rotate(135deg);
			  -o-transform: rotate(135deg);
			  transform: rotate(135deg);
			  background-color: #fff;
			}

			#hamburger.open span:nth-child(2) {
			  opacity: 0;
			  left: -30px;
			  -webkit-transition: .16s ease-in-out;
			  -moz-transition: .16s ease-in-out;
			  -o-transition: .16s ease-in-out;
			  transition: .16s ease-in-out;
			}

			#hamburger.open span:nth-child(3) {
			  top: 14px;
			  -webkit-transform: rotate(-135deg);
			  -moz-transform: rotate(-135deg);
			  -o-transform: rotate(-135deg);
			  transform: rotate(-135deg);
			  background-color: #fff;
			}

	.f-video-cover img{
		width: 100%;
	}

	.fst_screen {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-top: 50px;
		margin-bottom: 0px;
	}

	.fst_screen h1 {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 900;
		font-size: 32px;
		line-height: 37px;
		color: #2A2728;
	}
	.fst_screen h2 {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		color: #2A2728;
	}

	.text_f_screen{
		margin-top: -200px;
	}

	.button_f_screen p {
		font-size: 14px;
	}

	.renk {
		display: none;
	}

	.smallrenkpink {
		display: none;
	}

	.smallrenkgreen {
		display: none;
	}

	.smallrenkbrown {
		display: none;
	}

	.dots_1 {
		display: none;
	}

	.dots_line {
		display: none;
	}

	.dots_line_1{
		display: none;
	}

	.dots_small{
		display: none;
	}

	.text-block {
		padding-left: 0px;
		margin-top: auto;
		margin-bottom: auto;
		z-index: 1000;
		margin-top: auto;
	}

	.hamburger-menu {
	z-index: 2;
	position: absolute;
	top: 0px;
	right: 25px;
	cursor: pointer;
}

	.bar1,
	.bar1:after,
	.bar1:before {
	  width: 30px;
	    height: 3px;
	}

	.bar1 {
	    position: relative;
	    transform: translateY(20px);
	    background: rgba(0, 0, 0, 1);
	    transition: all 0ms 300ms;
	}

	.bar1.animate {
	  background: rgba(255, 255, 255, 0); 
	}

	.bar1:before {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 10px;
	    background: rgba(0, 0, 0, 1);
	    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.bar1:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    top: 10px;
	    background: rgba(0, 0, 0, 1);
	    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.bar1.animate:after {
	    top: 0;
	    transform: rotate(45deg);
	    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
	}

	.bar1.animate:before {
	    bottom: 0;
	    transform: rotate(-45deg);
	    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
	}

	/*nav menu*/
	.show {
	  left:0%;
	  opacity:1;
	}

	.hide {
	  opacity:0;
	  left:100%;
	}

	.mobile-nav {

	  background: rgba(255, 255, 255, 0.8);
	  backdrop-filter: blur(64px);
	  position:absolute;
	  top:0;
	  width:100vw;
	  height:100vh;
	  text-align:center;
	  transition: .2s ease;
	  /*  transition: opacity .5s ease;
	  -moz-transition: opacity .5s ease;
	  -webkit-transition: opacity .5s ease;
	  transition:left .5s ease-in-out;*/
	}
	.mobile-nav ul{
	  position:relative;
	  top:50%;
	  transform: translateY(-50%);
	  padding: 0px;
	}

	.mobile-nav a {
	  text-align:center;
	  font-size:4vw;
	  color:#ffffff;
	  opacity:0;
	  transition:opacity .9s ease-in-out;
	}

	.mobile-nav.show a {
		text-align: center;
		font-size: 18px;
		/* border-bottom: 1px white; */
		line-height: 40px;
		font-family: Montserrat;
		font-weight: 600;
		color: #2A2728;
		opacity: 1;
	}

	.mobile-nav a:hover {
	  color:#2980b9;
	}
		/*test*/

		#header_mob {
	  width: 100%; 
	  border: 0;
	  margin: 0;
	  padding: 0;
	  position: relative;
	}

	#header-bg_mob {
		margin-top: -50px;
		margin-right: 0px;
		margin-left: -20px;
		background: rgba(0,0,0,0);
		height: 50px;
		z-index: 10001;
		position: fixed;
		width: 100%;
		transition: height .3s, background .3s;
		padding: 10px;
	}

	#header_mob.op #header-bg_mob {
		background: rgba(255,255,255,.8);
	}
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.fst_screen h1 {
		font-size: 42px;
		line-height: 53px;
	}

	.fst_screen h2 {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		color: #2A2728;
	}
}



/*2st screen ----------________--------_________---------___________---------___________-------___________-----------_________*/

.Scd_screen{
	overflow-x: hidden;
	padding-right: 40px;
	padding-left: 40px;
	margin-top: 0px;
	margin-bottom: 100px;
}

.card-img, .card-img-top {
	border-radius: 30px 5px;
	object-fit: cover;
	width: 100%;
	border-top-right-radius: calc(.25rem - 1px);
}

.Scd_screen .card{
	padding-bottom: 40px;
	height: 90% !important;
	background: #FFFFFF;
	box-shadow: -10px -10px 20px rgba(255, 255, 255, 0.9), 10px 10px 20px rgba(236, 237, 241, 0.9);
	border-radius: 30px 5px;
	border: none;
}

.Scd_screen .card-title{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	display: flex;
	align-items: center;
	color: #2A2728;
}

.Scd_screen .card-text{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	color: #2A2728;
}

.Scd_screen h1{
	margin-bottom: 24px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	font-size: 52px;
	line-height: 63px;
	color: #2A2728;
}

.Scd_screen .card-img, .card-img-top {
padding: 15px;
}

@media (min-width: 300px) and (max-width: 750px) {
	.Scd_screen {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-top: -150px;
		margin-bottom: 50px;
	}

	.Scd_screen h1 {
		font-size: 28px;
		line-height: 32px;
	}

	.Scd_screen .card-img, .card-img-top {
		padding: 5px;
	}

	.Scd_screen .card-title {
		font-size: 16px;
		line-height: 18px;
	}

	.Scd_screen .card {
		padding-bottom: 0px !important;
		height: 100% !important;
	}

}

@media (min-width: 751px) and (max-width: 1023px) {
	.Scd_screen {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-top: -150px;
		margin-bottom: 50px;
	}

	.Scd_screen h1 {
		font-size: 28px;
		line-height: 32px;
	}

	.Scd_screen .card-img, .card-img-top {
		padding: 5px;
	}

	.Scd_screen .card-title {
		font-size: 16px;
		line-height: 18px;
	}

}



/*new_screen_1 ----------________--------_________---------___________---------___________-------___________-----------_________*/


.new_screen1_row{
	margin: 0px;
}

.new_screen1{
	overflow-x: hidden;
	position: relative;
	padding-right: 40px;
	padding-left: 40px;
	margin-top: 50px;
	margin-bottom: 100px;
}

.new_screen1 h1{
	margin-bottom: 24px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	font-size: 52px;
	line-height: 63px;
	color: #2A2728;
}

.schedule_item{
	width: 100%;
	padding-left: 15px;
	height: 100px;
	background: #FFFFFF;
	box-shadow: -10px -10px 20px rgba(255, 255, 255, 0.9), 10px 10px 20px rgba(236, 237, 241, 0.9);
	border-radius: 30px 5px;
	margin-bottom: 16px;
}

.time_schedule{
	padding-right: 20px;
	border-right: 1px solid ##2A2728;
}

.right_schedule{
	height: 100%;
	padding: 16px;
	background: #FFFFFF;
	box-shadow: -10px -10px 20px rgba(255, 255, 255, 0.9), 10px 10px 20px rgba(236, 237, 241, 0.9);
	border-radius: 30px 5px;
}

.right_schedule p{
	font-size: 16px;
	line-height: 21px;
	color: #2A2728;
	margin-bottom: 32px;
	}

.right_schedule a{
	display: block;
	color: #2A2728;
	width: 100%;
	font-size: 16px;
	padding-left: 16px;
	border: 1px solid #2A2728;
	padding-top: 16px;
	padding-bottom: 16px;
	border-radius: 50px;
	transition: all 0.5s ease-out;
}

.right_schedule a:hover{
	color: #FFF;
	transition: all 0.5s ease-out;
	background-color: #2A2728;
}

.r_b{
	margin-bottom: 16px;
}

@media (min-width: 300px) and (max-width: 750px) {

	.schedule_item {
		width: 100%;
		padding-left: 15px;
		background: #FFFFFF;
		box-shadow: -10px -10px 20px rgba(255, 255, 255, 0.9), 10px 10px 20px rgba(236, 237, 241, 0.9);
		border-radius: 30px 5px;
		margin-bottom: 16px;
		padding-top: 16px;
		padding-bottom: 16px;
		height: auto;
	}

	.new_screen1 {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-bottom: 50px;
	}

	.new_screen1 h1 {
		font-size: 28px;
		line-height: 32px;
	}

	.new_screen1 p {
		font-size: 12px;
		line-height: 18px;
	}

	.schedule_item h3{
		font-size: 18px;
	}

	.schedule_item{
		margin: 0px;
		margin-bottom: 16px;
	}

	.new_screen1 .col-lg-8{
		padding-left: 0px;
		padding-right: 0px;
	}

	.right_schedule a {
		font-size: 14px;
	}

	.right_schedule p {
		margin-bottom: 22px;
	}



}

@media (min-width: 751px) and (max-width: 1023px) {
	.schedule_item {
		width: 100%;
		padding-left: 15px;
		background: #FFFFFF;
		box-shadow: -10px -10px 20px rgba(255, 255, 255, 0.9), 10px 10px 20px rgba(236, 237, 241, 0.9);
		border-radius: 30px 5px;
		margin-bottom: 16px;
		padding-top: 16px;
		padding-bottom: 16px;
		height: auto;
	}

	.new_screen1 {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-bottom: 50px;
	}

	.new_screen1 h1 {
		font-size: 28px;
		line-height: 32px;
	}

	.schedule_item{
		margin: 0px;
		margin-bottom: 16px;
	}

	.new_screen1 .col-lg-8{
		padding-right: 0px;
	}

}

@media (min-width: 1024px) and (max-width: 1200px) {
	.schedule_item {
		width: 100%;
		padding-left: 15px;
		background: #FFFFFF;
		box-shadow: -10px -10px 20px rgba(255, 255, 255, 0.9), 10px 10px 20px rgba(236, 237, 241, 0.9);
		border-radius: 30px 5px;
		margin-bottom: 16px;
		padding-top: 16px;
		padding-bottom: 16px;
		height: auto;
	}

	.new_screen1 {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-bottom: 50px;
	}

	.new_screen1 h1 {
		font-size: 28px;
		line-height: 32px;
	}

	.schedule_item{
		margin: 0px;
		margin-bottom: 16px;
	}

	.new_screen1 .col-lg-8{
		padding-left: 0px;
	}

	.right_schedule a {
		font-size: 14px;
	}
}





/*section_form----------________--------_________---------___________---------___________-------___________-----------_________*/


.section_form{
	overflow-x: hidden;
	position: relative;
	padding-right: 40px;
	padding-left: 40px;
	margin-top: 50px;
	margin-bottom: 100px;
}

.section_form h1{
	margin-bottom: 24px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	font-size: 52px;
	line-height: 63px;
	color: #2A2728;
}

.form{
	margin: 0px;
	margin-top: 24px;
	padding-top: 25px;
	padding-bottom: 64px;
	width: 100%;
	background: #FFFFFF;
	box-shadow: -10px -10px 20px rgba(255, 255, 255, 0.9), 10px 10px 20px rgba(236, 237, 241, 0.9);
}

.section_form p{
	margin-bottom: 24px;
}

.section_form input{
	width: 100%;
	border: 1px solid #000000;
	box-sizing: border-box;
	border-radius: 50px;
	padding: 10px;
	padding-left: 20px;
}

.section_form button{
	background-color: #4383B9;
	color: #fff;
	text-align: center;
	width: 100%;
	border-radius: 50px;
	border: none;
	padding: 10px;
}

@media (min-width: 300px) and (max-width: 750px) {
	.section_form {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-bottom: 50px;
	}

	.section_form h1 {
		font-size: 28px;
		line-height: 32px;
	}

	.section_form p {
		font-size: 14px;
		line-height: 18px;
	}

	.section_form input {
		margin-bottom: 16px;
	}

}



@media (min-width: 751px) and (max-width: 1023px) {

	.section_form {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-bottom: 50px;
	}

	.section_form h1 {
		font-size: 28px;
		line-height: 32px;
	}

	.section_form input {
		margin-bottom: 16px;
	}

}








/*Fifth_screen----------________--------_________---------___________---------___________-------___________-----------_________*/

.Fifth_screen {
	overflow-x: hidden;
	position: relative;
	padding-right: 40px;
	padding-left: 40px;
	margin-top: 50px;
	margin-bottom: 100px;
}

.Fifth_screen .with_bg{
	background: #FFFFFF;
	border-radius: 30px 5px;
	box-shadow: -10px -10px 20px rgba(255, 255, 255, 0.9), 10px 10px 20px rgba(236, 237, 241, 0.9);
}

.Fifth_screen img{
	width: 100%;
	border-radius: 30px 5px;
}

.Fifth_screen a{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 40px;
	padding-left: 40px;
	background-color: #4383B9;
	border-radius: 40px;
	text-decoration: none;
	color: #FFF;
}

.Fifth_screen .objects_inbg{
	padding-left: 40px;
	padding-top: 64px;
	padding-bottom: 64px;
}

.Fifth_screen p {
margin-bottom: 36px;
}

.Fifth_screen h1{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	font-size: 42px;
	line-height: 63px;
	color: #2A2728;
}

@media (min-width: 300px) and (max-width: 750px) {

	.Fifth_screen {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.Fifth_screen h1 {
		font-size: 28px;
		line-height: 32px;
	}

	.Fifth_screen p {
		margin-bottom: 36px;
		font-size: 14px;
	}

	.Fifth_screen .objects_inbg {
		padding-left: 20px;
		padding-top: 24px;
		padding-bottom: 34px;
	}

	.Fifth_screen a {
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 20px;
		padding-left: 20px;
		background-color: #4383B9;
		border-radius: 40px;
		text-decoration: none;
		color: #FFF;
	}
}

@media (min-width: 751px) and (max-width: 1023px) {

	.Fifth_screen {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.Fifth_screen h1 {
		font-size: 28px;
		line-height: 32px;
	}

	.Fifth_screen p {
		margin-bottom: 36px;
		font-size: 14px;
	}

	.Fifth_screen .objects_inbg {
		padding-left: 20px;
		padding-top: 24px;
		padding-bottom: 34px;
	}

	.Fifth_screen a {
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 20px;
		padding-left: 20px;
		background-color: #4383B9;
		border-radius: 40px;
		text-decoration: none;
		color: #FFF;
	}
}

/*SixScreen----------________--------_________---------___________---------___________-------___________-----------_________*/

.SixScreen {
	overflow-x: hidden;
	position: relative;
	padding-right: 40px;
	padding-left: 40px;
	margin-top: 50px;
	margin-bottom: 100px;
}

.SixScreen .with_bg{
	background: #FFFFFF;
	box-shadow: -10px -10px 20px rgba(255, 255, 255, 0.9), 10px 10px 20px rgba(236, 237, 241, 0.9);
}

.SixScreen img{
	width: 100%;
	border-radius: 30px 5px;
}

.SixScreen a{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 40px;
	padding-left: 40px;
	background-color: #4383B9;
	border-radius: 40px;
	text-decoration: none;
	color: #FFF;
}

.SixScreen .objects_inbg{
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 64px;
	padding-bottom: 64px;
}

.SixScreen p {
	margin-bottom: 36px;
}

.SixScreen h2 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
}


.SixScreen h1{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	font-size: 42px;
	line-height: 63px;
	color: #2A2728;
}

@media (min-width: 300px) and (max-width: 750px) {
	.SixScreen h1 {
		font-size: 28px;
		line-height: 32px;
	}

	.SixScreen h1 {
		font-size: 25px;
		line-height: 32px;
	}

	.SixScreen p {
		margin-bottom: 36px;
		font-size: 12px;
	}

	.SixScreen h2 {
		font-size: 16px;
		line-height: 20px;
	}

	.SixScreen {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-top: 0px;
		margin-bottom: 50px;
	}

	.SixScreen a {
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 20px;
		padding-left: 20px;
		background-color: #4383B9;
		border-radius: 40px;
		text-decoration: none;
		color: #FFF;
	}

	.SixScreen .objects_inbg {
		padding-left: 20px;
		padding-top: 24px;
		padding-bottom: 34px;
	}
}

@media (min-width: 751px) and (max-width: 1023px) {
	.SixScreen h1 {
		font-size: 28px;
		line-height: 32px;
	}

	.SixScreen h1 {
		font-size: 25px;
		line-height: 32px;
	}

	.SixScreen p {
		margin-bottom: 36px;
		font-size: 12px;
	}

	.SixScreen h2 {
		font-size: 16px;
		line-height: 20px;
	}

	.SixScreen {
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-top: 0px;
		margin-bottom: 50px;
	}

	.SixScreen a {
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 20px;
		padding-left: 20px;
		background-color: #4383B9;
		border-radius: 40px;
		text-decoration: none;
		color: #FFF;
	}

	.SixScreen .objects_inbg {
		padding-left: 20px;
		padding-top: 24px;
		padding-bottom: 34px;
	}
}


/*footer----------________--------_________---------___________---------___________-------___________-----------_________*/

.footer {
	overflow-x: hidden;
	border-top: 1px solid #000;
	position: relative;
	padding-right: 40px;
	padding-left: 40px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.footer .row{
	margin-top: 20px;
}

.footer .call{
	text-align: right;
}

@media (min-width: 300px) and (max-width: 750px) {
	.footer {
		overflow-x: hidden;
		border-top: 1px solid #000;
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		margin-top: 50px;
		margin-bottom: 20px;
	}

	.footer p{
		font-size: 12px;
	}
}



/*АНИМАЦИИ*/

.f-video-container {
	height: 100%;
 	position: relative;
 	display: block;
}
 
.f-video-player {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-bottom: 56.25%;
}
 
.f-video-player iframe,
.f-video-player object,
.f-video-player embed {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
 
.f-video-cover {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.card {
	transform: translateY(0px);
	transition-duration: .7s 
}
.card:hover {
	transform: translateY(-20px);
	transition-duration: .7s 
}




/*ФИГУРЫ*/
#rectangle {
	z-index: 1001;
	position: absolute;
	right: 70px;
	top: 280px;
	border-radius: 30px 5px;
	width: 553px;
	height: 393px;
	background: #4da1f7;
}

@media (min-width: 300px) and (max-width: 750px) {
	#rectangle {
		z-index: 1001 ;
		margin-top: 50px;
		position: relative;
		right: 0;
		top: 0;
		width: 323px;
		height: 183px;
	}
	.logo img{
		width: 70%;
	}
	.dates p{
	font-size: 14px;
}
}

@media (min-width: 751px) and (max-width: 1023px) {
	#rectangle {
		z-index: 1001 ;
		margin-top: 50px;
		position: relative;
		right: 0;
		top: 0;
		width: 323px;
		height: 183px;
		width: 70%;
		height: auto;
	}

	.f-video-cover {
		width: 100%;
	}
}


@media (min-width: 1023px) and (max-width: 1300px) {
	#rectangle {
		z-index: 1000;
		position: absolute;
		right: 20px;
		top: 200px;
		border-radius: 30px 5px;
		width: 450px;
		height: 319px;
		background: #4da1f7;
	}
	.f-video-cover img{
		width: 100%;
	}
}
iframe{
	border-radius: 30px 5px;
}

.mask {
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	position: fixed;
	top: 0;
	z-index: 10000;
	transition: 0.6s;
	justify-content: center;
	align-items: center;
}

.loader {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	border: 10px solid #4383B9;
	border-left-color: #008AFF;
	animation: Loader 1.3s linear infinite;
}

@keyframes Loader {
	100%{
		transform: rotate(360deg);
	}
}

.hide{
	opacity: 0;
}

.button_plain{
	margin-top: 20px;
	font-size: 14px;
	padding: 15px;
	background-color: #4383B9;
	color: #fff;
	border-radius: 15px;
}

.button_plain:hover{
	margin-top: 20px;
	padding: 15px;
	background-color: #3283A2;
	color: #fff;
	border-radius: 15px;
}

.button_border{
		margin-top: 20px;
		font-size: 14px;
	padding: 15px;
	border: 1px solid #4383B9;
/*	border-color: #4383B9;*/
	border-radius: 15px;
}

.button_border:hover{
	margin-top: 20px;
	padding: 15px;
	background-color: #4383B9;
	border-radius: 15px;
	color: #fff;
}