/* Введите Ваш код CSS тут */


/* Формат контактов */
.contacts-phone-wrapper {
    display: inline-block;
    box-sizing: border-box;
    margin-right: 15px;
    vertical-align: middle;
}

.contacts-phone {
    font-weight: 500;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
/*
.contacts-phone p {
    line-height: 1;
}
*/

/* Формат скайп */
.contacts-skype-wrapper {
    display: inline-block;
    box-sizing: border-box;
    margin-right: 15px;
    vertical-align: middle;
}

.contacts-skype {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.contacts-skype img {
    margin: 0px;
}


/* Формат фейсбук */
.contacts-facebook-wrapper {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
}

.contacts-facebook {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.contacts-facebook img {
    margin: 0px;
}




/* Центрирование заголовка headline */
.headline-background-wrapper {
    display: table;
    width: 100%;
    height: 700px;
}

.headline-background {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
}


/* Отступ от заголовка headline */
div.main-headline {
    margin-bottom: 20px;
}


/* Отступ от заголовка subheadline */
div.subheadline {
    width: 70%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}


/* Формат заголовка модуля тренинга */
.module-title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
}

.module-title {
    font-weight: 700;
    white-space: pre-wrap;
    font-size: 23px;
    line-height: 1;
    margin: 0px !important;
    text-align: center;
}





/* ----- ШРИФТЫ И СТИЛЬ ----- */


/* Цвет текста по умолчанию */
body {
    color: #656565;
    font-weight: 400;
}

/* Главный заголовок на домашней странице */
p.main-headline-home {
    font-weight: 700;
    font-size: 56px;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0px !important;
    text-align: center;
}


/* Главный заголовок */
p.main-headline {
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0px !important;
    text-align: center;
}


/* Главный подзаголовок */
p.subheadline {
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}


/* Формат заголовка */
.chapter-title {
    font-weight: 700;
    white-space: pre-wrap;
    font-size: 35px;
    line-height: 1;
    text-align: center;
}


/* Формат подзаголовка */
.chapter-subtitle {
    font-weight: 700;
    white-space: pre-wrap;
    font-size: 23px;
    line-height: 1;
    text-align: center;
}


/* Жирное начертание текста */
.strong-text {
    font-weight: 700;
}


/* Формат кавычек для заголовков */
.chapter-title, .chapter-subtitle, .main-headline, .regular-paragraph q {
    quotes: "\00ab" "\00bb";
}


/* Выравнивание обычного текста по ширине */
.regular-paragraph {
    text-align: justify;
}
  

/* Выравнивание влево */
.left-align {
    text-align: left;
}


/* Выравнивание вправо */
.right-align {
    text-align: right;
}


/* Выравнивание вправо */
.center-align {
    text-align: center;
}


/* Темно-серый цвет шрифта */
.black-text {
    color: #656565;
}


/* Оранжевый цвет шрифта */
.orange-text {
    color: #ffab08;
}


/* Голубой цвет шрифта */
.blue-text {
/*    color: #2fa9dc; прежний вариант голубого цвета */ 
    color: #0671AE;
}


/* Белый цвет шрифта */
.white-text {
    color: #ffffff;
}


/* Ссылка "Читать дальше" (оранжевая) */
.read-more {
    color: #ffab08; /*убрать потом, вынести текст отдельным тегом */
    font-weight: 500;
}


/* Текст вопросов в статье "ДА, Я - БРЕНД!" */
.question {
    font-weight: 700;
    margin-top: 20px !important;
}




/* НЕ ПОМНЮ, ДЛЯ ЧЕГО ЭТО, УБРАТЬ ПОТОМ */
p.chapter-title-blue {
    margin-bottom: 0;
}


/* Выводить все заданные пробелы между словами в заголовках (черных, голубых, оранжевых) - потом убрать*/
.chapter-title-black, .chapter-title-blue, .chapter-title-orange {
    white-space: pre-wrap;
}


/* Выводить все заданные пробелы между словами в подзаголовках (черных, голубых, оранжевых) - потом убрать*/
.chapter-subtitle-black, .chapter-subtitle-blue, .chapter-subtitle-orange {
    white-space: pre-wrap;
}





/* ----- ОКРУГЛЕНИЯ И РАМКИ ----- */

/* Округление изображений на странице HOME */
.home-circular-image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}


/* Округление изображений на странице MASS_MEDIA */
.mass-circular-image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}


/* Закругленная рамка (крысиные бега) */
.rounded-frame {
    background: #7f7f7f; /* Цвет фона */
    color: #ffffff; /* Цвет текста */
    padding: 10px; /* Поля вокруг текста */
    border-radius: 20px;
}


/* Закругленная рамка (модули тренингов) */
.rounded-frame-module {
    background: transparent;
    border-color: #7f7f7f;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    border-radius: 20px;
}


/* Белый круг для изображения (крысиные бега) */
.circle-frame-white {
    box-sizing: border-box;
    display: table-cell;
    width:200px;
    height: 200px;
    text-align: center;
    background: #ffffff; /* Цвет фона */
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
}



/* Центрирование логотипов партнеров */
.partner-logo-wrapper {
    display: table;
    width: 100%;
    height: 150px;
    margin: 0px;
}

.partner-logo-wrapper-thin {
    display: table;
    width: 100%;
    height: 100px;
    margin: 0px;
}

.partner-logo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
}

.partner-logo-pic {
    vertical-align: middle;
    text-align: center;
    margin: 0px;
}





/* ----- Разделительные горизонтальные линии ----- */

/* Декоративная разделительная горизонтальная линия (серая часть) */
.line-outward-gray {
    width: 150px;
    height: 3px;
    background-color: #dfdfdf;
    margin: 20px auto 5px auto;
}


/* Декоративная разделительная горизонтальная линия (голубая часть) */
.line-inner-blue {
    width: 50px;
    height: 3px;
/*    background-color: #2fa9dc; прежняя версия голубого цвета */
    background-color: #0671AE;
    margin: 20px auto 5px auto;
}


/* Декоративная разделительная горизонтальная линия (оранжевая часть) */
.line-inner-orange {
    width: 50px;
    height: 3px;
    background-color: #ffab08;
    margin: 20px auto 5px auto;
}




/* ----- СПИСКИ ----- */

/* Маркер для списка в тексте (оранжевый ромб) */
ul.bulleted-list {
    list-style-image: url(http://doublevictory.ua/wp-content/uploads/2018/03/square_list_10x10-1.png);
    margin: 10px 15px 0px 15px;
    text-align: justify;
}


/* Отступ от маркера списка до текста */
li {
    padding-left: 5px;
}


/* Делать точечный пунктир левой границы блока (оранжевый) - посмотреть, используется ли?!?!?! */
.list-wrapper {
    border-left: 2px dotted #ffab08; /* Линия слева от текста */
    padding-left: 10px;
    padding-right: 10px;
}



/* Круглый маркер для списка (крысиные бега) */
ul.marker-disc {
    list-style-type: disc;
    margin-left: 20px;
}



/* Оформление перечня информационных и консалтинговых услуг */
ul.consulting-services li:hover {
    background-color: #dfdfdf;
}






/* ---------- ФОРМАТИРОВАНИЕ МЕНЮ ---------- */


#masthead_TesseractTheme {
   padding-top: 0px;
   padding-bottom: 0px;
}


/* Закрепление меню при прокрутке экрана
#site-banner {
    position: fixed;
}*/



/* ----- ФОРМАТИРОВАНИЕ ЛОГОТИПА ----- */

/* Выступ логотипа за край Header */
#masthead_TesseractTheme .site-branding {
    position: absolute;
    padding-top: 0px;
}



/* ----- ФОРМАТИРОВАНИЕ МЕНЮ ----- */

/* Увеличение отступа меню от логотипа */
.top-navigation, .main-navigation {
    padding-left: 120px;
}


/* Увеличение отступа между пунктами главного меню */
.menu-item {
    padding-left: 15px;
}


/* Корректировка положения подпунктов главного меню */
ul.sub-menu > li.menu-item {
    padding-left: 0px;
}


/* Корректировка положения подпунктов главного меню (зазор между главынм меню и подпунктами) */
.top-navigation > ul > li:hover > ul {
    padding-top: 1px;
}


/* Оранжевый фон и белый шрифт пунктов главного меню при наведении */
ul.nav-menu > li.menu-item > a:hover {
    color: #ffffff !important;
    background: #d35e05;
}


/* Оранжевый фон и белый шрифт пунктов главного меню при наведении (при выбранных подпунктах) */
ul.nav-menu > li.current-menu-parent > a:hover {
    color: #ffffff !important;
    background: #d35e05;
}


/* Оранжевый шрифт пунктов главного меню при выбранных подпунктах */
ul.nav-menu > li.current-menu-parent > a {
    color: #d35e05 !important;
}


/* Белый шрифт пунктов раскрывающегося меню */
ul.nav-menu > li.current-menu-item > ul.sub-menu > li.menu-item > a {
    color: #ffffff !important;
}


/* Белый шрифт пунктов раскрывающегося меню при наведении*/
.top-navigation li.current-menu-item.current_page_item a:hover {
    color: #ffffff !important;
}


/* Убираем большие отступы после подзаголовков subtitle */
.so-panel {
    margin-bottom: 0px !important;
}


/* Меняем цвет header */
.home .site-header, #page .site-header, .home .main-navigation ul ul a, .top-navigation li ul.sub-menu li a, .home #header-right ul ul a, .home .site-header .cart-content-details {
    background-color: rgba(0, 60, 95,1) !important;
}




/* ----- ФОРМАТИРОВАНИЕ ПОДВАЛА ----- */

/* Меняем цвет footer */
.site-footer {
    background-color: rgba(0, 60, 95,1) !important;
    text-align: left;
}


/* Устанавливаем ширину содержимого footer */
.footer-content {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}


/* Устанавливаем ширину блока с формой обратной связи */
.footer-menu-block {
    display: inline-block;
    max-width: 365px;
    margin-right: 30px;
    vertical-align: top;
}


/* Изменяем формат кнопки ОТПРАВИТЬ 
button, .button, input[type="reset"], input[type="submit"], input[type="button"] {
    background-color: #d35e05 !important;
}

button:hover, .button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background-color: #F27900 !important;
}

button:active, .button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active {
    background-color: d35e05 !important;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f00 !important;
}
*/