/*
Theme Name: gromada
Description: GoodWebStudio Theme for Громада Схід
Author: support@goodwebstudio.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

@font-face {
	font-family: 'Gotham Pro Regular';
	src: url('./fonts/GothamPro.eot');
	src: local('Gotham Pro'), local('GothamPro'),
		url('./fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
		url('./fonts/GothamPro.woff') format('woff'),
		url('./fonts/GothamPro.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro Medium';
	src: url('./fonts/GothamPro-Medium.eot');
	src: local('Gotham Pro Medium'), local('GothamPro-Medium'),
		url('./fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('./fonts/GothamPro-Medium.woff') format('woff'),
		url('./fonts/GothamPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro Bold';
	src: url('./fonts/GothamPro-Bold.eot');
	src: local('Gotham Pro Bold'), local('GothamPro-Bold'),
		url('./fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('./fonts/GothamPro-Bold.woff') format('woff'),
		url('./fonts/GothamPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


html, body{
        margin:0;
        padding:0;
        width:100%;
        height:100%;
    }

body{
	font-family: 'Gotham Pro Regular';
	color: #222;
	font-size: 14px;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	line-height: 1.6;
}

@media screen and (max-width:768px){
	body{
		font-size: 13px;
	}
}

h1, .h1{
	font-size: 47px;
}

h2, .h2{
	font-size: 48px;
	margin: 20px 0 10px;
}

h3, .h3{
	font-size: 32px;
	line-height: 1.3em;
	margin-bottom: 20px;
}

h4, .h4{
	font-size: 24px;
}

h5, .h5{
	font-size: 21px;
	line-height: 1.3em;
}

h6, .h6{
	font-size: 18px;
}

a.readmore{
	text-decoration: none;
}

a{
	text-decoration: underline;
	color: #0089d0;
}

a:hover, a:active, a:focus{
	text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~ */

header{
	position: relative;
}

@media screen and (min-width:1000px){
	header{
		position: fixed;
		width: 100%;
		background: #fff;
		z-index: 999;
		top: 0;
		left: 0;
		right: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
}

.header{
	border-bottom: 2px solid #0089d0;
	padding: 22px 0 15px;
}

header.fixed{
	box-shadow: 1px 1px 10px #333;
}

header.fixed .logo-wrap img{
	width: 250px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header.fixed .header{
	padding: 13px 0 10px;
}

header.fixed .header-contacts .item{
	font-size: 11px;
}

header.fixed .navbar-default .navbar-nav > li > a{
	font-size: 13px;
	padding: 10px 35px 7px 0;
}

header.fixed .header-icons{
	height: 35px;
}

header .org-logo-wrap{
	display: flex;
	align-items: center;
	height: 66px;
}

header.fixed .org-logo-wrap{
	height: 46px;
}

header .org-logo-wrap > a{
	margin-right: 15px;
}

header .main-logo{
	margin-bottom: 25px;
}

header.fixed .main-logo{
	padding-top: 7px;
}

header .main-logo img{
	height: 50px;
}

.logo-wrap{
	text-align: center;
	width: auto;
	max-width: 100%;
	position: relative;
	z-index: 10;
	margin-bottom: 15px;
}

@media screen and (min-width: 992px) {
	header .main-logo{
		padding-top: 2px;
		margin-bottom: 0;
		height: auto;
	}

	header.fixed .main-logo img{
		height: 45px;
	}

	.logo-wrap{
		margin-bottom: 15px;
	}
}

.page-header{
	background-color: #f2eff2;
	text-align: center;
	margin: 5px 0 35px;
	padding: 10px 0 0;
}

h1.entry-title{
	color: #0089d0;
	font-size: 26px;
	font-family: 'Gotham Pro Bold';
}

.breadcrumbs{
	background-color: transparent;
	padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
	font-size: 12px;
}

.breadcrumbs a{
	color: #3e3e3e;
}

.breadcrumbs a:hover{
	color: #0089d0;
}

.entry-content{
	padding-top: 25px;
	text-align: justify;
}

.entry-content .embed-video{
	margin-top: 25px;
}

.top-nav{
	line-height: 1.4;
}

.header-contacts{
	display: flex;
	justify-content: flex-end;
	height: 0;
}

.org-logo-wrap > a{
	display: inline-block;
	margin-right: 20px;
	
}

.about-details .founders .org-logo-wrap > a{
	margin-bottom: 20px;
}

.header-contacts .item{
	font-size: 13px;
	margin-left: 35px;
}

@media screen and (max-width:768px){
	.header-contacts{
		clear: both;
		justify-content: flex-start;
	}
	
	.header-contacts .item{
		margin-left: 15px;
		margin-top: 10px;
	}
}

@media screen and (min-width:1024px){
	.about-details .founders .org-logo-wrap > a{
		max-width: 43%;
	}
}

.navbar-default .navbar-toggle{
	position: absolute;
    top: 13px;
    right: 0;
    background: transparent;
    border: 0;
}

.navbar-toggle .icon-bar{
	display: block;
    width: 27px;
    height: 2px;
    border-radius: 1px;
    margin: 6px 0;
    background-color: #222!important;
}

.navbar-default, .navbar{
	background: none;
	border: none;
	margin-bottom: 0;
	min-height: 0;
	position: static;
}

div.top-nav > div > div > div.col-md-10{
	position: static;
}

.navbar-nav{
	display: inline-block;
}

.navbar-default .navbar-nav > li{
	position: relative;
	line-height: 1.4;
}

.navbar-default .navbar-nav > li > a{
	display: inline-block;
	margin: 0 1px 0 0;
	text-decoration: none;
	background: none;
	color: #222a31;
	text-align: center;
	font-size: 14px;
	padding: 16px 15px 12px;
	text-transform: uppercase;
	font-family: 'Gotham Pro Medium';
	line-height: 1.4;
}

.navbar-default .navbar-nav > li:last-child > a{
	margin: 0;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus{
	color: #0089d0;
}

.menu-item-has-children{
	position: relative;
	padding-right: 10px;
}

.menu-item-has-children:after{
	content: '';
	display: block;
	position: absolute;
	top: 22px;
    right: 10px;
	width: 8px;
	height: 6px;
	background: url(imgs/caret.png) no-repeat 0 0;
}

header.fixed .menu-item-has-children:after{
	top: 14px;
    right: 30px;
}

@media screen and (min-width:769px){
	.navbar-default .navbar-nav > li:first-child > a{
		padding-left: 0; 
	}
}
.navbar-default .navbar-nav > li:last-child > a{
	padding-right: 0; 
}

ul.sub-menu{
	display: none;   
	position: absolute;
    left: 0;
    background-color: #fff;
	width: 200px;
	padding: 5px 15px 15px 20px;
    white-space: nowrap;
    z-index: 9999;
    -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
	list-style-type: none;
}

@media screen and (max-width:768px){
	ul.sub-menu{  
		position: static;
		width: 100%;
		box-shadow: none;
	}
}

ul.sub-menu li{
	margin-bottom: 7px;
}

ul.sub-menu li a{
	font-size: 15px;
	text-decoration: none;
	color: #222;
}

ul.sub-menu li a:hover{
	color: #0089d0;
}

li.menu-item:hover ul.sub-menu{
	display: block;
}

.btn, a.btn, button{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
}

.btn-default,
button,
#area-map .gmwd_store_locator_container button{
	background: #353535;
    padding: 15px 35px;
    font-size: 15px!important;
	margin-top: 10px;
	font-family: 'Gotham Pro Medium';
}

#area-map .gmwd_store_locator_container button{
	padding: 10px 35px;
	margin-right: 15px!important;
	margin-top: 15px!important;
}


.btn-default:hover,
button:hover,
#area-map .gmwd_store_locator_container button:hover{
	background: #0089d0;
	color: #fff;
}

.header-icons{
	height: 45px;
}

.social{
	border-left: 1px solid #0089d0;
	padding-left: 10px;
}

.social a{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 5px 6px 0;
}

.social a.fb{
	background: url(imgs/icon-fb.png) no-repeat 50% 0;
}

.social a.yt{
	background: url(imgs/icon-yt.png) no-repeat 50% 0;
}

.social a:hover{
	background-position: 50% -18px;
}

header .search{
	position: relative;
	padding: 0 20px 0 10px;
	cursor: pointer;
}

.search-form-container {
	display: none;
	position: absolute;
	top: 45px;
	right: 0;
	background-color: #ffd503;
	border-radius: 6px;
	box-shadow: 2px 2px 7px rgba(0,0,0,.3);
	padding: 10px 25px 0;
	z-index: 10;
	width: 300px;
}

.search-form-container form {
	display: flex;
	align-items: flex-start;
}

.search-form-container form > * {
	display: block;
}

.search-form-container form input[type=text],
.search-form-container form input[type=submit] {
	border-radius: 2px;
}

.search-form-container form input[type=text] {
	height: 30px;
	margin: 0 2px 0 0 !important;
	padding: 0 30px 0 10px !important;
	width: 200px !important;
}

.search-form-container form input[type=submit] {
	background-image: url(imgs/search.png);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px 15px;
    border: 0;
    width: 25px;
    height: 25px;
    position: absolute;
    padding: 0 11px;
    right: 33px;
    text-indent: -99999px;
	top: 41px;
    border-radius: 50%;
    z-index: 11;
    background-color: #fff;
}

.search-form-container .screen-reader-text{
	display: inline-block;
    margin-bottom: 5px;
	font-size: 13px;
}

.lang-widget{
	position: relative;
    padding: 0;
}

.lang-widget > .widget{
	margin-bottom: 0;
}

.qtranxs_widget ul li{
	opacity: .3!important;
}

.qtranxs_widget ul li.active{
	opacity: 1!important;
}

.lang-widget select{
	border: none;
	font-size: 11px;
	color: #313131;
	outline: none;
}

.lang-widget a{
	color: #313131;
	text-decoration: none;
	font-size: 11px;
}

.lang-widget a:hover, .lang-widget li.active a{
	color: #de1a22;
}

.bg-yellow{
	background-color: #ffd503;
}

.side-btn button{
	transform: rotate(90deg);
    background: #3a3d53;
    color: #fff;
    position: fixed;
    right: -89px;
    top: 35%;
    width: 232px;
    height: auto;
    z-index: 10;
    border: none;
    padding: 17px 30px;
    border-radius: 0 0 10px 10px;
    font-size: 18px!important;
	text-transform: none;
	outline: none;
	z-index: 999;
}

.side-btn button:hover{
	background: #31365e;
}

/* ~~~~~~~~~~~~~~~~ END OF HEADER ~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~ */
#home_slider .swiper-slide:first-child{
	border: 1px solid #d6d6d6;
}

/*
 #home_slider .swiper-slide:first-child .slider-caption{
	background-color: transparent;
    background-image: none;
}
*/

.widget{
	margin-bottom: 35px;
}

.widget-title{
	font-size: 18px;
	color: #999;
	font-family: 'Gotham Pro Medium';
	text-align: center;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 25px;
}

.widget-title:before,
.widget-title:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;
	height: 1px;
	background: #999;
	border: solid #fff;
	border-width: 0 15px;
}

.widget-title:before{
	margin-left: -100%;
}

.widget-title:after{
	margin-right: -100%;
}

.widget_archive > ul{
	background-color: #f2eff2;
	list-style: none;
	padding: 25px;
	text-align: center;
}

@media screen and (min-width:1000px){
	.widget_archive > ul{
		column-count: 2;
	}
	
	#content{
		margin-top: 172px;
	}
}

.widget_archive > ul > li{
	margin-bottom: 7px;
}

.widget_archive > ul > li > a{
	color: #3e3e3e;
	font-family: 'Gotham Pro Regular';
}

.widget_categories > ul{
	font-size: 16px;
	font-family: 'Gotham Pro Medium';
	list-style: none;
	padding-left: 20px;
}

.widget_categories > ul > li{
	padding-bottom: 13px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 13px;
	padding-left: 15px;
	position: relative;
}

.widget_categories > ul > li:before{
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	top: 10px;
	left: 0;
	background-color: #0089d0;
}

.widget_categories > ul > li > a{
	color: #3e3e3e;
}

.widget > ul > li > a:hover{
	color: #0089d0;
}

.widget_categories li.current-cat a{
	color: #0089d0;
    text-decoration: none;
}

.block-title{
	font-size: 26px;
	color: #999;
	font-family: 'Gotham Pro Bold';
}

@media screen and (min-width:769px){
	.block-title.lined{
		padding-left: 150px;
	}
}

@media screen and (min-width:769px){
	.block-title.lined.rotate270{
		padding-left: 100px;
		position: absolute;
		bottom: 0;
		left: -106px;
	}
	
	.founders .block-title.lined.rotate270{
		bottom: inherit;
		top: 190px;
	}
}

.block-title.lined.long{
	padding-left: 260px;
}

@media screen and (min-width:769px){

	.block-title.lined:before{
		content: '';
		width: 135px;
		height: 1px;
		background: #999;
		position: absolute;
		top: 20px;
		left: 20px
	}

	.block-title.lined.long:before{
		width: 236px;
		left: 25px;
	}

	.block-title.lined.rotate270:before{
		width: 1px;
		height: 135px;
		top: -51px;
	}

	.rotate270, .rotate270:before{
		transform: rotate(270deg);
	}
}

article blockquote{
	border-left: 5px solid #ffd503;
	font-size: 16px;
}

article ul{
	padding-left: 15px;
}

article .entry-content{
	font-size: 16px;
}

.founders ul{
	padding-left: 0;
}

article ul li,
.founders ul li{
	list-style: none;
	position: relative;
	padding-left: 17px;
}

article ul li:before,
.founders ul li:before{
	content: '';
	display: block;
	position: absolute;
	width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 8px;
    left: 0;
	background-color: #0089d0;
}

.pdf-light-viewer-features-top-panel li:before,
.bx-viewport ul li:before{
	content: none;
}

#utp{
	width: 100%;
	height: 550px;
	background: url(imgs/utp-bg.jpg) no-repeat 50% 0;
	background-size: cover;
	font-size: 18px;
	padding: 120px 0;
}

#utp h1{
	font-size: 58px;
	letter-spacing: 3px;
	margin-top: 0;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.slider-caption{
    DISPLAY: NONE;
	height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,.6);
	background-image: url(imgs/slider-logo-part.png);
	background-repeat: no-repeat;
	background-position: 20px 17px;
	color: #fff;
}

@media screen and (min-width:769px){
	.slider-caption{
		width: 50%;
	}
}

.slider-caption .title{
	font-family: 'Gotham Pro Bold';
	font-size: 27px;
	padding: 180px 45px 0;
	line-height: 1.3em;
}

@media screen and (min-width:769px){
	.slider-caption .title{
		font-size: 34px;
	}
}

.slider-caption .author{
	position: absolute;
	left: 45px;
	bottom: 35px;
	font-size: 13px;
	padding: 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

@media screen and (max-width:768px){
	.swiper-slide > img{
		height: 490px;
		max-width: inherit;
	}
}

.swiper-pagination-bullet{
	width: 12px!important;
	height: 12px!important;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 6px!important;
}

.swiper-pagination-bullet{
	background: #fff!important;
	opacity: .8!important;
}

.swiper-pagination-bullet-active{
	background: #ffd503!important;
}

.about-details .col-sm-6:first-child{
	padding-right: 0;
}

.about-details .col-sm-6:last-child{
	padding-left: 0;
}

.about-details .founders{
	padding: 47px 100px 0;
}

@media screen and (max-width:768px){
	.about-details .founders{
		padding: 35px 15px 0;
	}
}

.about-details .founders ul li{
	margin-bottom: 10px;
	font-size: 16px;
}

.about-details .founders ul li a{
	color: #222;
}

.about-details .founders h2{
	font-size: 18px;
	font-family: 'Gotham Pro Bold';
	color: #0089d0;
	margin-bottom: 35px;
}

.about-details .founders .org-logo-wrap{
	margin: 45px 0 20px 25px;
}

.about-details .entry{
	padding: 45px 130px 45px 55px;
	font-family: 'Gotham Pro Medium';
	line-height: 1.7;
	font-size: 15px;
	background-image: url(./imgs/hypno-circle.png);
	background-repeat: no-repeat;
	background-position: 140% 50%;
}

@media screen and (max-width:768px){
	.about-details .entry{
		padding: 35px 25px;
		font-family: 'Gotham Pro Medium';
		line-height: 1.7;
		font-size: 15px;
		background-image: url(./imgs/hypno-circle.png);
		background-repeat: no-repeat;
		background-position: 140% 50%;
}
}

.about-details .entry p{
	margin-bottom: 25px;
}

.about-details .entry a{
	color: #ce2027;
}

#news{
	padding-top: 45px;
}

@media screen and (max-width:768px){
	#news{
	padding-top: 35px;
	}
}

#news .block-title{
	margin-bottom: 40px;
}

.news-item{
	position: relative;
	margin-bottom: 30px;
}

body.home .news-item{
	margin-bottom: 0;
}

.news-item h3{
	font-size: 14px;
	color: #0089d0;
	font-family: 'Gotham Pro Bold';
	margin-top: 15px;
	margin-bottom: 7px;
}

@media screen and (min-width:769px){
	.news-item h3{
		font-size: 16px;
	}
	
	.news-wrapper .col-sm-6:nth-child(odd){
		clear: both;
	}
	
	body.category-vypusky-gazety-gromada-shid .news-wrapper > div > a > img{
		height: 601px;	
	}
}

.date{
	font-size: 13px;
    color: #222222;
    padding: 4px 10px;
    background: #ffd503;
    font-family: 'Gotham Pro Medium';
}

.news-item .date{
	position: absolute;
    top: 180px;
    left: 0;
    display: block;
}

body.date{
	background: inherit;
	font-size: 14px;
}

body.category-vypusky-gazety-gromada-shid .news-wrapper > div > a > img{
	border: 1px solid;
}

body.category .news-wrapper h3{
	font-size: 21px;
    margin-bottom: 10px;
	color: #0089d0;
    font-family: 'Gotham Pro Bold';
}

body.category-vypusky-gazety-gromada-shid .news-wrapper > div > h3{
	margin: 10px 0 35px 0;
}

body.category .news-wrapper .col-sm-6{
	margin-bottom: 35px;
}

body.category-3 .news-wrapper .col-sm-6{
	margin-bottom: 0;
}

@media screen and (max-width:768px){
	.news-item .date{
		top: 150px;
	}
}

.arrow-readmore{
	color: #ce2027;
	font-family: 'Gotham Pro Medium';
}

.tag-label{
	display: inline-block;
	background-color: #0089d0;
	color: #fff;
	padding: 2px 20px;
	font-family: 'Gotham Pro Medium';
	position: absolute;
	z-index: 1;
    right: 15px;
    top: 30px;
}

#week-news{
	margin-top: 35px;
}

#week-news .container{
	border-top: 1px solid #b7b7b7;
	padding-top: 50px;
}

#week-news .block-title.lined.rotate270{
	left: -160px;
	top: 165px;
}

.another-week-subj .item:first-child{
	font-size: 15px;
	position: relative;
}

.another-week-subj .item:first-child  .entry .arrow-readmore{
	display: none;
}

body.category .week-subj:after{
	content: none;
}

@media screen and (max-width:768px){
	.another-week-subj .item:first-child:after{
		content: none;
	}
}

@media screen and (min-width:1200px) and (max-width:1560px){
	.another-week-subj .entry{
		font-size: 13px;
		line-height: 1.3;
	}
	
	.another-week-subj .item h3{
		margin-bottom: 10px;
	}
}

.another-week-subj .item:first-child img{
	margin-bottom: 10px;
}

.another-week-subj .item:first-child h3{
	font-size: 18px;
	color: #0089d0;
	font-family: 'Gotham Pro Bold';
}

.another-week-subj .item{
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 200px;
}

@media screen and (min-width:769px){
	.another-week-subj .item img{
		float: left;
		width: 245px;
		margin-right: 15px;
		margin-bottom: 60px;
	}
	
	.another-week-subj .item:first-child{
		width: 570px;
		float: left;
		padding-right: 30px;
		padding-bottom: 25px;
	}
	
	.another-week-subj .item:first-child img{
		width: 525px;
		float: none;
	}
}

.another-week-subj .item .tag-label{
	display: none;
}

.another-week-subj .item:first-child .tag-label{
	display: inline-block;
	right: 30px;
}

.another-week-subj .item h3{
	font-size: 14px;
	color: #0089d0;
	font-family: 'Gotham Pro Bold';
	margin-bottom: 13px;
}

.another-week-subj .item h3 a{
	text-decoration: none;
}

.another-week-subj .item .readmore{
	display: none;
}

.another-week-subj .item:first-child .readmore{
	display: inline-block;
}

@media screen and (min-width:769px){
	.another-week-subj .item h3{
		margin-top: 0;
		font-size: 16px;
	}
	
	.another-week-subj .item:first-child h3{
		margin-top: 23px;
	}
}

.digit-wrap{
	width: 190px;
	height: 190px;
	background: url(imgs/digit-bg.png) no-repeat 0 0;
	background-size: 100%;
	font-size: 60px;
	font-family: 'Gotham Pro Bold';
	text-align: center;
	line-height: 37px;
    letter-spacing: -3px;
	margin-bottom: 20px;
}

@media screen and (min-width:769px){
	.digit-wrap{
		float: left;
		margin-right: 35px;
	}
}

.digit-of-day{
	position: relative;
    background-color: #ffd503;
    padding: 40px 40px;
	margin-bottom: 20px;
}

.digit-of-day.archived{
	width: auto;
	float: none;
	margin-top: 0;
	padding: 20px;
}

@media screen and (min-width:769px){
	.digit-of-day{
		min-height: 270px;
	}
	
	.digit-of-day.archived{
		height: 216px;
	}
}

.digit-of-day.archived .digit-text{
	padding-left: 115px;
    font-size: 13px;
    margin-top: 50px;
    font-family: 'Gotham Pro Medium';
    line-height: 1.3;
}

.digit-of-day.archived .digit-wrap{
	width: 100px;
    height: 100px;
	font-size: 31px;
	margin-right: 0;
	float: left;
}

.week-digit-wrapper .digit-of-day{
	width: 100%;
	height: auto;
	min-height: 264px;
	margin-top: 0;
	margin-bottom: 35px;
	float: none;
}

@media screen and (max-width:768px){
	.week-digit-wrapper .digit-of-day .digit-text{
		font-size: 17px;
	}
	
	.week-digit-wrapper .digit-of-day .digit-wrap{
		font-size: 50px;
	}
}

.digit-of-day .tag-label{
	right: 0;
}

.digit-text{
	font-size: 20px;
	font-family: 'Gotham Pro Bold';
	margin-top: 20px;
}

@media screen and (min-width:769px){
	.digit-text{
		margin-top: 40px;
		padding-left: 225px;
	}
}

.week-photo, .week-video{
	margin-top: 35px;
}

.week-photo .btn-default,
.week-video .btn-default{
	margin-top: 30px;
}

#gazeta{
	margin-top: 40px;
	margin-bottom: 40px;
}

#gazeta .gazeta-promo,
#gazeta .newspaper-wrapper{
	margin-top: 35px;
}

#gazeta .newspaper-wrapper:after{
	content: '';
	display: block;
	position: absolute;
    width: 100%;
	height: 1px;
	left: 0;
	bottom: -25px;
	background-color: #b7b7b7;
}

@media screen and (min-width:769px){
	#gazeta .newspaper-wrapper:after{
		max-width: 620px;
		left: 15px;
		bottom: 0;
	}
}

#gazeta .newspaper-wrapper .item:first-child{
	width: auto;
	max-width: 407px;
	height: auto;
	padding-bottom: 0;
}

@media screen and (min-width:769px){
	#gazeta .newspaper-wrapper .item:first-child{
		margin-right: 30px;
	}
}

#gazeta .newspaper-wrapper .item  .download-btn,
#gazeta .newspaper-wrapper .item .zoom-link{
	display: none!important;
}

#gazeta .newspaper-wrapper .item:first-child img{
	width: auto;
}

#gazeta .newspaper-wrapper .item:first-child  .download-btn,
#gazeta .newspaper-wrapper .item:first-child .zoom-link{
	display: block!important;
}

#gazeta .newspaper-wrapper .item:first-child h3{
	font-size: 22px;
    text-align: left;
    padding-top: 15px;
    margin-top: 7px;
}

#gazeta .newspaper-wrapper .item:first-child:after{
	content: none;
}

#gazeta .newspaper-wrapper .item{
	height: auto;
	float: left;
	position: relative;
	text-align: center;
	padding-bottom: 12px;
}

@media screen and (min-width:769px){
	#gazeta .newspaper-wrapper .item{
		width: 180px;
	}
	#gazeta .newspaper-wrapper .item img{
		width: 175px;
	}
}

#gazeta .newspaper-wrapper .item h3{
	font-size: 16px;
	font-family: 'Gotham Pro Bold';
	color: #0089d0;
	margin: 9px 0 13px;
}

#gazeta .newspaper-wrapper .item:after{
	content: '';
	display: block;
	position: absolute;
    width: 100%;
	max-width: 172px;
	height: 1px;
	bottom: 17px;
	left: 5px;
	background-color: #b7b7b7;
}

#gazeta .newspaper-wrapper .item > a > img{
	border: 1px solid #3e3e3e;
}

#gazeta .newspaper-wrapper .item{
	position: relative;
}

#gazeta .newspaper-wrapper .item a.zoom-link{
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	margin: auto;
	background-image: url(./imgs/zoom.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	opacity: .8;
}

#gazeta .newspaper-wrapper .item a.zoom-link:hover{
	opacity: 1;
}

#gazeta > div > div:nth-child(2) > div.col-sm-6.newspaper-wrapper > div:nth-child(4) > a{
	margin-top: 0;
	margin-bottom: 12px;
}

.download-btn{
	margin-bottom: 25px;
	width: 140px;
	text-align: left;
}

@media screen and (min-width:769px){
	.download-btn{
		position: absolute;
		width: 140px;
		right: 0;
		bottom: 7px;
		margin-bottom: 0;
	}
}

.download-btn img{
	float: left;
	margin-right: 10px;
}

.download-btn a{
	text-decoration: none;
	color: #2c2c2c;
}

.download-btn a:hover{
	color: #0089d0;
}

.download-btn  a span{
	display: block;
	line-height: 1.3;
	font-family: 'Gotham Pro Bold';
}

.download-btn  a span.file-size{
	font-family: 'Gotham Pro Regular';
}

/* ~~~~~~~ MAP LOCATION AREA ~~~~~~~ */

.maps-tabs-wrapper{
	margin-top: 35px;
}

.maps-tabs-wrapper .nav-tabs > li > a{
	font-size: 21px;
    text-decoration: none;
    font-family: 'Gotham Pro Bold';
	color: #999;
}

.maps-tabs-wrapper .nav-tabs > li.active > a{
	color: #0089d0;
}


@media screen and (min-width:769px){
	#area-map .gmwd_container_wrapper{
		margin-top: 35px;
	}
}

#area-map .gmwd_store_locator_container{
	background: url(./imgs/location-area-bg.png) no-repeat 100% 100% #ffd503!important;
}

@media screen and (max-width:768px){
	#area-map .gmwd_store_locator_container{
		background-image: none!important;
	}
}

#area-map .gmwd_store_locator_container .container{
	padding: 25px 35px;
    border: 1px solid;
    margin: 35px;
    width: 100%;
    max-width: 550px!important;
}

@media screen and (max-width:768px){
	#area-map .gmwd_store_locator_container .container{
		padding: 15px 25px;
		margin: 0;
	}
	
	#area-map .gmwd_my_location.gmwd_my_location_store_locator1{
		display: none;
	}
}

#area-map .gmwd_store_locator_container h3{
	font-family: 'Gotham Pro Bold'!important;
	font-size: 18px!important;
	margin-top: 35px!important;
	margin-bottom: 5px!important;
	text-align: center;
}

@media screen and (min-width:769px){
	.gmwd_store_locator_container.gmwd_store_locator_container,
	#wd-map1,
	#wd-map2{
		width: 50%!important;
		height: 634px!important;
		float: left!important;
		margin: 0!important;
	}
	
	#gmwd_container_1 > .wd-clear:after{
		clear: none!important;
	}
}

.loc-form-wrapper{
	padding: 50px;
	border: 1px solid #3e3e3e;
}

/* ~~~~~~~ ~~~~~~~ */

#information{
	margin-top: 60px;
}

#information .main-info{
	font-size: 15px;
	margin: 10px 0 15px;
	line-height: 1.6em;
}

@media screen and (min-width:769px){
	#information .main-info{
		font-size: 18px;
		margin: 35px 0 20px;
	}
}

#information .download-list .h3{
	font-size: 18px;
	font-family: 'Gotham Pro Medium';
	color: #0089d0;
	margin-bottom: 20px;
}

#information .download-list ul{
	font-size: 15px;
	list-style: none;
}

@media screen and (min-width:769px){
	#information .download-list ul{
		column-count: 2;
	}
}

#information .download-list ul li{
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
}

#information .download-list ul li a{
	color: #222;
	font-family: 'Gotham Pro Medium';
}

#information .download-list ul li:before{
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	top: 8px;
	left: 0;
	background-color: #0089d0;
}

#information .download-list ul li a:hover{
	color: #0089d0;
}

.pdf-light-viewer{
	margin-top: 0!important;
	padding-top: 0!important;
}

.pdf-light-viewer .pdf-light-viewer-features-top-panel span.custom-download-text{
	display: inline-block;
    margin-left: 7px;
    vertical-align: top;
	font-size: 15px;
}

.navigation .screen-reader-text{
	display: none;
}

#east-west-daily{
	margin: 50px 0;
}

#east-west-daily .block-title{
	margin-bottom: 35px;
}

#east-west-daily .ewd-text{
	padding: 25px 30px;
    line-height: 1.5;
    font-size: 15px;
    background-image: url(imgs/hypno-circle.png);
	background-color: #ffd503;
    background-repeat: no-repeat;
    background-position: 140% 50%;
	font-size: 15px;
}

#area-map .gmwd_store_locator_container1 .gmwd_store_locator_label{
	background: transparent!important;
	width: auto;
}

@media screen and (min-width:769px){
	.week-video .su-youtube{
		margin: 0;
		height: 342px;
	}

	.week-video .su-youtube iframe{
		height: 349px!important;
	}

	.week-video .su-u-responsive-media-yes{
		padding-bottom: 0;
	}
	
	#east-west-daily .ewd-text{
		height: 289px;
		display: table-cell;
	    vertical-align: middle;
	}

	.gmwd_my_location i{
		color: #000!important;
		position: absolute;
		top: 3px;
		right: 55px;
	}
}

@media screen and (min-width:1000px) and (max-width:1440px){
	#gazeta .newspaper-wrapper .item:first-child{
		max-width: 60%;
	}
	
	.digit-of-day{
		width: 100%;
		margin-top: 0;
	}
	
	.navbar-default .navbar-nav > li > a{
		font-size: 13px;
		padding: 16px 12px 12px;
	}
	
	header.fixed .navbar-default .navbar-nav > li > a{
		padding: 10px 20px 7px 0;
	}
	
	header.fixed .menu-item-has-children:after{
		right: 15px;
	}
	
	.another-week-subj .item:first-child {
		padding-bottom: 30px;
	}
	
	.another-week-subj .item h3{
		font-size: 15px;
	}
	
	#gazeta .newspaper-wrapper .item img {
		width: 133px;
	}
	
	#gazeta .newspaper-wrapper .item:first-child h3 {
		font-size: 20px;
	}
	
	#gazeta .gazeta-promo{
		max-height: 593px;
		overflow: hidden;
	}
	
	.week-video .su-youtube{
		height: 313px;
	}
}

@media screen and (min-width:1000px) and (max-width:1300px){
	.week-video .su-youtube{
		height: 298px;
	}
}

@media screen and (max-width:360px){
	.header-contacts .item {
		font-size: 12px;
	}
}

@media screen and (min-width:769px) and (max-width:999px){
	.header-contacts{
		display: block;
		text-align: center;
	}
	
	.header-contacts .item{
		font-size: 12px;
		display: inline-block;
		text-align: left;
	}
	
	.navbar-default .navbar-nav > li > a{
		font-size: 11px;
		padding: 16px 10px 12px;
	}
	
	.menu-item-has-children:after{
		top: 19px;
		right: 7px;
	}
	
	.logo-wrap{
		margin-bottom: 20px;
	}
	
	.slider-caption .author{
		bottom: 15px;
	}
	
	.slider-caption .title{
		padding: 160px 45px 0;
		font-size: 24px;
	}
	
	.about-details .founders{
		padding: 47px 30px 0 50px;
	}
	
	.about-details .founders ul li{
		font-size: 14px;
	}
	
	.about-details .entry{
		padding: 45px 50px 45px 55px;
	}
	
	.about-details .founders .org-logo-wrap{
		display: flex;
	}
	
	.news-item .date{
		top: 0;
		left: inherit;
		right: 0;
	}
	
	.digit-of-day{
		width: 100%;
		margin-top: 20px;
	}
	
	.another-week-subj .item img{
		float: none;
		width: 145px;
		margin-bottom: 15px;
	}
	
	.another-week-subj .item h3{
		margin-bottom: 5px;
	}
	
	#gazeta .newspaper-wrapper .item:nth-child(2){
		margin-right: 27px;
	}
	
	#gazeta .newspaper-wrapper .item h3{
		margin: 9px 0 25px;
	}
	
	#week-news{
		margin-top: 0;
	}
	
	#week-news .block-title.lined.rotate270{
		position: static;
		transform: none;
	}
	
	.download-btn{
		bottom: 20px;
	}
	
	.week-video .su-youtube {
		height: 278px;
	}
	
	.block-title.lined.rotate270{
		left: -76px;
	}
	
	.gmwd_my_location i{
		position: absolute;
		bottom: 38%;
		right: 13%;
	}
	
	#information .main-info{
		font-size: 16px!important;
	}
	
	footer .contact-data .social{
		margin-top: 15px!important;
	}
}

/* ~~~ FOOTER
~~~ */

footer{
	margin-top: 50px;
}

footer .block-title.lined.rotate270{
	bottom: -145px;
}

footer .contact-data-wrapper{
	background-color: #f2eff2;
	padding: 44px 50px 25px;
}

footer .contact-data{
	font-family: 'Gotham Pro Medium';
}

@media screen and (min-width:769px){
	footer .contact-data{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	
	footer .contact-data .c-item{
		width: 50%;
	}
	
	footer .contact-data .social{
		margin-top: 55px;
	}
}

footer .contact-data > div{
	margin-top: 13px;
}

footer .contact-data > .c-item{
	padding-right: 22px;
}

footer .contact-data .c-title{
	font-size: 15px;
	color: #0089d0;
	font-family: 'Gotham Pro Bold';
	margin: 15px 0;
}

footer .contact-data .social{
	border: 0;
	padding-left: 0;
}

footer .contact-data .social a{
	margin: 0 6px 0;
}

.sub-footer{
	text-align: center;
	font-size: 13px;
	font-family: 'Gotham Pro Medium';
	padding: 20px 0 10px;
	border-top: 2px solid #0089d0;
	margin-top: 35px;
}

/* ~~~ FORM STYLES
~~~ */

.c-form{
	background: url(./imgs/hypno-circle.png) no-repeat 160% 100% #ffd503;
	padding: 40px 30px;
}

.c-form .form-title{
	font-size: 20px;
	font-family: 'Gotham Pro Bold';
	text-align: center;
	margin-bottom: 20px;
}

input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), textarea, select{
	padding: 8px 15px 9px;
	box-shadow: none;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
	background: transparent;
	border-radius: 5px;
	border: 1px solid #222;
	color: #464f55;
}

input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus, textarea:focus{
	background: #fff;
}

input[type=checkbox]{
	color: #fff;
}

textarea{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 148px;
    min-height: 148px;
	max-height: 200px;
}

input#gmwd_store_locator_address1,
input#gmwd_store_locator_address2{
	margin-left: 20px!important;
	margin-right: 10px!important;
    width: 300px;
}

@media screen and (max-width:768px){
	input#gmwd_store_locator_address1,
	input#gmwd_store_locator_address2{
		margin-left: 10px!important;
		margin-right: 0!important;
		width: 100%;
	}
}

#gmwd_store_locator_radius1,
#gmwd_store_locator_radius2{
	margin-left: 27px!important;
}

.gmwd_container_wrapper .gmwd_container #gmwd_container_1 label,
.gmwd_container_wrapper .gmwd_container #gmwd_container_2 label{
	margin-top: 5px!important;
}

::-webkit-input-placeholder{color:#464f55;}
::-moz-placeholder{color:#464f55;}
:-moz-placeholder{color:#464f55;}
:-ms-input-placeholder{color:#464f55;}

:focus::-webkit-input-placeholder{color: transparent}
:focus::-moz-placeholder {color: transparent}
:focus:-moz-placeholder{color: transparent}
:focus:-ms-input-placeholder{color: transparent}


/* ~~~ WP DEFAULT STYLES
~~~ */

img.size-full, img{
	width: auto;
	height: auto;
	max-width: 100%;
}

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    margin: auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

.pagination{
	display: block;
	text-align: center;
}

.pagination h2.screen-reader-text{
	display: none;
}

.nav-links .page-numbers{
	font-size: 17px;
	display: inline-block;
	background: #0089d0;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
}

.nav-links .page-numbers:hover{
	background: #ffd503;
}

.nav-links .current, .nav-links .current:hover{
	background: none;
	color: #323232;
}

.nopadding{
	padding: 0;
}

.nomargin{
	margin: 0;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ~~~ MODAL STYLES
~~~ */

body.modal-open{
	overflow: visible;
	padding-right: 0!important;
}

#callback-modal{
	padding-right: 0!important;
}

.modal-dialog{
	width: 90%;
	max-width: 620px;
	box-shadow: 1px 1px 8px #333;
	border-radius: 5px;
}

.modal-content{
	border: none;
	box-shadow: none;
}

.modal-content .btn{
	margin-top: 10px;
}

.modal-header{
	height: 0;
	border: none;
	padding: 0;
}

.modal-body{
	padding: 0;
}

.modal-header .close{
	color: #fff;
	text-shadow: none;
	opacity: 1;
	position: relative;
    z-index: 99;
	margin-top: 15px;
    margin-right: 15px;
	background:transparent!important;
	outline: none;
}


/* ~~~  Helper classes
~~~ */

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
	outline: none;
}

.flex{
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrapper-center{
    clear: both;
    text-align: center;
    margin: 50px 0;
}

@media screen and (max-width:768px){
	.wrapper-center{
		margin: 35px 0;
	}
}

.hidden {display: none !important;}
.invisible {visibility: hidden;}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ~~~ SOME CF7 STYLES HERE ~~~ */

div.wpcf7-response-output {
	margin: 1em 0.5em 1em;
	padding: 0.2em 1em;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 12px;
	font-weight: normal;
	display: block;
	position: absolute;
	top: -10px;
	right: 4px;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

.grecaptcha-badge{
	opacity: 0;
}

.wpcf7 input[name="order-item"],
.wpcf7-spinner{
	display: none !important;
}

.wpcf7 p{
	margin-bottom: 0;
}


/* ~~~ PRINT STYLES
~~~ */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; 
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}