/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");
@import url("fonts/stylename.css");

/*ШРИФТЫ*/
/*
body *{
	font-family: "Futura", "Open Sans", "Arial Black", Arial;
}
*/
html {
    font-family: "Open Sans", "Helvetica Neue", "Roboto", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, blockquote {
    /*font-family: "Futura", "Open Sans", "Arial Black", Arial;*/
	font-family: "Open Sans", "Arial Black", Arial;
}
/*Размер Шрифта*/
body {
	font-size: 110%;
}
h1 {
    font-size: 200%;
}
nav.main_menu>ul>li>a {
    font-size: 16px;
}
.drop_down .second .inner ul li a, .drop_down .second .inner ul li h5{
    font-size: 14px !important;
}

/*Цвет*/
a:hover, p a:hover, 
.filter_holder ul li.active span {
    color: #EC211B !important;
}

/*БОРДЕР-РАДИУС*/
.qbutton, .load_more a, .blog_load_more_button a, #submit_comment, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton, 

.portfolio_navigation .portfolio_prev a, .portfolio_navigation .portfolio_next a{
	border-radius:0 !important;
	-webkit-border-radius:0 !important;
}

/*ТОП-МЕНЮ*/
.dark:not(.sticky):not(.scrolled) .q_social_icon_holder i.simple_social, 
.dark:not(.sticky):not(.scrolled) .header-widget, 
.dark:not(.sticky):not(.scrolled) .header-widget.widget_nav_menu ul.menu>li>a, 
.dark:not(.sticky):not(.scrolled) .header-widget p, 
.dark:not(.sticky):not(.scrolled) .header-widget a, 
.dark:not(.sticky):not(.scrolled) .header-widget span {
    color: #EC211B;
}
.header_top .left {
    float: right;
    margin-left: 30px;
}
header .header_top .q_social_icon_holder a {
    text-align: right;
}
.header_top {
    font-size: 18px !important;
}

/*МЕНЮ*/
nav.main_menu>ul>li>a, 
nav.main_menu ul ul>li>a  {
    text-transform: none !important;
    font-weight: 100 !important
}
nav.main_menu>ul>li>a i{
	margin-right:5px !important;
}
/*ЛОГОТИП*/
@media only screen and (max-width: 1000px){
	header .q_logo img.normal {
		opacity: 1 !important;
	}
}
@media all and (max-width:960px){
	/*
	header.centered_logo.centered_logo_animate .q_logo img, 
	header:not(.centered_logo) .q_logo img {
		height: auto !important;
		width: 100% !important;
	}
	header .q_logo a {
		display: flex !important; display: -webkit-flex !important;
		align-items: center !important; -webkit-align-items: center !important;
		justify-content: center; -webkit-justify-content: center;
	}*/
	.header_top .left {
		float: none !important;
		margin-left: 0 !important;
		display: flex !important; display: -webkit-flex !important;
		justify-content: center; -webkit-justify-content: center;
	}
	header .header_inner, 
	header .container_inner{
		width:100% !important;
	}
	.logo_wrapper {
		display: flex !important; display: -webkit-flex !important;
		height: 100px !important;
		left: auto !important;
		width: 50% !important;
	}
	.q_logo {
		display: flex !important; display: -webkit-flex !important;
		align-items: center !important; -webkit-align-items: center !important;
	}
	.q_logo img{
		height:auto !important;
		width:100% !important;
		max-width:100% !important;
	}
	.q_logo a {
		left: auto !important;
	}

	/*Отключаем Мобильное Меню*/
	.mobile_menu_button {
		display: none !important;
	}
}
@media all and (max-width:568px){
	.logo_wrapper {
		width: 80% !important;
	}
}
@media all and (max-width:479px){
	.logo_wrapper {
		width: 90% !important;
	}
}
/*Отключаем Топ-Бар*/
@media all and (min-width:961px){
	html .header_top{
		display: none !important;
	}
}


/*Меню Телефон + Социконки*/
nav.main_menu{
	height: 100px;
    display: flex !important; display: -webkit-flex !important;
    align-items: center !important; -webkit-align-items: center !important;
}
@media all and (max-width:960px){
	nav.main_menu{
		display: none !important;
	}
}
.sticky nav.main_menu{
	height: auto !important;
}
#nav-menu-item-552{
	text-align: center !important;
}
nav.main_menu ul li#nav-menu-item-552 a{
    line-height: normal !important;
}
#menu-phone{
    font-size: 20px !important;
    color: #EC211B !important;
    font-weight: 600 !important;
}
#menu-social a{
	padding:0 5px !important;
	/*font-size: 14px !important;*/
}
.sticky nav.main_menu #menu-phone{
    font-size: 18px !important;
}
.sticky nav.main_menu #menu-social a{
	font-size: 14px !important;
}

/*ОБЩИЕ КЛАССЫ*/
/*Изображения*/
.images-circle img{
	border-radius:50%; -webkit-border-radius:50%;
	padding:5px;
	border:3px solid #fff !important;
	box-sizing: border-box !important;
}
.images-border img{
	padding:5px;
	border:3px solid #fff !important;
}
.box-border {
	overflow:hidden;
	padding:5px;
	border:3px solid #fff !important;
}

ul.table-sidebar li{
	list-style-type:square !important;
}

/*Уменьшаем Промо фото*/
@media all and (min-width:600px){
	.img-max-width-65 img{
		width:65% !important;
		max-width:65% !important;
		box-sizing: border-box !important;
	}
}
@media all and (max-width:599px){
	.img-max-width-65 img{
		width:100% !important;
		max-width:100% !important;
		box-sizing: border-box !important;
	}
}
/*ГЛАВНАЯ*/
/*Фон Верхний Блок*/
@media all and (max-width: 1024px){
	html .home .home-box-01 > div{
		background-position:top right !important;
		/*background-position-x: 0% !important;*/
	}
	html .home .home-box-02 > div{
		background-position:top left !important;
	}
	html .home .home-box-01 h1, 
	html .home .home-box-01 p, 
	
	html .home .home-box-02 h1, 
	html .home .home-box-02 p{
		text-align:center !important;
	}
	html .home .home-box-01 .separator.small, 
	html .home .home-box-02  .separator.small {
		margin-left:auto !important;
		margin-right:auto !important;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px){
	html .home .home-box-01 > div .vc_col-sm-6 {
		position: relative;
		left: -25%;
	}
	html .home .home-box-02 > div .vc_col-sm-6 {
		position: relative;
		right: -25%;
	}
}
/*
@media only screen and (min-width: 1000px){
	.home .content .container .container_inner.default_template_holder, 
	.home .content .container .container_inner.page_container_inner {
		padding-top: 0 !important;
	}
}
*/
	.home .content .container .container_inner.default_template_holder, 
	.home .content .container .container_inner.page_container_inner,
	/*Ссылки на другие проекты*/
	.page-id-453 .content .container .container_inner.default_template_holder, 
	.page-id-453 .content .container .container_inner.page_container_inner {
		padding-top: 0 !important;
	}
#home-modal-container, 
.home-modal-container {
	border-top:5px solid #fff !important;
	border-bottom:5px solid #fff !important;
}

/*МОЁ ОБРАЗОВАНИЕ*/
.page-id-12 .content .container .container_inner.default_template_holder, 
.page-id-12 .content .container .container_inner.page_container_inner {
	padding-top: 0 !important;
}
.page-id-12 .vc_column_container h1, 
.page-id-12 .vc_column_container h2, 
.page-id-12 .vc_column_container h2 strong, 
.page-id-12 .vc_column_container p{
	color:#fff !important;
}
/*ДИКТОР*/
.page-id-20  .content .container .container_inner.default_template_holder,
.page-id-20 .content .container .container_inner.page_container_inner{
	padding-top: 0 !important;
} 
.speaker-page .vc_column_container h1, 
.speaker-page .vc_column_container h2, 
.speaker-page .vc_column_container h2 strong, 
.speaker-page .vc_column_container p{
	color:#fff !important;
}
/*ФУТЕР*/
@media all and (max-width:600px){
	.footer_top .widget.widget_text h5, 
	.footer_top .textwidget, 
	.footer_top .widget.widget_nav_menu {
		text-align: center !important;
	}
}
.footer_top .widget.widget_nav_menu li {
    line-height: inherit !important;
}

/*ОТКЛЮЧАЕМ ПОЛЕ www В КОММЕНТАРИЯХ*/
#commentform .column3{
	display:none !important;
}
#commentform .column1, 
#commentform .column2 {
	width:50% !important;
}
#commentform .column2 .column_inner{
	padding-right:0 !important;
}

/*Recent Posts Widget Extended*/
.recent-posts-extended .rpwe-summary {
    font-size: 12px;
    line-height: 20px !important;
}
.recent-posts-extended .rpwe-summary a{
    color: #c7297d !important;
}
.recent-posts-extended .rpwe-summary a:hover{
    color: #acacac !important;
}
.sidebar .recent-posts-extended ul>li {
    padding: 10px 0 !important;
    border-bottom: 1px dotted #dfdfdf !important;
    color: #acacac !important;
}

/*В футере*/
footer li {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/*Popular Widget*/
div.pop-inside ul li:hover, 
div.pop-inside ul li:active, 
div.pop-inside ul li:focus {
    background: transparent !important;
}
/**/
.popular-widget .pop-widget-tabs{
	display:none !important;
}
.popular-widget div.pop-inside {
    border: none !important;
}
.qodef-sidebar .popular-widget ul>li {
    padding: 10px 0 !important;
    border-bottom: 1px dotted #dfdfdf !important;
    color: #acacac !important;
}
/*Заголовок*/
div.pop-inside ul li .pop-title {
    font-weight: normal !important;
    font-size: 12px !important;
}
/*Автарка*/
.popular-widget div.pop-inside ul li img{
    border: 1px solid #EEE !important;
    box-shadow: none !important;
    margin: 2px 10px 2px 0 !important;
    padding: 3px !important;
	width: 100px !important;
	max-width: 100px !important;
    box-sizing: border-box !important;
}
/*Контент*/
.sidebar ul li .pop-summary{
    font-size: 12px !important;
    line-height: 20px !important;
	color: #acacac !important;
}
.sidebar ul li .pop-summary:hover{
    color: #c7297d !important;
}

/*---БЛОГ---*/
.single .title_outer, 
.archive .title_outer  {
	display:none !important;
}
@media only screen and (min-width: 1000px){
	.single-post .content .container .container_inner.default_template_holder, 
	.single-post .content .container .container_inner.page_container_inner, 

	.archive .content .container .container_inner.default_template_holder, 
	.archive .content .container .container_inner.page_container_inner {
		padding-top: 196px;
	}
}

@media all and (max-width: 1000px){
	/*Не работает*/
	.page.fixed-toolbar .content.content_top_margin_none, 
	/*Работает*/
	.blog .content.content_top_margin_none{
		margin-top: 64px !important;
	}
}
/**/
.blog a.post_comments, 
.archive a.post_comments, 
.blog span.dots, 
.archive span.dots, 
.blog .blog_share{
	display:none !important;
}
/*Пост*/
.single-post span.post_author, 
.single-post a.post_comments, 
.single-post span.dots,

p.logged-in-as {
	display:none !important;
}

/*ПОРТФОЛИО | МЕДИА*/
.filter_holder ul li[data-filter="portfolio_category_8"]{
	display:none !important;
}
/*Заголовки в Хедере*/
.single.single-portfolio_page h1, 
.single.single-post h1{
	font-size: 150%;
	line-height: 150%;
}
@media only screen and (max-width: 480px){
	.single.single-portfolio_page .title.title_size_large h1, 
	.single.single-post .title.title_size_large h1 {
		font-size: 14px!important;
		line-height: 16px!important;
	}
}


/*Фильтр Портфолио - Добавляем счётчик*/
.filter_holder ul {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.portfolio_holder_fwn .filter_holder ul li {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.filter_holder ul li span {
    padding: 0 6px 0 22px !important;
}
.filter_holder ul li span.filter_number_of_items {
    font-size: 16px !important;
    padding: 0 !important;
    font-weight: 400 !important;
}


/*ФОТОГАЛЕРЕЯ*/
/*Середина*/
html #bwg_container1_0 #bwg_container2_0 .paging-input_0 {
    font-size: 18px !important;
    font-family: segoe ui;
    font-weight: normal !important;
    color: #666666;
    vertical-align: middle;
	height: 30px;
	    margin: 6px 0 4px;
}
/*Стрелки*/
html #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a {
    font-size: 36px !important;
    line-height: 10px !important;
    font-family: segoe ui;
    font-weight: normal !important;
    color: #666666;
    padding: 3px 6px;
    /* border-width: 1px; */
    /* border-color: #E3E3E3;
    background-color: #FCFCFC;*/
}

/*RELATES POST PRO*/
div[id^=relatedpostspro_0_].rpp_slick .rpp_wrapper .rpp_item .rpp_inner {
    margin: 12px 12px 12px 0 !important;
}
div[id^=relatedpostspro_0_] .rpp_container {
    padding: 5px 5px 5px 0 !important;
}
div[id^=relatedpostspro_0_] .rpp_container>legend {
    padding: 10px 0 7px 0 !important;
}

@media only screen and (max-width: 350px) {
    body {
       font-size: 90%;
    }
}



@media only screen and (max-width: 1024px) {
	.page.home .home-box-01 {
	    margin-left: -30px;
		margin-right: -30px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.page.home .home-box-01 .first-empty {
		height: 320px !important;
	}
	
	.page.home .home-box-01 .last-empty {
		height: 70px !important;
	}
	.page.home .home-box-01 .upb_row_bg {
		left: 50% !important;
	    width: 520px !important;
	    background-size: 1080px auto !important;
	    min-width: 0px !important;
	    margin-left: -260px !important;
	    background-position: left 0px !important;
	}
	.page.home .home-box-01 .upb_row_bg:before {
		content: " ";
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 125%;
		background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%);
		background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%);
		background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
	}
	.page.home .home-box-01 .home-box-content {
		left: auto;
		width: 100%;
	}
}

@media only screen and (max-width: 991px) {
	.page-id-12 .column-content {
	    background-color: rgba(0,0,0,.8);
	    padding: 0px 40px;
	}
}
@media only screen and (max-width: 768px) {
	.page.home .home-box-01 {
	    margin-left: -70px;
		margin-right: -70px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.page-id-12 .column-content {
		padding: 0px 20px;
	}
}

@media only screen and (max-width: 425px) {
	.page.home .home-box-01 {
	    margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
}
