/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

#my-modal-mess {
	background: #FFD02F; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1001;
}
#my-modal-mess .site-content {
	display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-top: 0; background: transparent;
}
#my-modal-mess .site-content .mess-desc,
#my-modal-mess .site-content .mess-action {
	display: flex; align-items: center;
}
#my-modal-mess .site-content .mess-desc {
	flex-grow: 2
}
#my-modal-mess .site-content .mess-desc p {
	padding: 0; 
	margin: 7px 0; 
	font-size: 21px;
}
#my-modal-mess .site-content .mess-action {
	 padding: 7px 0; flex-grow: 1;
	}
#my-modal-mess .site-content .mess-action a {
	background: #08AD8E 0% 0% no-repeat padding-box; 
	border-radius: 27px; 
	padding: 7px 40px; 
	display: inline-block; 
	color: #fff; 
	white-space: nowrap;
	text-align: center; 
	/* font: normal normal bold 18px/44px SF Pro Display;  */
	letter-spacing: 0px; 
	color: #FFFFFF; 
	font-weight: 700;
	text-decoration: none !important;
}

@media (max-width: 768px) {
	#my-modal-mess .site-content .mess-desc {text-align: center;}
	#my-modal-mess .site-content {flex-direction: column}
}

@media (max-width: 480px) {
	#my-modal-mess .site-content .mess-desc {text-align: center; font-size: 18px;}
}

@media (max-width: 420px) {
	#my-modal-mess .site-content .mess-desc {text-align: center; font-size: 16px;}
}

@media (max-width: 380px) {
	#my-modal-mess .site-content .mess-desc {text-align: center; font-size: 14px !important;}
}

.b-r--mob,
.b-r--before_content {
  background: linear-gradient(to right, #e3f1f4 0, #e3edff 100%);
  padding: 20px 20px 20px 65px !important;
  border-left: none !important;
  margin: 2em 0;
  position: relative;
  text-align: center;
}

.b-r--mob:before,
.b-r--before_content:before {
  content: "❓";
  color: #3da2e0;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -15px;
  font-family: wpshop-core !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.b-r--mob a,
.b-r--before_content a {
  color: #fff !important;
}

.mess333 {
	text-align: center;
}
.mess333 a {
	background: #FF4600 0% 0% no-repeat padding-box;
	border-radius: 27px;
	padding: 0 40px;
	display: inline-block;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font: normal normal bold 14px/34px SF Pro Display;
	letter-spacing: 0px;
	color: #FFFFFF;
}

.block-hidden-on {visibility: hidden; opacity: 0; transition: all .3s ease;}
.block-hidden-on.active {visibility: visible; opacity: 1;}

#blog_subscription-3 {
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	padding: 25px 20px 15px;
}

#blog_subscription-3 button {
	border: none;
	background: #3f53d9;
	color: #fff;
	cursor: pointer;
	padding: 10px 30px;
	font-size: 18px;
	border-radius: 20px;
	margin: 15px auto 15px;
	display: block;
}

button:focus {
	outline: none !important;
}
#blog_subscription-3 {
	box-shadow: 6px 9px 0px 0px rgba(63, 83, 217, 0.7);
}

#blog_subscription-3 p{
	font-size: 18px;
	line-height: 20px;
}

/* tmpl1 */

.tmpl1_page--wrapper {
}
.tmpl1_page--column {
	width: 100%;
	-moz-column-count: 2;
	     column-count: 2;
	-moz-column-gap: 5px;
	     column-gap: 5px;
}
.tmpl1_page--item {
	max-width: 540px;
	flex-basis: 540px;
	padding: 10px;
	
	/* margin: 30px 15px; */
	/* margin-bottom: 30px; */
	-moz-column-break-inside: avoid;
	     break-inside: avoid;
}
.item--wrapper {
	padding: 30px;
}
.tmpl1_page--item_title{
	font-size: 22px;
	line-height: 32px;
	font-weight: 600;
	padding: 5px 0;
	margin-top: 20px;
}
.tmpl1_page--item_content{
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	margin-top: 20px;
	padding: 5px 0;
}
.tmpl1_page--item_content ul{
	margin-top: 25px;
}
.tmpl1_page--item_content ul li{
	margin-top: 25px;
}
.item_style1 {
	border: 1px solid #2e2e4a;
}
.item_style2 {
	background-color: #F4F8FB;
}
.item_style2 .tmpl1_page--item_img{
	display: none;
}
.item_style3 {
}
.item_style3 .tmpl1_page--item_img{
	text-align: right;
}

@media (max-width: 768px) {
	.tmpl1_page--column {
		width: 100%;
		-moz-column-count: 1;
				 column-count: 1;
		-moz-column-gap: 5px;
				 column-gap: 5px;
	}
}