body {
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0 none;
    position: relative;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #33414a;
    background: #2a2b2b;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #191a1d, #55acee);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #191a1d, #55acee);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.cont-form{float: left;width: 40%;}
hr {
    background: #85c1d4;
}
.obt1{width: 60%;float: right;}
button.obtbut{display: inline-block;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 14px;
    margin: 0px;
    color: white;
    background: #55acee;
    box-shadow: 0 5px 0 #3C93D5;}
.obgsend{}
.img-responsive {
    display: block;
    height: auto;
    width: 210px;
}

.slider {
    padding: 15px;
}

.content {
    width: 1170px;
    margin: 0 auto;
    background: #fff;
}

.content-shadow-left {
    width: 1170px;
    margin: 0 auto;
    box-shadow: -5px 0.4em 5px rgba(122, 122, 122, 0.5)
}

.content-shadow-right {
    width: 1170px;
    margin: 0 auto;
    box-shadow: 0.4em 0.4em 5px rgba(122, 122, 122, 0.5);
}

.politra {
    background: #dadada73;
}

.pila-3 {
    display: inline-block;
    width: 100%;
}

.one {
    float: left;
    width: 30%;
    padding: 30px;
    z-index: 1;
}

.two {
    float: left;
    width: 40%;
    padding: 30px 0px;
}

.two span a {
    text-decoration: none;
    color: #1b2f35;
}

.two li {
    list-style-type: none;
}

.free {
    float: right;
    width: 20%;
    padding: 15px 0px;
}

.free span {
    display: block;
}

.tel-left {}

.tel-left span {
    float: left;
    width: 60%;
}

.tel-right span {
    float: right;
}

.footer-one {
    float: left;
    width: 40%;
    padding: 30px 0px;
}

.footer-two {
    float: left;
    width: 25%;
    padding: 30px;
}

.footer-two span {
    display: block;
}

.footer-free {
    float: right;
    width: 28%;
    padding: 30px;
}

.footer-free span {
    display: block;
}

.footer-menu ul li {
    list-style-type: none;
}

.menu {}

.menu ul {
    display: inline-block;
    widows: 100%;
}

.menu ul li {
    float: left;
    list-style-type: none;
    padding: 0px 10px;
}

.politra-1 {
    background: #2a2b2b;
    float: left;
    width: 89%
}

.politra-2 {
    background: #2a2b2b;
    float: right;
    width: 11%;
}

.politra-4 {
    background: rgba(192, 192, 192, 0.15);
}

.politra-5 {
    background: #2a2b2b;
    color: #fff;
}

.times {
    padding: 3px;
    color: #fff;
}

.times span {
    display: block;
}

.text {
    text-indent: 20px;
    padding: 5px 60px;
    font-size: 14px;
}

.politra-4 h2 {
    text-align: center;
    position: relative;
    top: 10px;
}

.height {
    height: 100%;
}

footer {}

footer li {}

footer span {}

.fixed-box {
    height: 60px;
}

.fixed-div {
    height: 62px;
    background: #2a2b2b;
}

.fixed {
    position: fixed;
    z-index: 9999;
    top: 0;
}


/* задаем цвет фона для контейнера nav. */

nav {
    padding: 11px;
}


/* убираем отступы и поля, а также list-style для "ul", 
 * и добавляем "position:relative" */

nav ul {
    margin: 0;
    list-style: none;
    position: relative;
}


/* применяем inline-block позиционирование к элементам навигации */

nav ul li {
    margin: 0px 0px 0 0;
    display: inline-block;
}


/* стилизуем ссылки */

nav a {
    display: block;
    padding: 0 10px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
}


/* изменяем цвет фона при наведении курсора */

nav a:hover {
    background: rgba(255, 255, 255, 0.75);
    text-decoration: underline;
}

nav ul li a:hover {
    background: rgb(42, 43, 43);
    text-decoration: underline;
    color: #85c1d4;
}


/* скрываем выпадающие списки по умолчанию
			 * и задаем абсолютное позиционирование */

nav ul ul {
    display: none;
    position: absolute;
    top: 100%;
}


/* отображаем выпадающий список при наведении */

nav ul li:hover>ul {
    display: inherit;
    background: #2a2b2b;
    z-index: 9;
}


/* первый уровень выпадающего списка */

nav ul ul li {
    min-width: 170px;
    float: none;
    display: list-item;
    position: relative;
}


/* второй, третий и последующие уровни 
			 * смещаем 2 и 3 уровни влево 
			 * на значение длины первого уровня.
			*/

nav ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
}


/* измените ' +' на любой другой символ, если нужно
	*/

li>a:after {
    content: ' +';
}

li>a:only-child:after {
    content: '';
}

.font-shadow {}

button.btn {
    background: #dadada73;
    text-align: center;
    padding: 0;
    border: 0;
}

button.btn a {
    display: inline-block;
    border-radius: 5px;
    padding: 15px 23px;
    font-size: 16px;
    margin: 20px;
    color: white;
    background: #55acee;
    box-shadow: 0 5px 0 #3C93D5
}

button.btn a:hover {
    background: #6FC6FF;
}

.c-card {
    margin-bottom: 32px;
}

.c-card__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 16px 30px rgba(0, 0, 0, 0.3), 0 16px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.3), 0 16px 12px rgba(0, 0, 0, 0.2);
}

.c-card__wrapper:hover .c-info li span {
    opacity: 1;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}

.c-card__wrapper:hover .c-card__body {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5rem 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.c-card__body {
    margin-top: auto;
    color: #fff;
    -webkit-transform: translateY(calc(96px + 3.2rem));
    transform: translateY(calc(96px + 3.2rem));
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-card__content {
    padding: 1em;
    position: relative;
    z-index: 1;
}

.c-card__author {
    font-size: 14px;
    margin-bottom: 8px;
}

.c-card__title {
    font-weight: 300;
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 16px;
}

.c-card__title a {
    color: #fff;
}

.c-card__title a:hover {
    text-decoration: none;
}

.c-card__desc {
    height: 96px;
    overflow: hidden;
}

.c-card__more {
    display: inline-block;
    margin: 1rem auto 0.5rem;
    text-align: center;
    color: #fff;
    line-height: 1;
    position: relative;
    font-weight: 300;
}

.c-card__more:hover {
    color: #fff;
    text-decoration: none;
}

.c-card__more:hover::after {
    -webkit-transform: translate(20px, -50%);
    transform: translate(20px, -50%);
    opacity: 1;
}

.c-card__more::after {
    content: '\2192';
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.c-date {
    color: #fff;
    font-size: 14px;
}

.c-info {
    list-style: none;
    margin: 0;
}

.c-info li {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 4px;
}

.c-info li a {
    color: #ffffff;
}

.c-info li a:hover {
    text-decoration: none;
}

.c-info li span {
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: -4px;
    opacity: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
}

.slider-alt {
    width: 100%;
    max-width: 1170px;
    z-index: 1;
    padding: 0 15px;
    margin-top: -100px;
    position: absolute;
}

.slider-alt_a {
    display: block;
    text-transform: uppercase
}

.slider-alt_a>span {
    background-color: #85c1d494;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 13px 54px 13px 20px;
    position: relative;
    font-style: italic
}

.slider-alt_a a {
    background-color: #cf2c1d;
    color: #fff;
    font-size: 20px;
    height: 100%;
    line-height: 49px;
    padding: 0 13px;
    position: absolute;
    right: 0;
    top: 0
}

.slider-alt_a a span:before {
    background-color: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.slider-alt_a a:hover span:before {
    opacity: 1;
    left: 0
}

li.first a {
    color: #fff;
}

li.last a {
    color: #fff;
}

li.active a {
    color: #fff;
}

.footer-menu ul li a {
    color: #fff;
}

