﻿html {position: relative; min-height: 100%;}
body {font-family: 'PT Sans', sans-serif; margin-bottom: 50px; background: #fcfdfe;}

/*Лемпим футер к низу экрана и делаем врап на весь сайт*/
.FooterLine {min-height: 50px; width: 100%; position: relative; background: #a8a9a9; font-size: 14px;}
.Footer {position: absolute; bottom: 0; width: 100%; height: 50px; background-color: #a8a9a9; color: #fff; }
.Wrap {overflow: hidden;}

/*Обнуляем контейнеры*/
.container {padding: 0px;}


/*Шапка*/
.HeadBody {width: 100%; min-height: 47px; border-bottom: 1px solid #e1e1e1; background: #fff; }
.Logo {margin-top: 12px; margin-bottom: 12px;}
.logomini img { height: 52px;}
.BigLogo {text-align: center;}
.BigLogo img {margin: 30px 0px 30px 0px;  max-height: 84px!important; height: 84px!important;}
.BigLogoInner {text-align: left;}
.BigLogoInner img {margin: 30px 0px 30px 0px;  max-height: 84px!important; height: 84px!important;}
.AutoriseButton {border: 2px solid #fff; border-radius: 0px; color: #fff; background-color: transparent; font-size: 14px; float: right; margin-top: 39px; width: 104px; height: 33px;}
.topbg {background: url("../img/topbg.png")50% 50% /cover no-repeat; min-height: 108px!important; }


/*Верхнее мееню*/
.TopMain {line-height: 42px; text-align: center;}


.TopMain ul{list-style: none; padding: 0px; margin: 0px; height: 48px; text-align: center;}
.TopMain li{display: inline; height: 48px; padding: 18px 0px;}

.TopMain a{color: #343434; font-size: 15px; text-decoration: none; height: 48px; padding: 0px 20px;}
.TopMain a:hover {text-decoration: underline; color: #343434;}
.activeMain {background: #42abb5; }
.activeMain a {color: #fff;}
.activeMain a:hover {color: #fff;}

/*Большая картинка на главной*/
.BigIndexImg img {width: 100%; max-width: 980px; }
.BigIndexImg {text-align: center; background: #f1f1f1;}


/*Заголовки главной*/
.TitleConteiner {margin-top: 35px; height: 120px;}
.BottomTxt {color: #e8e9e9; font-size: 90px; position: absolute; z-index: 1; }
.TopTxt {color: #555555; font-size: 29px; position: absolute; z-index: 2; margin-top: -95px;}


.ContentCenter {text-align: center;}
.ContentCenter img {width: 100%; max-width: 700px;}

.MaxFrame {max-width: 640px; max-height: 360px;}


/*Семинары, тренинги*/
.Education {margin-top: 15px;}
.Education h2 {font-size: 30px; padding: 40px 12px 0px 12px;  color: #385769; text-align: center; }
.Education p {font-size: 20px; color: #4b4b4b; text-align: center; margin-bottom: 40px; padding: 0px 14px;}
.EducationData {font-size: 16px; color: #fff; background-color: #6faab4; width: auto; text-align: center; padding: 10px; max-width: 167px; margin-bottom: 5px;}
.EducationContent {border: 1px dashed #d6d6d6; padding: 15px 25px; background: #fff;}
.EducationContent a {font-size: 30px; text-decoration: none; color: #555555;}
.EducationContent a:hover {text-decoration: none; color: #6faab4;}
.EducationContent p {color: #292929; font-size: 16px; text-align: left; padding: 0px; margin-bottom: 15px;}
.PaddingSet {padding-left: 0px; padding-right: 0px;}
.EducationRowSet {margin-left: 0px; margin-right: 0px; margin-bottom: 50px;}
.EducationRowFirst {margin-top: 33px;}
.EducationButton {margin-top: 0px!important; margin-bottom: 40px;}







/*Боковое меню адаптив*/
.IconMenu {float: right; color: #343434; cursor: pointer; font-size: 18px;  padding-top: 23px; padding-right: 15px; text-decoration: none; text-align: right;}
.IconMenu img {margin-right: 10px;margin-top: -2px;}
.menu {z-index: 2000; background: #6faab4; right: -285px; height: 100%; position: fixed; width: 285px; }
.menu ul {list-style: none; margin: 0; padding: 0; }
.menu li {padding-bottom: 10px; padding-left: 20px; padding-top: 10px;}
.menu li:hover {cursor: pointer; background-color: #8fbec6;}
.menu a {color: #fff; font-size: 15px; text-decoration: none;}
.AdaptiveActive {background-color: #458a96;}
.icon-close {cursor: pointer; padding-left: 10px; padding-top: 10px; padding-bottom: 6px;}
.TopMainActive {text-decoration: none!important; color: #e31e25!important;}












/*Отзывы*/
.IndexCommentsLine {width: 100%; padding-bottom: 30px; padding-top: 30px;}
.IndexCommentsLine h3 {text-align: center; padding-top: 37px; font-size: 35px; color: #2c2f33; margin-top: 0px; margin-bottom: 63px; }

.IndexCommentBody {width: 294px; border: 1px dashed #d6d6d6; background: #fff; border-radius: 15px; margin: 0 auto; }
.IndexCommentBody p {font-size: 18px; padding: 20px 30px 20px 30px; color: #000!important;}

.IndexCommentAutor {width: 294px; color: #2c2f33; font-size: 14px; margin: 0px auto 40px;}
.IndexCommentAutor span {font-size: 17px; }
.IndexCommentAutor img {text-align: right; float: left; margin-right: 10px; margin-left: 15px;}


.OtButton {text-align: center; padding: 0px 25px;}
.OtButton button {color: #42abb5; margin: 30px 0px; border: 2px solid #42abb5; font-size: 24px; border-radius: 10px;  padding-top:15px; padding-bottom: 15px; padding-left: 70px; padding-right: 70px; background: #fff;}

    /*Футер*/
.FooterLine {padding-top: 15px; padding-bottom: 15px; line-height: 28px; font-size: 15px;}
.FooterLine a {color: #fff; font-size: 18px; text-decoration: underline; margin-right: 15px;}
.FooterLine a:hover {text-decoration: none;}

.Copyright {padding-top: 10px; padding-bottom: 10px; background: #a8a9a9; width: 100%; font-size: 15px;}

@media (max-width: 991px) {.Copyright {text-align: center;}}

.BottomIconMenu {color: #fff; cursor: pointer; font-size: 18px; text-decoration: none; text-align: center; margin-bottom: 30px;}
.BottomIconMenu img {margin-right: 10px; margin-top: -2px;}

.Paymant {color: #fff; font-size: 20px;}
.Paymant img {margin-right: 10px; margin-top: 15px;}
.Paymant a {color: #fff; text-decoration: underline; font-size: 15px;}
.Paymant a:hover {text-decoration: none;}
.Paymant p {margin-top: 17px; margin-bottom: -7px;}


/*Социальные сети*/
.Social {float: right; text-align: right;}
@media (max-width:996px) {.Social {text-align: center;}}


.Social img {margin-right: 10px; margin-left: 10px;}

/*Окно входа (всплывающее)*/
.ModalButtonClose {border: 0px; background-color: #fff; color: #b0b0b0; font-size: 17px!important; padding: 0px; font-family: 'PT Sans', sans-serif; float: right; margin-top: -10px;}
.modal {z-index: 4000;}
.modal-header {border: 0px;}
.ModalHeader {text-align: center; font-size: 30px; margin-top: -20px; margin-bottom: 20px;}
.ModalForm input {height: 68px;  padding-left: 24px; border-radius: 10px; font-size: 16px;}

.ModalForm {text-align: center; padding: 0 40px;}
.ModalForm a {font-size: 16px; text-decoration: underline;}
.ModalForm a:hover {text-decoration: none;}
.ModalForm p {font-size: 16px; color: #212121;}
.RedButton {background-color: #2c1e14!important; margin-bottom: 10px;}
.GrayButton {background-color: #949494;}
@media (min-width: 768px) {.enterModalDialog {width: 400px; margin: 30px auto;}}



/*Услуги*/

.profilecontainer {padding: 20px 0px;}

.navsyle {padding-left: 0px; margin-left: 0px; font-size: 26px; font-weight: 500; border: 1px solid #fff; background-color: transparent; margin-top: 20px; }
.navsyle li { display: inline;}
.nav > li > a:hover, .nav > li > a {background-color: transparent; border-radius: 0px; color: #979797; display: inline;}
@media (max-width:996px) {.nav > li > a:hover, .nav > li > a {display: block;}}
.nav > li > a:hover, .nav > li > a:focus {background-color: transparent; border-radius: 0px; color: #42abb5; border: 1px solid #fcfdfe;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: transparent; border-radius: 0px; color: #42abb5; border: 0px;}

.tabset {padding-left: 17px; padding-top: 15px;}

/*Услуга*/
.CardUsluga {background: #fff; border-radius: 10px; border: 1px dashed #e5e5e5; color: #555555; font-size: 16px; padding: 20px 20px; margin-top: 25px;}
.CardUsluga img {width: 100%; margin-bottom: 10px; max-width: 380px;}
.CardUsluga h3 {font-size: 24px; padding: 0px; margin: 0px 0px 10px 0px;}
.CardUsluga button {border-radius: 5px; background: transparent; width: 100%; height: 48px; font-size: 20px; margin-top: 25px;}

.CardUslugaBlue {border: 2px solid #42abb5; color: #42abb5; }
.CardUslugaGray {border: 2px solid #a7a7a7; color: #a7a7a7;}
@media (max-width:996px) {.PaddingAdaptive {padding-left: 15px; padding-right: 15px;}}

/*Контент*/
.FreeContent {margin-top: 20px;}
.FreeContent h3 {margin-top: 0px; color: #42abb5; font-size: 29px;}
.FreeContent h4 {margin-top: 0px; color: #7f7f7f; font-size: 29px;}
.Client {width: 100%; margin-bottom: 25px; margin-top: 20px; font-size: 16px; color: #555555; padding-left: 15px; padding-right: 15px;}
.Client h5 {color: #555555; font-size: 25px;}
.Client img {float: left; margin-right: 20px; margin-bottom: 20px;}
.rownull {margin-left: 0px; margin-right: 0px;}
.StatImg img {width: 100%; max-width: 384px; }
.CircleLogo {width: 100%;}
.CircleLogo img {margin-top: 15px; margin-right: 20px;}
@media (max-width:996px) {.StatImg img {margin-top: 45px; }}
@media (max-width:450px) {.Client img {margin-right: 225px;}}


/*Библиотека*/
.FullVer {border-radius: 5px; background: transparent;  height: 48px; font-size: 20px; margin-top: 25px; border: 2px solid #a7a7a7; color: #a7a7a7; padding: 0px 30px;}
.FullVerBlue {border-radius: 5px; background: transparent;  height: 48px; font-size: 20px; margin-top: 25px; border: 2px solid #3eaab4; color: #3eaab4; padding: 0px 30px;}
.SendBtn {border-radius: 5px; background: transparent;  height: 48px; font-size: 20px; margin-top: 25px; border: 2px solid #3eaab4; color: #3eaab4; padding: 0px 30px; width: 100%;}

.Citat {width: 80%; padding: 30px; background: #fff; border: 1px dashed #d6d6d6; font-size: 16px; color: #555555; margin-top: 25px; float: left;}
.Citat img {margin-bottom: 10px;}

.CitatRight {width: 80%; padding: 30px; background: #fff; border: 1px dashed #d6d6d6; font-size: 16px; color: #555555; float: right; margin-top: 25px;}
.CitatRight img {margin-bottom: 10px;}

.Gallery {margin-top: 15px;}
.Gallery img {margin: 10px; width: 100%;}
@media (max-width: 768px) {.Gallery img {margin: 10px 0px; width: 100%;}}
.VideoGallContainer {display: inline-block; width: 100%; position: relative; padding-top: 50%; margin-bottom: 10px;}
.VideoGallContainer iframe, .VideoGallContainer object, .VideoGallContainer embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.VideoGallContainerComment {color: #42bcdb; font-size: 23px; display: block; width: 100%; margin-bottom: 50px; text-align: center;}
.VideoGallContainerComment span {font-size: 17px; color: #4d4d4d;}


/*Контакты*/
.AddAutsorce {width: 100%; background-color: #f5f2e6;  padding-bottom: 50px;}
.ConteinerPaddingLeft {padding-left: 0px; padding-bottom: 40px;}
@media (max-width: 768px) {.DestroyPadd {padding-left: 0px;}}

.Register {margin-top: 29px; font-size: 18px; color: #1d1d1d}
.Register h1 {font-size: 30px; color: #385769; margin: 0px; padding: 0px;}
.Register form {margin-top: 36px;}

@media (max-width: 976px) {.LeftPadd { margin-left: 0px; }}

.EditFormAll input{border: 1px solid #cbd1d4; border-radius: 5px; background-color: #fff; height: 34px; }
.EditFormlabelAll {max-width: 250px; width: 100%; text-align: left!important;}
.EditFormlabelAll p {padding-top: 0px; font-size: 16px; color: #1d1d1d; font-weight: normal;}
.EditFormlabelAllModal {max-width: 120px; width: 100%;}
.FormlabelAllModal {width: 100%;}
.FormlabelAllModal p {padding-top: 0px; font-size: 16px; color: #1d1d1d; font-weight: normal; text-align: left!important;}

/*Отзывы*/
.InnerCommentAutor {min-height: 79px; color: #121212; font-size: 14px; margin: 0 auto;}
.InnerCommentAutor span {font-size: 17px; }
.InnerCommentAutor p {padding-top: 13px;}
.InnerCommentAutor img {text-align: right; float: left; margin-right: 10px; margin-left: 0px;}
.InnerCommentBody {width: 100%; border-radius: 10px; border: 1px dashed #68a4bf; margin-top: 15px; border: 1px dashed #d6d6d6; background: #fff; }
.InnerCommentBody p {font-size: 18px; padding: 20px 30px 18px 30px;}
.InnerCommentSecondRow {margin-top: 45px;}
.OtHFour h4{margin-top: 75px;}

.SmallLink {color: #6ba8b2!important; font-size: 16px!important; text-decoration: underline!important;}
.SmallLink:hover {color: #6ba8b2!important; font-size: 16px!important; text-decoration: none!important;}

.sert {display: block; width: 100%; padding-left: 20px;}
.sert img {margin: 0 15px 15px 0;}