/*
Theme Name: my
Author: the My team
Version: 1.0
License: GNU General Public License v2 or later
*/
* {
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}

body {
	padding:0;
	margin:0;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.clear {
	clear:both;
}

.copyright {
	text-align: right;
}

.header .logo {
	margin-top: -12px;
}

#btn_overlay {
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.popup {
	display: none;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	top: 50px;
	z-index: 10002;
	background-color: white;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
	border-radius: 10px;
	max-width: 360px;
	width: 100%;
	padding: 20px;
}
.form .close {
	position: absolute;
	color: grey;
	font-size: 20px;	
	right: 10px;
	top: 5px;
	font-family: Roboto;
	cursor: pointer;
}

.form .close:hover {
	color: red;
}
.popup .form-title {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
.popup input {
	width: 100%;
	margin: 0 0 20px 0;
	border: 2px solid grey;
	padding: 10px;
}
.popup textarea {
	width: 100%;
	margin: 0 0 20px 0;
	border: 2px solid grey;
	padding: 10px;
	height: 100px;
}
.popup button {
	cursor: pointer;
}

.main .post {
	padding-bottom: 80px;
}
h1.post-title {margin-bottom: 40px;}

#wpcf7-f221-p176-o1 label {margin-bottom: 0px;display: block;}
#wpcf7-f221-p176-o1 input[type="text"], #wpcf7-f221-p176-o1 textarea {border: 1px solid #ccc;font-weight: normal;display: block;width: 100%;max-width: 400px;}
.zamer_page label span {color: black;}


.obwuvka .recomend {width: 90%;}
.tooltip_box {
	display: inline-block;
	position: relative;
	padding-right: 13px;
}
.tooltip_box .tooltip_b:hover > .info,
.tooltip_box .tooltip_b:hover:after,
.tooltip_box .tooltip_b:focus > .info,
.tooltip_box .tooltip_b:focus:after{visibility:visible;transition:0s .2s;width:-moz-max-content;width:-webkit-max-content;width:max-content;padding:5px 10px;margin:0 auto 0em;}

@media screen and (max-width: 500px) {	
	
	.container {width: 100%;}
	
	#slider_1 {display: none;}
	.solutions  {margin-top: 50px;}
	.tabs > ul {display: block;}
	.solutions .tabs > ul > li {
		display: block;
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
		float: none;
	}
	.fixed .top_links_wrap {display: none !important;}
	
	.home_blog .row {display: block;}
	.col-xs-6 {width: 100%;}
}