@charset "utf-8";
/* CSS Document */
/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Section
6. Home
7. Features
8. Courses
9. Counter
10. Events
11. Team
12. News
13. Newsletter
14. Footer



******************************/
/***********
1. Fonts
***********/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');

/*********************************
2. Body and some general stuff
*********************************/

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #FFFFFF;
    color: #a5a5a5;
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style: none;
    margin-bottom: 0px;
}

p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.85;
    font-weight: 400;
    color: #76777a;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

p a {
    display: inline;
    position: relative;
    color: inherit;
    border-bottom: solid 1px #ffa07f;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

p:last-of-type {
    margin-bottom: 0;
}

a, a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

p a:active {
    position: relative;
    color: #FF6347;
}

p a:hover {
    color: #FFFFFF;
    background: #ffa07f;
}

p a:hover::after {
    opacity: 0.2;
}

::selection {

}

p::selection {

}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    color: #384158;
    margin-bottom: 0;
}

h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {

}

.form-control {
    color: #db5246;
}

section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    overflow: hidden;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130% !important;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.nopadding {
    padding: 0px !important;
}

/*********************************
3. Header
*********************************/

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.header.scrolled {
    top: -40px;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
    width: 100%;
    background: #14bdee;
}

.header.scrolled .top_bar {

}

.top_bar_container {
    width: 100%;
    height: 100%;
}

.top_bar_content {
    width: 100%;
    height: 40px;
}

.top_bar_contact_list li {
    display: inline-block;
}

.question {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 0px;
}

.top_bar_contact_list li i {
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
}

.top_bar_contact_list li > div {
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 700;
}

.top_bar_contact_list li > div > a,.top_bar_contact_list li > div > a:hover,.top_bar_contact_list li > div > a:visited {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
}

.top_bar_contact_list li > div {
    margin-left: 1px;
}

.top_bar_contact_list li:not(:last-child) {
    margin-right: 21px;
}

.top_bar_login {
    height: 100%;
}

.login_button {
    width: 160px;
    height: 100%;
    background: #f3f3f3;
    text-align: center;
}

.login_button a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    color: #384158;
}

/*********************************
3.2 Header Content
*********************************/

.header_container {
    width: 100%;
    background: #FFFFFF;
}

.header_content {
    height: 90px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.header.scrolled .header_content {
    height: 80px;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo_text {
    display: inline-block;
}

.logo {
    width: 60px;
    height: 60px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.logo img {
    max-width: 100%;
}

.logo_text {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #384158;
    vertical-align: middle;
    margin-left: 7px;
    height: 62px;
    width: 155px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    background-image: url(../images/logo.png);
    background-size: cover;
}

.footer-logo-text {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #384158;
    vertical-align: middle;
    margin-left: 7px;
    height: 62px;
    width: 155px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    background-image: url(../images/logo_white.png);
    background-size: cover;
}

.logo_text span {
    color: #14bdee;
}

.header.scrolled .logo {
    width: 40px;
    height: 40px;
}

.header.scrolled .logo_text {
    font-size: 24px;
}

/*********************************
3.4 Main Nav
*********************************/

.main_nav_contaner {
    width: 100%;
}

.main_nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.main_nav li:first-child {
    margin-left: 44px;
}

.search_button,
.shopping_cart {
    display: inline-block;
}

.main_nav li {
    display: inline-block;
    position: relative;
}

.main_nav li a {
    font-size: 18px;
    font-weight: 500;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.main_nav li a:hover,
.main_nav li.active a {
    color: #14bdee;
}

.main_nav li.active::after {
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #14bdee;
    content: '';
}

.search_button {
    margin-left: 46px;
    cursor: pointer;
}

.shopping_cart {
    margin-left: 23px;
    cursor: pointer;
}

.search_button i,
.shopping_cart i {
    font-size: 18px;
    color: #181818;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.search_button:hover i,
.shopping_cart:hover i {
    color: #14bdee;
}

.header_search_form {
    display: block;
    position: relative;
    width: 40%;
}

.header_search_container {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #14bdee;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.header_search_container.active {
    bottom: -73px;
    opacity: 1;
}

.header_search_content {
    width: 100%;
    height: 73px;
}

.search_input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    padding-left: 20px;
}

.header_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/

.hamburger_container {

}

.hamburger {
    display: none;
    cursor: pointer;
}

.hamburger i {
    font-size: 20px;
    color: #353535;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.hamburger:hover i {
    color: #14bdee;
}

/*********************************
4. Menu
*********************************/

.menu {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100vh;
    background: #FFFFFF;
    z-index: 101;
    padding-right: 60px;
    padding-top: 87px;
    padding-left: 50px;
}

.menu .logo a {
    color: #000000;
}

.menu.active {
    right: 0;
}

.menu_close_container {
    position: absolute;
    top: 30px;
    right: 60px;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}

.menu_close {
    width: 100%;
    height: 100%;
    transform-style: preserve-3D;
}

.menu_close div {
    width: 100%;
    height: 2px;
    background: #232323;
    top: 8px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.menu_close div:last-of-type {
    -webkit-transform: rotate(90deg) translateX(-2px);
    -moz-transform: rotate(90deg) translateX(-2px);
    -ms-transform: rotate(90deg) translateX(-2px);
    -o-transform: rotate(90deg) translateX(-2px);
    transform: rotate(90deg) translateX(-2px);
    transform-origin: center;
}

.menu_close:hover div {
    background: #937c6f;
}

.menu .logo {
    margin-bottom: 60px;
}

.menu_nav ul li {
    margin-bottom: 9px;
}

.menu_nav ul li a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    letter-spacing: 0.1em;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}



.menu_nav ul li a:hover {
    color: #14bdee;
}

.menu_nav  ul.menu_mm li.menu_mm.active a
{
 text-decoration: underline;
}

.menu .search {
    width: 100%;
    margin-bottom: 67px;
}

.search {
    display: inline-block;
    width: 400px;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}

.menu .header_search_form {
    width: 100%;
}

.search form {
    position: relative;
}

.menu .search_input {
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    border: none;
    outline: none;
    padding-left: 15px;
    color: rgba(0, 0, 0, 0.5);
}

.menu .search_input::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input:-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input::-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input::input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

/*********************************
5. Section
*********************************/

.section_title_container {
    max-width: 600px;
    margin: 0 auto;
}

.section_title {
    line-height: 1.2;
}

.section_subtitle {
    line-height: 1.85;
    margin-top: 14px;
}

.section_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*********************************
6. Home
*********************************/

.home {
    width: 100%;
    height: 182px;
}

.home_slider_container {
    width: 100%;
    height: 350px;
}

.home_slider {
    width: 100%;
    height: 100%;
}

.home_slider_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home_slider_content {
    position: absolute;
    top: 41%;
    left: 0;
    width: 100%;
    height: auto;
}

.home_slider_title {
    font-family: 'Roboto Slab', serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    color: #384158;
}

.home_slider_subtitle {
    font-size: 24px;
    color: #76777a;
    margin-top: 9px;
}

.home_slider_form_container {
    width: 970px;
    margin: 0 auto;
    margin-top: 35px;
}

.home_search_form .select-box {
    width: 100%;
    height: 46px;
    background: #FFFFFF;
    /* border-radius: 5px; */
    /*  border-bottom: 1px solid #14bdee;*/
}

.home_slider_form_container .form-group:nth-child(1)  {
    width: 150px;
}

.home_slider_form_container .form-group  {
    width: 272px;
    border: none;
    outline: none;
    /* height: 25px; */
    /* padding-left: 20px; */
    margin: 0 3px 0 3px;
}

/*.home_search_input:not(:last-child) {
    border-right: solid 1px #e5e5e5;
}

.home_search_input::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input:-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input::-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input::input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}*/

/*.dropdown_item_select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    background-image: url(../images/down.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-left: 20px;
}*/

.home_search_button {
    width: 120px;
    height: 38px;
    background: #14bdee;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
}

.home_slider_nav {
    position: absolute;
    top: 55.8%;
    width: 50px;
    background: #b6b7bd;
    border-radius: 50%;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.home_slider_prev {
    left: 75px;
}

.home_slider_next {
    right: 75px;
}

.home_slider_nav i {
    line-height: 50px;
    color: #FFFFFF;
    font-size: 22px;
}

.home_slider_nav:hover {
    background: #14bdee;
}

/*********************************
7. Features
*********************************/

.features {
    width: 100%;
    background: #FFFFFF;
    padding-top: 93px;
    padding-bottom: 103px;
}

.features_row {
    margin-top: 55px;
}

.feature {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 28px;
    padding-left: 15px;
    padding-right: 15px;
    background: #FFFFFF;
}

.feature:hover {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}

.feature_icon {
    height: 55px;
}

.feature_icon img {
    max-width: 100%;
}

.feature_title {
    position: relative;
    font-size: 20px;
    margin-top: 23px;
}

/*********************************
8. Courses
*********************************/

.courses {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 100px;
}

.courses_row {
    margin-top: 45px;
}

.course {
    width: 100%;
    border-radius: 6px;
    background: #FFFFFF;
    box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}

.course_image {
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
}

.course_image img {
    max-width: 100%;
}

.course_body {
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.course_body.min-200 {
   min-height: 200px;
}

.course_body.min-110 {
    min-height: 110px;
}

.course_body.min-150 {
    min-height: 150px;
}

.course_title a {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.course_title a:hover {
    color: #14bdee;
}

.course_teacher {
    font-size: 15px;
    font-weight: 400;
    color: #384158;
    margin-top: 2px;
}

.course_text {
    margin-top: 5px;
    height: 70px;
    overflow: hidden;
}

.course_footer {
    padding-left: 30px;
    padding-right: 30px;
}

.course_footer_content {
    width: 100%;
    border-top: solid 1px #e5e5e5;
    padding-top: 9px;
    padding-bottom: 11px;
}

.course_info {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #55555a;
}

.course_info:first-child {
    margin-right: 18px;
}

.course_info i {
    color: #ffc80a;
}

.course_price {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 700;
    color: #14bdee;
}

.course_price span {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    color: #b5b8be;
    margin-right: 10px;
}

.courses_button {
    height: 46px;
    border-radius: 3px;
    background: #14bdee;
    text-align: center;
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
    margin-bottom: 30px;
}

.courses_button:hover {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.45);
}

.courses_button a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 46px;
    color: #FFFFFF;
    font-family: roboto slab, serif;
}

/*********************************
9. Counter
*********************************/

.counter {
    width: 100%;
    background: #FFFFFF;
    z-index: 2;
}

.counter_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.counter_content {
    padding-top: 119px;
    padding-bottom: 125px;
}

.counter_title {
    font-family: 'Roboto Slab', serif;
    color: #FFFFFF;
    font-weight: 700;
}

.counter_text {
    margin-top: 19px;
}

.counter_text p {
    color: #FFFFFF;
}

.milestones {
    margin-top: 39px;
}

.milestone {
    text-align: center;
}

.milestone:not(:last-child)::after {
    display: block;
    position: absolute;
    top: 0;
    right: -45px;
    width: 1px;
    height: 70px;
    background: rgba(255, 255, 255, 0.2);
    content: '';
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);

}

.milestone_counter {
    font-size: 42px;
    font-weight: 700;
    line-height: 0.75;
    color: #14bdee;
}

.milestone_text {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 14px;
}

.counter_form {
    position: absolute;
    top: 0;
    right: 30px;
    width: 380px;
    height: 100%;
    background: #FFFFFF;
    padding-left: 40px;
    padding-right: 40px;
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}

.counter_form_content {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.counter_form_title {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    font-weight: 700;
    color: #384158;
    text-transform: uppercase;
    line-height: 0.75;
    margin-bottom: 41px;
}

.counter_input {
    width: 100%;
    height: 46px;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
    padding-left: 20px;
    outline: none;
    color: #384158;
    font-size: 14px;
}

.counter_input:not(:last-child) {
    margin-bottom: 10px;
}

.counter_text_input {
    height: 90px;
    padding-top: 10px;
}

.counter_options {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    background-image: url(../images/down.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.counter_input::-webkit-input-placeholder,
.counter_text_input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input:-moz-placeholder,
.counter_text_input:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input::-moz-placeholder,
.counter_text_input::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input:-ms-input-placeholder,
.counter_text_input:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input::input-placeholder,
.counter_text_input::input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_form_button {
    width: 100%;
    height: 46px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    background: #14bdee;
    cursor: pointer;
    margin-top: 30px;
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.counter_form_button:hover {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.45);
}

/*********************************
10. Events
*********************************/

.events {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 70px;
    background: #FFFFFF;
}

.events_row {
    margin-top: 47px;
}

.event_left {
    padding-right: 20px;
}

.event_mid {
    padding-left: 10px;
    padding-right: 10px;
}

.event_right {
    padding-left: 20px;
}

.event_image {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.event_image img {
    max-width: 100%;
}

.event_body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.event_date {
    box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}

.event_date > div {
    width: 60px;
    height: 60px;
}

.event_day {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    color: #14bdee;
    font-weight: 700;
    line-height: 0.75;
}

.event_month {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #14bdee;
    font-weight: 400;
    line-height: 0.75;
    margin-top: 9px;
}

.event:hover .event_date > div {
    background: #14bdee;
}

.event:hover .event_day,
.event:hover .event_month {
    color: #FFFFFF;
}

.event_content {
    padding-left: 20px;
}

.event_title a {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.event_title a:hover {
    color: #14bdee;
}

.event_info_container {
    margin-top: 11px;
}

.event_info {
    display: inline-block;
    color: #b5b8be;
    font-size: 14px;
}

.event_info:not(:last-child) {
    margin-right: 17px;
}

.event_info span {
    margin-left: 4px;
}

.event_text {
    margin-top: 12px;
}

/*********************************
11. Team
*********************************/

.team {
    width: 100%;
    padding-bottom: 60px;
}

.team.index {
    padding-top: 93px;
}

.team_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.team_row {
    margin-top: 43px;
}

.team_col {
    margin-bottom: 40px;
}

.team_item {
    width: 100%;
}

.team_image {
    width: 96px;
    height: 96px;
    border-radius: 6px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -100px;
    z-index: 5;
}

.team_image img {
    max-width: 100%;
}

.team_body {
    width: 100%;
    padding-top: 108px;
    padding-bottom: 24px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.team_item:hover .team_body {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}

.team_title {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 700;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.team_subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #76777a;
    margin-top: 6px;
}

.social_list {
    margin-top: 16px;
}

.social_list ul li {
    display: inline-block;
}

.social_list ul li:not(:last-child) {
    margin-right: 10px;
}

.social_list ul li a i {
    font-size: 18px;
    color: #76777a;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.social_list ul li:hover a i {
    color: #14bdee;
}

.team_col .team_item {
    padding-left: 6px;
    padding-right: 6px;
}

.team_col:first-child .team_item {
    padding-left: 0;
    /* padding-right: 6px; */
}

.team_col:nth-child(4n) .team_item {
    padding-left: 6px;
    padding-right: 0;
}

/*********************************
12. News
*********************************/

.news {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 100px;
    background: #FFFFFF;
}

.news_row {
    margin-top: 55px;
}

.news_post_large_container {
    padding-right: 30px;
}

.news_post_large {
    width: 100%;
}

.news_post_image {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.news_post_image img {
    max-width: 100%;
}

.news_post_large_title {
    margin-top: 23px;
}

.news_post_large_title a {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 700;
    color: #384158;
    line-height: 1.4;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.news_post_large_title a:hover {
    color: #14bdee;
}

.news_post_meta {
    margin-top: 11px;
}

.news_post_meta ul li {
    display: inline-block;
    position: relative;
}

.news_post_meta ul li:not(:last-of-type)::after {
    display: inline-block;
    position: relative;
    content: '|';
    margin-left: 14px;
    margin-right: 11px;
}

.news_post_meta ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #b5b8be;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.news_post_meta ul li a:hover {
    color: #14bdee;
}

.news_post_text {
    margin-top: 13px;
}

.news_post_link {
    margin-top: 19px;
}

.news_post_link a {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #384158;
    text-decoration: underline;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.news_post_link a:hover {
    color: #14bdee;
}

.news_posts_small {
    margin-top: -6px;
}

.news_post_small:not(:last-child) {
    padding-bottom: 31px;
    border-bottom: solid 1px #e5e5e5;
}

.news_post_small:not(:first-child) {
    padding-top: 29px;
}

.news_post_small_title a {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.55;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.news_post_small_title a:hover {
    color: #14bdee;
}

/*********************************
13. Newsletter
*********************************/

.newsletter {
    width: 100%;
}

.newsletter_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.newsletter_container {
    width: 100%;
    height: 120px;
}

.newsletter_title {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
}

.newsletter_subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 6px;
}

.newsletter_form_container {
    width: 450px;
    padding-left: 20px;
}

.newsletter_form {
    display: block;
    position: relative;
    width: 100%;
}

.newsletter_input {
    width: calc(100% - 136px);
    height: 40px;
    background: rgba(255, 255, 255, 0.4);
    border: none;
    outline: none;
    padding-left: 20px;
    color: #FFFFFF;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.newsletter_input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
}

.newsletter_input:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
}

.newsletter_input::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
}

.newsletter_input:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
}

.newsletter_input::input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
}

.newsletter_button {
    width: 136px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 3px;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    color: #14bdee;
    font-weight: 500;
    letter-spacing: 0.1em;
}

/*********************************
14. Footer
*********************************/

.footer {
    display: block;
    position: relative;
    width: 100%;
    background: #1e2434;
    padding-top: 94px;
}

.footer_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.footer_content {
    padding-bottom: 53px;
}

.footer_logo_text {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer_logo_text span {
    color: #14bdee;
}

.footer_title {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 0.75;
}

.footer_logo_container {
    margin-top: -14px;
}

.footer_about_text {
    margin-top: 14px;
}

.footer_about_text p {
    color: #FFFFFF;
}

.footer-info {
    margin-top: 23px;
}

.footer-info ul li {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #4b505d;
    border-radius: 50%;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer-info ul li:not(:last-child) {
    margin-right: 6px;
}

.footer-info ul li a {
    display: block;
    position: relative;
    text-align: center;
}

.footer-info ul li a i {
    color: #FFFFFF;
    line-height: 45px;
}

.footer-info ul li:hover {
    background: #14bdee;
}

.footer_contact {
    padding-left: 36px;
}

.footer_contact_info {
    margin-top: 33px;
}

.footer_contact_info ul li {
    font-size: 14px;
    font-weight: 400;
    color: #b5b8be;
}


.footer_contact_info ul li a.phone,.footer_contact_info ul li a.phone:hover,.footer_contact_info ul li a.phone:visited {
    font-size: 14px;
    font-weight: 400;
    color: #b5b8be;
    text-decoration: none;
}


.footer_contact_info ul li:not(:last-child) {
    margin-bottom: 15px;
}

.footer_links {
    padding-left: 80px;
}

.footer_links_container ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.footer_links_container {
    margin-top: 33px;
}

.footer_links_container ul li a {
    font-size: 14px;
    color: #b5b8be;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer_links_container ul li:not(:last-child) {
    margin-bottom: 15px;
}

.footer_links_container ul li a:hover {
    color: #14bdee;
}

.footer_mobile {
    display: inline-block;
    float: right;
}

.footer_mobile_content {
    padding-top: 35px;
}

.footer_image:not(:last-child) {
    margin-bottom: 10px;
}

.copyright {
    height: 54px;
    border-top: solid 1px #353a49;
}

.cr_list li {
    display: inline-block;
}

.copyright div {
    font-size: 14px;
    color: #b5b8be;
}

.cr_text a {
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.cr_text a:hover {
    color: #14bdee;
}

.cr_list li:not(:last-child) {
    margin-right: 50px;
}

.cr_list li a {
    font-size: 14px;
    color: #b5b8be;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.cr_list li a:hover {
    color: #14bdee;
}

.contact {
    width: 100%;
    padding-bottom: 100px;
}

.home.contact-page {
    width: 100%;
   /* height: 182px;*/
    background: #f2f4f5;
    border-bottom: solid 1px #edeff0
}

.breadcrumbs_container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 13px;
    padding-left: 3px
}

.breadcrumbs ul li {
    display: inline-block;
    position: relative
}

.breadcrumbs ul li:not(:last-child)::after {
    display: inline-block;
    font-family:"Font Awesome 5 Free";
    content: '\f105';
    margin-left: 7px;
    margin-right: 4px;
    font-weight: 900;
    color: #777;
    font-size: 14px;
    -webkit-text-stroke: 0.5px #f2f4f5;
}

.breadcrumbs ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.breadcrumbs ul li a:hover {
    color: #14bdee
}

.contact {
    width: 100%;
    padding-bottom: 100px
}

.contact_info_container {
    margin-top: 30px;
}

.contact_info_title {
    font-family: roboto slab, serif;
    font-size: 36px;
    font-weight: 700;
    color: #384158
}

.contact_form {
    padding-right: 10px
}

.comment_form {
    margin-top: 35px
}

.comment_input {
    width: 100%;
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145
}

/*.comment_form > div:not(:last-child) {
    margin-bottom: 25px
}*/

.comment_input:focus {
    border: solid 1px #14bdee;
    outline: none
}

.comment_textarea {
    width: 100%;
    height: 150px;
    padding-top: 15px
}

.form_title {
    font-size: 16px;
    font-weight: 400;
    color: #384158;
    margin-bottom: 12px
}

.comment_button {
    width: 150px;
    height: 46px;
    background: #14bdee;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 3px;
    margin-top: 15px
}

.comment_button:hover {
    box-shadow: 0 5px 40px rgba(0, 0, 0, .25)
}

.contact_info {
    padding-left: 45px
}

.contact_info_text {
    margin-top: 27px
}

.contact_info_location {
    margin-top: 28px
}

.map_container
{
    height:400px;
}

.contact_info_location_title {
    font-family: roboto slab, serif;
    font-size: 18px;
    font-weight: 700;
    color: #384158
}

section.catalog ul.catalog-list {
    padding-right: 2px;
}

@media (-webkit-min-device-pixel-ratio: 0) {
    .catalog ul.catalog-list {
        -webkit-column-gap: 0.4em;
    }
}

.marks .catalog ul.catalog-list {
    -moz-column-width: 24em;
    -webkit-column-width: 24em;
    column-width: 24em;
}

.gen .catalog ul.catalog-list {
    -moz-column-width: 17em;
    -webkit-column-width: 17em;
    column-width: 17em;
}

.parts .catalog ul.catalog-list {
       -moz-column-width: 17em;
       -webkit-column-width: 17em;
       column-width: 17em;
}

.catalog ul.catalog-list {
    padding-bottom: 20px;
    -moz-column-count: 6;
    -webkit-column-count: 6;
    column-count: 6;
    -moz-column-width: auto;
    -webkit-column-width: auto;
    column-width: auto;
}

.car-series {
    display: block;
    break-inside: avoid;
    margin: auto;
    padding: 0;
    overflow: hidden;
}

.car-series h3 {
    height: 40px;
    padding: 12px 0 0;
    text-align: center;
}

@media (-webkit-min-device-pixel-ratio: 0) {
    ul.catalog-list li {
        height: 40px;
        overflow: auto;
        padding: 0px;
        margin: 0px;
        -webkit-margin-top-collapse: separate;
        -webkit-box-sizing: border-box;

    }
}

/*ul.catalog-list li {
    margin: auto;
    padding: 0.2em;
    overflow: hidden;
    display: block;
    border-radius: 6px;
}*/

/*
ul.catalog-list li:hover{
    box-shadow: 0 5px 40px rgba(29,34,47,.15);
}
*/

ul.catalog-list li a {
    padding: 6px 6px;
    border-radius: 3px;
    border: 1px solid #bbb;
    border-image: none;
    display: block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #14bdee;
    font-family: roboto slab, serif;
    font-size: 16px;
}

.catalog a {
    text-decoration: none;
}

.catalog > nav > ul.catalog-list > li {
    height: 100%;
    padding: 0.2em;
}

.details-block {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    padding: 7px 30px 4px 30px;
    height: 60px;
    margin-bottom: 20px;
}

.details-block:hover {
    box-shadow: 0 5px 40px rgba(29, 34, 47, .15);
}

.details-block span.detail-name {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    font-family: roboto slab, serif;
    font-size: 20px;
    font-weight: 700;
    color: #384158;
    /* line-height: 20px; */
    vertical-align: middle;
}

.details-block img {
    height: 45px;
    display: inline-block;
}

.details-block a {
    color: #000;
}

.details-block a:hover, .details-block a:visited {
    color: #14bdee;
}

.details-block .course_price {
    float: right;
    line-height: 45px;
}

.single_product {
    padding-top: 30px;
    padding-bottom: 50px;
    font-family: roboto slab, serif;
}


.image_list .splide__track a
{
    box-shadow:none;
    width: 160px;
}

.image_list .splide__track
{
    height:325px;
}

.image_list .splide
{
    visibility: visible;
}

.splide--ttb>.splide__arrows .splide__arrow--prev {
    top: -33px;
}

.splide--ttb>.splide__arrows .splide__arrow--next {
    bottom: -355px;
    top: initial;
}

.single_product.car
{
    padding-top: 45px;
}


/*.single_product .image_list a:nth-child(n+4)
{
    display: none;
}*/

.image_list a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 105px;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    cursor: pointer;
    padding: 15px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    overflow: hidden;
}

.image_list a img {
    max-width: 100%;
}





.image_selected {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% + 15px);
    height: 325px;
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px);
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 15px;
    cursor: pointer;
    position: relative;
}


.image_selected .more-photos
{
   position: absolute;
}

.image_selected img {
    max-width: 100%;
}

.product_description {
    /* padding-left: 50px; */
}

.product_category {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.product_name {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    /* margin-top: 11px; */
}

.product_text {
    margin-top: 10px;
    margin-bottom: 15px;
}

.product_text p:last-child {
    margin-bottom: 0px;
}

.product_text p {
    font-family: roboto slab, serif;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color: #828282;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#notfound {
    position: relative;
    min-height: calc(100vh - 361px);
    font-family: roboto slab, serif;
}

#notfound .notfound-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg.jpg);
    background-size: cover
}

#notfound .notfound-bg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 206, 255, 0.84);
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 60%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 910px;
    width: 100%;
    line-height: 1.4;
    text-align: center
}

.notfound .notfound-404 {
    position: relative;
    height: 200px
}

.notfound .notfound-404 h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 220px;
    font-weight: 900;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 10px
}

.notfound h2 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 15px
}

.notfound .home-btn, .notfound .contact-btn {
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    background-color: transparent;
    border: 2px solid transparent;
    text-transform: uppercase;
    padding: 13px 25px;
    font-size: 18px;
    border-radius: 40px;
    margin: 7px;
    -webkit-transition: .2s all;
    transition: .2s all
}

.notfound .home-btn:hover, .notfound .contact-btn:hover {
    opacity: .9
}

.notfound .home-btn {
    color: #14bdee;
    background: #fff
}

.notfound .contact-btn {
    border: 2px solid rgba(255, 255, 255, .9);
    color: rgba(255, 255, 255, .9)
}

.notfound-social {
    margin-top: 25px
}

.notfound-social > a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 14px;
    color: rgba(255, 255, 255, .9);
    margin: 0 6px;
    -webkit-transition: .2s all;
    transition: .2s all
}

.notfound-social > a:hover {
    color: rgba(255, 0, 36, .7);
    background-color: #fff;
    border-radius: 50%
}

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 h1 {
        font-size: 182px
    }
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {
        height: 146px
    }

    .notfound .notfound-404 h1 {
        font-size: 146px
    }

    .notfound h2 {
        font-size: 16px
    }

    .notfound .home-btn, .notfound .contact-btn {
        font-size: 14px
    }
}

.new-details-title {
    font-family: roboto slab, serif;
    font-size: 25px;
    font-weight: 700;
    color: #384158;
    margin-bottom: 20px;
}

.location_list li
{
    font-family: roboto slab, serif;
    font-size: 20px;
    color: #384158;
}

.location_list li a.phone,.location_list li a.phone:hover,.location_list li a.phone:visited
{
    font-family: roboto slab, serif;
    font-size: 20px;
    color: #384158;
    text-decoration: none;
}


.comment_form .has-error  .help-block.help-block-error
{
    color: rgba(255, 0, 36, .7);
}


.front .select2-container--krajee-bs4:not(.select2-container--disabled) .select2-dropdown
{
    box-shadow: none;
}

.front .select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection,.front  .select2-container--krajee-bs4:not(.select2-container--disabled) .select2-selection:focus
{
    box-shadow: none;
}

/*
.front .select2-selection__arrow
{
    display: none;
}*/


.front .invalid-feedback
{
    position: absolute;
    top: 45px;
    display: inline-block;
    margin-top: 0;
    left: 0;
}

.front .select2-container--krajee-bs4 .select2-selection--single
{
    line-height: 1.9;
}

.form_title label
{
    margin:0;
}

.detail-page
{
    width: 100%;
}

#gallery_slider.blueimp-gallery>.indicator>li
{
    background-size: cover;
}

.buy-modal-title
{
    font-size:18px;
    color:#000;
    margin-bottom: 0.8rem;
}

.buy-modal-phone
{
    font-size:25px;
    color:#000;
}

#buy_id
{
    color:#14bdee;
    font-size: 25px;
    font-weight: 700;
}

.buyout-input:not(:last-child) {
    margin-bottom: 15px
}

.image_selected.photos-0
{
    cursor: initial;
}

div.required label:after {
    content: " *";
    color: red;
}

.index-text *
{
    text-align: justify;
}

.index-text ol
{
    margin-left:15px;
    font-size: 14px;
    line-height: 1.85;
    font-weight: 400;
    color: #76777a;
}

.index-text ul
{
    list-style: initial;
    margin-left:15px;
    font-size: 14px;
    line-height: 1.85;
    font-weight: 400;
    color: #76777a;
}

.index-text h2
{
    padding-top:15px;
    padding-bottom:15px;
}

.pagination_row
{
    margin-top: 11px;
}
.pagination_container
{

}
.pagination_list li
{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: solid 1px #ebebeb;
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.pagination_list li:not(:last-child)
{
    margin-right: 5px;
}
.pagination_list li:hover,
.pagination_list li.active
{
    background: #14bdee;
}
.pagination_list li a
{
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #757686;
    line-height: 40px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.pagination_list li:hover a,
.pagination_list li.active a
{
    color: #FFFFFF;
}

.singe-detail-desc
{
    font-size:15px;
}

.cars-catalog .course_teacher
{
    font-weight: 700;
    text-align: center;
    font-size:16px;
}

.cars-catalog .course_body
{
    padding-left: 5px;
}

.car-phone
{
    margin-top:5px;
    color:#000;
    padding: 5px;
    font-size: 24px;
    border-radius: 5px;
    background-color: #eeeeee63;
}


.cart-block {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    padding: 7px 30px 4px 30px;
    height: 100px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-block:hover {
    box-shadow: 0 5px 40px rgba(29, 34, 47, .15);
}

.cart-block span.detail-name {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    font-family: roboto slab, serif;
    font-size: 20px;
    font-weight: 700;
    color: #384158;
    vertical-align: middle;
}

.cart-block .cart-image {
    height: 85px;
    display: inline-block;
}

.cart-block a {
    color: #000;
}

.cart-block a:hover, .cart-block a:visited {
    color: #14bdee;
}

.cart-block .course_price {
    width: 100%;
    display: block;
}

.cart-block .cart-del {
    width: 100%;
    display: block;
    cursor: pointer;
    color: rgba(224, 0, 0, 0.63);
}


.mobile-cart-del
{
    display: none;
}

.cart-box {
    display: block;
}

.cart-box .cart-preview {

}

.cart-box .cart-info {
    align-items: center;
}



.cart-type-choose input[type=radio] {
    display: none
}

.cart-type-choose input[type=radio] + label {
    color: #4c4c4c;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: lighter;
    vertical-align: middle;
    margin: 0;
    padding: 5px;
}

.cart-type-choose input[type=radio] + label span {
    box-shadow: 0 0 0 1px #0091ff;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 7px 0 0;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle;
}

.cart-type-choose input[type=radio] + label span {
    border: 5px solid #fff;
    background-color: #fff
}

.cart-type-choose input[type=radio]:checked + label span {
    background-color: #0091ff
}

.radio-box:hover {
    box-shadow: 0 5px 40px rgba(29, 34, 47, .15);
}


.radio-box {
    text-align: left;
    padding: 2px 15px 2px 15px;
    border: none;
    margin-bottom: 10px !important;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}

.cart-total-sum
{
    padding: 7px 30px 4px 30px;
}
.contact.cart {
    min-height: calc(100vh - 573px);
}

.cart-head
{
    width:150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
}

.cart-head .mobile-cart {
    border: 1px solid #14bdee;
    line-height: 50px;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display: inline-block;
    padding: 0;
    text-align: center;
    color: #222;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    font-weight: 700;
}

.cart-head .cart-icon {
    font-size: 22px;
    margin-top: 15px;
    display: block;
}

.cart-head .cart-quantity {
    color: #fff;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #14bdee;
    line-height: 18px;
    text-align: center;
    font-size: 11px;
    right: 0;
    top: -4px;
}

.cart-head .cart-total {
    line-height: 20px;
    padding: 4px 10px;
    font-size: 14px;
    border: none;
    display: block;
}

.cart-head .total-info {

}

.cart-head .cart-amount {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #a5a5a5;
}

.cart-head .cart-currency {
    display: inline-block;
    margin-left:3px;
}

.cart-head  .cart-title
{
    font-size: 16px;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.buy-button {
    height: 46px;
    border-radius: 3px;
    background: #fff;
    text-align: center;
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
    margin-bottom: 30px;
    border: 1px solid #14bdee;;
}

.buy-button.in-cart {
    background: #14bdee;
    border: none;
}

.buy-button:hover {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.45);
}

.buy-button a {
    position: relative;
    display: block;
    height:100%;
}

.buy-button a:after {
    position: absolute;
    content: attr(data-in);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 46px;
    color: #14bdee;
    font-family: roboto slab, serif;
    left:0;
    top:0;
    width:100%;
}

.buy-button.in-cart a:after {
    position: absolute;
    content: attr(data-cart);
    color: #FFFFFF;

}

.payment-method
{
    padding:5px;
    font-size:18px;
    color:#384158;
    margin-top:15px;
}

.payment-method label
{
    display: initial;
}