/*

TemplateMo 569 Edu Meeting

https://templatemo.com/tm-569-edu-meeting

*/

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
div pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
figure,
header,
nav,
section,
article,
aside,
footer,
figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header,
nav,
section,
article,
aside,
footer,
hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html,
body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
  color: #3cf;
}

a:hover {
  color: #fc3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14px;
  line-height: 25px;
  color: #2a2a2a;
}

img {
  width: 100%;
  overflow: hidden;
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  font-family: "Poppins", sans-serif;
}

::selection {
  background: #f5a425;
  color: #fff;
}

::-moz-selection {
  background: #f5a425;
  color: #fff;
}

@media (max-width: 991px) {
  html,
  body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

.main-button-red a {
  font-size: 13px;
  color: #fff;
  background-color: #a12c2f;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 0.3s;
}

.main-button-red a:hover {
  opacity: 0.9;
}

.main-button-yellow a {
  font-size: 13px;
  color: #fff;
  background-color: #2a2a2a;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 0.3s;
}

.main-button-yellow a:hover {
  opacity: 0.9;
}

.section-heading h2 {
  line-height: 40px;
  margin-top: 0px;
  margin-bottom: 50px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(250, 250, 250, 0.15);
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.sub-header {
  background-color: #1f272b;
  position: relative;
  z-index: 1111;
}

.sub-header .left-content p {
  color: #fff;
  padding: 8px 0px;
  font-size: 13px;
}

.sub-header .right-icons {
  text-align: right;
  padding: 8px 0px;
}

.sub-header .right-icons ul li {
  display: inline-block;
  margin-left: 15px;
}

.sub-header .right-icons ul li a {
  color: #fff;
  font-size: 14px;
  transition: all 0.3s;
}

.sub-header .right-icons ul li a:hover {
  color: #f5a425;
}

.sub-header .left-content p em {
  font-style: normal;
  color: #f5a425;
}

.background-header {
  background-color: #fff !important;
  height: 80px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important;
}

.background-header .main-nav .nav li a {
  color: #1e1e1e !important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #1e1e1e !important;
}

.background-header .main-nav .nav li:hover a {
  color: #fb5849 !important;
}

.background-header .nav li a.active {
  color: #fb5849 !important;
}

.header-area {
  background-color: rgba(250, 250, 250, 0.15);
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.header-area .main-nav {
  min-height: 80px;
  background: transparent;
}

.header-area .main-nav .logo {
  line-height: 100px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-sticky .main-nav .logo {
  color: #000 !important;
}
.header-sticky .nav a {
  color: #000 !important;
}
.header-sticky .nav .active {
  background-color: #000 !important;
  color: white !important;
}
.background-header .main-nav .logo {
  line-height: 75px;
}

.background-header .nav {
  margin-top: 20px !important;
}

.header-area .main-nav .nav {
  float: right;
  margin-top: 30px;
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

.header-area .main-nav .nav li {
  padding-left: 15px;
  padding-right: 15px;
}

.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
}

.header-area .main-nav .nav li a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}
.header-area .main-nav .nav li:hover a {
  border-bottom: 1px solid #fff;
}

.header-area .main-nav .nav li a.active {
  color: #000;
  border-radius: 6px;
  padding: 8px 12px;
  line-height: 2;
  background-color: white;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #f5a425 !important;
  opacity: 1;
}

.header-area .main-nav .nav li.has-sub {
  position: relative;
  padding-right: 15px;
}

.header-area .main-nav .nav li.has-sub:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  color: #fff;
  position: absolute;
  right: 5px;
  top: 12px;
}

.background-header .main-nav .nav li.has-sub:after {
  color: #1e1e1e;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu {
  position: absolute;
  width: 200px;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  top: 40px;
  opacity: 0;
  transition: all 0.3s;
  transform: translateY(+2em);
  visibility: hidden;
  z-index: -1;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li a {
  opacity: 1;
  display: block;
  background: #f7f7f7;
  color: #2a2a2a !important;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.has-sub ul li a:hover {
  background: #fff;
  color: #f5a425 !important;
  padding-left: 25px;
}

.header-area .main-nav .nav li.has-sub ul li a:hover:before {
  width: 3px;
}

.header-area .main-nav .nav li.has-sub:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 33px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}

.background-header .main-nav .menu-trigger {
  top: 23px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.header-area.header-sticky {
  min-height: 80px;
}

.header-area .nav {
  margin-top: 30px;
}

.header-area.header-sticky .nav li a.active {
  color: #f5a425;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 7px;
    padding-right: 7px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}

@media (max-width: 767px) {
  .header-area .main-nav .logo {
    color: #1e1e1e;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425 !important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  .header-area {
    /* background-color: #f7f7f7; */
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area.header-sticky .nav {
    margin-top: 100px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #191a20 !important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #f5a425 !important;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3b566e;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul,
  .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}

@media (min-width: 767px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
}

/* 
---------------------------------------------
banner
--------------------------------------------- 
*/

.main-banner {
  position: relative;
  max-height: 100%;
  overflow: hidden;
  margin-bottom: -7px;
}

#bg-video {
  min-width: 100%;
  min-height: 100vh;
  max-width: 100%;
  max-height: 100vh;
  object-fit: cover;
  z-index: -1;
}

#bg-video::-webkit-media-controls {
  display: none !important;
}

.video-overlay {
  position: absolute;
  background-color: rgba(31, 39, 43, 0.75);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}

.main-banner .caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.main-banner .mainCption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-banner .caption h6 {
  margin-top: 0px;
  font-size: 1.7rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

.main-banner .caption h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}
.header-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.main-banner .caption h2 em {
  font-style: normal;
  color: #f5a425;
  font-weight: 900;
}

.main-banner .caption p {
  color: #fff;
  font-size: 1.3rem;
  line-height: 2.1rem;
  max-width: 870px;
}

.main-banner .caption .main-button-red {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .main-banner .caption h6 {
    font-weight: 500;
  }

  .main-banner .caption h2 {
    font-size: 36px;
  }
}

/*
---------------------------------------------
services
---------------------------------------------
*/

.services {
  margin-top: -135px;
  position: absolute;
  width: 100%;
}

.services .item {
  background-image: url(./service-item-bg.jpg);
  background-repeat: no-repeat;

  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  padding: 60px;
}

.services .item .icon {
  max-width: 60px;
  margin: 0 auto;
}

.services .item h4 {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}

.services .item p {
  color: #fff;
  font-size: 13px;
}

.services .owl-nav {
  display: inline-block !important;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-25px);
}

.services .owl-nav .owl-prev {
  margin-right: 10px;
  outline: none;
  position: absolute;
  left: -80px;
}

.services .owl-nav .owl-prev span,
.services .owl-nav .owl-next span {
  opacity: 0;
}

.services .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: "FontAwesome";
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: "\f104";
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

.services .owl-nav .owl-prev {
  opacity: 1;
  transition: all 0.5s;
}

.services .owl-nav .owl-prev:hover {
  opacity: 0.9;
}

.services .owl-nav .owl-next {
  opacity: 1;
  transition: all 0.5s;
}

.services .owl-nav .owl-next:hover {
  opacity: 0.9;
}

.services .owl-nav .owl-next {
  margin-left: 10px;
  outline: none;
  position: absolute;
  right: -85px;
}

.services .owl-nav .owl-next:before {
  display: inline-block;
  font-family: "FontAwesome";
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: "\f105";
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

/*
---------------------------------------------
upcoming meetings
---------------------------------------------
*/

section.upcoming-meetings {
  background-image: url(../images/meetings-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 190px;
  padding-bottom: 110px;
}

section.upcoming-meetings .section-heading {
  text-align: center;
}

section.upcoming-meetings .categories {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  margin-right: 45px;
}

section.upcoming-meetings .categories h4 {
  font-size: 18px;
  font-weight: 600;
  color: #1f272b;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

section.upcoming-meetings .categories ul li {
  display: inline-block;
  margin-bottom: 15px;
}

section.upcoming-meetings .categories ul li a {
  font-size: 15px;
  color: #1f272b;
  font-weight: 500;
  transition: all 0.3s;
}

section.upcoming-meetings .categories ul li a:hover {
  color: #a12c2f;
}

section.upcoming-meetings .categories .main-button-red {
  border-top: 1px solid #eee;
  padding-top: 30px;
  margin-top: 15px;
}

section.upcoming-meetings .categories .main-button-red a {
  width: 100%;
  text-align: center;
}

.meeting-item {
  margin-bottom: 30px;
}

.meeting-item .thumb {
  position: relative;
}

.meeting-item .thumb img {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.meeting-item .thumb .price {
  position: absolute;
  left: 20px;
  top: 20px;
}

.meeting-item .thumb .price span {
  font-size: 16px;
  color: #1f272b;
  font-weight: 600;
  background-color: rgba(250, 250, 250, 0.9);
  padding: 7px 12px;
  border-radius: 10px;
}

.meeting-item .down-content {
  background-color: #fff;
  padding: 30px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.meeting-item .down-content .date {
  float: left;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
}

.meeting-item .down-content .date h6 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #a12c2f;
}

.meeting-item .down-content .date span {
  display: block;
  color: #1f272b;
  font-size: 22px;
  margin-top: 7px;
}

.meeting-item .down-content h4 {
  font-size: 18px;
  color: #1f272b;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-item .down-content p {
  margin-left: 50px;
  color: #1f272b;
  font-size: 14px;
}

/*
---------------------------------------------
apply now
---------------------------------------------
*/

section.apply-now {
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0px;
}

section.apply-now .item {
  background-color: rgba(250, 250, 250, 0.15);
  padding: 40px;
  margin-bottom: 30px;
}

section.apply-now .item h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

section.apply-now .item p {
  color: #fff;
  margin-bottom: 20px;
}

.accordions {
  border-radius: 20px;
  padding: 40px;
  background-color: #fff;
  margin-left: 45px;
}
.accordions .accordion {
  border-bottom: 1px solid #eee;
}
.accordions .last-accordion {
  border-bottom: none;
}
.accordions .accordion {
  border-bottom: 1px solid #eee;
}

.accordions .last-accordion {
  border-bottom: none;
}

.accordion-head {
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  color: #1f272b;
  cursor: pointer;
  transition: color 200ms ease-in-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-head .icon {
  transition: transform 200ms ease-in-out;
}

.accordion-head.is-open {
  color: #a12c2f;
}

.accordion-head.is-open .icon {
  transform: rotate(90deg); /* rotate the icon 90 degrees */
}

.accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 300ms ease-in-out;
}

.accordion-body.active {
  max-height: 300px; /* adjust this based on your content */
  transition: max-height 300ms ease-in-out;
}

.accordion-body > .content {
  padding: 20px;
  padding-top: 0;
}
/* 
---------------------------------------------
courses
--------------------------------------------- 
*/

section.our-courses {
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 130px;
}

.our-courses .item .down-content {
  background-color: #fff;
}

.our-courses .item .down-content h4 {
  padding: 25px;
  font-size: 18px;
  color: #1f272b;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.our-courses .item .down-content .info {
  padding: 25px;
}

.our-courses .item .down-content .info ul li {
  display: inline-block;
  margin-right: 1px;
}

.our-courses .item .down-content .info ul li i {
  color: #f5a425;
  font-size: 14px;
}

.our-courses .item .down-content .info span {
  color: #a12c2f;
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  display: inline-block;
  width: 100%;
}

.our-courses .owl-nav {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-45px);
}

.our-courses .owl-dots {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: 40px;
}

.our-courses .owl-dots .owl-dot {
  transition: all 0.5s;
  width: 7px;
  height: 7px;
  background-color: #fff;
  margin: 0px 5px;
  border-radius: 50%;
  outline: none;
}

.our-courses .owl-dots .active {
  width: 24px;
  height: 8px;
  border-radius: 4px;
}

.our-courses .owl-nav .owl-prev {
  margin-right: 10px;
  outline: none;
  position: absolute;
  left: -80px;
}

.our-courses .owl-nav .owl-prev span,
.our-courses .owl-nav .owl-next span {
  opacity: 0;
}

.our-courses .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: "FontAwesome";
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: "\f104";
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

.our-courses .owl-nav .owl-prev {
  opacity: 1;
  transition: all 0.5s;
}

.our-courses .owl-nav .owl-prev:hover {
  opacity: 0.9;
}

.our-courses .owl-nav .owl-next {
  opacity: 1;
  transition: all 0.5s;
}

.our-courses .owl-nav .owl-next:hover {
  opacity: 0.9;
}

.our-courses .owl-nav .owl-next {
  margin-left: 10px;
  outline: none;
  position: absolute;
  right: -85px;
}

.our-courses .owl-nav .owl-next:before {
  display: inline-block;
  font-family: "FontAwesome";
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: "\f105";
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

/*
---------------------------------------------
our facts
---------------------------------------------
*/

section.our-facts {
  background-image: url(../images/facts-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0px 125px 0px;
}

section.our-facts h2 {
  font-size: 38px;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 50px;
}

.count-area-content {
  text-align: center;
  background-color: rgba(250, 250, 250, 0.15);
  border-radius: 20px;
  padding: 25px 30px 35px 30px;
  margin: 15px 0px;
}

.percentage .count-digit:after {
  content: "%";
  margin-left: 3px;
}

.count-digit {
  margin: 5px 0px;
  color: #a12c2f;
  font-weight: 700;
  font-size: 36px;
}
.count-title {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.5px;
}

.new-students {
  margin-top: 45px;
}

section.our-facts .video {
  text-align: center;
  margin-left: 70px;
  background-image: url(../images/video-item-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
}

section.our-facts .video img {
  padding: 170px 0px;
  max-width: 56px;
}

/* 
---------------------------------------------
contact us
--------------------------------------------- 
*/

section.contact-us {
  background-image: url(../images/meetings-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0px 0px 0px;
}

section.contact-us #contact {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
}

section.contact-us #contact h2 {
  text-transform: uppercase;
  color: #1f272b;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
}

section.contact-us #contact input {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  background-color: #f7f7f7;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #7a7a7a;
  padding: 0px 15px;
  margin-bottom: 30px;
}

section.contact-us #contact textarea {
  width: 100%;
  min-height: 140px;
  max-height: 180px;
  border-radius: 20px;
  background-color: #f7f7f7;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #7a7a7a;
  padding: 15px;
  margin-bottom: 30px;
}

section.contact-us #contact button {
  font-size: 13px;
  color: #fff;
  background-color: #a12c2f;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 0.3s;
  border: none;
  outline: none;
}

section.contact-us #contact button:hover {
  opacity: 0.9;
}

section.contact-us .right-info {
  background-color: #a12c2f;
  border-radius: 20px;
  padding: 40px;
}

section.contact-us .right-info ul li {
  display: inline-block;
  border-bottom: 1px solid rgba(250, 250, 250, 0.15);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

section.contact-us .right-info ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

section.contact-us .right-info ul li h6 {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

section.contact-us .right-info ul li span {
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
}

---------------------------------------------
  heading
  page
  ---------------------------------------------
  */
  section.heading-page {
  background-image: url(../images/heading-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 230px;
  padding-bottom: 110px;
  text-align: center;
}

section.heading-page h6 {
  margin-top: 0px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

section.heading-page h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}

/*
---------------------------------------------
upcoming meetings page
---------------------------------------------
*/

section.meetings-page {
  background-image: url(../images/meetings-page-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 0px;
}

section.meetings-page .filters {
  text-align: center;
  margin-bottom: 60px;
}

section.meetings-page .filters li {
  font-size: 13px;
  color: #a12c2f;
  background-color: #fff;
  padding: 11px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0px 3px;
}

section.meetings-page .filters ul li.active,
section.meetings-page .filters ul li:hover {
  background-color: #a12c2f;
  color: #fff;
}

section.meetings-page .pagination {
  text-align: center;
  width: 100%;
  margin-top: 30px;
  display: inline-block;
}

section.meetings-page .pagination ul li {
  display: inline-block;
}

section.meetings-page .pagination ul li a {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 10px;
  color: #1f272b;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s;
}

section.meetings-page .main-button-red {
  text-align: center;
}

section.meetings-page .main-button-red a {
  padding: 12px 60px;
  text-align: center;
  margin-top: 30px;
}

section.meetings-page .pagination ul li.active a,
section.meetings-page .pagination ul li a:hover {
  background-color: #a12c2f;
  color: #fff;
}

.meeting-single-item .thumb {
  position: relative;
}

.meeting-single-item .thumb img {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.meeting-single-item .thumb .price {
  position: absolute;
  left: 20px;
  top: 20px;
}

.meeting-single-item .thumb .price span {
  font-size: 16px;
  color: #1f272b;
  font-weight: 600;
  background-color: rgba(250, 250, 250, 0.9);
  padding: 7px 12px;
  border-radius: 10px;
}

.meeting-single-item .down-content {
  background-color: #fff;
  padding: 40px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.meeting-single-item .thumb .date {
  position: absolute;
  background-color: rgba(250, 250, 250, 0.9);
  width: 80px;
  height: 80px;
  text-align: center;
  padding: 15px 0px;
  border-radius: 10px;
  right: 20px;
  top: 20px;
}

.meeting-single-item .thumb .date h6 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #a12c2f;
}

.meeting-single-item .thumb .date span {
  display: block;
  color: #1f272b;
  font-size: 22px;
  margin-top: 7px;
}

.meeting-single-item .down-content h4 {
  font-size: 22px;
  color: #1f272b;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-single-item .down-content h5 {
  font-size: 18px;
  color: #1f272b;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-single-item .down-content p {
  color: #1f272b;
  font-size: 14px;
}

.meeting-single-item .down-content p.description {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.meeting-single-item .down-content .share {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee;
}

.meeting-single-item .down-content .share h5 {
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
}

.meeting-single-item .down-content .share ul li {
  display: inline;
}

.meeting-single-item .down-content .share ul li a {
  font-size: 14px;
  color: #1f272b;
  transition: all 0.3s;
}

.meeting-single-item .down-content .share ul li a:hover {
  color: #f5a425;
}

/* Meeting item column */
.templatemo-item-col {
  width: 31%;
}

@media (max-width: 992px) {
  .templatemo-item-col {
    width: 45%;
  }
}

@media (max-width: 767px) {
  .templatemo-item-col {
    width: 100%;
  }
}

/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/

@media (max-width: 1300px) {
  .services .owl-nav .owl-next {
    right: -30px;
  }
  .services .owl-nav .owl-prev {
    left: -25px;
  }
  .our-courses .owl-nav .owl-next {
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev {
    left: -25px;
  }
}

@media (max-width: 1200px) {
  .services .owl-nav .owl-next {
    right: -70px;
  }
  .services .owl-nav .owl-prev {
    left: -65px;
  }
  .our-courses .owl-nav .owl-next {
    right: -70px;
  }
  .our-courses .owl-nav .owl-prev {
    left: -65px;
  }
}

@media (max-width: 1085px) {
  .services .owl-nav .owl-next {
    right: -30px;
  }
  .services .owl-nav .owl-prev {
    left: -25px;
  }
  .our-courses .owl-nav .owl-next {
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev {
    left: -25px;
  }
}

@media (max-width: 1005px) {
  .services .owl-nav .owl-next {
    display: none;
  }
  .services .owl-nav .owl-prev {
    display: none;
  }
  .our-courses .owl-nav .owl-next {
    display: none;
  }
  .our-courses .owl-nav .owl-prev {
    display: none;
  }
}

@media (max-width: 992px) {
  .main-banner .caption {
    top: 60%;
  }

  .main-banner .caption h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .main-banner .caption .main-button-red {
    margin-top: 15px;
  }

  .services {
    margin-top: 60px;
  }

  section.upcoming-meetings {
    padding-top: 90px;
  }

  section.upcoming-meetings .categories {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .accordions {
    margin-left: 0px;
  }

  .new-students {
    margin-top: 15px;
  }

  section.our-facts .video {
    margin-left: 0px;
    margin-top: 15px;
  }

  section.contact-us #contact {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .sub-header .left-content p {
    display: none;
  }

  .sub-header .right-icons {
    text-align: center;
  }

  .main-nav .nav .sub-menu {
    display: none;
  }

  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
}
.swiper-button-prev:after,
.swiper-button-next:after {
  display: none !important;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0% !important;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  padding: 0.5rem !important;
  background-color: #f7f7f7 !important;
  color: black !important;
}

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

.courses {
  width: 100%;
  padding-top: 260px;
  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-top: 22px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 23px;
}
.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: #a12c2f;
}
.course_teacher {
  font-size: 15px;
  font-weight: 400;
  color: #384158;
  margin-top: 6px;
}
.course_text {
  margin-top: 13px;
}
.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: #a12c2f;
}
.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 {
  width: 210px;
  height: 46px;
  border-radius: 3px;
  background: #a12c2f;
  text-align: center;
  margin: 0 auto;
  margin-top: 41px;
  box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}
.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;
}

/*********************************
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: #a12c2f;
  font-weight: 700;
  line-height: 0.75;
}
.event_month {
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  color: #a12c2f;
  font-weight: 400;
  line-height: 0.75;
  margin-top: 9px;
}
.event:hover .event_date > div {
  background: #a12c2f;
}
.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: #a12c2f;
}
.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;
}

/*********************************
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: #a12c2f;
}
.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: #a12c2f;
}
.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: #a12c2f;
}
.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: #a12c2f;
}

.footer {
  display: block;
  position: relative;
  width: 100%;
  background: #1e2434;
  padding-top: 150px;
}
.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: 93px;
}
.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: #a12c2f;
}
.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: 31px;
}
.footer_about_text p {
  color: #ffffff;
}
.footer_social {
  margin-top: 23px;
}
.footer_social 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_social ul li:not(:last-child) {
  margin-right: 6px;
}
.footer_social ul li a {
  display: block;
  position: relative;
  text-align: center;
}
.footer_social ul li a i {
  color: #ffffff;
  line-height: 45px;
}
.footer_social ul li:hover {
  background: #a12c2f;
}
.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: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: #a12c2f;
}
.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: #a12c2f;
}
.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: #a12c2f;
}
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 60px;
  height: 60px;
  background-color: #a12c2f;
  border: none;
  align-items: center;
  border-radius: 8px;
  justify-content: center;
  z-index: 9999999999;
  cursor: pointer;
  display: none;
  transition: opacity 0.3s;
}
.back-to-top.show {
  display: flex;
}

.back-to-top:hover {
  background-color: #555;
}
.back-to-top .fa-solid {
  font-size: 2rem;
  color: white;
}

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

.home {
  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: "FontAwesome";
  content: "\f105";
  margin-left: 7px;
  margin-right: 4px;
  color: #384158;
}
.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: #a12c2f;
}

/*********************************
7. About
*********************************/

.about {
  width: 100%;
  padding-top: 93px;
  padding-bottom: 100px;
  background: #ffffff;
}
.about_row {
  margin-top: 56px;
}
.about_col_left {
  padding-right: 25px;
}
.about_col_right {
  padding-left: 25px;
}
.about_col_middle {
  padding-left: 20px;
  padding-right: 20px;
}
.about_item_image {
  width: 100%;
  overflow: hidden;
}
.about_item_image img {
  max-width: 100%;
  -webkit-transition: all 2000ms ease;
  -moz-transition: all 2000ms ease;
  -ms-transition: all 2000ms ease;
  -o-transition: all 2000ms ease;
  transition: all 2000ms ease;
}
.about_item:hover .about_item_image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.about_item_title {
  margin-top: 22px;
}
.about_item_title a {
  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;
}
.about_item_title a:hover {
  color: #a12c2f;
}
.about_item_text {
  margin-top: 12px;
}
.about_item_text {
  line-height: 2;
}

/*********************************
9. Team
*********************************/

.team {
  width: 100%;
  padding-top: 93px;
  padding-bottom: 60px;
  background: #ffffff;
}
.team_row {
  margin-top: 43px;
}
.team_col {
  margin-bottom: 40px;
}
.team_item {
  width: 100%;
}
.team_image {
  width: 180px;
  height: 160px;
  border-radius: 6px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -86px;
  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 a {
  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_title a:hover {
  color: #a12c2f;
}
.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: #a12c2f;
}
.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;
}

/*********************************
10. 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: #a12c2f;
  padding: 0.5rem;
  width: fit-content;
  background-color: white;
  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: #a12c2f;
  background-color: white;
  padding: 0.5rem;
  border-radius: 5px;
}
.milestone_text {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 14px;
}
.row-counter {
  justify-content: center;
  gap: 50px;
}
.counter_form {
  position: relative;
  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: #a12c2f;
  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);
}

@media only screen and (max-width: 1199px) {
  .about_col_left {
    padding-right: 15px;
  }
  .about_col_right {
    padding-left: 15px;
  }
  .about_col_middle {
    padding-left: 15px;
    padding-right: 15px;
  }
  .feature_content {
    padding-right: 0;
  }
  .feature_video {
    width: 100%;
    left: auto;
  }
  .team_image {
    width: 160px;
    height: 140px;
  }
  .milestone:not(:last-child)::after {
    display: none;
  }
  .partners_slider_container {
    width: calc(100% + 160px);
    left: -80px;
  }
}
@media only screen and (max-width: 991px) {
  .main_nav,
  .search_button {
    display: none;
  }
  .top_bar_contact_list li i,
  .top_bar_contact_list li > div,
  .login_button a {
    font-size: 12px;
  }
  .login_button {
    width: 140px;
  }
  .hamburger {
    display: inline-block;
    margin-left: 33px;
  }
  .about_col:not(:last-child) {
    margin-bottom: 40px;
  }
  .feature_video {
    margin-top: 60px;
  }
  .team_col .team_item {
    padding-left: 0px;
    padding-right: 0px;
  }
  .team_col:first-child .team_item {
    padding-left: 0;
    padding-right: 0px;
  }
  .team_col:nth-child(4n) .team_item {
    padding-left: 0px;
    padding-right: 0;
  }
  .team_col:nth-child(odd) .team_item {
    padding-right: 6px;
  }
  .team_col:nth-child(even) .team_item {
    padding-left: 6px;
  }
  /* .counter_form {
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
  } */
  .counter_content {
    padding-top: 100px;
    padding-bottom: 68px;
  }
  .counter {
    padding-bottom: 100px;
  }
  .newsletter_container {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .newsletter_form_container {
    margin-top: 19px;
  }

  @media only screen and (max-width: 767px) {
    .top_bar {
      display: none;
    }
    .home {
      height: 140px;
    }
    .header.scrolled {
      top: 0px;
    }
    .team_col .team_item {
      padding-left: 0px;
      padding-right: 0px;
    }
    .team_col:first-child .team_item {
      padding-left: 0;
      padding-right: 0px;
    }
    .team_col:nth-child(4n) .team_item {
      padding-left: 0px;
      padding-right: 0;
    }
    .team_col:nth-child(odd) .team_item {
      padding-right: 0px;
    }
    .team_col:nth-child(even) .team_item {
      padding-left: 0px;
    }
    .milestone:not(:last-child) {
      margin-bottom: 50px;
    }
    .partners_slider_container {
      width: calc(100% + 80px);
      left: -40px;
    }
  }
}

/************
11. 575px
************/

@media only screen and (max-width: 575px) {
  h2 {
    font-size: 24px;
  }
  p {
    font-size: 13px;
  }
  .menu {
    width: 100%;
    right: -100%;
  }
  .dropdown_item_select,
  .home_search_button {
    font-size: 12px;
  }
}
/*--------------------------------------------------------------
#  Page Header
--------------------------------------------------------------*/
.page-header {
  position: relative;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  overflow: hidden;
  padding: 230px 0 0px;
  background-size: cover;
}
.page-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--thm-black);
  opacity: 0.3;
}
.page-header .container {
  position: relative;
  text-align: center;
}
.page-header h2 {
  color: #ffffff;
  font-size: 70px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  padding-bottom: 56px;
}
.thm-breadcrumb {
  display: -webkit-box;
  display: flex;
  margin: 0;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}

.thm-breadcrumb li a.shop_style {
  color: #ffffff;
  background: var(--thm-primary);
  border-top-left-radius: 0;
}
.thm-breadcrumb li a,
.thm-breadcrumb li span {
  font-size: 12px;
  color: var(--thm-black);
  background: #ffffff;
  display: inline-block;
  padding: 14px 40px;
  border-top-left-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.thm-breadcrumb li span {
  background: #a12c2f;
  color: #ffffff;
  border-top-right-radius: 5px;
  border-top-left-radius: 0;
}

.partners {
  width: 100%;
  background: #ffffff;
}
.partners_slider_container {
  width: calc(100% + 100px);
  left: -50px;
}
.partners_slider {
  height: 132px;
}
.partner_item {
  height: 100%;
  cursor: pointer;
}
.partner_item img {
  position: relative;
  width: 110px !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.partner_item:hover img {
  -webkit-filter: grayscale(60%);
  filter: grayscale(60%);
}

.courses_search_container {
  padding-left: 20px;
  padding-right: 20px;
  background: #f2f4f5;
}
.courses_search_form {
  width: 100%;
  height: 92px;
}
.courses_search_input {
  width: 240px;
  height: 46px;
  border: solid 1px #d9d9d9;
  border-radius: 3px;
  background: #ffffff;
  padding-left: 20px;
}
.courses_search_input:focus {
  outline: solid 1px #a12c2f;
}
.courses_search_form > input {
  margin-right: 19px;
}
.courses_search_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;
  cursor: pointer;
}
.courses_search_button {
  width: 161px;
  height: 46px;
  background: #a12c2f;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border: none;
  outline: none;
  border-radius: 3px;
  cursor: pointer;
}
.courses_row {
  margin-top: 25px;
}
.course_col {
  margin-bottom: 51px;
}
.course {
  width: 100%;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}
.course_col:nth-child(odd) {
  padding-right: 30px;
}
.course_col:nth-child(even) {
  padding-left: 30px;
}
.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-top: 22px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 23px;
}

.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: #a12c2f;
}
.course_teacher {
  font-size: 15px;
  font-weight: 400;
  color: #384158;
  margin-top: 6px;
}
.course_text {
  margin-top: 13px;
}
.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: #a12c2f;
}
.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 {
  width: 210px;
  height: 46px;
  border-radius: 3px;
  background: #a12c2f;
  text-align: center;
  margin: 0 auto;
  margin-top: 41px;
  box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}
.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;
}
.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: #a12c2f;
}
.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;
}
.courses_show_text {
  display: inline-block;
}
.courses_show_content {
  display: inline-block;
  width: 144px;
  border: solid 1px #ecedee;
}
.courses_show_content span {
  line-height: 40px;
  padding-left: 20px;
  font-size: 16px;
  color: #384158;
}
.courses_show_text {
  font-size: 16px;
  font-weight: 400;
  color: #384158;
  margin-right: 16px;
}
.courses_show_select {
  position: relative;
  float: right;
  width: 50px;
  height: 40px;
  -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;
  cursor: pointer;
  font-size: 16px;
  color: #384158;
  border: none;
  outline: none;
}
.courses_show_select option {
  padding-left: 20px;
  text-align: right;
}

/*********************************
8. Sidebar
*********************************/

.sidebar {
  width: 100%;
  padding-left: 40px;
}
.sidebar_section:not(:last-child) {
  margin-bottom: 60px;
}
.sidebar_section_title {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  font-weight: 700;
  color: #384158;
  line-height: 0.75;
}
.sidebar_categories {
  margin-top: 16px;
}
.sidebar_categories ul li {
  position: relative;
  width: 100%;
  height: 51px;
}
.sidebar_categories ul li:not(:last-of-type) {
  border-bottom: solid 1px #e5e5e5;
}
.sidebar_categories ul li a {
  display: block;
  position: relative;
  font-size: 14px;
  color: #76777a;
  line-height: 51px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.sidebar_categories ul li a::before {
  display: inline-block;
  position: relative;
  font-family: "FontAwesome";
  content: "\f101";
  margin-right: 4px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.sidebar_categories ul li:hover a,
.sidebar_categories ul li:hover a::before {
  color: #a12c2f;
}
.sidebar_latest {
  margin-top: 31px;
}
.latest:not(:last-child) {
  margin-bottom: 20px;
}
.latest_image div {
  width: 90px;
  height: 74px;
  border-radius: 3px;
  overflow: hidden;
}
.latest_image div img {
  max-width: 100%;
}
.latest_content {
  padding-left: 21px;
  margin-top: -4px;
}
.latest_title a {
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  font-weight: 700;
  color: #383749;
  line-height: 1.625;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.latest_title a:hover {
  color: #a12c2f;
}
.latest_price {
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  font-weight: 700;
  color: #a12c2f;
  line-height: 0.75;
  margin-top: 16px;
}
.sidebar_gallery {
  margin-top: 34px;
}
.gallery_item {
  position: relative;
  width: calc((100% - 36px) / 3);
  margin-bottom: 18px;
  cursor: pointer;
}
.gallery_item img {
  width: 100%;
}
.gallery_item_overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(20, 189, 238, 0.7);
  opacity: 0;
  pointer-events: none;
  font-size: 33px;
  font-weight: 300;
  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;
}
.gallery_item:hover .gallery_item_overlay {
  opacity: 1;
}
.colorbox {
  outline: none;
}
.sidebar_tags {
  margin-top: 40px;
}
.tags_list li {
  display: inline-block;
  padding-left: 19px;
  padding-right: 18px;
  background: #f2f4f5;
  border-radius: 3px;
  margin-bottom: 10px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.tags_list li:not(:last-child) {
  margin-right: 5px;
}
.tags_list li:hover {
  background: #a12c2f;
}
.tags_list li:hover a {
  color: #ffffff;
}
.tags_list li a {
  display: block;
  font-size: 12px;
  color: #76777a;
  text-transform: uppercase;
  line-height: 30px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.sidebar_banner {
  width: 100%;
  height: 213px;
}
.sidebar_banner_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.banner_title {
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  line-height: 0.75;
}
.banner_button {
  width: 200px;
  height: 46px;
  background: #ffffff;
  border-radius: 3px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.banner_button a {
  display: block;
  color: #a12c2f;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-left: -0.1em;
  text-transform: uppercase;
  line-height: 46px;
  margin-top: 21px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.banner_button:hover {
  background: #a12c2f;
}
.banner_button:hover a {
  color: #ffffff;
}

/*********************************
7. courseDetail
*********************************/

.course-detail {
  width: 100%;
  padding-top: 57px;
  padding-bottom: 100px;
  background: #ffffff;
}
.courseDetail_container {
  width: 100%;
}
.courseDetailDetail_title {
  font-family: "Roboto Slab", serif;
  font-size: 36px;
  font-weight: 700;
  color: #384158;
}
.courseDetail_info {
  width: 100%;
  height: 92px;
  margin-top: 68px;
  background: #f2f4f5;
}
.courseDetail_info_item {
  width: 33.33333333%;
  padding-left: 30px;
}
.courseDetail_info_item:not(:last-child)::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #d9dbdc;
  content: "";
}
.courseDetail_info_title {
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  font-weight: 700;
  color: #384158;
}
.courseDetail_info_text {
  margin-top: 8px;
}
.courseDetail_info_text a {
  font-size: 14px;
  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;
}
.courseDetail_info_text a:hover {
  color: #a12c2f;
}
.rating_r {
  margin-top: 7px;
}
.rating_r i::before {
  font-family: "FontAwesome";
  content: "\f006";
  font-style: normal;
  font-size: 14px;
  margin-right: 4px;
  color: #a12c2f;
}
.rating_r_1 i:first-child::before {
  content: "\f005";
}
.rating_r_2 i:first-child::before {
  content: "\f005";
}
.rating_r_2 i:nth-child(2)::before {
  content: "\f005";
}
.rating_r_3 i:first-child::before {
  content: "\f005";
}
.rating_r_3 i:nth-child(2)::before {
  content: "\f005";
}
.rating_r_3 i:nth-child(3)::before {
  content: "\f005";
}
.rating_r_4 i:first-child::before {
  content: "\f005";
}
.rating_r_4 i:nth-child(2)::before {
  content: "\f005";
}
.rating_r_4 i:nth-child(3)::before {
  content: "\f005";
}
.rating_r_4 i:nth-child(4)::before {
  content: "\f005";
}
.rating_r_5 i:first-child::before {
  content: "\f005";
}
.rating_r_5 i:nth-child(2)::before {
  content: "\f005";
}
.rating_r_5 i:nth-child(3)::before {
  content: "\f005";
}
.rating_r_5 i:nth-child(4)::before {
  content: "\f005";
}
.rating_r_5 i:nth-child(5)::before {
  content: "\f005";
}
.courseDetail_image {
  margin-top: 21px;
  width: 100%;
}
.courseDetail_image img {
  max-width: 100%;
}
.courseDetail_tabs_container {
  width: 100%;
  margin-top: 30px;
}
.tab {
  height: 40px;
  background: #f2f4f5;
  font-size: 16px;
  color: #384158;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  margin-right: 10px;
  padding-left: 21px;
  padding-right: 20px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.tab.active,
.tab:hover {
  background: #a12c2f;
  color: #ffffff;
}

.tab_panel {
  width: 100%;
  height: 100%;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
  border: solid 1px #ebebeb;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 25px;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tab_panel.active {
  display: block !important;
}
.tab_panel_title {
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  font-weight: 700;
  color: #384158;
}
.tab_panel_text {
  margin-top: 10px;
}
.tab_panel_text p {
  font-size: 16px;
  font-weight: 400;
  color: #76777a;
  line-height: 1.75;
}
.tab_panel_section {
  margin-top: 17px;
}
.tab_panel_subtitle {
  font-size: 18px;
  font-weight: 400;
  color: #384158;
}
.tab_panel_bullets {
  margin-top: 9px;
}
.tab_panel_bullets li {
  position: relative;
  padding-left: 27px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: #76777a;
}
.tab_panel_bullets li:not(:last-child) {
  margin-bottom: 2px;
}
.tab_panel_bullets li::before {
  display: block;
  position: absolute;
  top: 9px;
  left: 1px;
  width: 7px;
  height: 7px;
  background: #76777a;
  content: "";
  border-radius: 50%;
}
.tab_panel_faq {
  margin-top: 51px;
}
.elements_accordions {
  margin-top: 34px;
}
.accordion_container:not(:last-child) {
  margin-bottom: 12px;
}
.accordion {
  width: 100%;
  padding-left: 38px;
  cursor: pointer;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.accordion div {
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 400;
  color: #384158;
}

.accordion_panel {
  padding-right: 8px;
  padding-left: 38px;
  padding-top: 9px;
  max-height: auto;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.accordion.active + .accordion_panel {
  margin-bottom: 20px;
}
.accordion_panel p {
  font-size: 16px;
  font-weight: 400;
  color: #76777a;
  line-height: 1.75;
}
.tab_panel_2 {
  padding-bottom: 10px;
}
.dropdowns {
  margin-top: 17px;
}
.dropdowns li ul {
  max-height: 0;
  padding-left: 30px;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.dropdowns li {
  position: relative;
}
.dropdowns li.has_children > .dropdown_item {
  cursor: pointer;
}
.dropdown_item {
  padding-top: 26px;
  padding-bottom: 25px;
}
.dropdowns li:not(:last-child) .dropdown_item {
  border-bottom: solid 1px #e5e5e5;
}
.dropdown_item_title {
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  font-weight: 700;
  color: #384158;
  padding-left: 24px;
}
.dropdown_item_title span {
  font-size: 18px;
}
.dropdown_item_title::before {
  position: absolute;
  top: 1px;
  left: 0;
  font-family: "FontAwesome";
  content: "\f0f6";
  font-size: 18px;
  color: #384158;
  opacity: 0.65;
}

.dropdown_item_text {
  margin-top: 10px;
}
.dropdown_item_text p {
  font-size: 16px;
  font-weight: 400;
  color: #76777a;
  line-height: 1.75;
}
.tab_panel_3 {
  padding-bottom: 42px;
}
.review_rating_container {
  margin-top: 43px;
}
.review_rating {
  display: inline-block;
  text-align: center;
  padding-left: 35px;
  padding-top: 28px;
  vertical-align: top;
}
.review_rating_num {
  font-size: 72px;
  line-height: 0.75;
  font-weight: 900;
  color: #384158;
}
.review_rating_stars {
  margin-top: 27px;
  margin-left: 3px;
}
.review_rating_stars .rating_r i::before {
  color: #ffc80a;
  font-size: 18px;
}
.review_rating_text {
  font-size: 16px;
  color: #b5b8be;
  margin-top: 12px;
}
.review_rating_bars {
  display: inline-block;
  padding-left: 134px;
}
.review_rating_bars ul li:not(:last-child) {
  margin-bottom: 10px;
}
.review_rating_bars ul li span {
  font-size: 16px;
  font-weight: 400;
  color: #384158;
  vertical-align: middle;
}
.review_rating_bar {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  height: 30px;
  background: #efefef;
  margin-left: 22px;
}
.review_rating_bar > div {
  height: 100%;
  background: #a12c2f;
}
.comments_container {
  margin-top: 80px;
}
.comment_item {
  border-bottom: solid 1px #e5e5e5;
  padding-top: 31px;
  padding-bottom: 16px;
}
.comment_image div {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.comment_image div img {
  max-width: 100%;
}
.comment_content {
  width: 100%;
  padding-left: 20px;
  margin-top: -7px;
}
.comment_author::after {
  display: inline-block;
  content: "-";
  margin-left: 6px;
}
.comment_author a {
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  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;
}
.comment_author a:hover {
  color: #a12c2f;
}
.comments_container .rating_r {
  margin-top: 3px;
  margin-left: 5px;
}
.comments_container .rating_r i::before {
  color: #ffc80a;
}
.comment_text {
  margin-top: 12px;
}
.comment_extras {
  margin-top: 13px;
}
.comment_reply {
  margin-left: 35px;
}
.comment_extra a {
  font-size: 14px;
  font-weight: 400;
  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;
}
.comment_extra a:hover {
  color: #a12c2f;
}
.comment_extra a span {
  margin-left: 3px;
}
.comment_reply a i {
  color: #a12c2f;
}
.comments_list li ul {
  padding-left: 99px;
}
.add_comment_container {
  margin-top: 24px;
}
.add_comment_title {
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  font-weight: 700;
  color: #384158;
}
.add_comment_text {
  margin-top: 14px;
}
.add_comment_text a {
  color: #a12c2f;
  text-decoration: underline;
}

/*********************************
8. Sidebar
*********************************/

.sidebar {
  width: 100%;
  padding-left: 40px;
  padding-top: 120px;
}
.sidebar_section:not(:last-child) {
  margin-bottom: 60px;
}
.sidebar_section_title {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  font-weight: 700;
  color: #384158;
  line-height: 0.75;
}
.sidebar_feature {
  margin-top: 33px;
}
.courseDetail_price {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  font-weight: 400;
  color: #a12c2f;
}
.feature_list {
  margin-top: 16px;
}
.feature:not(:last-child) {
  margin-bottom: 21px;
}
.feature_title {
  padding-left: 31px;
}

.sidebar_teacher {
  margin-top: 40px;
}
.teacher_image {
  width: 102px;
  height: 102px;
}
.teacher_image img {
  max-width: 100%;
}
.teacher_title {
  padding-left: 35px;
}
.teacher_position {
  font-size: 14px;
  color: #76777a;
  margin-top: 4px;
}
.teacher_name a {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  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;
}
.teacher_name a:hover {
  color: #a12c2f;
}
.teacher_meta_container {
  margin-top: 27px;
}
.teacher_meta:not(:last-child) {
  margin-bottom: 9px;
}
.teacher_meta_title,
.teacher_meta_text span {
  font-size: 14px;
  font-weight: 400;
  color: #76777a;
}
.teacher_meta_text span {
  margin-right: 4px;
}
.teacher_meta_text i {
  color: #a12c2f;
}
.teacher_info {
  margin-top: 17px;
}
.teacher_info p {
  line-height: 2;
}
.sidebar_latest {
  margin-top: 31px;
}
.latest:not(:last-child) {
  margin-bottom: 20px;
}
.latest_image div {
  width: 90px;
  height: 74px;
  border-radius: 3px;
  overflow: hidden;
}
.latest_image div img {
  max-width: 100%;
}
.latest_content {
  padding-left: 21px;
  margin-top: -4px;
}
.latest_title a {
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  font-weight: 700;
  color: #383749;
  line-height: 1.625;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.latest_title a:hover {
  color: #a12c2f;
}
.latest_price {
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  font-weight: 700;
  color: #a12c2f;
  line-height: 0.75;
  margin-top: 16px;
}
.courseDetail_title {
  font-size: 2.7rem;
  font-weight: 600;
  color: #a12c2f;
}
.accordion {
  /* display: flex; */
  align-items: center;
  cursor: pointer;
  padding: 10px;

  transition: background-color 0.3s;
}

.accordion.active {
  background-color: #f1f1f1;
}

.accordion_icon {
  transition: transform 0.3s;
}

.accordion.active .accordion_icon {
  transform: rotate(90deg);
}

.accordion_panel {
  padding: 10px;

  border-top: none;
}

.blog {
  width: 100%;
  background: #ffffff;
  padding-top: 100px;
  padding-bottom: 100px;
}
.blog_post_container {
  width: 100%;
}
.blog_post {
  width: calc((100% - 60px) / 3);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
  margin-bottom: 30px;
}
.blog_post:hover {
  box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}
.blog_post_image {
  width: 100%;
}
.blog_post_image img {
  max-width: 100%;
}
.blog_post_video_container {
  width: 100%;
}
.video-js {
  width: 100%;
}
.video-js .vjs-big-play-button {
}
.vjs-control-bar {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.blog_post_body {
  padding-left: 32px;
  padding-right: 30px;
  padding-top: 23px;
  padding-bottom: 23px;
}
.blog_post_title a {
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  line-height: 1.4;
  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;
}
.blog_post_title a:hover {
  color: #a12c2f;
}
.blog_post_meta {
  margin-top: 11px;
}
.blog_post_meta ul li {
  display: inline-block;
  position: relative;
}
.blog_post_meta ul li:not(:last-of-type)::after {
  display: inline-block;
  position: relative;
  content: "|";
  margin-left: 14px;
  margin-right: 11px;
}
.blog_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;
}
.blog_post_meta ul li a:hover {
  color: #a12c2f;
}
.blog_post_text {
  margin-top: 12px;
}
.blog_post_text p {
  font-size: 14px;
  font-weight: 400;
  color: #76777a;
  line-height: 2;
}
.load_more {
  width: 150px;
  height: 46px;
  border-radius: 3px;
  background: #a12c2f;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.load_more:hover {
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.15);
}
.load_more a {
  display: block;
  line-height: 46px;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 500;
}
.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;
}

.blogItem {
  width: 100%;
  background: #ffffff;
  padding-top: 100px;
  padding-bottom: 100px;
}
.blogItem_content {
  width: 100%;
}
.blogItem_title {
  font-family: "Roboto Slab", serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  color: #384158;
}
.blogItem_meta {
  margin-top: 14px;
}
.blogItem_meta ul li {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #b5b8be;
}
.blogItem_meta 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;
}
.blogItem_meta ul li a:hover {
  color: #a12c2f;
}
.blogItem_meta ul li:not(:last-child)::after {
  display: inline-block;
  content: "|";
  margin-left: 14px;
  margin-right: 14px;
}
.blogItem_image {
  width: 100%;
  margin-top: 18px;
}
.blogItem_image img {
  max-width: 100%;
}
.blogItem_content p {
  font-size: 16px;
  line-height: 1.75;
  color: #76777a;
  margin-top: 29px;
  margin-bottom: 0;
}
.blogItem_quote {
  margin-top: 24px;
  margin-bottom: -2px;
}
.blogItem_quote i {
  font-size: 30px;
  color: #a12c2f;
}
.blogItem_quote div {
  font-size: 18px;
  font-style: italic;
  line-height: 1.66;
  color: #384158;
  padding-left: 36px;
}
.blogItem_subtitle {
  font-size: 24px;
  color: #384158;
  line-height: 1.2;
  margin-top: 48px;
}
.blogItem_images {
  margin-top: 31px;
  margin-bottom: 35px;
}
.blogItem_image_small {
  width: 100%;
}
.blogItem_image_small img {
  max-width: 100%;
}
.blogItem_extra {
  margin-top: 39px;
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 18px;
}
.blogItem_tags span {
  color: #384158;
}
.blogItem_tags ul {
  display: inline-block;
  margin-left: 3px;
}
.blogItem_tags ul li {
  display: inline-block;
}
.blogItem_tags 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;
}
.blogItem_tags ul li a:hover {
  color: #a12c2f;
}
.blogItem_social span {
  font-size: 14px;
  color: #384158;
}
.blogItem_social ul {
  display: inline-block;
  margin-left: 21px;
}
.blogItem_social ul li {
  display: inline-block;
}
.blogItem_social ul li:not(:last-child) {
  margin-right: 18px;
}
.blogItem_social ul li i {
  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;
}
.blogItem_social ul li:hover i {
  color: #a12c2f;
}
.comments_container {
  margin-top: 51px;
}
.comments_title {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  font-weight: 700;
  color: #2c3145;
}
.comments_list li:not(:last-child) .comment_item {
  border-bottom: solid 1px #e5e5e5;
}
.comment_item {
  padding-top: 31px;
  padding-bottom: 16px;
}
.comment_image div {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.comment_image div img {
  max-width: 100%;
}
.comment_content {
  width: 100%;
  padding-left: 20px;
  margin-top: -7px;
}
.comment_author::after {
  display: inline-block;
  content: "-";
  margin-left: 6px;
}
.comment_author a {
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  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;
}
.comment_author a:hover {
  color: #a12c2f;
}
.comments_container .rating_r {
  margin-top: 3px;
  margin-left: 5px;
}
.comments_container .rating_r i::before {
  color: #ffc80a;
}
.comment_text {
  margin-top: 12px;
}
.comment_extras {
  margin-top: 13px;
}
.comment_likes::after {
  display: inline-block;
  content: "|";
  margin-left: 15px;
  margin-right: 15px;
}
.comment_reply {
}
.comment_extra a {
  font-size: 12px;
  font-weight: 400;
  color: #5e6271;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.comment_extra a:hover {
  color: #a12c2f;
}
.comment_extra a span {
  margin-left: 3px;
}
.comments_list li ul {
  padding-left: 99px;
}
.add_comment_container {
  margin-top: 31px;
}
.add_comment_title {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  font-weight: 700;
  color: #384158;
}
.add_comment_text {
  margin-top: 14px;
}
.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_input:focus {
  border: solid 1px #a12c2f;
  outline: none;
}
.comment_textarea {
  width: 100%;
  height: 150px;
  margin-bottom: 18px;
  padding-top: 15px;
}
.form_title {
  font-size: 16px;
  font-weight: 400;
  color: #384158;
  margin-bottom: 12px;
}
.comment_notify {
  margin-top: 29px;
}
.regular_checkbox {
  display: none;
}
.regular_checkbox + label {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  background: #a12c2f;
  border-radius: 3px;
  cursor: pointer;
  vertical-align: middle;
  margin-bottom: 0;
  margin-top: -2px;
}
.regular_checkbox + label i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 10px;
}
.regular_checkbox + label i {
  display: none;
}
.regular_checkbox:checked + label i {
  display: block;
}
.comment_notify span {
  font-size: 16px;
  font-weight: 400;
  color: #2c3145;
  vertical-align: middle;
  margin-left: 3px;
}
.comment_button {
  width: 150px;
  height: 46px;
  background: #a12c2f;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 3px;
  margin-top: 34px;
}
.comment_button:hover {
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.25);
}

/*********************************
8. Sidebar
*********************************/

.sidebar {
  width: 100%;
  padding-left: 40px;
}
.sidebar_section:not(:last-child) {
  margin-bottom: 60px;
}
.sidebar_section_title {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  font-weight: 700;
  color: #384158;
  line-height: 0.75;
}
.sidebar_categories {
  margin-top: 16px;
}
.sidebar_categories ul li {
  position: relative;
  width: 100%;
  height: 51px;
}
.sidebar_categories ul li:not(:last-of-type) {
  border-bottom: solid 1px #e5e5e5;
}
.sidebar_categories ul li a {
  display: block;
  position: relative;
  font-size: 14px;
  color: #b5b8be;
  line-height: 51px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.sidebar_categories ul li:hover a,
.sidebar_categories ul li:hover a::before {
  color: #a12c2f;
}
.categories_list li a span {
  float: right;
}
.sidebar_latest {
  margin-top: 31px;
}
.latest:not(:last-child) {
  margin-bottom: 20px;
}
.latest_image div {
  width: 90px;
  height: 74px;
  border-radius: 3px;
  overflow: hidden;
}
.latest_image div img {
  max-width: 100%;
}
.latest_content {
  padding-left: 21px;
  margin-top: -4px;
}
.latest_title a {
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  font-weight: 700;
  color: #383749;
  line-height: 1.625;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.latest_title a:hover {
  color: #a12c2f;
}
.latest_date {
  font-size: 14px;
  color: #b5b8be;
  margin-top: 10px;
  text-transform: uppercase;
}
.sidebar_gallery {
  margin-top: 34px;
}
.gallery_item {
  position: relative;
  width: calc((100% - 36px) / 3);
  margin-bottom: 18px;
  cursor: pointer;
}
.gallery_item img {
  width: 100%;
}
.gallery_item_overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(20, 189, 238, 0.7);
  opacity: 0;
  pointer-events: none;
  font-size: 33px;
  font-weight: 300;
  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;
}
.gallery_item:hover .gallery_item_overlay {
  opacity: 1;
}
.colorbox {
  outline: none;
}
.sidebar_tags {
  margin-top: 40px;
}
.tags_list li {
  display: inline-block;
  padding-left: 19px;
  padding-right: 18px;
  background: #f2f4f5;
  border-radius: 3px;
  margin-bottom: 10px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.tags_list li:not(:last-child) {
  margin-right: 5px;
}
.tags_list li:hover {
  background: #a12c2f;
}
.tags_list li:hover a {
  color: #ffffff;
}
.tags_list li a {
  display: block;
  font-size: 12px;
  color: #76777a;
  text-transform: uppercase;
  line-height: 30px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.sidebar_banner {
  width: 100%;
  height: 213px;
}
.sidebar_banner_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.sidebar_banner_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #a12c2f;
  opacity: 0.7;
}
.banner_title {
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  line-height: 0.75;
}
.banner_button {
  width: 200px;
  height: 46px;
  background: #ffffff;
  border-radius: 3px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.banner_button a {
  display: block;
  color: #a12c2f;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-left: -0.1em;
  text-transform: uppercase;
  line-height: 46px;
  margin-top: 21px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.banner_button:hover {
  background: #a12c2f;
}
.banner_button:hover a {
  color: #ffffff;
}

.contact {
  width: 100%;
  padding-bottom: 100px;
}
.contact_map {
  width: 100%;
}
.map {
  width: 100%;
}
.google_map {
  width: 100%;
  height: 500px;
}
.map_container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#map {
  width: 100%;
  height: calc(100% + 30px);
}
#content {
  width: 180px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #76777a;
  line-height: 1.71;
}
.contact_info_container {
  margin-top: 100px;
}
.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 #a12c2f;
  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: #a12c2f;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 3px;
  margin-top: 15px;
}
.comment_button:hover {
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.25);
}
.contact_info {
  padding-left: 45px;
}
.contact_info_text {
  margin-top: 27px;
}
.contact_info_location {
  margin-top: 28px;
}
.contact_info_location_title {
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  font-weight: 700;
  color: #384158;
}
.location_list {
  margin-top: 14px;
}
.location_list li {
  font-size: 14px;
  color: #5e6271;
}
.location_list li:not(:last-child) {
  margin-bottom: 9px;
}