@import "http://webfonts.ru/import/osans.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,600,700,800,600italic);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic&subset=latin,cyrillic,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic,latin-ext);

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
  
}
h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h3, .h3 {
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}

.sp-effect1 {
webkit-animation-iteration-count: infinite;}

body {
  margin: 0;
  padding: 0;
}

#navigation, 
#nav li ul li, 
#nav li ul li a{
background:rgba(240, 87, 146, 0.8);
}


#nav li a, 
#nav li a:hover, 
#nav li ul li,
#nav li ul li a,
#nav li ul li a:hover  {
color: #fff; 
}


#nav li a:hover, 
#nav li ul li a:hover  {
background: #EEEDC1;
  transition: 0.5s;
}

#menu_div{
clear: both;
position: relative;
top: 0;
left: 0;  z-index: 99999;
} /* Free space to top specialy for menu */

#navigation {
position: fixed;
}

#navigation, #menu_div {
width: 100%;


}
#navigation, #nav li ul li, #nav li ul li a {
  background: rgba(240, 87, 146, 0.8);
  margin-top: 33px;  height: 45px;
}

#menu {
  clear: both;
}

#menu_div:hover,
#navigation:hover,
#nav li a:hover, #nav li ul a 
{
opacity: 0.95;/* Menu transparency on mouse hover*/
} 


#nav {
  margin-left: 8%;
}

.nav {
  margin: 0;
 width: 100%;
  
}

#nav li a,#nav li {
float:left;
}

#nav li {
  list-style: none;
  position: relative;
 margin-top: 6px;
  padding: 1px;
}

#nav li a {
text-decoration: none;
margin: 0;font-size: 13px;
text-transform: uppercase;
border: 1px solid;
padding: 4px 10px;
}

.logo {
  position: relative;
  text-align: center;
 z-index: 9999;
    margin-top: -14px;width: 70%;clear: both;
  
    
}
.logo2 {
  float: right; 
}
.logo2 h3 {
  float: right;
  font-size: 15px;
  margin-top: 11px;
  color: white;
  font-weight: 600;
}
/*========================
        Переходы
========================*/

#nav li a:hover,
#nav li ul li a:hover  {
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}

.searchfield:focus,
.searchfield:not(:focus){
-webkit-transition-property:width; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}

#menu_div:hover,
#navigation:hover,
#nav li ul a, 
#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
-webkit-transition-property:opacity; 
-webkit-transition-duration: 0.1s, 0.5s; /* duration in seconds */
-webkit-transition-timing-function: linear, ease-out;
} /* Анимация прозрачности */


.pre-loader {
  background: #ee6d96;
}
.pre-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  display: block;
}
.pre-loader .load-con {
  margin: 20% auto;
  position: relative;
  text-align: center;
}

html {
  font-family: Segoe UI Semibold, Arial;}



.wraper
{
    width: 100%;}
ul, ol {
  margin-top: 0;
  margin-bottom: 0px;
}
.fullwidth-section {
  position: relative;
  overflow: hidden;
  z-index: 0;
  padding: 30px 0;
  margin-bottom: 100px;
  background-color: rgb(255, 255, 255);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 50% 0;
  width: 100%;
}
#bg-2 {
    margin-bottom: 0;
    background-image: url(../img/slide1.jpg);
    height: 770px;
    top: -47px;
}
.headline {
  position: relative;
  margin: 90px 0;
  font-size: 40px;
  text-align: center;
  color: #c63e62;
  margin-top: 580px;
}
.headline2 {
  position: relative;
  text-transform: uppercase;
  text-align: center;
}
.headline2 h1 {
  position: relative;
  display: inline-block;
  font-size: 30px;
  text-transform: uppercase;
  border: 1px solid #43516e;
  padding: 10px;
  text-align: center;
  color: #43516e;
  margin-bottom: 40px;
  margin-top: 40px;
}
.headline22 {
  position: relative;
  text-transform: uppercase;
  text-align: center;
}
.headline22 h1 {
  position: relative;
  display: inline-block;
  font-size: 25px;
  text-transform: uppercase;
  border: 1px solid #43516e;
  padding: 10px 20px;
  text-align: center;
  color: #43516e;
  margin-bottom: 20px;
  margin-top: 40px;
  background-color: #1AC0C3;      color: white;      border: white 1px solid;
}

strong {
  font-weight: bold;
}
.headline h1 {
  font-size: 40px;text-align: center;color: #c63e62;text-transform: uppercase;  font-weight: bold;
}
.row {width: 960px;}
.grid {width: 43%; border: 20px solid rgb(255, 255, 236); margin-top:20px; margin-bottom: 30px;float: left;margin: 10px;background-color: rgb(255, 255, 236);}
.grid__item h2 {  color: white;text-align: center;  margin-top: 260px;  font-weight: bold;  text-transform: uppercase;}
.column2 {
  width: 35%;
  height: 450px;
  float: left;

  background-size: cover;
  margin-top: 10px;
  margin-bottom: 20px;
}
section button {display: inline-block;background: none;color: #FD819E;padding: 10px 20px;text-transform: uppercase;letter-spacing: 1px;border: 1px solid rgb(253, 129, 158);
outline: none;}
section button:hover{color: white;cursor:pointer; background:#8FC3B6;opacity:0.5;border: 1px solid rgb(194, 233, 215);}
.overlay .overlay-close, .overlay2 .overlay-close, .overlay3 .overlay-close,.overlay4 .overlay-close, .overlay5 .overlay-close, .overlay6 .overlay-close, .overlay7 .overlay-close
{
	width: 80px;
	height: 80px;
	position: absolute;
	right: 4%;
	top: 25px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: rgba(255, 4, 4, 0);
	outline: none;
	z-index: 10000000000000000000;
	cursor: pointer;
}
.container {width: 960px;}
.row {position: relative;margin: 0 auto;}
.span6#col {
  background-color: #d7f2e8;
  height: 260px;
  margin-left: 1px;
}
.span6 {
  width: 49%;
  margin-left: 1%;
  margin-bottom: 1%;
  /* padding: 15px; */
  text-align: center;
  /* float: left; */
  /* margin-right: 0px; */
}
.span6 img {
  width: auto;
  height: 100px;
  padding: 20px;
}
.span6 h3 {
  text-transform: uppercase;
  color: rgb(67, 81, 110);
  font-size: 23px;
  margin-top: 3px;
}
.span6 p {
  font-size: 15px;
  text-transform: uppercase;
  margin-top: -20px;
  color: rgb(67, 81, 110);

  padding: 20px;
}
.span6#col2 {
  background-color: #f6f6dd;
  height: 260px;
  margin-right: 1px;
}

.span6#col3 {
  background-color: #ead1e2;
  height: 260px;
  margin-left: 1px;
}
.span6#col4 {
  background-color: #dfeef0;
  height: 260px;
  margin-right: 1px;
}
.span6#col5 {
  background-color: #cde4f1;
  height: 260px;
  margin-left: 1px;
  
}
.span6#col6 {
  background-color: #e3f7e9;
  height: 260px;
  margin-right: 1px;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span78, .span67, .span69, .span13, .span12 {
  float: left;
}
.span1:first-child, .span2:first-child, .span3:first-child, .span4:first-child, .span5:first-child, .span6:first-child, .span7:first-child, .span8:first-child, .span9:first-child, .span10:first-child, .span11:first-child, .span78:first-child, .span67:first-child, .span69:first-child, .span13:first-child, .span12:first-child {
  margin-left: 0;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.section-heading {
  text-align: center;
}
@media (min-width: 1420px){
.row {
  width: 1170px;
}
#nav li a {
  text-decoration: none;
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  /* border: 1px solid; */
  padding: 4px 15px;
}
.column2 {
  width: 35%;
  height: 550px;
  float: left;

  background-size: cover;
  margin-top: 10px;
  margin-bottom: 20px;
}
}

@media (min-width: 1260px){
.row {
  width: 1170px;}
.container {width:1170px;}
#nav {
 margin-left: 100px;
}
#nav {
  margin-top: 10px;
}
section button {display: inline-block;background: none;color: #FD819E;padding: 10px 20px;text-transform: uppercase;letter-spacing: 1px;border: 1px solid rgb(253, 129, 158);outline: none;}
section button:hover{color: #FD819E;cursor:pointer; border: 1px solid rgb(194, 233, 215); background: none;}

.nav {margin: 0;width: 100%;}

.grid {
  width: 28%;
  border: 20px solid rgba(255, 255, 236, 1);
  margin-top: 20px;
  float: left;
  margin: 10px;
  background-color: rgb(255, 255, 236);
}
.grid__item h2 {  color: white;text-align: center;  margin-top: 250px;  font-weight: bold;  text-transform: uppercase;}
.overlay .overlay-close, .overlay2 .overlay-close, .overlay3 .overlay-close,.overlay4 .overlay-close, .overlay5 .overlay-close, .overlay6 .overlay-close, .overlay7 .overlay-close
{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 10%;
	top: 25px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: rgba(255, 4, 4, 0);
	outline: none;
	z-index: 10000000000000000000;
	cursor: pointer;
}
#nav li a,#nav li {
float:left;
}

#nav li {
  list-style: none;
  position: relative;
  margin-top: 9px;
  padding: 1px;
}

#nav li a {
  text-decoration: none;
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  /* border: 1px solid; */
  padding: 4px 18px;
}

.logo {
  position: relative;
  text-align: center;
 z-index: 9999;
    margin-top: -14px;
      width: 90%;
  
    
}
.logo2 {
  float: right; 
}
.logo2 h3 {
  float: right;
  font-size: 26px;
  margin-top: 8px;
  color: white;
  font-weight: 600;
}
.navbar-brand{
 float: left;
  padding: 1px 1px;
  font-size: 18px;
  line-height: 20px;
  height: 0px;
  margin-left: -40px;

}
  

#navigation, #nav li ul li, #nav li ul li a {
height: 53px;
}

}







.span69#col {float:left;text-align:center;width: 50%;background-color: #E2F6E9;height: 220px;margin-top: -20px;}
.span69#col2 {float: right;text-align:center;width: 50%;background-color: #E2F6E9;height: 220px;margin-top: -20px;}

.span69#col3 {float:left;text-align:center;width: 50%;background-color: #E2F6E9;height: 220px;margin-top: -20px;}
.span69#col4 {float: right;text-align:center;width: 50%;background-color: #E2F6E9;height: 220px;margin-top: -20px;}


.span12 {width: 100%;background-color: #E2F6E9;height: 220px;margin-top: -20px;}
 .span12 h3 {
  font-size: 15px;
  margin-top: -70px;text-transform: uppercase;
  color: rgb(67, 81, 110);
}
.span12 p {
  font-size: 12px;
  text-transform: none;
  margin-top: -5px;
  line-height: 1;text-transform: uppercase;
  color: rgb(67, 81, 110);margin-top: -8px;
}
.span69 h3 {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: -70px;
  text-align: center;
  text-transform: uppercase;
  color: rgb(67, 81, 110);
}
.span69 p {
  text-transform: uppercase;
  color: rgb(67, 81, 110);
  font-size: 12px;
  line-height: 1;margin-top: -8px;
}

.tex {
  text-align: center;
}
.tex11 {
  text-align: center;
}
.tex h3 {
  font-size: 19px;
  text-transform: uppercase;
  z-index: 54;
  position: relative;
  text-align: center;
  margin-top: -2px;
  margin-bottom: 20px;
    color: #43516E;
}


.span96#col {
  float: left;
  width: 45%;

}
.span96#col2 {
  float: right;
  text-align: left;
  height: 576px;
  width: 53%;
}
.span96 p {
  font-size: 15px;
  text-transform: none;
  text-align: justify;
  width:90%;
  float:right;  color: rgb(67, 81, 110);
}

.span96 h3 {
  margin-top: 0px;
  margin-bottom: 0px;
   text-align: left;
 color: #b95a9b;
 float:right;
 width:90%;
}


.tex10 img{
margin-left: 30%;
margin-right: 30%;
}
.tex10 {
  text-transform: uppercase;
  color: #0F4A64;
  text-decoration: none;
  font-size: 10px;
}
.tex2 {
  z-index: 48;
  position: relative;
  margin-top: -190px;
}
.tex2 h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: #43516e;
}
p {
  text-transform: uppercase;
  color: rgb(67, 81, 110);
}
.tex2 h3 {
  font-size: 19px;
  text-transform: uppercase;
  z-index: 54;
  position: relative;
  text-align: center;
  color: rgb(74, 87, 114);
  background: none;
  margin-top: -20px;
}
body {
  font-size: 14px;
 
  color: #43516E;
  }

.concept{margin-top: 20px;margin-bottom: 10px;}
.span4 p {
  font-size: 14px;
  border: 1px solid #ffffff;
  padding: 10px;
  text-transform: none;
  font-style: italic;
  text-align: center;
}
.part1 {
  display: inline-block;
  font-size: 40px;
  font-family: "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  text-transform: uppercase;
  color: #43516E;
}.part2 {
  display: inline-block;
  font-size: 40px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: rgb(251, 155, 208);
}.part3 {
  display: inline-block;
  font-size: 40px;
  text-transform: uppercase;
  color: #aee7ee;
}
.tex6 {
  text-align: center;
  position: relative;
  margin-left: 0px;
}
.tex6 h3 {
  font-size: 24px;
  text-transform: uppercase;
  background: rgb(255, 252, 235);
  z-index: 54;
  position: relative;
  width: 70%;
  margin-left: 15%;
  text-align: center;padding-top: 20px;
}
.tex6 h2 {
  font-size: 22px;
  text-transform: uppercase;
  color: #b95a9b;
  border: 1px solid #B8CE72;
  padding: 10px;
  padding-bottom: 10px;
  margin-top: -20px;
  z-index: 10;
  position: relative;
}
.span13 {
  width: 100%;
}
.span13 img {
  width: 100%;
}

.tex6 p {
  font-size: 16px;
  text-transform: uppercase;
  color: #b95a9b;
  margin-top: 15px;
  width: 100%;
}
.span80 {width:49%; float:left; position:relative;text-align:center; height: 500px}
	  
	  .span80 img {
	  width: 90%;
	  position:relative;
	  margin-bottom:20px;

	  }
	  
  
  .span81 {
	  width:49%;
	  float:right;
	  position:relative;text-align:center;height: 500px
  }
	  
  .span81 img {
	  width:90%;
	  position:relative;}

  .span81 p {
	  font-size: 14px;
  text-transform: none;
  border: 1px solid #383953;
 
  padding-top: 20px;
  line-height: 1.2;
  width: 90%;
  text-align: center;
  margin-left: 5%;
  margin-top: -20px;
  position: relative;
  z-index: 98;
 
}
		
		.span81 h2 {
font-size: 18px;
  text-transform: uppercase;
  margin-top: -10px;
  color: rgb(67, 81, 110);
  margin-top: 5px;
  width: 80%;
  margin-left: 10%;
  background: rgb(226, 246, 233);
  position: relative;
  z-index: 99;
}
.span81 h3 {
font-size: 15px;
  text-transform: uppercase;
  background: rgb(226, 246, 233);
  margin-top:-10px;
 
  
}
.span80 h3 {
font-size: 15px;
  text-transform: uppercase;
  background: rgb(226, 246, 233);
  margin-top:-10px;
  
}
  
    .span80 p {
			 font-size: 14px;
  text-transform: none;
  border: 1px solid #383953;
  padding-top: 20px;
  line-height: 1.2;
  width: 90%;
  text-align: center;
  margin-left: 5%;
  margin-top: -20px;
  position: relative;
  z-index: 98;

}
		
		.span80 h2 {
			font-size: 18px;
  text-transform: uppercase;
  color: rgb(67, 81, 110);
  margin-top: -15px;
   width: 80%;
  margin-left: 10%;
  background: rgb(226, 246, 233);
  position: relative;
  z-index: 99;
}
.btn {display: inline-block;margin-bottom: 0;text-align: center; vertical-align: middle;cursor: pointer; background-image: url(../img/BUTTON2.gif);text-transform:uppercase;font-size: 25px;color:#FFFFFF;line-height: 1.42857143;padding-top: 8px;width: 264px;height: 47px; -moz-user-select: none;-ms-user-select: none;user-select: none;opacity: 0.9;margin-top:30px;
}
.btn#tz{display: inline-block;margin-bottom:0px;text-align: center; vertical-align: middle;cursor: pointer;background-image: url(BUTTON2.gif);text-transform:uppercase;font-size: 25px;color:#FFFFFF;line-height: 1.42857143;padding-top: 8px;width: 264px;height: 47px; -moz-user-select: none;-ms-user-select: none;user-select: none;opacity: 0.9;margin-top:-200px; background-image:none; background: #2ca2a4; border:1px solid #FFFFFF;
}
.btn#tz:hover{ background: #F084AF; border:1px solid #FFFFFF;
}
.btn#tz2{display:inline-block;margin-bottom:0px;text-align: center; vertical-align: middle;cursor: pointer;background-image: url(BUTTON2.gif);text-transform:uppercase;font-size: 25px;color:#FFFFFF;line-height: 1.42857143;padding-top: 8px;width: 264px;height: 47px; -moz-user-select: none;-ms-user-select: none;user-select: none;opacity: 0.9;margin-top:-160px; background-image:none; background: #2ca2a4; border:1px solid #FFFFFF;
}
.btn#tz2:hover{ background: #F084AF; border:1px solid #FFFFFF;}

	
.tex2 {z-index:48;position:relative;margin-top:-190px;}
.tex2 h1{font-size:30px;text-transform:uppercase;color:#43516e;	}
.tex2 h3{ font-size:30px;text-transform:uppercase;background:none;}

.tex6 img {margin-top:10px;position:relative;z-index:45; }
	
.tex6 h3{
 font-size: 24px;
 text-transform: uppercase;
  background: rgb(255, 252, 235);
  z-index: 54;
  position: relative;
  width: 70%;
  margin-left: 15%;
  text-align: center;}
.tex6 {
	text-align:center;
	position:relative;
	margin-left:0px;
	}

.tex6 h2{font-size: 22px;
  text-transform: uppercase;
  color: #b95a9b;
  border: 1px solid #B8CE72;
  padding: 10px;
  padding-bottom:10px;
  margin-top: -20px;
  z-index: 10;
  position: relative;
}

.tex6 p{font-size: 16px;
  text-transform: uppercase;
  color: #b95a9b;
  margin-top:15px;
  width:100%;}
.img12 {position:relative;
text-align:center;float:left;margin-top:40px;}
.tex3 {text-align:center;}
.tex3 a{text-transform:uppercase;
color:#0F4A64;text-decoration:none;font-size:10px;}	
.tex a:focus {color: #E177A2;}
.tex3 a:hover { color: #373C63;}
.tex3 img { margin-top:30px;
position:relative;z-index:45;}
.tex3 h3{
font-size: 19px;
text-transform: uppercase; background: rgb(255, 255, 255); z-index: 54; position: relative; width: 50%; margin-left: 25%; text-align: center;}
.tex3 h2{font-size: 16px;
  text-transform: uppercase;
  color: #b95a9b;
  border: 1px solid #43516E;
  padding-top: 25px;
  margin-top: -20px;
  z-index: 10;
  position: relative;

}
.tex2 h3 {
 font-size: 19px;
  text-transform: uppercase;
  z-index: 54;
  position: relative;
  text-align: center;
  color: rgb(74, 87, 114);
  background: none;
  margin-top: -20px;}
.tex3 p{
		  font-size: 16px;
  text-transform: none;
  margin-top:2px;
  
}
.tex4 {
	text-align:center;
	  margin-top: 40px;
	  }
.tex4 h3 {
  font-size: 19px;
  text-transform: uppercase;
  background: rgb(244, 247, 226);
  z-index: 54;
  position: relative;
  width: 40%;
  margin-left: 30%;
  text-align: center;
  margin-bottom: 0px;
  color: rgb(74, 87, 114);} 
.tex4 p {
  font-size: 16px;
  text-transform: capitalize;
  text-align: left;
}
.otz p { float:right; font-size: 12px; text-transform: none;}
.otz img { float:left; }

.section-heading {
text-align: center;}
.section-heading h1 {
display: inline-block;
font-size: 30px;
text-transform: uppercase;
border: 1px solid #43516e;
padding: 10px;
color: rgb(95, 104, 130);
margin-top: 40px;}


summary {
  display: block;
}
#adres{background-color: #E2F6E9;}

#jokers{
   background-color: white;
}

#me{
   background-color: #edd6e6;
}
#zakaz{
   background-color: #E2F6E9;margin-top: -35px;
}
#offer{
   background-color: #E2F6E9;
}
#concept{
   background-color: white;
}
#dance{
   background-color: #FFFCEB;
}
#price{
   background-color: white;
   margin-bottom: 32px;
}
#foto{
   background-color:#f4f7e2;
}
#video{
   background-color: #F5FDFF;
}
#video2{
   background-color: #ECFBFF;
}
#video3{
   background-color: #ECFBFF;
}
#contacts{margin-top:0px;background-image:url(../img/89.png);padding-bottom:30px;background-repeat: repeat;
}
#adress{background-color:#E3F3E7;}


.price {
margin-top: 20px;
margin-bottom: 0px;}

.span2 {width: 15%; margin-left: 1%;}
.span2 h3 {font-size:14px; }
.span2 p {font-size:14px;  color:rgb(67, 81, 110); padding: 3px;     }
.span2#price{background:#d7f2e8;margin-left: 2%;}
.span2#price2{border:1px solid #d7f2e8;text-align: center;}
.span2#price3{ background:#f4e7f0;text-align: center;}
.span2#price4{border:1px solid #f4e7f0;text-align: center;}
.span2#price5{background:#f6f6dd;text-align: center;}
.span2#price6{border:1px solid #f6f6dd;margin-bottom: 55px; text-align: center;}


.span5#price{background: #AEE7EE;text-align: center;margin-left: 25%;margin-right: 25%;margin-bottom: 1%;}
.span5 {width: 50%; margin-left: 1%;}
.span5 h3 {font-size:14px; }
.span5 p {font-size:14px;  color:rgb(67, 81, 110); padding: 3px;}

.form-control {
    display: block;outline:none !important;    font-size: 18px;	    border: none !important;    line-height: 1.42857143;}
  
.form-control2 {
  display: inline-block;
  width: 264px;
  height: 55px;
  margin-top: -6px;
  color: #FFFFFF;
  background-image: url(../img/BUTTON1.gif);
  font-size: 20px;
  text-transform: uppercase;
  margin-left: 30px;
  border: 1px solid #F6F6DD;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-group {
   margin-bottom: 30px;
  display: inline-block;
}
.form {
  text-align: center;
  
}

.container2 a {
  color: #F4F7E2;
}
.container2 {
  width: 90%;
  margin-left: 5%;
}
.vid {
  width: 360px;
  height: 250px;
  text-align: center;
  margin-bottom: 30px;
  padding: 10px;
}
.container3 {
  width: 100%;
  text-align: center;
  margin-top: -10px;
}

.span4 {
   width: 30%;
  margin-left: 3%;
  /* margin-bottom: 20px; */
  text-align: center;

}
.span4 h3 {
  font-size: 18px;
  width: 50%;
  margin-left: 25%;
  background: #eff4f7;
  margin-top: 10px;
  position: relative;
  z-index: 46;
}
.span4 h2 {
  border: 1px solid #2C496C;
  padding: 15px;
  padding-top: 30px;
  margin-top: -60px;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  z-index: 45;
  text-transform: uppercase;text-align: center;
}
.span46 {
  text-align: center;
}
a {
  color: #43516E;
  text-decoration: none;
}

.span67 {  width: 49%;
  margin-bottom: 5%;}	
.span67 p {font-size: 15px;text-transform: none;text-align: justify;width: 67%;
  float: right;
  margin-top: -2px;}
.span67#col { height: 300px;float:left;}
.span67#col2 {height: 300px;float:right;}
.headline3 {
  position: relative;
  text-transform: uppercase;
  text-align: center;
}

.headline3 table {  margin-bottom: 10px;}

td, th { padding: 3px 10px 3px;}

hr {
  margin-bottom: 0px;
  border: 0;
  border-top: 21px solid #ECFBFF;
  margin-top: 0px;
}

tex10#fr {
    text-align:center;
}

.navbar-brand{
 float: left;
  padding: 1px 1px;
  font-size: 18px;
  line-height: 20px;
  height: 0px;
  

}
.span44 {
  width: 31%;
  margin-left: 2%;
  margin-bottom: 20px;
  text-align: center;
  float: left;
}
.span44 h3 {
  font-size: 18px;
  width: 50%;
  margin-left: 25%;
  background: #eff4f7;
  margin-top: 10px;
  position: relative;
  z-index: 46;
}
.span44 h2 {
  border: 1px solid #2C496C;
  padding: 15px;
  padding-top: 30px;
  margin-top: -60px;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  z-index: 45;
  text-transform: uppercase;text-align: center;
}



.forma {text-align: center;}

.btn7 {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: url(../img/BUTTON2.gif);
  text-transform: uppercase;
  font-size: 25px;
  color: #FFFFFF;
  line-height: 1.42857143;
  padding-top: 8px;
  width: 264px;
  height: 47px;
  margin-top: 22px;
  margin-bottom: 20px;
}

.btn7 a {color:#FFFFFF;}



/*
  Modal Overlay
*/
.modal-overlay {
  background: rgba(0,0,0,0.6);
  height: 100%;
  left: 0;
  display: flex;
  overflow: auto;
  padding: 1.5em;
  position: fixed;
  top: 0;
  transition: opacity .2s;
  width: 100%;
  z-index: -1;
}

.modal-overlay[aria-hidden="true"] {
  opacity: 0;
  visibility: hidden;
}

.modal-overlay[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

/*
  Modal Content Area
*/
.modal-content {
  background: #FFFFFF;
  margin: auto;
  max-width: 800px;
  overflow: auto;
  overflow-x: hidden;
  padding: 1.5em;
  position: relative;
  transform: scale(.8);
  transition: transform .3s;
  width: 330px;
  height: 150px;
}

.modal-overlay[aria-hidden="false"] .modal-content {
  transform: scale(1);
}
#modal_holder{}
.simplecallback-close2 {
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    right: 18px;
    top: 10px;
}

#modal_close{
    float: right;
    cursor: pointer;
}

#modal-title  {
  margin-top: 0;
  padding-right: 1.25em;    
}
#modal_title{
text-transform: none;margin-top: 0px;}

#modal_open{
position: relative;
z-index:999999999999999;color: white;font-size: 8px;float: right;margin-top: -13px;    cursor: pointer;}

#modal_open:hover{
	color:#C64C7A;
}

#asd{
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #e3f7e9;
  margin-top: 0px;
}

#vert_menu{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 17px;
    }
    
    
 #vert_menu li{
    }
    .home{    margin-bottom: -45px;}
   



/*
  Modal Overlay
*/
.modal-overlay {
  background: rgba(0,0,0,0.6);
  height: 100%;
  left: 0;
  display: flex;
  overflow: auto;
  padding: 1.5em;
  position: fixed;
  top: 0;
  transition: opacity .2s;
  width: 100%;
  z-index: 35;
}

.modal-overlay[aria-hidden="true"] {
  opacity: 0;
  visibility: hidden;
}

.modal-overlay[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  z-index: 39;
}

/*
  Modal Content Area
*/
.modal-content {
  background: #F0608D;
  margin: auto;
  max-width: 800px;
  overflow: auto;
  overflow-x: hidden;
  padding: 30px;
  position: relative;
  transition: transform .3s;
  width: 17%;
  height: 177px;
  outline: none;
  min-width: 300px;
  z-index: 99999999999999999999999999;
}

.modal-overlay[aria-hidden="false"] .modal-content {
  transform: scale(1);
}
#modal_holder{
    position: relative;
    z-index: 9999999999;
}
.simplecallback-close2 {
    font-size: 29px;
    cursor: pointer;
    position: absolute;
    right: 11px;
    color: white;
    top: 0px;
}

#modal_close{
    float: right;
    cursor: pointer;
}

#modal-title  {
  margin-top: 0;
  padding-right: 1.25em;    
}
#modal_title{text-transform: none;margin-top: -5px;text-align: center;font-size: 15px;font-weight: 500;margin-bottom: 18px;line-height: normal;color: white;}

#modal_open{color: white;float: right;margin-top: -9px;cursor: pointer;}

#modal_open:hover{
	color:#C64C7A;
}

#asd{
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #e3f7e9;
  margin-top: 0px;
}

#vert_menu{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 20px;
    text-align: center;
    float: none;
    }
    #vert_menu a{
    color:white;
    }
  #vert_menu span{
    text-align: center;
    float: none;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    }  
 #vert_menu li{
    display: block;
    }
   
 .home{    margin-bottom: -45px;}
    
    
    a.knopka-form {  text-align: center;
    position: absolute;
    left: 43.5%;
    color: black;
    top: 104%;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px;
    background-color: aliceblue;}