@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,cyrillic);
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,700&subset=cyrillic';
@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=cyrillic';
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

body{font-family: 'Roboto Condensed', sans-serif;font-size:14px;color:#000;}
h1,h2{font-family: 'Open Sans Condensed', sans-serif;font-weight:bold;text-align:center;text-transform:uppercase;color:#5dbad1;}
.title{font-family: 'Open Sans Condensed', sans-serif;font-weight:bold;text-align:center;text-transform:uppercase;color:#5dbad1;}
h1.title{font-size:100%;}
.container {
	padding-left: 15px;
	padding-right: 15px;
	background-color:#f8f9fa;
}
li{list-style-type: none;}
.fa{color:#cd0303;margin-right:10px;}
p, li, a{font-size:110%;}
.bluetext{color:#017cc2;}
.row{margin:0;}

div{border:1px solid #000;}
div{border:none;}

.fancybox{margin:0px 1px;}
	
	.mobilemenu {width:100%;z-index:1000;display:none;}
	.mobilemenu .topmenutrigger{text-align:center;padding:5px 0;background-color:#11809b;}
		.mobilemenu .topmenutrigger a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:150%;}
		.mobilemenu .topmenutrigger .fa{color:#fff;}
		.mobilemenu #collapseMenu{width:100%;z-index:1000;}
	.mobilemenu  .linkblock{text-align:center;background-color:#5dbad1;padding:10px 0;}
		.mobilemenu  .linkblock a{display:block;color:#fff;text-decoration:none;text-transform:uppercase;font-size:130%;line-height:200%;}
			.mobilemenu  .linkblock a:hover, .mobilemenu  .linkblock .current{background-color:#11809b;}
	
	.headlineblock{background-color:#5dbad1;}
		.headline{background-color:#5dbad1;color:#fff;font-family: 'Open Sans Condensed', sans-serif;font-size:120%;padding:10px 0;}
			.headline .col-lg-3{text-align:center;}
			.headline a{font-size:100%;color:#fff;text-decoration:underline;}
			.headline .fa{color:#054859;}
	
	.headlinemobile{padding-top:50px;}
		.headlinemobile big{font-size:150%;}
	
	.header{padding:20px 0;}
	.topmenu{text-align:center;width:100%;padding:10px 0 0 0;}
		.topmenu .topmenulink{padding:20px 15px;font-size:120%;color:#424242;font-weight:bold;font-family: 'Yanone Kaffeesatz', sans-serif;text-transform:uppercase;}
			.topmenu .topmenulink:hover, .topmenu .topmenulink.current{color:#12a1a4;text-decoration:underline;}
			.topmenu .fa{color:#12a1a4;}
	.topmenu.is-sticky{padding:15px 0;box-shadow:0px 1px 2px #ccc;}
	
	.bigpicblock{background-color:#e5f7fa;}
		.bigpic{padding:0;}
	
	.about{padding:0;background-color:#f8f8f9;}
		.aboutpic{padding:60px 0;background-color:#fff;}
		.abouttext{padding:30px;}
			.abouttext h1{text-align:left;margin-bottom:20px;}

	.strongs{padding:40px 0;}
		.strongs .title {margin-bottom:60px;text-align:center;}
			.strongs .title span{font-size:200%;color:#fff;background-color:#666666;text-transform:uppercase;font-weight:bold;padding:10px 30px;}
		.strongs .strongblock{font-size:100%;padding:0 0px 0px 0px;font-family: 'Open Sans', sans-serif;margin:10px 0;}
		.strongs .strongblock .strongitemtitle{font-size:130%;font-family: 'Open Sans Condensed', sans-serif;font-weight:bold;padding-top:5px;text-transform:uppercase;}
		
	.bronblockline{background-color:#e3e3e3;}
		.bronblock{padding:30px 0;background-color:#e3e3e3;text-align:center;}
		.bronblock a{color:#000;border:1px solid #000;text-transform:uppercase;padding:10px 30px;margin:0 auto;display:inline-block;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px;}
			.bronblock a:hover{text-decoration:none;background-color:#12a1a4;color:#fff;border:1px solid #12a1a4;}
	
	.roomsline{background-color:#5dbad1;}
		.roomsline .container{background-color:#5dbad1;}
		.rooms{padding:30px 0;text-align:center;}
			.room{width:300px;background-color:#fff;}
			.room p{padding:5px 20px;}
			.room .title{font-size:130%;font-weight:bold;font-family: 'Yanone Kaffeesatz', sans-serif;text-transform:uppercase;color:#000;text-align:center;padding:0 20px;}
			.room .price{font-size:200%;font-style:italic;font-family: 'Yanone Kaffeesatz', sans-serif;color:#000;text-align:center;padding:0 20px;}
			.rooms a{color:#fff;border:1px solid #fff;text-transform:uppercase;padding:10px 30px;margin:10px auto 0 auto;display:inline-block;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px;}
			.rooms a:hover{text-decoration:none;background-color:#12a1a4;color:#fff;border:1px solid #12a1a4;}
	
	.photos{text-align:center;}
		.photos .morephoto{color:#000;border:1px solid #000;text-transform:uppercase;padding:10px 30px;margin:10px auto 0 auto;display:inline-block;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px;}
		.photos .morephoto:hover{text-decoration:none;background-color:#12a1a4;color:#fff;border:1px solid #12a1a4;}
	
	.contact{font-size:130%;padding:30px 0;}
	.contact .title{margin-bottom:30px;font-size:150%;}
		.contact a{font-size:90%;text-decoration:underline;}
		.contact a:hover{text-decoration:none;}
	.contactmap{height:450px;}
	
	.greekline{height:47px;background:url('/images/greekline.png') center top repeat-x;}
	
	.footerline{padding:0;background-color:#5dbad1;}
	.footer{padding:25px 0;background-color:#5dbad1;}
	.footmenu{padding:0 0 0 50px;}
		.footmenu a{color:#fff;text-transform:uppercase;font-size:100%;line-height:200%;display:block;}
		.footmenu a:hover{text-decoration:underline;}
		.footcontact{color:#fff;font-size:110%;}
		.footcontact big{font-size:160%;}
		.footcontact a{font-size:100%;color:#fff;text-decoration:underline;}
		.footcontact .fa{color:#054859;}
	
	.copyline{background-color:#11809b;padding:15px;}
		.copy{padding:10px 0 10px 80px;background:url('/images/trikota_light.png') left top no-repeat;line-height:120%;text-align:left;font-size:85%;color:#fff;}
			.copy a{text-decoration:underline;color:#fff;font-size:100%;}
				.copy a:hover{text-decoration:none;}
				
	.table{}
		.table thead td{font-weight:bold;}
		.table td{text-align:center;}
	
	.owl-theme .owl-controls .owl-nav [class*=owl-]{font-size:120%;font-weight:bold;padding:4px 10px 6px 10px;}
	.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#017cc2;}
	.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#017cc2}
	
	.not-found {
		font-size: 18px;
		line-height: 1.2;
		font-weight: 400;
		text-align: center;
	}
	.not-found__title {margin-bottom: 50px;}
	.not-found__text {
		font-size: inherit;
		line-height: inherit;
		font-weight: inherit;
		text-align: inherit;
	}
	.not-found__text a {color: #5dbad1;}

	@media screen and (min-width: 960px) { 
		.mobile{display:none;}
		.desktop{display:block;}
	}
	@media screen and (max-width: 959px) { 
		.mobile{display:inline-block;}
		.desktop{display:none;}
	}
	@media screen and (max-width: 1190px) { 
		.topmenu .topmenulink{padding:20px 10px;font-size:100%;}
	}
	
	@media screen and (max-width: 992px) { 
		.topmenu .topmenulink{padding:20px 10px;font-size:100%;}
	}
	
	@media screen and (max-width: 840px) { 
		.topmenu .topmenulink{padding:10px 5px;font-size:100%;}
	}
	@media screen and (max-width: 775px) { 
		/*.mobile{display:inline-block;}
		.desktop{display:none;}
		*/
		.header{padding-top:40px;}
		.top_phone_number{text-align:center;}
	}
	
	@media screen and (max-width: 600px) {
		.header{padding-top:40px;}
		.footcontact{text-align:center;font-size:130%;}
	}
	
	@media screen and (max-width: 450px) { 
		.mobile{display:block;}
		.desktop{display:none;}
		.strongs .title span{font-size:140%;}
		h2{font-size:130%;}
	}
	
	.socials{
		display: inline-block;
		vertical-align: middle;
	}
	
	.socials a{
		line-height: 1;
	}
	.socials img{
	width: 25px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
	
	}
	
	big{
		display: inline-block;
		vertical-align: middle;
	}
	
	a.nums{
		color: unset;
border: unset;
text-transform: unset;
padding: unset;
padding-left: 15px;
padding-right: 15px;
margin: unset;
display: unset;
border-radius: unset;
-webkit-border-radius: unset;
-moz-border-radius: unset;
-khtml-border-radius: unset;
	}
.rooms a.nums:hover {
    text-decoration: unset;
    background-color: unset;
    color: unset;
    border: unset;
}
p{
	text-align: justify;
}

/* ---------------Стили формы обратной связи-----------------*/
#respond{display: block; width:100%;}
#respond input{width:270px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;}
#respond textarea{width:98%; border:1px solid #CCCCCC; padding:2px; overflow:auto;
height: 200px;resize: none;}
#respond p{margin:5px 0;}
#respond #submit, #respond #reset{
    margin:0;
    padding:5px;
    color:#666666;
    background-color:#F7F7F7;
    border:1px solid #CCCCCC;
    cursor:pointer;
    }
/* ---------------Стили формы обратной связи-----------------*/

.review{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
}

.review .name{
	font-weight: bold;
	font-size: 16px;
	width: 100%;
}

.review .date{
	font-size: 13px;
	font-style: italic;
	color: #aaa;
	margin-bottom: 5px;
	width: 100%;
}

.review .rev{
	width: 100%;
}

input[type=date]{
	line-height: 1.42857143 !important;
}


.sendbron{
    margin: 30px;
    padding:3px 20px;
    color:#FFF;
    background-color: #5dbad1;
    border:1px solid #5dbad1;
    cursor:pointer;
     &::before {
        content: "";
        display: block;
        position: absolute;
        top: 15px;
        left: 5px;
        width: 36px;
        height: 2px;
        background: rgba(255, 255, 255, 0.5);
        transition: background 0.2s ease;
      }

      &::after {
        width: 0;
        background: #fff;
        z-index: 2;
        transition: width 0.2s ease;
      }

      &:hover::before,
      &.is-active::before {
        background-color: #fff;
      }
    }
  }

  .arrows {
    .arrow {
      margin: -33px 0 0;padding: 20px;position: absolute;top: 50%;cursor: pointer;z-index: 3;
    }

    .prev {
      left: 30px;

      &:hover .svg {
        left: -10px;
      }
    }

    .next {
      right: 30px;

      &:hover .svg {
        left: 10px;
      }
    }

    .svg {
      position: relative;
      left: 0;
      width: 14px;
      height: 26px;
      fill: #fff;
      transition: left 0.2s ease;
    }
  }
}






* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev1, .next1 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next1 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev1:hover, .next1:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext1 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot1 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}


.navbar-nav{text-align:center;width:100%;padding:10px 0 0 0;}
		. .nav-link{padding:20px 15px;font-size:120%;color:#424242;font-weight:bold;font-family: 'Yanone Kaffeesatz', sans-serif;text-transform:uppercase;}
			.nav-item .nav-link:hover, .navbar-nav .nav-link.active{color:#5dbad1;text-decoration:underline;}
			.navbar-nav .fa{color:#12a1a4;}
	.navbar-nav.is-sticky{padding:15px 0;box-shadow:0px 1px 2px #ccc;}



.active, .dot:hover {
    background-color: #5dbad100;
}


.fill { 
    min-height: 100%;
    height: 100%;
	padding: 0px;
}


   min-height: 100%;
}
}

 .navbar-light .navbar-nav .show>.nav-link {
    margin-left: 30px;
    text-decoration: none;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.55);
    margin-left: 30px;
    text-decoration: none;
}
.navbar-brand {
    
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
    
}
.navbar-nav li{
text-align: center;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-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;
}

.bornform {
    padding: 10px;
}

.headerinner{
	display: flex;
    justify-content: space-between;
    align-items: center;

}





.wrapper {
		padding: 6em 0 4em 0;
		position: relative;
	}

		.wrapper .inner {
			margin: 0 auto;
			width: 80em;
			position: relative;
			z-index: 99;
		}

		.wrapper header {
			margin-bottom: 4em;
		}

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

				.wrapper header {
					margin-bottom: 2em;
				}

			}

		.wrapper.style1 {
			background-color: #fafafa;
			color: #999999;
		}

			.wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {
				color: #000;
			}

			.wrapper.style1 a {
				color: #000;
			}

				.wrapper.style1 a:hover {
					color: rgba(0, 0, 0, 0.5);
				}

			.wrapper.style1 strong, .wrapper.style1 b {
				color: #000;
			}

			.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
				color: #000;
			}

			.wrapper.style1 blockquote {
				border-left-color: rgba(0, 0, 0, 0.15);
			}

			.wrapper.style1 code {
				background: rgba(0, 0, 0, 0.075);
				border-color: rgba(0, 0, 0, 0.15);
			}

			.wrapper.style1 hr {
				border-bottom-color: rgba(0, 0, 0, 0.15);
			}

			.wrapper.style1 .box {
				border-color: rgba(0, 0, 0, 0.15);
			}

			.wrapper.style1 input[type="submit"],
			.wrapper.style1 input[type="reset"],
			.wrapper.style1 input[type="button"],
			.wrapper.style1 button,
			.wrapper.style1 .button {
				background-color: #3498db;
				color: #fff !important;
			}

				.wrapper.style1 input[type="submit"]:hover,
				.wrapper.style1 input[type="reset"]:hover,
				.wrapper.style1 input[type="button"]:hover,
				.wrapper.style1 button:hover,
				.wrapper.style1 .button:hover {
					background-color: #4aa3df;
				}

				.wrapper.style1 input[type="submit"]:active,
				.wrapper.style1 input[type="reset"]:active,
				.wrapper.style1 input[type="button"]:active,
				.wrapper.style1 button:active,
				.wrapper.style1 .button:active {
					background-color: #258cd1;
				}

				.wrapper.style1 input[type="submit"].alt,
				.wrapper.style1 input[type="reset"].alt,
				.wrapper.style1 input[type="button"].alt,
				.wrapper.style1 button.alt,
				.wrapper.style1 .button.alt {
					background-color: transparent;
					box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15);
					color: #000 !important;
				}

					.wrapper.style1 input[type="submit"].alt:hover,
					.wrapper.style1 input[type="reset"].alt:hover,
					.wrapper.style1 input[type="button"].alt:hover,
					.wrapper.style1 button.alt:hover,
					.wrapper.style1 .button.alt:hover {
						background-color: rgba(0, 0, 0, 0.075);
					}

					.wrapper.style1 input[type="submit"].alt:active,
					.wrapper.style1 input[type="reset"].alt:active,
					.wrapper.style1 input[type="button"].alt:active,
					.wrapper.style1 button.alt:active,
					.wrapper.style1 .button.alt:active {
						background-color: rgba(0, 0, 0, 0.2);
					}

					.wrapper.style1 input[type="submit"].alt.icon:before,
					.wrapper.style1 input[type="reset"].alt.icon:before,
					.wrapper.style1 input[type="button"].alt.icon:before,
					.wrapper.style1 button.alt.icon:before,
					.wrapper.style1 .button.alt.icon:before {
						color: #bfbfbf;
					}

				.wrapper.style1 input[type="submit"].special,
				.wrapper.style1 input[type="reset"].special,
				.wrapper.style1 input[type="button"].special,
				.wrapper.style1 button.special,
				.wrapper.style1 .button.special {
					background-color: #000;
					color: #fafafa !important;
				}

			.wrapper.style1 label {
				color: #000;
			}

			.wrapper.style1 input[type="text"],
			.wrapper.style1 input[type="password"],
			.wrapper.style1 input[type="email"],
			.wrapper.style1 select,
			.wrapper.style1 textarea {
				background: rgba(0, 0, 0, 0.075);
				border-color: rgba(0, 0, 0, 0.15);
			}

				.wrapper.style1 input[type="text"]:focus,
				.wrapper.style1 input[type="password"]:focus,
				.wrapper.style1 input[type="email"]:focus,
				.wrapper.style1 select:focus,
				.wrapper.style1 textarea:focus {
					border-color: #000;
					box-shadow: 0 0 0 1px #000;
				}

			.wrapper.style1 .select-wrapper:before {
				color: rgba(0, 0, 0, 0.15);
			}

			.wrapper.style1 input[type="checkbox"] + label,
			.wrapper.style1 input[type="radio"] + label {
				color: #999999;
			}

				.wrapper.style1 input[type="checkbox"] + label:before,
				.wrapper.style1 input[type="radio"] + label:before {
					background: rgba(0, 0, 0, 0.075);
					border-color: rgba(0, 0, 0, 0.15);
				}

			.wrapper.style1 input[type="checkbox"]:checked + label:before,
			.wrapper.style1 input[type="radio"]:checked + label:before {
				background-color: #000;
				border-color: #000;
				color: #fafafa;
			}

			.wrapper.style1 input[type="checkbox"]:focus + label:before,
			.wrapper.style1 input[type="radio"]:focus + label:before {
				border-color: #000;
				box-shadow: 0 0 0 1px #000;
			}

			.wrapper.style1 ::-webkit-input-placeholder {
				color: #bfbfbf !important;
			}

			.wrapper.style1 :-moz-placeholder {
				color: #bfbfbf !important;
			}

			.wrapper.style1 ::-moz-placeholder {
				color: #bfbfbf !important;
			}

			.wrapper.style1 :-ms-input-placeholder {
				color: #bfbfbf !important;
			}

			.wrapper.style1 .formerize-placeholder {
				color: #bfbfbf !important;
			}

			.wrapper.style1 ul.alt li {
				border-top-color: rgba(0, 0, 0, 0.15);
			}

			.wrapper.style1 header p {
				color: #bfbfbf;
			}

			.wrapper.style1 table tbody tr {
				border-color: rgba(0, 0, 0, 0.15);
			}

				.wrapper.style1 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(0, 0, 0, 0.075);
				}

			.wrapper.style1 table th {
				color: #000;
			}

			.wrapper.style1 table thead {
				border-bottom-color: rgba(0, 0, 0, 0.15);
			}

			.wrapper.style1 table tfoot {
				border-top-color: rgba(0, 0, 0, 0.15);
			}

			.wrapper.style1 table.alt tbody tr td {
				border-color: rgba(0, 0, 0, 0.15);
			}

		.wrapper.style2 {
			background-color: #3498db;
			color: #aed6f1;
		}

			.wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {
				color: #fff;
			}

			.wrapper.style2 a {
				color: #999999;
			}

				.wrapper.style2 a:hover {
					color: rgba(153, 153, 153, 0.5);
				}

			.wrapper.style2 strong, .wrapper.style2 b {
				color: #fff;
			}

			.wrapper.style2 h1, .wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
				color: #fff;
			}

			.wrapper.style2 blockquote {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style2 code {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style2 hr {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style2 .box {
				border-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style2 input[type="submit"],
			.wrapper.style2 input[type="reset"],
			.wrapper.style2 input[type="button"],
			.wrapper.style2 button,
			.wrapper.style2 .button {
				background-color: #fff;
				color: #3498db !important;
			}

				.wrapper.style2 input[type="submit"].alt,
				.wrapper.style2 input[type="reset"].alt,
				.wrapper.style2 input[type="button"].alt,
				.wrapper.style2 button.alt,
				.wrapper.style2 .button.alt {
					background-color: transparent;
					box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
					color: #fff !important;
				}

					.wrapper.style2 input[type="submit"].alt:hover,
					.wrapper.style2 input[type="reset"].alt:hover,
					.wrapper.style2 input[type="button"].alt:hover,
					.wrapper.style2 button.alt:hover,
					.wrapper.style2 .button.alt:hover {
						background-color: rgba(255, 255, 255, 0.075);
					}

					.wrapper.style2 input[type="submit"].alt:active,
					.wrapper.style2 input[type="reset"].alt:active,
					.wrapper.style2 input[type="button"].alt:active,
					.wrapper.style2 button.alt:active,
					.wrapper.style2 .button.alt:active {
						background-color: rgba(255, 255, 255, 0.2);
					}

					.wrapper.style2 input[type="submit"].alt.icon:before,
					.wrapper.style2 input[type="reset"].alt.icon:before,
					.wrapper.style2 input[type="button"].alt.icon:before,
					.wrapper.style2 button.alt.icon:before,
					.wrapper.style2 .button.alt.icon:before {
						color: #67b2e4;
					}

				.wrapper.style2 input[type="submit"].special,
				.wrapper.style2 input[type="reset"].special,
				.wrapper.style2 input[type="button"].special,
				.wrapper.style2 button.special,
				.wrapper.style2 .button.special {
					background-color: #fafafa;
					color: #000 !important;
				}

					.wrapper.style2 input[type="submit"].special:hover,
					.wrapper.style2 input[type="reset"].special:hover,
					.wrapper.style2 input[type="button"].special:hover,
					.wrapper.style2 button.special:hover,
					.wrapper.style2 .button.special:hover {
						background-color: white;
					}

					.wrapper.style2 input[type="submit"].special:active,
					.wrapper.style2 input[type="reset"].special:active,
					.wrapper.style2 input[type="button"].special:active,
					.wrapper.style2 button.special:active,
					.wrapper.style2 .button.special:active {
						background-color: #ededed;
					}

			.wrapper.style2 label {
				color: #fff;
			}

			.wrapper.style2 input[type="text"],
			.wrapper.style2 input[type="password"],
			.wrapper.style2 input[type="email"],
			.wrapper.style2 select,
			.wrapper.style2 textarea {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.25);
			}

				.wrapper.style2 input[type="text"]:focus,
				.wrapper.style2 input[type="password"]:focus,
				.wrapper.style2 input[type="email"]:focus,
				.wrapper.style2 select:focus,
				.wrapper.style2 textarea:focus {
					border-color: #fafafa;
					box-shadow: 0 0 0 1px #fafafa;
				}

			.wrapper.style2 .select-wrapper:before {
				color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style2 input[type="checkbox"] + label,
			.wrapper.style2 input[type="radio"] + label {
				color: #aed6f1;
			}

				.wrapper.style2 input[type="checkbox"] + label:before,
				.wrapper.style2 input[type="radio"] + label:before {
					background: rgba(255, 255, 255, 0.075);
					border-color: rgba(255, 255, 255, 0.25);
				}

			.wrapper.style2 input[type="checkbox"]:checked + label:before,
			.wrapper.style2 input[type="radio"]:checked + label:before {
				background-color: #fafafa;
				border-color: #fafafa;
				color: #000;
			}

			.wrapper.style2 input[type="checkbox"]:focus + label:before,
			.wrapper.style2 input[type="radio"]:focus + label:before {
				border-color: #fafafa;
				box-shadow: 0 0 0 1px #fafafa;
			}

			.wrapper.style2 ::-webkit-input-placeholder {
				color: #67b2e4 !important;
			}

			.wrapper.style2 :-moz-placeholder {
				color: #67b2e4 !important;
			}

			.wrapper.style2 ::-moz-placeholder {
				color: #67b2e4 !important;
			}

			.wrapper.style2 :-ms-input-placeholder {
				color: #67b2e4 !important;
			}

			.wrapper.style2 .formerize-placeholder {
				color: #67b2e4 !important;
			}

			.wrapper.style2 ul.alt li {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style2 header p {
				color: #67b2e4;
			}

			.wrapper.style2 table tbody tr {
				border-color: rgba(255, 255, 255, 0.25);
			}

				.wrapper.style2 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style2 table th {
				color: #fff;
			}

			.wrapper.style2 table thead {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style2 table tfoot {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style2 table.alt tbody tr td {
				border-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style2 .image {
				box-shadow: 0px 0px 0px 7px #3498db, 0px 0px 0px 8px rgba(255, 255, 255, 0.25);
			}

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

			.wrapper > .inner {
				width: 60em;
			}

		}

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

			.wrapper > .inner {
				width: 90%;
			}

		}

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

			.wrapper {
				padding: 3em 0 1em 0;
			}

		}

/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
		box-shadow: 0px 0px 0px 7px #fff, 0px 0px 0px 8px rgba(0, 0, 0, 0.1);
	}

		.image img {
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			margin: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			margin: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.round {
			border-radius: 100%;
		}

			.image.round img {
				border-radius: 100%;
			}

		.image.main {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

.logo {
    text-align: center;
}
.dn {
	display: none;
}

.documents__items {}
.documents__item {}
.documents__item-link {
	color: inherit;
}