@font-face {
	font-family: "DIN Round Pro";
	src: url('fonts/FF DIN Round Pro - Black.OTF') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: "DIN Round Pro";
	src: url('fonts/FF DIN Round Pro - Bold.OTF') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "DIN Round Pro";
	src: url('fonts/FF DIN Round Pro - Light 2.OTF') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "DIN Round Pro";
	src: url('fonts/FF DIN Round Pro - Medium.OTF') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "DIN Round Pro";
	src: url('fonts/FF DIN Round Pro - Regular.otf') format('truetype');
	font-weight: 500;
	font-style: normal;
}



@font-face {
	font-family: "Blogger Sans";
	src: url('fontsBlogger Sans-Bold.otf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Blogger Sans";
	src: url('fonts/Blogger Sans-Light.otf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "Blogger Sans";
	src: url('fonts/Blogger Sans-Medium.otf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Blogger Sans";
	src: url('fonts/Blogger Sans.otf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

/*    Banner    */

h2.title {
	color: #ca1c10;
	font-family: "DIN Round Pro";
	font-size: 46px;
	font-weight: 700;
	line-height: 45px;
	text-align: center;
}

p {
	color: #414141;
	font-family: "DIN Round Pro";
	font-size: 400;
	font-size: 18px;
	line-height: 28px;
}

#banner {
	background-color: rgba(237, 28, 91, 0.95);
	min-height: 670px;
	padding-top: 75px;
	position: relative;
	margin-bottom: 180px;
}

#banner .container {
	position: relative;
}

#banner .banner {
	position: absolute;
	right: 40px;
    top: 100px;
    z-index: 1;
}

#banner:after {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -99px;
    display: block;
    height: 100px;
    background: url(img/rectangle.svg);
    background-repeat-y: no-repeat;
}

#banner h1 {
	color: #ffffff;
	font-family: "DIN Round Pro";
	font-size: 74px;
	font-weight: 700;
}

#banner p {
	color: #ffffff;
	font-size: 32px;
	font-weight: 700;
}

#banner ul {
	margin-top: 45px;
	margin-bottom: 65px;
}

#banner ul li {
	color: #ffffff;
	font-family: "Blogger Sans";
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 22px;
}

#banner a {
	color: #ed1c5b;
	font-family: "DIN Round Pro";
	font-size: 19px;
	box-shadow: 0 12px 32px rgba(101, 101, 101, 0.29);
	border-radius: 40px;
	background-color: #ffffff;
	width: 100%;
	max-width: 297px;
	padding: 12px;
}

.fixed-header {
	position: absolute;
}

.menu-toggle {
	display: block;
	margin-top: 10px;
	outline: none;
	float: right;
}

#primary-menu {
	float: right;
	margin-right: 25px;
}

#primary-menu li a {
	color: #ffffff;
	font-family: "DIN Round Pro";
	font-size: 23px;
	line-height: 30px;
	outline: none;
	text-transform: inherit;
	padding: 18px 20px;
}

.page-template-homepage .site-header:after {
	content: none;
}

.site-header {
	background: none;
}

.site-title {
	display: none;
}

.main-navigation {
	position: relative;
}

.social-h-menu {
	position: absolute;
	right: 0;
	top: 70px;
}

.social-h-menu li {
	display: block;
	float: none;
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
}

.social-h-menu li a, .main-navigation li:hover a {
	color: #fff;
}

.social-h-menu li { -webkit-transition: all 0.2s; }
.social-h-menu li a { -webkit-transition: all 0.5s; }
.social-h-menu li ul { -webkit-transition: all 1s; }

.main-navigation ul.social-h-menu {
	display: none;
}

.main-navigation.active ul.social-h-menu { 
	-webkit-transition: height 0.5s;
	height: inherit;
	display: block;
}

.animate-nav .nav-overlay {
	display: none !important;
}

.animate-nav .mobile-menu-wrapper {
	display: none !important;
}

#primary-menu {
	display: none;
}

.main-navigation.active #primary-menu {
	display: block;
}


/*   About    */


#about {
	overflow: hidden;
}

#about h2 {
	margin-bottom: 76px;
}

img.beer_first {
    max-width: inherit;
    position: relative;
    width: 800px;
    top: -40px;
}


/*   Recomendation   */


#recomendation {
	margin-bottom: 160PX;
}

#recomendation h2 {
	margin-bottom: 72px;
}

#recomendation .item {
	width: 228px;
	height: 228px;
	margin: 0 auto 60px;
	text-align: center;
	border-radius: 15px;
	transition: 0.5s;
	padding: 25px;
}

#recomendation .item img {
	margin-bottom: 30px;
}

#recomendation .item span {
	display: block;
	color: #414141;
	font-family: "Blogger Sans";
	font-size: 19px;
	font-weight: 500;
	line-height: 24px;
}

#recomendation .item:hover {
	box-shadow: 0 16px 32px rgba(121, 121, 121, 0.25);
}


/*   Franshize   */


#frans {
	overflow: hidden;
	padding-bottom: 150px;
}

#frans h2 {
	margin-bottom: 76px;
}

#frans .variant {
	background-color: #ed1c5b;
	text-align: center;
	padding: 75px 0 80px;
	border-radius: 20px;
	position: relative;
}

#frans .variant:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #ed1c5b;
	z-index: -1;
	border-radius: 20px;
	box-shadow: 8px 16px 32px rgba(110, 110, 110, 0.25);
}

#frans .variant.kiev:after {
	right: 0;
	left: -9999px;
}

#frans .variant.ukraine:after {
	left: 0;
	right: -9999px;
}

#frans .variant span {
	color: #ffffff;
	font-family: "Blogger Sans";
	font-size: 32px;
	font-weight: 500;
	display: block;
	margin-top: 40px;
}

.bx-wrapper {
	border: none;
	box-shadow: none;
}

.bx-wrapper .bx-viewport {
	max-width: 945px;
	box-shadow: 4px 8px 32px rgba(119, 118, 118, 0.37);
	border-radius: 15px;
	margin: 0 auto;
}

.bx-wrapper .bx-prev {
	background: url(img/prev.png) no-repeat;
	left: -35px;
}

.bx-wrapper .bx-next {
	background: url(img/next.png) no-repeat;
	right: -35px;
}

.bx-wrapper .bx-controls-direction a {
    width: 65px;
    height: 35px;
}

.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
	background-position: 0;
}


/*    Clients    */


#clients h2 {
	margin-bottom: 76px;
}

#clients h3 {
	color: #414141;
	font-family: "DIN Round Pro";
	font-size: 23px;
	line-height: 30px;
	margin-bottom: 24px;
}

#clients h4 {
	font-family: "Blogger Sans";
	font-size: 19px;
	font-weight: 500;
	color: #323131;
	margin: 0;
}

#clients h4 span {
	color: #bc010f;
}

#clients p {
	color: #605f5f;
	font-family: "DIN Round Pro";
	font-size: 19px;
	line-height: 29px;
	margin-bottom: 24px;
}

#clients img {
	float: left;
	margin-right: 48px;
	padding: 35px 0;
}

#clients .bxslider li {
	padding: 40px 65px 50px;
}


/*    Work    */


#work p.qest {
	font-size: 23px;
	text-align: center;
	margin-bottom: 50px;
}

#work h2.title {
	margin-bottom: 100px;
}

.contact-form {
	max-width: 415px;
	float: right;
}

.contact-form input {
	box-shadow: 1px 5px 32px rgba(68, 35, 35, 0.09);
	border-radius: 50px;
	background-color: #ffffff;
	border: none;
    width: 100%;
    padding: 28px 23px;
    height: 0;
    outline: none;
    margin-bottom: 25px;
}

.contact-form input.wpcf7-submit {
	box-shadow: 1px 11px 32px rgba(168, 168, 168, 0.5);
	border-radius: 50px;
	background-color: #ed1c5b;
	color: #ffffff;
	font-size: 23px;
	height: inherit;
    padding: 18px;
    text-transform: inherit;
    margin-top: 25px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 5px;
	height: 5px;
	background-color: #eeeeee;
}

.bx-wrapper .bx-pager {
    position: absolute;
    top: 0;
    width: 27px;
    left: 60px;
    padding-top: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background-color: #ed1c5b;
    box-shadow: 0 0 10px 0px #ed1c5b;
}

#clients {
	margin-bottom: 70px;
}

.beer_last {
    position: absolute;
    max-width: 800px;
    top: -40px;
    right: 0;
}

.statistic {
	text-align: center;
	margin-bottom: 90px;
}

.statistic span {
	display: block;
}

.statistic .number {
	color: #ca1c10;
	font-family: "Gotham Rounded";
	font-size: 46px;
	font-weight: 700;
}

.statistic .text {
	color: #333333;
	font-family: "Blogger Sans";
	font-size: 19px;
	font-weight: 500;
}

.line {
	margin-bottom: 140px;
}


/*    Footer    */


.site-footer {
	background: #ed1c5b;
	padding: 50px 0;
	position: relative;
	margin-top: 100px;
}

.site-footer:before {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -99px;
    display: block;
    height: 100px;
    background: url(img/rectangle-f.svg);
    background-repeat-y: no-repeat;
    background-position: bottom;
}

.site-footer ul.menu {
	text-align: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.site-footer ul.menu a {
	color: #ffffff;
	font-family: "DIN Round Pro";
	font-size: 19px;
	line-height: 48px;
	outline: none;
}

.site-footer .one {
	text-align: left;
}

.site-footer .one.mobile {
	display: none;
}

.site-footer h3 {
	color: #ffffff;
	font-family: "DIN Round Pro";
	font-size: 23px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 24px;
}

.site-footer a.email {
	color: #ffffff;
	font-family: "DIN Round Pro";
	font-size: 19px;
	line-height: 40px;
	margin-bottom: 45px;
    display: block;
}

.site-footer p.coopiright {
	opacity: 0.4;
	color: #ffffff;
	font-family: "DIN Round Pro";
	font-size: 19px;
	position: absolute;
	margin: 0;
}

.site-footer .social {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 25px;
}

.site-footer .social a {
	color: #fff;
	font-size: 28px;
}

.site-footer .social li {
	display: inline-block;
	margin-right: 25px;
}


@media (max-width: 991px) {
	#banner .banner {
		width: 40%;
		right: 0;
	}

	.site-footer a.email {
		margin-bottom: 15px;
	}
}

@media (max-width: 767px) {
	.contact-form {
		float: none;
		margin: 0 auto;
	}

	#frans .variant:after {
		content: none;
	}

	#frans .variant {
		margin-bottom: 40px;
	}

	#banner .banner {
		display: none;
	}

	#work img {
		display: none;
	}

	img.beer_first {
		max-width: 100%;
    	top: 0;
    	margin-bottom: 50px;
	}

	.site-footer ul.menu {
		text-align: center;
		margin: 50px 0;
	}

	.site-footer .one {
		text-align: center;
	}

	.site-footer p.coopiright {
	    position: inherit;
	    margin: 35px 0;
	}

	.site-footer .one {
		display: none;
	}

	.site-footer .one.mobile {
		display: block;
	}

	#banner h1 {
		font-size: 42px;
	}

	#banner p {
		font-size: 24px;
	}

	#banner ul li {
		font-size: 16px;
	}

	#banner {
		min-height: inherit;
	}

	h2.title {
		font-size: 36px;
	}

	#clients p {
	    font-size: 14px;
	    line-height: 24px;
	}

	#clients h3 {
	    font-size: 20px;
	    line-height: 24px;
	    margin-bottom: 15px;
	}

	#clients h4 {
		font-size: 16px;
	}

	#clients .bxslider li {
		padding: 15px;
	}

	#clients img {
		float: none;
		margin: 0 auto;
	}

	.bx-wrapper .bx-pager {
		position: inherit;
	    width: inherit;
	    margin-top: 15px;
	}

	.bx-wrapper .bx-controls-direction a {
		display: none;
	}
}

@media (max-width: 520px) {
	#recomendation .col-xs-6 {
		width: 100%;
	}

	#recomendation {
		margin-bottom: 20px;
	}
}