/* Theme Name: ISOC - Georgia, მორგებული სმარტფონებზე
Theme URI: https://isoc.ge/wiki
Author: Konstantin Stalinsky, @StalinskyK
Author URI: https://itech.com.ge/
Description: მარტივი და მოხერხებული, მეტნაკლებად სწრაფად აწყობილი HTML, CSS და  რაცხა Javascript-ს გამოყენებით. რაიმე დამატებითი ხელსაწყოები არაა, არც პლაგინები. კოდის ნაწილი functions.php-ში არის კომენტარების გარეშე (შეიძლება წაშალოს).
Version: 1.3
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: ფრეიმვორქი 5-ე ბუთსტრაპია, დოკუმენტაცია http://getbootstrap.com/
Text Domain: Bootstrap ************/

/*---------------------- # ძირითადი და ფონტი --------------------------------------------------------------*/
@import url("https://cdn.web-fonts.ge/fonts/bpg-rioni/css/bpg-rioni.min.css"); * {font-family: "BPG Rioni", sans-serif;}
body {font-family: "BPG Rioni", sans-serif; color: #444444;}
a {color: #0b1c2d; text-decoration: none; transition: 0.3s;}
a:hover {color: #d25238; text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-family: "BPG Rioni", sans-serif;}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 996; background: #0b1c2d; width: 40px; height: 40px; border-radius: 50px; transition: all 0.4s;}
.back-to-top i {font-size: 28px; color: #fff; line-height: 0;}
.back-to-top:hover {background: #7ed899; color: #fff;}
.back-to-top.active {visibility: visible; opacity: 1;}

/*----------------- Preloader --------------*/
#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff;}
#preloader:before {content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #0b1c2d; border-top-color: #fff; border-bottom-color: #fff; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite; animation: animate-preloader 1s linear infinite;}
@-webkit-keyframes animate-preloader {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@keyframes animate-preloader {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
/*--------------------------------------------------------------
# გავთიშეთ ანიმაცია მობილურში
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {[data-aos-delay] {transition-delay: 0 !important;}
}
/*------------- ქუდში რაც ხდება, ჯამბოტრონია იგივე ---------------------*/
#header {background: #0b1c2d; transition: all 0.5s; z-index: 997; padding: 15px 0; box-shadow: 0px 0 18px rgba(55, 66, 59, 0.08);}
#header .logo {font-size: 30px; margin: 0; padding: 0; line-height: 1; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; font-family: "BPG Rioni", sans-serif;}
#header .logo a {color: #0b1c2d;}
#header .logo img {max-height: 40px;}

/** * Get Startet Button */
.get-started-btn {margin-left: 22px; background: #d25238; color: #fff; border-radius: 50px; padding: 8px 25px; white-space: nowrap; transition: 0.3s; font-size: 14px; display: inline-block;}
.get-started-btn:hover {background: #085856; color: #fff;}
@media (max-width: 768px) {.get-started-btn {margin: 0 15px 0 0; padding: 6px 18px;}
}

/*--------------- ნავიგაცია ----------------------------------*/
/*** Desktop-ზე **********************************/
#navbar a {color:#fafafa;}
.navbar {padding: 0;}
.navbar ul {margin: 0;padding: 0; display: flex; list-style: none; align-items: center;}
.navbar li {position: relative;}
.navbar a, .navbar a:focus {display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 30px; font-family: "BPG Rioni", sans-serif; font-size: 15px; font-weight: 500; color: #fafafa; white-space: nowrap; transition: 0.3s;}
.navbar a i, .navbar a:focus i {font-size: 12px; line-height: 0; margin-left: 5px;}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {color: #0b1c2d;}
.navbar .dropdown ul {display: block; position: absolute; left: 30px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-radius: 4px;}
.navbar .dropdown ul li {min-width: 200px;}
.navbar .dropdown ul a {padding: 10px 20px; font-size: 14px; text-transform: none; font-weight: 500;}
.navbar .dropdown ul a i {font-size: 12px;}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {color: #0b1c2d;}
.navbar .dropdown:hover > ul {opacity: 1; top: 100%; visibility: visible;}
.navbar .dropdown .dropdown ul {top: 0; left: calc(100% - 30px); visibility: hidden;}
.navbar .dropdown .dropdown:hover > ul {opacity: 1; top: 0; left: 100%; visibility: visible;}
@media (max-width: 1366px) {.navbar .dropdown .dropdown ul {left: -90%;}
.navbar .dropdown .dropdown:hover > ul {left: -100%;}
}

/***************** ტელეფონის ნავიგაცია *********/
.mobile-nav-toggle {color: #fafafa; font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: 0.5s;}
.mobile-nav-toggle.bi-x {color: #ffffff;}

@media (max-width: 991px) {#navbar a {color:#777;}
.mobile-nav-toggle {display: block;}
.navbar ul {display: none;}
}
.navbar-mobile {position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(32, 38, 34, 0.9); transition: 0.3s; z-index: 999;}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 15px;right: 15px;}
.navbar-mobile ul {display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0; border-radius: 6px; background-color: #fff; overflow-y: auto; transition: 0.3s;}
.navbar-mobile a, .navbar-mobile a:focus {padding: 10px 20px; font-size: 15px; color: #37423b;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {color: #0b1c2d;}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {margin: 15px;}
.navbar-mobile .dropdown ul {position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);}
.navbar-mobile .dropdown ul li {min-width: 200px;}
.navbar-mobile .dropdown ul a {padding: 10px 20px;}
.navbar-mobile .dropdown ul a i {font-size: 12px;}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {color: #0b1c2d;}
.navbar-mobile .dropdown > .dropdown-active {display: block;}

/*-------------------- უადგილო Hero Section, ამჟამად ქუდშია  ---------------------------*/
#hero {width: 100%; height: 59vh; background: url("./assets/img/hero-bg.jpg") center center; background-size: cover; position: relative;}
#hero:before {content: ""; background: rgba(0, 0, 0, 0.4); position: absolute; bottom: 0; top: 0; left: 0; right: 0;}
#hero .container {padding-top: 72px;}
@media (max-width: 992px) {#hero .container {padding-top: 62px;}
}
#hero h1 {margin: 0; font-size: 3.7rem; font-weight: 700; line-height: 75px; color: #fff; font-family: "BPG Rioni", sans-serif;}
#hero h2 {color: #eee; margin: 10px 0 0 0; font-size: 24px;}
#hero .btn-get-started {font-family: "BPG Rioni", sans-serif; font-weight: 500; font-size: 15px; letter-spacing: 1px; display: inline-block; padding: 10px 35px; border-radius: 50px; transition: 0.5s; margin-top: 30px; border: 2px solid #fff; color: #fff;}
#hero .btn-get-started:hover {background: #0b1c2d; border: 2px solid #0b1c2d;}
@media (min-width: 1024px) {#hero {background-attachment: fixed;}
}
@media (max-width: 768px) {#hero {height: 100vh;}
#hero h1 {font-size: 28px; line-height: 36px;}
#hero h2 {font-size: 18px; line-height: 24px;}
}

/*------------------------ # Sections General ------------------------------------*/
section {padding: 60px 0; overflow: hidden;}

.section-bg {background-color: #dedad0;}

.section-title {padding-bottom: 40px;}
.section-title h2 {font-size: 14px; font-weight: 500; padding: 0; line-height: 1px; margin: 0 0 5px 0; letter-spacing: 2px; text-transform: uppercase; color: #aaaaaa; font-family: "BPG Rioni", sans-serif;}
.section-title h2::after {content: ""; width: 120px; height: 1px; display: inline-block; background: #d25238; margin: 4px 10px;}
.section-title p {margin: 0; margin: 0; font-size: 36px; font-weight: 700; text-transform: uppercase; font-family: "BPG Rioni", sans-serif; color: #37423b;}

.breadcrumbs {margin-top: 2px; text-align: center; background: #143e50; padding: 30px 0; color: #fff;}
.breadcrumbs a {color:#fff !important;}

@media (max-width: 992px) {.breadcrumbs {margin-top: 63px;}
}
.breadcrumbs h2 {font-size: 32px; font-weight: 500;}
.breadcrumbs p {font-size: 14px; margin-bottom: 0;}

/*----------- # ჩვენ შესახებ, წამოვიღეთ start-bootstrapდან  ----------------------------*/
.about .content h3 {font-weight: 600; font-size: 26px;}
.about .content ul {list-style: none; padding: 0;}
.about .content ul li {padding-bottom: 10px;}
.about .content ul i {font-size: 20px; padding-right: 4px; color: #0b1c2d;}
.about .content .learn-more-btn {background: #0b1c2d; color: #fff; border-radius: 50px; padding: 8px 25px 9px 25px; white-space: nowrap; transition: 0.3s; font-size: 14px; display: inline-block;}
.about .content .learn-more-btn:hover {background: #3ac162; color: #fff;}
@media (max-width: 768px) {
.about .content .learn-more-btn {margin: 0 48px 0 0; padding: 6px 18px;}
}

/*-------------- # Counts ----------------------------------------*/
.counts {padding: 30px 0;}
.counts .counters span {font-size: 48px; display: block; color: #0b1c2d; font-weight: 700;}
.counts .counters p {padding: 0; margin: 0 0 20px 0; font-family: "BPG Rioni", sans-serif; font-size: 15px; font-weight: 600; color: #37423b;}

/*------------ # Why Us ------------------------------*/
.why-us .content {padding: 30px; background: #0b1c2d; border-radius: 4px; color: #fff;}
.why-us .content h3 {font-weight: 700; font-size: 34px; margin-bottom: 30px;}
.why-us .content p {margin-bottom: 30px;}
.why-us .content .more-btn {display: inline-block; background: rgba(255, 255, 255, 0.2); padding: 6px 30px 8px 30px; color: #fff; border-radius: 50px; transition: all ease-in-out 0.4s;}
.why-us .content .more-btn i {font-size: 14px;}
.why-us .content .more-btn:hover {color: #0b1c2d; background: #fff;}
.why-us .icon-boxes .icon-box {text-align: center; background: #fff; padding: 40px 30px; width: 100%; border: 1px solid #eef0ef;}
.why-us .icon-boxes .icon-box i {font-size: 32px; padding: 18px; color: #0b1c2d; margin-bottom: 30px; background: #ecf9f0; border-radius: 50px;}
.why-us .icon-boxes .icon-box h4 {font-size: 20px; font-weight: 700; margin: 0 0 30px 0;}
.why-us .icon-boxes .icon-box p {font-size: 15px; color: #848484;}

/*------------- მთავარი თემები  --------------------------*/
.features {padding-top: 0px;}
.features .icon-box {display: flex; align-items: center; padding: 20px; transition: 0.3s; border: 1px solid #eef0ef;}
.features .icon-box i {font-size: 32px; padding-right: 10px; line-height: 1;}
.features .icon-box h3 {font-weight: 700; margin: 0; padding: 0; line-height: 1; font-size: 16px;}
.features .icon-box h3 a {color: #37423b; transition: 0.3s;}
.features .icon-box:hover {border-color: #0b1c2d;}
.features .icon-box:hover h3 a {color: #0b1c2d;}

/*--------------- მზა თემიდან 'კონსულტანტი' ------------------------*/
.courses .course-item {border-radius: 5px; border: 1px solid #eef0ef;}
.courses .course-content {padding: 15px;}
.courses .course-content h3 {font-weight: 700; font-size: 20px;}
.courses .course-content h3 a {color: #37423b; transition: 0.3s;}
.courses .course-content h3 a:hover {color: #0b1c2d;}
.courses .course-content p {font-size: 14px; color: #777777;}
.courses .course-content h4 {font-size: 14px; background: #0b1c2d; padding: 7px 14px; color: #fff; margin: 0;}
.courses .course-content .price {margin: 0; font-weight: 700; font-size: 18px; color: #37423b;}
.courses .trainer {padding-top: 15px; border-top: 1px solid #eef0ef;}
.courses .trainer .trainer-profile img {max-width: 50px; border-radius: 50px;}
.courses .trainer .trainer-profile span {padding-left: 10px; font-weight: 600; font-size: 16px; color: #5a6c60;}
.courses .trainer .trainer-rank {font-size: 18px; color: #657a6d;}

/*-------------- # Trainers --------------------------------------*/
.trainers .member {text-align: center; margin-bottom: 20px; background: #fff; border: 1px solid #eef0ef;}
.trainers .member img {margin: -1px -1px 30px -1px;}
.trainers .member .member-content {padding: 0 20px 30px 20px;}
.trainers .member h4 {font-weight: 700; margin-bottom: 2px; font-size: 18px;}
.trainers .member span {font-style: italic; display: block; font-size: 13px;}
.trainers .member p {padding-top: 10px; font-size: 14px; font-style: italic; color: #aaaaaa;}
.trainers .member .social {margin-top: 15px;}
.trainers .member .social a {color: #7e9486; transition: 0.3s;}
.trainers .member .social a:hover {color: #0b1c2d;}
.trainers .member .social i {font-size: 18px; margin: 0 2px;}

/*--------------------- # Testimonials -----------------------*/
.testimonials .testimonial-wrap {padding-left: 50px;}
.testimonials .testimonials-carousel, .testimonials .testimonials-slider {overflow: hidden;}
.testimonials .testimonial-item {box-sizing: content-box; padding: 30px 30px 30px 60px; margin: 30px 15px; min-height: 200px; border: 1px solid #eef0ef; position: relative; background: #fff;}
.testimonials .testimonial-item .testimonial-img {width: 90px; border-radius: 10px; border: 6px solid #fff; position: absolute; left: -45px;}
.testimonials .testimonial-item h3 {font-size: 18px; font-weight: bold; margin: 10px 0 5px 0; color: #111;}
.testimonials .testimonial-item h4 {font-size: 14px; color: #999; margin: 0;}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {color: #c1ecce; font-size: 26px;}
.testimonials .testimonial-item .quote-icon-left {display: inline-block; left: -5px; position: relative;}
.testimonials .testimonial-item .quote-icon-right {display: inline-block; right: -5px; position: relative; top: 10px;}
.testimonials .testimonial-item p {font-style: italic; margin: 15px auto 15px auto;}
.testimonials .swiper-pagination {margin-top: 20px; position: relative;}
.testimonials .swiper-pagination .swiper-pagination-bullet {width: 12px; height: 12px; background-color: #fff; opacity: 1; border: 1px solid #0b1c2d;}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {background-color: #0b1c2d;}
@media (max-width: 767px)
{.testimonials .testimonial-wrap {padding-left: 0;}
.testimonials .testimonials-carousel, .testimonials .testimonials-slider {overflow: hidden;}
.testimonials .testimonial-item {padding: 30px; margin: 15px;}
.testimonials .testimonial-item .testimonial-img {position: static; left: auto;}
}

/*------------  Cource Details --------------------------------------*/
.course-details h3 {font-size: 24px; margin: 30px 0 15px 0; font-weight: 700; position: relative; padding-bottom: 10px;}
.course-details h3:before {content: ""; position: absolute; display: block; width: 100%; height: 1px; background: #eef0ef; bottom: 0; left: 0;}
.course-details h3:after {content: ""; position: absolute; display: block; width: 60px; height: 1px; background: #0b1c2d; bottom: 0; left: 0;}
.course-details .course-info {background: #f6f7f6; padding: 10px 15px; margin-bottom: 15px;}
.course-details .course-info h5 {font-weight: 400; font-size: 16px; margin: 0; font-family: "BPG Rioni", sans-serif;}
.course-details .course-info p {margin: 0; font-weight: 600;}
.course-details .course-info a {color: #657a6d;}

/*------------------------- Cource Details Tabs ----------------------------------------*/
.cource-details-tabs {overflow: hidden; padding-top: 0;}
.cource-details-tabs .nav-tabs {border: 0;}
.cource-details-tabs .nav-link {border: 0; padding: 12px 15px 12px 0; transition: 0.3s; color: #37423b; border-radius: 0; border-right: 2px solid #e2e7e4; font-weight: 600; font-size: 15px;}
.cource-details-tabs .nav-link:hover {color: #0b1c2d;}
.cource-details-tabs .nav-link.active {color: #0b1c2d; border-color: #0b1c2d;}
.cource-details-tabs .tab-pane.active {-webkit-animation: fadeIn 0.5s ease-out; animation: fadeIn 0.5s ease-out;}
.cource-details-tabs .details h3 {font-size: 26px; font-weight: 600; margin-bottom: 20px; color: #37423b;}
.cource-details-tabs .details p {color: #777777;}
.cource-details-tabs .details p:last-child {margin-bottom: 0;}
@media (max-width: 992px)
{.cource-details-tabs .nav-link {border: 0; padding: 15px;}
.cource-details-tabs .nav-link.active {color: #fff; background: #0b1c2d;}
}

/*------------ # Events ---------------------------------------------------*/
.events .card {border: 0; padding: 0 30px; margin-bottom: 60px; position: relative;}
.events .card-img {width: calc(100% + 60px); margin-left: -30px; overflow: hidden; z-index: 9; border-radius: 0;}
.events .card-img img {max-width: 100%; transition: all 0.3s ease-in-out;}
.events .card-body {z-index: 10; background: #fff; border-top: 4px solid #fff; padding: 30px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); margin-top: -60px; transition: 0.3s;}
.events .card-title {font-weight: 700; text-align: center; margin-bottom: 20px;}
.events .card-title a {color: #37423b; transition: 0.3s;}
.events .card-text {color: #5e5e5e;}
.events .read-more a {color: #777777; text-transform: uppercase; font-weight: 600; font-size: 12px; transition: 0.3s;}
.events .read-more a:hover {color: #0b1c2d;}
.events .card:hover img {transform: scale(1.1);}
.events .card:hover .card-body {border-color: #0b1c2d;}
.events .card:hover .card-body .card-title a {color: #0b1c2d;}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {padding: 20px; background: #fff; text-align: center; border: 1px solid #eef0ef; border-radius: 0; position: relative; overflow: hidden;}
.pricing h3 {font-weight: 400; margin: -20px -20px 20px -20px; padding: 20px 15px; font-size: 16px; font-weight: 600; color: #777777; background: #f8f8f8;}
.pricing h4 {font-size: 36px; color: #0b1c2d; font-weight: 600; font-family: "BPG Rioni", sans-serif; margin-bottom: 20px;}
.pricing h4 sup {font-size: 20px; top: -15px; left: -3px;}
.pricing h4 span {color: #bababa; font-size: 16px; font-weight: 300;}
.pricing ul {padding: 0; list-style: none; color: #444444; text-align: center; line-height: 20px; font-size: 14px;}
.pricing ul li {padding-bottom: 16px;}
.pricing ul i {color: #0b1c2d; font-size: 18px; padding-right: 4px;}
.pricing ul .na {color: #ccc; text-decoration: line-through;}
.pricing .btn-wrap {margin: 20px -20px -20px -20px; padding: 20px 15px; background: #f8f8f8; text-align: center;}
.pricing .btn-buy {background: #0b1c2d; display: inline-block; padding: 8px 35px; border-radius: 50px; color: #fff; transition: none; font-size: 14px; font-weight: 400; font-family: "BPG Rioni", sans-serif; font-weight: 600; transition: 0.3s;}
.pricing .btn-buy:hover {background: #3ac162;}
.pricing .featured h3 {color: #fff; background: #0b1c2d;}
.pricing .advanced {width: 200px; position: absolute; top: 18px; right: -68px; transform: rotate(45deg); z-index: 1; font-size: 14px; padding: 1px 0 3px 0; background: #0b1c2d; color: #fff;}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact {padding-top: 5px;}
.contact .info {width: 100%; background: #fff;}
.contact .info i {font-size: 20px; color: #0b1c2d; float: left; width: 44px; height: 44px; background: #ecf9f0; display: flex; justify-content: center; align-items: center; border-radius: 50px; transition: all 0.3s ease-in-out;}
.contact .info h4 {padding: 0 0 0 60px; font-size: 22px; font-weight: 600; margin-bottom: 5px; color: #37423b;}
.contact .info p {padding: 0 0 0 60px; margin-bottom: 0; font-size: 14px; color: #657a6d;}
.contact .info .email, .contact .info .phone {margin-top: 40px;}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {background: #0b1c2d; color: #fff;}
.contact .php-email-form {width: 100%; background: #fff;}
.contact .php-email-form .form-group {padding-bottom: 8px;}
.contact .php-email-form .error-message {display: none; color: #fff; background: #ed3c0d; text-align: left; padding: 15px; font-weight: 600;}
.contact .php-email-form .error-message br + br {margin-top: 25px;}
.contact .php-email-form .sent-message {display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600;}
.contact .php-email-form .loading {display: none; background: #fff; text-align: center; padding: 15px;}
.contact .php-email-form .loading:before {content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #18d26e; border-top-color: #eee; -webkit-animation: animate-loading 1s linear infinite; animation: animate-loading 1s linear infinite;}
.contact .php-email-form input, .contact .php-email-form textarea {border-radius: 4px; box-shadow: none; font-size: 14px;}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {border-color: #0b1c2d;}
.contact .php-email-form input {height: 44px;}
.contact .php-email-form textarea {padding: 10px 12px;}
.contact .php-email-form button[type=submit] {background: #0b1c2d; border: 0; padding: 10px 35px; color: #fff; transition: 0.4s; border-radius: 50px;}
.contact .php-email-form button[type=submit]:hover {background: #3ac162;}
@-webkit-keyframes animate-loading {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@keyframes animate-loading {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

/*----------- სარდაფი. თითქმის ერთნაირია ინგლისურსა და ქართულ ვერსიებში  ------------*/
#footer {color: #fafafa; font-size: 14px; background: #0b1c2d;}
#footer .footer-top {padding: 60px 0 30px 0; /*background: #f9faf9; */}
#footer .footer-top .footer-contact {margin-bottom: 30px;}
#footer .footer-top .footer-contact h4 {font-size: 22px; margin: 0 0 30px 0; padding: 2px 0 2px 0; line-height: 1; font-weight: 700;}
#footer .footer-top .footer-contact p {font-size: 14px; line-height: 24px; margin-bottom: 0; font-family: "BPG Rioni", sans-serif; color: #777777;}
#footer .footer-top h4 {font-size: 16px; font-weight: bold; color: #dedad0; position: relative; padding-bottom: 12px;}
#footer .footer-top .footer-links {margin-bottom: 30px;}
#footer .footer-top .footer-links ul {list-style: none; padding: 0; margin: 0;}
#footer .footer-top .footer-links ul i {padding-right: 2px; color: #0b1c2d; font-size: 18px; line-height: 1;}
#footer .footer-top .footer-links ul li {padding: 10px 0; display: flex; align-items: center;}
#footer .footer-top .footer-links ul li:first-child {padding-top: 0;}
#footer .footer-top .footer-links ul a {color: #dedad0; transition: 0.3s; display: inline-block; line-height: 1;}
#footer .footer-top .footer-links ul a:hover {text-decoration: none; color: #d25238;}
#footer .footer-newsletter {font-size: 15px;}
#footer .footer-newsletter h4 {font-size: 16px; font-weight: bold; color: #444444; position: relative; padding-bottom: 12px;}
#footer .footer-newsletter form {margin-top: 30px; background: #fff; padding: 6px 10px; position: relative; border-radius: 50px; text-align: left; border: 1px solid #e0e5e2;}
#footer .footer-newsletter form input[type=email] {border: 0; padding: 4px 8px; width: calc(100% - 100px);}
#footer .footer-newsletter form input[type=submit] {position: absolute; top: -1px; right: -1px; bottom: -1px; border: 0; background: none; font-size: 16px; padding: 0 20px 2px 20px; background: #d25238; color: #fff; transition: 0.3s; border-radius: 50px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
#footer .footer-newsletter form input[type=submit]:hover {background: #085856;}
#footer .credits {padding-top: 5px; font-size: 13px;}
#footer .credits a {color: #d25238; transition: 0.3s;}
#footer .credits a:hover {color: #eeca4a;}
#footer .social-links a {font-size: 18px; display: inline-block; background: #0b1c2d; color: #fff; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s;}
#footer .social-links a:hover {background: #d25238; color: #fff; text-decoration: none;}

/*----------- ვიდეო  ------------*/
.video {position: relative; background-color: black; height: 55vh; min-height: 15rem; width: 100%;overflow: hidden;}
.video video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.video .container {position: relative; z-index: 2;}
.video .overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.5; z-index: 1;}
@media (pointer: coarse) and (hover: none) {
.video {background: url("./assets/img/hero-bg.jpg") black no-repeat center center scroll;}
.video video {display: none;} }