/* .preloader {
    background-color: rgba(2, 2, 2, 0.73);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    z-index: 100;
    height: 100%;
    width: 100%;
    text-align: center;
} */

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #fff;
    border-top: 4px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 20px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 360px) and (max-width: 768px) {

    .user-form-sm{
      padding: 0;
    }
    ul.replist li.card {
        width:100% !important;
    }
    .search-container {
        margin: 0 auto;
        width: 95%;
    }
    .main-search .input-main-search {
        font-size: 14px !important;
        height:40px !important;
        line-height: 40px;
    }
    .main-search .icon-search {
        width: 30px !important;
        height: 50px !important;
    }

#user_email,#billing_phone,#first_name,#last_name {
    width: 90%;
    float: left;
    margin-right: 2px;
}
.button_red_white {
    height:50px;
    clear:both;
    margin-bottom: 20px;
}

h5.footer-menu-item {
    display: block !important;
    margin: 0 auto !important;
}
.footer-social {
    text-align: center !important;
}
.slide-poll-title {
    font-size: 24px;
}
.poll-single-content {
    width: 100%;
    float: none;
}

.sidebar-wrapper{
    height: 50%;
    display: block;
    min-height: 200px;
    margin: 0 auto;
    width: 0;
}

.mk-single-content {
  margin: 10px 0 -5px;
}

#vmap {
    width: 100% !important;
    height: 275px;
    float: none;
}
.poll-table {
    width:99%;
    margin:0 auto;
}
.panel {
    width: 96%;
    margin: 7px;
}
.votesection {
    width: 89%;
}
.theme-page-wrapper #mk-sidebar .sidebar-wrapper {
    padding: 20px 10px !important;
    width: 98%;
}
.petition-wrap .petition-title {
    font-size: 18px !important;
}
.petition-wrap .sign-text > a {
    font-size: 10px !important;
}
.petition-header .tags {
    display:block !important;
}
#step2 {
    width: 90% !important;
    margin: 20px auto;
}
#birth_month, #birth_day, #birth_year,.wpcf7-form-control-wrap.last_name, #last-name,.wpcf7-form-control-wrap.first_name, #first-name {
    width: 100%;
}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {


}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {


}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {


}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {


}

.question-icon {
    float: left;
    margin-bottom: 20px;
}

/* 29-10 */
.news .row { display: flex; flex-wrap: wrap; width: 100%; margin: 0; }
.Col-md-3 { width: 25%; padding: 0 15px;}
.news .container { padding: 0; }
.post-block h2 { font-size: 18px; font-weight: 400; margin: 0 0 15px ; font-family: Anton; }
.date-info ul { margin: 0 0 15px ; list-style: none; }
.date-info ul li { margin: 0 7px 0 0; display: inline-block; font-size: 14px; }
.date-info ul li img { max-width: 20px ; max-height: 18px ; display: inline-block; vertical-align: text-bottom; margin-right: 3px;}
.news-item .contain-post h3 { font-family: Anton; font-weight: 300; font-size: 16px; }
.news-item .contain-post p { height: 52px ; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0; }
.post-block { border-radius: 5px ; box-shadow: 0 0 20px rgb(0 0 0 / 20%);margin-bottom: 30px; }
.media-post img { height: 225px ; width: 200%; object-fit: cover; object-position: top; }
.news-list .media-post img {height: 150px;}
.cate-data { margin: 0 0 15px;}
.cate-data a{color: #e10303;font-size: 17px;font-weight: 500;}
.load-box { text-align: center; }
.load-more { background: #bc204b; display: inline-block; color: #fff; padding: 11px 15px ; text-transform: uppercase; font-weight: 500; border-radius: 4px ; }
.custom_news_page .vc_custom_1629131192268 { padding-top: 0 !important; padding-bottom: 0 !important; }
.custom_news_page .vc_custom_1600700252653,.custom_news_page .vc_custom_1629125056980 {
    padding-bottom: 0 !important;
    background-color: transparent !important;
}
#text-block-5 .media-post img,#text-block-7 .media-post img {
    height: 150px;
}
#text-block-5 .news-item,#text-block-7 .news-item{ height: 355px ; overflow-x: auto; }
#text-block-5 .news-item,#text-block-7 .news-item{scrollbar-color:#035e93 #e0e0e0;scrollbar-width:thin;}
#text-block-5 .news-item::-webkit-scrollbar,#text-block-7 .news-item::-webkit-scrollbar{width:6px;}
#text-block-5 .news-item::-webkit-scrollbar-track,#text-block-7 .news-item::-webkit-scrollbar-track{background:#e0e0e0;border-radius:20px;-webkit-border-radius:20px;}
#text-block-5 .news-item::-webkit-scrollbar-thumb,#text-block-7 .news-item::-webkit-scrollbar-thumb{background:#035e93;border-radius:20px;-webkit-border-radius:20px;}
.news-item .contain-post h3 a { color: #035e93; }
#mk-button-6 .mk-button span {
    letter-spacing: 0;
}
.load-more:hover {
    text-decoration: none;
    color: #fff;
}

.post-block {
    padding: 15px;
    background: #fff;
}
.mk-col-1-2 .post-block{
    padding-bottom:25px;
}

@media only screen and (min-width: 360px) and (max-width: 768px) {
	
	.field-wrap.button-wrap.align-center {
        flex-wrap: wrap !important;
	}
	
    .tab-slider--tabs {
    display: flex;
    flex-direction: column !important;
    }

    .tab-slider--tabs:after {
    visibility: hidden;
    }

    .tab-slider--tabs li {
    width: 100% !important;
    }

    .tab-slider--tabs li.active {
    background-color: #345F90;
    }

    li:not(:last-child,.active) {
        border-bottom: 1px solid #ffffff;
    }

    .user-form-sm{
      padding: 0;
    }
    ul.replist li.card {
        width:100% !important;
    }
    .search-container {
        margin: 0 auto;
        width: 95%;
    }
    .main-search .input-main-search {
        font-size: 14px !important;
        height:40px !important;
        line-height: 40px;
    }

	.main-search button {
		top: unset !important;
		bottom: -6% !important;
	}

    .main-search .icon-search {
        width: 30px !important;
        height: 50px !important;
    }

	/* fix popups */
	.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-animated {
    	width: 80% !important;
	}

	/* fix popups */
	.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-animated:has(label[for*="ticket"]),
	.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-animated:has(#paymentFrame) {
    	width: 100% !important;
	}
	
	/* fix tickets popup */
	.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-animated .mk-title {
    	font-size: 1.4em;
	}

	.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-animated .mk-boxed-container {
		padding: 0px 10px !important;
	}

	.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-animated .mk-grid label[for*="ticket"] {
  		width: 100% !important;
	}

	.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-animated label[for*="ticket"].mk-button span:first-child {
		font-size: 1.25em;
	}

#user_email,#billing_phone,#first_name,#last_name {
    width: 90%;
    float: left;
    margin-right: 2px;
}
.button_red_white {
    height:50px;
    clear:both;
    margin-bottom: 20px;
}

h5.footer-menu-item {
    display: block !important;
    margin: 0 auto !important;
}
.footer-social {
    text-align: center !important;
}
.slide-poll-title {
    font-size: 24px;
}
.poll-single-content {
    width: 100%;
    float: none;
}

.sidebar-wrapper{
    height: 50%;
    display: block;
    min-height: 200px;
    margin: 0 auto;
    width: 0;
}

.mk-single-content {
  margin: 10px 0 -5px;
}

#vmap {
    width: 100% !important;
    height: 275px;
    float: none;
}
.poll-table {
    width:99%;
    margin:0 auto;
}
.panel {
    width: 96%;
    margin: 7px;
}
.votesection {
    width: 89%;
}
.theme-page-wrapper #mk-sidebar .sidebar-wrapper {
    padding: 20px 10px !important;
    width: 98%;
}
.petition-wrap .petition-title {
    font-size: 18px !important;
}
.petition-wrap .sign-text > a {
    font-size: 10px !important;
}
.petition-header .tags {
    display:block !important;
}
#step2 {
    width: 90% !important;
    margin: 20px auto;
}
#birth_month, #birth_day, #birth_year,.wpcf7-form-control-wrap.last_name, #last-name,.wpcf7-form-control-wrap.first_name, #first-name {
    width: 100%;
}

}