/*
	Theme Name: PLASTIKA
	Version: 1.0
*/
	
	/*	FONT	*/
		
		@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
	
	/*	BODY	*/
	
		body { font-family: 'Open Sans', sans-serif; line-height: 1.5; color: #424242; }
		a { text-decoration: none !important; color: #424242; } a:hover { color: #424242; }
		
		.hover-block:hover div { background: #E5E5E5; transition: background .4s ease-in; }
		
		iframe { border: 0 !important; }
		
		#content a { text-decoration: underline !important; color: #CA7E75; }
		#content a:hover { text-decoration: none !important; }
		
		h1, h2, h3, h4, .bolder, .big-text { font-weight: 600; }
		h1, h2, h3, h4, p, .big-text { padding-bottom: 2rem; margin: 0; }
		h1 { font-size: 2rem; }
		
		.big-text { font-size: 1.6rem; }
		
		.no-border { border: none; }
		
		.alert-info { border-color: transparent; color: #5590BD; }
		
		
		textarea { border-radius: 0 !important; }
		button, 
		input { width: 100%; text-align: left !important; margin-bottom: 15px; border-radius: 0 !important; }
		button { overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; border-radius: 0 !important; outline: none; }
		
	/*	COLORS	*/
		
		.blue { background-color: #CA7E75 !important; }
		button.blue:hover { background-color: #B16D65 !important; transition: background .2s ease-in; }
		
		.red { background-color: #5590BD !important; }
		button.red:hover, input.red:hover { background-color: #43769D !important; transition: background .2s ease-in; }
		
		.gray, .alert-info { background-color: #E5E5E5; }
		.white { background-color: white; }
		
		.text-white { color: white !important; }
		.text-red, .operation-menu li.current_page_item a { color: #5590BD !important; }
		
		.page-numbers { padding-left: .5rem; padding-right: .5rem; }
		
		.page-numbers.current, .page-numbers:hover { color: #5590BD; }
		
		.commentNavigation { padding: 1.5rem; }
		
	/*	BOOTSTRAP STYLES	*/
		
		.btn-lg { padding: 1rem; }
		
		.btn-primary { border: 0 !important; background-image: url('images/icons/arrow-link-white.png') !important; background-size: contain !important; background-position: right top !important; background-repeat: no-repeat !important; }
		
		.btn-outline-primary { color: #5590BD; border: 1px solid #5590BD; background-image: url('images/icons/arrow-link-red.png') !important; background-size: contain !important; background-position: right top !important; background-repeat: no-repeat !important; }
		
		.btn-outline-primary:hover { background-image: url('images/icons/arrow-link-white-small.png') !important; background-color: #5590BD; border-color: #5590BD; }
		
		.slider-item { min-height: 480px; background-color: #E5E5E5; background-size: cover; background-position: center right; }
		
		.carousel-control { background-image: none !important; }
		
		.card p, .card h1 { padding: 0; }
		
		.breadcrumb { margin: 0; background-color: transparent; border-radius: 0; font-size: small; line-height: 36px; padding: 0; }
		
		.card-title { font-size: 100%; }
		
		/* .card-block { min-height: 90px; } */
		
		.benefit-number { background-position: right center; background-size: contain; background-repeat: no-repeat; }
		
		
		
		
	/*	MENU	*/
	
		.menu a { display: block; }
	
		.menu.desktop ul { display: table; padding: 0; margin: 0; width: 100%; height: 36px; }
		.menu.desktop ul li { display: table-cell; text-align: center; line-height: 36px; }
		.menu.desktop ul li a { color: black; }
		
		.menu.first ul li { font-size: small; font-weight: 600;  }
		
		.menu.first .current-menu-item a,
		.menu.first a:hover { color: #5590BD !important; transition: color .3s ease-in;}
		
		.menu.second ul { height: 64px; background: #4BB7B9; }
		.menu.second ul li { font-size: large; position: relative; }
		.menu.second ul li a { color: white; }
		
		.menu.second ul li ul { position: absolute; z-index: 2; left: 36px; top: 0; }
		.menu.second ul li ul li { display: table-row; }
		
		.menu.second ul li:hover {  }
		
		.menu.second ul li ul li ul { display: none; }

		.widget_nav_menu li:before { content: none; }

		.children { width: 100%; margin-left: 40px; }
		
		.children div .card { background-color: #E5E5E5; }
		
		.operation-menu li { float: left; margin-right: 36px; margin-top: 2rem; }
		
		
		.slider-header { height: auto; }
		.slider-text { padding-bottom: 2rem; }
		
		
		.content-padding { padding-top: 3rem; padding-bottom: 3rem; }
	
		.front-container { /* min-height: 640px; */ background-size: cover; background-position: center; }
		
		.benefits-title { min-height: 88px; }
		
		
		
		.float-panel { position: fixed; left: 0; width: 100%; bottom: 0; z-index: 2; }
		.float-panel button { margin: 0; }
		
		
		
		.bottom-footbar a { color: #5590BD !important; }
		
		
	
	.card-img-top { width: 100%; height: auto; }
	
	
	
	@media (max-width: 544px) {
		.content-padding { padding-top: 2rem; padding-bottom: 0; }
		.menu-overflow { overflow: auto; }
	}
	
	@media (max-width: 768px) {
		.mobile-hide { display: none; }
		.mobile-show { display: block; }
		.head-padding { padding-top: 36px; padding-bottom: 28px; }
		.card-block { min-height: auto; }
		.front-container { min-height: auto; }
		.slider-header { height: 160px; }
		.slider-item { min-height: 260px; }
	}
	
	


	ul { padding-top: 0; padding-bottom: 0; }

	#menu-second-menu { list-style: none; padding: 0; margin: 0; }
	h2 { font-size: 1.6rem; }
	h3 { font-size: 1.2rem; }

	
	
	
	
	.footer-map { line-height: 2; }
	.footer-map p { font-weight: bold; padding-top: 1rem; padding-bottom: 1rem; }
	
	.footer-map ul { list-style: none; padding: 0; font-size: small; padding-bottom: 1rem; }
	
	.footer-copy p { padding-top: 1.2rem; padding-bottom: 1.2rem; font-size: small; text-align: center; padding-left: 1rem; padding-right: 1rem; }
	.footer-map a:hover, .footer-copy a:hover { color: #5590BD; }
	.grecaptcha-badge {
		display: none !important;
	}
	
	.mfp-counter {
		font-size: 16px !important;
	}












.button-for-mobile,
.button-for-instagram,
.button-for-telegram,
.button-for-vkontakte {
    display: none;
}
@media (max-width: 1040px) {
    .button-for-mobile {
        display: block;
        position: fixed;
        bottom: 16px;
        right: 12px;
        height: 60px;
        width: 60px;
        box-sizing: border-box;
        border: 1px solid #5590BD;
        border-radius: 100%;
        background-color: #5590BD;
        z-index: 9999;
    }

    .button-for-mobile i {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 128'%3E%3Cg fill='%23FFF'%3E%3Cpath d='M104.2,96.1c-1.4-1.6-2.9-3-4.4-4.4c-0.7-0.7-1.5-1.4-2.2-2.2l-6.4-6.4c-2.7-2.7-5.9-4.2-9.2-4.2c-3.3,0-6.5,1.4-9.2,4.2c-0.7,0.7-1.3,1.3-2,2c-1.5,1.5-3.1,3-4.6,4.7c-2.7-1.3-5.5-3.1-8.7-5.7c-4.2-3.4-7.8-6.8-10.9-10.5c-1.7-2-4.7-2.2-6.7-0.4c-2,1.7-2.2,4.7-0.4,6.7c3.5,4,7.5,7.9,12.1,11.6c0,0,0,0,0.1,0c4.7,3.7,8.6,6.1,12.7,7.8c0.1,0.1,0.2,0.1,0.3,0.1c1,0.3,4,1.3,6.9-1.6l0.2-0.2c1.8-2,3.7-3.9,5.7-5.8c0.7-0.7,1.4-1.3,2-2c0.6-0.6,1.6-1.4,2.6-1.4c0.9,0,1.9,0.8,2.5,1.4l6.4,6.4c0.8,0.8,1.6,1.5,2.3,2.3c1.5,1.4,2.8,2.8,4.2,4.2c0,0.1,0.1,0.1,0.1,0.1c1,1,2.1,2.6-0.1,4.8l-8,8c-1.7,1.7-3.6,2.6-6,2.8c-4.1,0.3-8.4-0.4-14.1-2.5c-9.4-3.5-18.2-8.8-27.7-16.6C30.2,89.6,21.2,78.1,14.8,65c-2.3-4.8-4.9-11.1-5.4-17.8c-0.2-3.7,0.8-6.4,3.2-8.7c1.8-1.5,3.3-3.1,4.8-4.6c0.9-1,1.8-1.9,2.8-2.8l0,0c1.9-1.8,3.4-1.8,5.2-0.1l13,13l0.1,0.1c0.6,0.5,1.2,1.3,1.2,2.2c0,0.9-0.7,1.9-1.3,2.5l-8,8c-1.8,1.8-1.8,4.8,0,6.7c1.8,1.8,4.8,1.8,6.7,0l8-8c2.7-2.7,4.1-5.9,4.1-9.3c0-3.3-1.4-6.4-4.1-8.9L32.1,24.4c-5.4-5.4-12.8-5.4-18.4-0.1c-1.1,1-2.1,2.1-3.1,3.1c-1.4,1.4-2.7,2.8-4.1,4c-0.1,0.1-0.1,0.1-0.2,0.2C1.8,35.7-0.3,41.2,0,47.8c0.6,8.3,3.6,15.7,6.3,21.2v0c7,14.4,16.8,26.9,29.3,37.4c10.3,8.6,20,14.4,30.4,18.2c3.8,1.4,9.4,3.2,15.6,3.2c0.8,0,1.7,0,2.5-0.1h0c4.6-0.4,8.6-2.3,11.9-5.5l8-8l0.1-0.1C109.4,108.8,109.3,101.3,104.2,96.1L104.2,96.1z M104.2,96.1'/%3E%3Cpath d='M102.3,64c-1.6-9.6-6.2-18.3-13.1-25.2c-6.9-6.9-15.6-11.4-25.2-13c-2.6-0.4-5,1.3-5.5,3.9c-0.4,2.6,1.3,5,3.9,5.5c7.6,1.3,14.6,4.9,20.1,10.4C88.1,51,91.7,57.9,93,65.6c0.4,2.3,2.4,3.9,4.7,3.9c0.3,0,0.5,0,0.8-0.1C101,69,102.8,66.5,102.3,64L102.3,64z M102.3,64'/%3E%3Cpath d='M127.9,62.8c-2.7-15.7-10.1-29.9-21.4-41.3C95.2,10.2,80.9,2.8,65.3,0.1c-2.6-0.4-5,1.3-5.5,3.9c-0.4,2.6,1.3,5,3.9,5.5c13.7,2.3,26.2,8.8,36.2,18.7c9.9,9.9,16.4,22.4,18.7,36.2c0.4,2.3,2.4,3.9,4.7,3.9c0.3,0,0.5,0,0.8-0.1C126.6,67.8,128.4,65.4,127.9,62.8L127.9,62.8z M127.9,62.8'/%3E%3C/g%3E%3C/svg%3E");
        position: absolute;
        margin-left: 15px;
        margin-top: 15px;
        height: 30px;
        width: 30px;
        transform: rotate3d(0, 0, 0, 0);
        background-size: cover;
    }

    .button-for-mobile i span{
        display: none;
    }

    .button-for-instagram,
	.button-for-telegram,
	.button-for-vkontakte {
		bottom: 16px;
        display: block;
        position: fixed;
        height: 60px;
        width: 60px;
        z-index: 9999;
    }
    .button-for-instagram {
	    right: 84px;
    }
    .button-for-telegram {
	    right: 84px;
    }
    .button-for-vkontakte {
	    right: 156px;
    }
    .button-for-instagram i,
    .button-for-telegram i,
    .button-for-vkontakte i {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 5px;
        left: 5px;
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .button-for-instagram i {
	    background-image: url("images/instagram_logo.svg?1");
    }
    .button-for-telegram i {
	    background-image: url("images/telegram_logo.svg");
    }
    .button-for-vkontakte i {
	    background-image: url("images/vkontakte_logo.svg");
    }
    .scrollToTopPlugin {
	    bottom: 76px !important;
    }
}









form p a {
	text-decoration: underline !important;
}

.cookies {
	background: #fff;
	bottom: 20px;
	box-shadow: 0px 4px 36px rgba(159,159,159,.15);
	display: flex;
	font-weight: 300;
	left: 0;
	margin: auto;
	padding: 30px;
	position: fixed;
	right: 0;
	top: auto;	
	width: 80%;
	z-index: 3;
}
.cookies.hidden {
	display:none;
}
.cookies__mob {
	display:none;
}
.cookies p {
	margin: 0;
	flex: 1 1;
}
.cookies button {
    flex: 0 0 auto;
    width: auto;
}
    
@media (max-width: 991.98px){
	.cookies{
		padding:20px;
		font-weight:300;
		font-size:14px;
		line-height:21px;
		font-family:"Circe",Arial,Tahoma,sans-serif;
		flex-wrap:wrap;
		width:auto;
		left:20px;
		right:20px;
		bottom:80px;
	}
	.cookies p {
		flex: 0 0 100%;
		margin: 0 0 16px;
		display: none;
	}
	.cookies__mob {
		display:block;
	}
	.cookies__mob p {
		display:block;
	}
}









/* ------------------- menu ------------------- */
.menu-third-menu-container {
	
}

.menu-third-menu-container ul {
	list-style: none;
}

.menu-third-menu-container > ul {
	display: flex;
	margin: 0;
	padding: 0;
}

.menu-third-menu-container > ul > li {
	flex: 1;
	position: relative;
	text-align: center;
}

.menu-third-menu-container > ul > li > a {
	color: #ffffff;
	font-size: 15px;
	padding: 15px 20px;
}

.menu-third-menu-container > ul > li:first-child > a {
	padding-right: 40px;
	position: relative;
}

.menu-third-menu-container > ul > li:first-child > a:after {
	content: "\f107";
	position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
}

.menu-third-menu-container > ul > li:hover > a {
	background: -webkit-linear-gradient(top, #43769d, #43769d);
}

.menu-third-menu-container > ul > li > ul {
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	display: block;
	height: 0;
	margin: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	transform: translateY(10px);
	transition: all 0.3s ease;
	visibility: hidden;
    width: 100%;
	z-index: 3;
}

.menu-third-menu-container > ul > li:hover > ul {
	height: auto;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.menu-third-menu-container ul ul li {
	float: left;
	padding-bottom: 20px;
	width: 50%;
}

.menu-third-menu-container ul ul li:last-child {
	padding-bottom: 20px;
}

.menu-third-menu-container ul ul ul {
	padding: 10px 0;
}

.menu-third-menu-container ul ul ul li {
	float: none;
	padding-bottom: 0;
	text-align: left;
	width: auto;
}

.menu-third-menu-container > ul > li > ul > li > a {
	display: none;
	color: #999 !important;
	font-size: 12px;
	padding: 15px 20px;
	text-align: left;  
}

.menu-third-menu-container ul ul ul li a {
	color: #686868;
	font-size: 15px;
	padding: 5px 20px;
}

.mobile-menu-bar {
	display: none;
}

@media (min-width: 992px) {
    .menu-third-menu-container > ul > li > ul {
        width: 930px;
    }
}

@media (min-width: 1200px) {
    .menu-third-menu-container > ul > li > ul {
        width: 1110px;
    }
}

@media (max-width: 991px) {
	.menu-overflow .container {
		position: relative;
	}
	
    .menu-third-menu-container > ul {
		display: block;
		height: 0;
		margin: 0;
		opacity: 0;
		transform: translateY(10px);
		transition: all 0.5s ease;
		visibility: hidden;
	}
	
	.menu-third-menu-container.active > ul {
		height: auto;
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	
	.menu-third-menu-container > ul > li:first-child > a {
		padding-right: 20px;
	}
    
    .menu-third-menu-container > ul > li > ul {
    	height: 0;
    	padding: 0;
    	position: relative;
    }
    
    .menu-third-menu-container > ul > li:hover > ul {
	    height: auto;
    }
    
    .menu-third-menu-container ul ul li {
		float: none;
		padding-bottom: 0;
		width: 100%;
	}
	
	.menu-third-menu-container ul ul li:last-child {
		padding-bottom: 20px;
	}
	
	.menu-third-menu-container ul ul ul {
		padding: 0;
	}
	
	.mobile-menu-bar {
		display: block;
		height: 50px;
		text-align: right;
	}
	
	.mobile-menu-bar .logo {
		background-image: url(images/gm-logo-white.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 0;
		height: 50px;
		left: 15px;
		position: absolute;
		right: auto;
		top: 0;
		width: 50px;
	}
	
	.mobile-menu-bar .logo a {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	.mobile-menu-bar span {
		color: #ffffff;
		cursor: pointer;
		font-size: 15px;
		line-height: 50px;
	}
	
	.mobile-menu-bar span i {
		margin-right: 10px;
	}
}