@import url('//fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');

html,
body {
width: 100%;
}

body {
font-family: 'Source Sans Pro', sans-serif;
color: var(--dark-color);
overflow-x: hidden;
background: #fff;
}

a {
text-decoration: none; 
}

a:hover, a:focus {
color: var(--dark-color);
outline: none !important;
box-shadow: none;
}

ol li, ul li {
font-size: 14px;
font-weight: 400;
line-height: 2;
color: var(--dark-color);

}

:root {
--red: #ba0c2f;
--dark: #2a2829;
--black: #121212;
--navy: #202125;
--orange: rgba(25,80,0);
--yellow: #f7dd10;
--light-yellow: #f7dd10;
--gray: #525659;
--purple: #81598c;
--dark-gray: #3b434b;
--green: #9fbc1d;
--light-green: #c6d173;
--dark-blue: #143f34;
--blue: #005783;
--light-blue: #afd7f3;
--light: #e5e5e5;
--light-gray: #f0f0f0;
--brown: #9e9682;
--border: #ccc;
--border-radius: 10px;
--site-color: #1d252b;
--site-color-two: #e11f26;
--site-color-three: #ededed;
--dark-color: #2a2829;
--box-shadow: 0 4px 8px 0 rgba(0,0,0,.05);
--color-gray-dark: #19191a;
--color-gray-dark-400: #252526;
--color-gray-dark-200: #2b2b2e;
--color-gray-dark-100: #2e3132;
--color-gray-dark-800: #3b3e40;
--color-gray-dark-600: #4b4e51;
--color-gray: #525659;
--color-gray-100: #f2f2f3;
--color-gray-200: #e1e1e2;
--color-gray-400: #b6b7b9;
--color-gray-600: #ccc;
--color-gray-800: #7a8085;
--text: #6c757d;
}

h1 {
font-size: 42px;
}

h2 {
font-size: 36px;
}

h3 {
font-size: 28px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;

color: var(--site-color);
}

p {
font-size: 14px;
line-height: 1.6;
margin-bottom: 15px;
font-weight: 400;
color: var(--site-color); 
}

p a {
color: var(--site-color);
}

li {
font-size: 14px;
font-weight: 400;

}

input[type="submit"].full, .button.full, .btn.full {
width: 100%;
text-align: center;
}

input[type="submit"].white, .button.white, .btn.white {
border: 1px solid var(--border);
}

input[type="submit"], .button, .btn {
display: inline-block;
align-items: center;
justify-content: center;
text-align: center;
background: #fff;
color: #000;
padding: 0 20px;
max-width: 100%;
font-size: 16px;
font-weight: 600;
border: 0;
outline: 0;
position: relative;
cursor: pointer;
border-radius: var(--border-radius);
white-space: nowrap;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.form-auth .form-control {
padding: 0.875rem .75rem;
}

.dark p, .dark h2, .dark li {
color: #fff !important;
}

.form-contact .form-control { 
min-height: 60px;
padding: .575rem 1rem;
line-height: 2.2;
}
.form-contact .form-control:focus {
box-shadow: none;
border: 1px solid var(--site-color);
}

/*HEADER*/

header {
position: fixed;
width: 100%;
background: #fff;
z-index: 99;
top: 0;
border-bottom:1px solid #ddd;
}


.header-bottom {
display: flex;
}

.header-row .header-logo .logo-wrapper {
display: flex;
align-items: center;
padding: 15px 30px 14px;
height: 100%;
}

.header-row .header-logo .logo-text {
border-left: 1px solid #ddd;
padding-left: 35px;
margin-left: 15px;
}

.header-row .header-logo .logo-text h5 {
font-family: "Open Sans";
font-size: 16px;
}

.header-row .header-logo .logo-text p {
margin-bottom: 0;
line-height: 1.4; 
font-size: 13px;
}

.header-top {
display: flex;
background: #fff;
padding: 0 30px;
border-bottom: 1px solid #ddd;
color: var(--site-color);
}

.header-top .social-header {
margin: 0 !important;
padding: 0;
list-style: none;
display: inline-flex;
align-items: center;
}

.header-top .social-header li a i {
font-size: 20px;
}

.header-top .social-header li {
display: inline-block;
}

.header-top .social-header li a {
display: block;
padding: 0 10px;
color: var(--site-color);
}

.header-top .header-title {
display: flex;
height: 100%;
align-items: center;
}
.header-top .header-title h2 {
font-size: 16px;
margin-top: 18px;
margin-bottom: 0;
}

/*NAV LOGO > Logo*/

header .logo {
left: 0;
background: #fff;
padding: 0; 
border-radius: 0;
display: flex;
transition: all .3s;
z-index: 99; 
width:250px;
align-items:center;
}

header .logo p { 
padding-left: 15px;
margin-bottom: 0;
font-size: 14px;
line-height: 1.2;
font-weight: 700
}

header .logo p span { 
    display:block;
    margin-top:5px;
}

header .logo img {
max-height: 60px;
}

header .nav-content {
border-bottom-color: transparent;
}

/*header.sticky .logo { 
transform: scale(.55) translateX(-45%) translateY(-45%);
box-shadow:none;
}*/



.header-row .header-contact {
display: flex;
align-items: center;
border-left: 1px solid #ddd;
padding: 0 30px;
}

.header-row .header-contact ul {
padding: 0;
margin: 0;
list-style: none;
}

.header-row .header-contact ul li {
line-height: 1.8;
}

.header-row .header-contact ul li span {
margin-right: 5px;
}

.header-row .header-contact ul li i {
margin-right: 5px;
}
.header-row .header-contact ul li a {
color:var(--site-color);
}



/*NAV MENU*/
.nav-wrapper {
position: relative;
margin-left: auto;
}

.nav-wrapper .nav-content {
display: flex;
height: 100%;
align-items: center;
/*padding-right: 20px;*/
}

.nav-wrapper .nav-content .navbar-nav {
flex-direction: row;
width: 100%;
height: 100%;
justify-content: end;
align-items: center;
}

.nav-wrapper .nav-content .nav {
position: static;
margin-left: auto;
}

.nav-wrapper .nav-content .nav a.nav-link {
text-decoration: none;
font-weight: 700;
font-size: 15px;
padding: 23px 22px;
color: var(--site-color); 
/*border-left: 3px solid transparent;*/
transition: none;
height: 100%;
display: flex;
align-items: center;
position: relative;
}

.nav-wrapper .nav-content .nav a.nav-link:hover {
  background: #f2f3f4;
}

.nav-wrapper .nav, .nav-wrapper #navbarMenu, .nav-wrapper .nav-item {
height: 100%;
}

.nav-wrapper .nav-content .nav a.nav-link.show {
background: var(--site-color);
/*border-left:3px solid var(--site-color);*/
/*box-shadow: 0px -25px 22px rgba(7, 16, 52, 0.36);*/
color: #fff;
}

.nav-wrapper .nav-content .nav a.nav-link.show span {
/*border-right: 3px solid var(--site-color);*/
position: absolute;
top: 0;
right: 0;
height: 100%;
}

 
.nav-wrapper .nav-content .nav .dropdown {
position: static !important;
border-radius: 0;
}

.nav-wrapper .nav-content .nav .dropdown-menu {
margin-top: -2px !important; 
border-radius: 0;
background: #fff;
z-index: -1;
transition: none;
box-shadow: .3rem .3rem .25rem rgba(7, 16, 52, 0.36);
min-width: 240px;
background: var(--site-color);
}

/*NAV ELEMENTS*/
.nav-elements { 
position: relative;
z-index: 9;  
margin-left: auto;
display:flex;
}

.nav-elements ul.nav-elements-li {
justify-content: space-between;
display: inline-flex;
align-items: center;
height: 100%; 
vertical-align: middle;
margin: 0 0 0 3px;
border-radius: 0;
list-style:none;
} 
.nav-elements ul.nav-elements-li li {
display:inline-block;
}
.nav-elements ul.nav-elements-li i {
margin-right: 10px;
font-size: 24px;
vertical-align:middle;
}

.nav-elements ul.nav-elements-li a {
background: var(--site-color-two);
color: #fff;
padding: 5px 30px;
border-radius: 0;
margin-left: 3px;
height:100%;
display:block;
font-weight:700;
}
.nav-elements ul.nav-elements-li li:first-child a {
background: var(--site-color); 
}



.nav-elements .nav-elements-li .language {
height:100%;
}

.nav-elements .dropdown-lang {
padding: 0;
}

.nav-elements .dropdown-lang .btn {
justify-content: space-between;
display: inline-flex !important;
align-items: center;
height: 100%;
border-radius: 0;
line-height: 1;
padding: 5px 24px;
background: var(--site-color-two);
color: #fff;
}
/*.dropdown-lang:before {
border-right: 2px solid var(--color-gray-dark-200);
border-bottom: 2px solid var(--color-gray-dark-200);
background: #fff;
content: '';
position: absolute;
margin: auto;
bottom: 26px;
right: auto;
left: 50%;
width: 6px;
height: 6px;
margin-left:-3px;
transform: rotate(-315deg);
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
-o-transform: rotate(-315deg);
-ms-transform: rotate(-315deg); 
z-index:9;
}*/
.nav-elements .dropdown-lang .btn:hover, .dropdown-lang .btn:focus {
outline: none;
box-shadow: none;
}

.nav-elements .dropdown-lang .dropdown-nav .dropdown-menu {
width: auto;
}

/*NAV LOGO > Nav*/
.top-menu-nav-wr {
display: flex;
text-align: end;
height: 100%;
}

.top-menu-nav-wr nav {
margin-left: auto;
align-items: center;
}

.top-menu-nav-wr .nav a {
text-decoration: none;
font-weight: 400;
color: #444;
padding: 10px 7px;
font-size: 13px;
}




.title {
position: relative; 
width: 100%;
z-index: 1;
margin-bottom: 15px; 
}

.title h2 {
display: inline-block; 
line-height: 1;
padding-right: 10px;
z-index: 1;
margin-bottom: 0;
font-size:28px;
}

/*.title:after {
position: absolute;
content: "";
height: 2px;
background: var(--border);
width: 100%;
bottom: 50%;
left: 0;
z-index: -1;
}*/

.figure-caption {
font-size: 13px;
margin-top: 15px;
}

.figure-caption .date, .figure-caption .reading {
margin-top: 15px;
margin-bottom: 7px;
display: inline-block;
line-height: 1;
position: relative;
}

.figure-caption .reading {
margin-left: 10px;
padding-left: 15px;
}

.figure-caption .reading::before {
content: '.';
display: inline-block;
font-size: 24px;
font-weight: 600;
color: #b2b2b2;
line-height: 1;
position: absolute;
top: -11px;
left: 0;
}





/*LIST BLOG*/
.list-blog {
margin-top: 66px;
height: 480px;
overflow: hidden;
background: #fff;
}

.list-blog.list-press {
margin-top:0;
overflow:auto;
}

.list-blog .swiper-container {
height: 100%;
overflow: hidden;
}




.list-blog .swiper-slide {
border-bottom: 1px solid #ddd;
}

.list-blog .swiper-slide img {
display: block;
width: 100%;
}


.list-blog .figure-caption span {
margin-top: 0;
}

.list-blog .blog-list-img {
border-radius: var(--border-radius);
overflow: hidden;
flex-shrink: 0 !important;
margin-right: 15px;
width:120px;
}

.list-blog img {
max-width: 100%;
height: auto;
object-fit: cover;
border-radius: var(--border-radius);
box-shadow: var(--box-shadow);
}

.list-blog .blog-list-content p {
line-height: 1.45;
margin-top: 5px;
}
.list-blog .blog-list-content p a {
font-size:13px;
}

.list-blog .blog-list-content h3 {
font-size: 16px;
}

.list-blog .blog-list {
margin-bottom: 20px;
padding: 24px;
position: relative;
border-bottom: 1px solid var(--border);
}

.list-blog .blog-list:last-child {
margin-bottom: 10px;
border-bottom: none;
}

.list-blog .btn {
height: 52px;
line-height: 52px;
}
/*POST*/
.card-post {
position: relative;
border-radius: var(--border-radius);
overflow: hidden;
}

.card-post .title {
margin-bottom: 20px;
}

.card-post .figure-caption {
width: 100%;
padding: 20px;
position: absolute;
bottom: 0;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.9)) );
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.9) 100%);
color: #fff;
z-index: 9;
}

.card-post .figure-caption p {
color: #fff;
}

.card-post .figure-caption h2 {
margin-bottom: 0;
font-size: 28px;
color: #fff;
}

.card-post img {
width: 100%;
}

.card-post .category {
position: absolute;
right: 0;
top: 0;
padding: 5px 15px;
background: #f05d5b;
z-index: 9;
}

.categories {
border-top: 2px solid var(--border);
padding-top: 30px;
margin-top: 30px;
}

.categories .row > [class*="col-"]:nth-of-type(2) .category {
background: #82cdbd;
}

.categories .row > [class*="col-"]:nth-of-type(3) .category {
background: #deaf47;
}

.categories .row > [class*="col-"]:nth-of-type(4) .category {
background: #78c96a;
}

.categories .card-post img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
-webkit-transition: .3s cubic-bezier(.165,.84,.44,1);
-moz-transition: .3s cubic-bezier(.165,.84,.44,1);
transition: .3s cubic-bezier(.165,.84,.44,1);
}

.categories .card-post:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
filter: none;
}

.categories .stretched-link:after {
text-indent: -9999px;
z-index: 10;
}

.categories a.link {
color: #fff;
font-weight: 600;
text-decoration: none;
}

.categories .row > [class*="col-"] a.link:hover {
color: #f05d5b;
}

.categories .row > [class*="col-"]:nth-of-type(2) a.link:hover {
color: #82cdbd;
}

.categories .row > [class*="col-"]:nth-of-type(3) a.link:hover {
color: #deaf47;
}

.categories .row > [class*="col-"]:nth-of-type(4) a.link:hover {
color: #78c96a;
}


/*SWIPER & BOX*/
.swiper .figure-caption { 
margin-top: 0;
background:#fff;
padding:30px 0 0;
}

.swiper .figure-caption h2 {
font-size: 18px;
}

.swiper .swiper-img {
overflow: hidden;
box-shadow: 0 0 10px rgba(0,0,0,0.35);
border-radius: 10px;
}

.swiper .swiper-img img {
width: 100%;
}

.swiper .swiper-content {
position: relative;
}

.news .swiper .figure-caption {
margin-top: 0; 
padding:15px;
border-radius: 0 0 10px 10px;
}

.news .swiper .figure-caption h2 {
color: var(--site-color);
font-size:16px;
height: 30px;
}
.news .swiper .swiper-img { 
  box-shadow: none;
  border-radius: 10px 10px 0 0;
}
.news .swiper .swiper-slide { 
  box-shadow: 0 0 10px rgba(0,0,0,0.35);
}


/*FOOTER*/
footer {
background: var(--site-color);
color: #fff;
}

footer h5 {
color: #fff;
font-size: 16px;
}

footer a {
color:#b2b2b3;
text-decoration: none;
}

footer a:hover {
 color: #fff;
}

footer li, footer p { 
font-size: 14px;
}

footer .footer-top {
border-bottom: 1px solid rgba(255,255,255,0.5);
padding-bottom: 45px;
}
 

/*footer .footer-logo {
height: 100%;
padding: 70px 0 30px 0;
}

footer .footer-logo img {
padding: 0 0 15px;
max-width: 90%;
margin-bottom: 30px;
}

footer .footer-logo li {
font-size: 13px;
line-height: 1.5;
}*/

footer .footer-menu {
margin: 0;
}

footer .footer-menu h5 {
font-size: 16px;
font-weight: 700;
}

footer .footer-menu ul {
margin: 0;
padding: 0;
list-style: none;
}

footer .footer-menu ul li {
display: inline-block;
}

footer .footer-menu ul li a {
display: block;
padding: 5px 10px 5px 0;
position: relative;
text-decoration: underline;
}

footer .copyright {
font-size: 13px;
padding: 20px 0 20px 0;
background: #dbdbdb;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

footer .copyright ul {
margin: 0;
padding: 0;
}

footer .copyright ul li {
display: inline-block;
}

footer .copyright ul li a {
display: block;
margin: 0 0 0 15px;
position: relative;
text-decoration: none;
color:var(--site-color);
}

footer .copyright p {
margin: 5px 0 0;
}


footer .social-footer {
padding: 0;
margin:0;
list-style: none;
}
footer .social-footer h3 {
margin-bottom:0;
}
footer .social-footer ul li a i {
font-size: 20px;
}

footer .social-footer ul li {
display: inline-block;
}

footer .social-footer ul li a {
display: block;
padding: 5px 0;
margin:5px 20px 5px 0 !important;
}

footer .footer-list-menu ul {
list-style: none;
padding: 0;
}

footer .footer-support-wr {
border-top: 1px solid #ddd;
padding-top: 15px;
}

footer .support {
display: flex;
}

footer .support i {
font-size: 42px;
padding-right: 15px;
}

footer .support h3 {
font-weight: 400;
margin-bottom: 0;
font-size: 18px;
}

footer .support h2 {
font-size: 20px;
margin-bottom: 0;
}

.footer-place {
padding:70px 0 45px;
}


footer .address ul {
margin: 0;
padding: 0;
list-style: none;
}

footer .address ul li {
line-height: 1.4;
margin-bottom: 10px;
color:#b2b2b3;
}

footer .address ul li i {
margin-right: 7px;
}

footer .address ul li span {
display: block;
}

footer .address ul li:first-child {
}


footer .newclick {
font-size: 13px;
padding: 10px 0;
background:#dbdbdb; 
color:var(--site-color);
}

footer .newclick a, .newclick a:hover {
font-size: 13px; 
font-weight:700;
color:var(--site-color);
}

.labels {
padding-top: 30px;
border-top: 2px solid var(--border);
}

.labels a {
margin-right: 10px;
text-decoration: none;
font-weight: 700;
}


footer .footer-logo {
margin-top: 45px;
}

footer .footer-logo img {
max-height: 40px;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1); 
}


.footer-list {
width: 25%;
float: left;
margin-bottom: 10px;
padding: 0;
}

.footer-list ul {
margin: 0;
padding: 0;
list-style: none;
}

.footer-list .no-dropdown a {
color: #fff;
font-weight: 700;
font-size: 16px;
}

.scroll-top {
position:fixed;
bottom:40px;
right:10px;
display:inline-block;
cursor:pointer;
}

.scroll-top.btn-new i { 
-webkit-animation-name: moveDown !important;
animation-name: moveDown !important;
}
.scroll-top.btn-new:hover i { 
-webkit-animation-name: moveUp !important;
animation-name: moveUp !important;
}
 
 


.card-post-news {
height: 315px;
width: 100%;
overflow: hidden;
}


.nav-tab-last {
position: absolute;
top: 44%;
right: -130px;
transform: rotate(-270deg);
z-index: 9;
}

.nav-tab-last button {
font-size: 14px;
font-weight: 700;
display: block;
z-index: 9;
box-shadow: none;
border: none;
border-radius: 15px 15px 0 0;
color: var(--dark);
padding: 5px 25px;
}

.nav-tab-last .nav-link.active, .nav-tab-last .show > .nav-link {
color: #fff;
background-color: var(--red);
border-bottom: 1px solid var(--red);
}

.nav-tab-last .nav-link {
border-bottom: 1px solid var(--border);
}

.nav-tab-last .nav-link:hover {
color: var(--red);
}

.nav-tab-last .nav-link.active:hover, .nav-tab-last .show > .nav-link:hover {
color: #fff;
}


.light .icon-member {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23525659' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-user'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
}

.light .icon-notifications {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23525659' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-bell'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'%3E%3C/path%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'%3E%3C/path%3E%3C/svg%3E");
}

.light .icon-search {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23525659' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}

.icon-xs, .icon-sm, .icon-md, .icon-xl {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
}


.dropdown-nav .dropdown-toggle {
vertical-align: middle;
display: inline-block;
}

/*.dropdown-nav .dropdown-toggle:after {
content:none;
}*/

.dropdown-nav .dropdown-menu {
width: 78px;
padding: 12px;
color: var(--color-gray-dark-200);
min-width: inherit;
margin-top: -2px !important;
border-radius: 0;
margin-left: -1px !important;
border-color: #ddd;
}
/*.dropdown-nav .dropdown-menu::before {
border-right: 2px solid var(--color-gray-dark-200);
border-bottom: 2px solid var(--color-gray-dark-200);
background: #fff;
content: '';
position: absolute;
margin: auto;
top: -6px;
right: 6px;
left: auto;
width: 10px;
height: 10px;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);  
}*/

.btn-login {
padding: 10px 15px !important;
background: var(--red);
color: #fff;
display: block;
font-weight: 600 !important;
width: 100%;
}

.btn-login:hover {
background: var(--color-gray-dark-200);
color: #fff;
}

.btn-register {
background: var(--color-gray-200);
color: var(--color-gray-dark-200);
}




/*SEARCH*/
.search-form {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
opacity: 0;
pointer-events: none;
background: #fff;
z-index: 98;
}

.search-form .container {
height: 100%;
}

.search-form .search-field {
width: 100%;
height: 100%;
margin: 0;
padding: 15px 30px;
border: none;
box-shadow: none;
outline: none;
font-size: 20px;
border: none;
background: var(--color-gray-100);
}

.search-form .search-field:focus {
border: none;
box-shadow: none;
outline: none;
}

.search-form.search-active {
opacity: 1;
pointer-events: all
}

.search-form .container {
position: relative;
}

.search-form .close-button {
position: absolute;
right: 15px;
top: 0;
z-index: 2;
cursor: pointer;
display: inline-block;
padding: 5px;
width: 60px;
text-align: center;
height: 100%;
border-radius: 0;
border: none;
background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M5.29289322,5.29289322 C5.68341751,4.90236893 6.31658249,4.90236893 6.70710678,5.29289322 L6.70710678,5.29289322 L12,10.585 L17.2928932,5.29289322 C17.6533772,4.93240926 18.2206082,4.90467972 18.6128994,5.20970461 L18.7071068,5.29289322 C19.0976311,5.68341751 19.0976311,6.31658249 18.7071068,6.70710678 L18.7071068,6.70710678 L13.415,12 L18.7071068,17.2928932 C19.0675907,17.6533772 19.0953203,18.2206082 18.7902954,18.6128994 L18.7071068,18.7071068 C18.3165825,19.0976311 17.6834175,19.0976311 17.2928932,18.7071068 L17.2928932,18.7071068 L12,13.415 L6.70710678,18.7071068 C6.34662282,19.0675907 5.77939176,19.0953203 5.38710056,18.7902954 L5.29289322,18.7071068 C4.90236893,18.3165825 4.90236893,17.6834175 5.29289322,17.2928932 L5.29289322,17.2928932 L10.585,12 L5.29289322,6.70710678 C4.93240926,6.34662282 4.90467972,5.77939176 5.20970461,5.38710056 Z' fill='%237a8085'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}

.search-type {
position: fixed;
width: 100%;
height: 100%;
bottom: 0;
top: 0;
opacity: 0;
z-index: 97;
background: rgba(0,0,0,0.8);
-webkit-transition: opacity .7s;
transition: opacity .7s;
visibility: hidden;
}

.search-type.active, .search-type.m-active {
opacity: 1;
visibility: visible;
}

.search-menu {
display: none;
position: absolute;
z-index: 99;
top: 100%;
width: 100%;
left: 0;
}

.search-menu.is-active {
display: block;
}

.search-menu .search-wrapper {
position: relative;
height: 100%;
padding: 30px;
border-radius: 0 0 10px 10px;
background: #fff;
border-top: 1px solid var(--color-gray-200);
height: 310px;
overflow: auto;
}

.search-menu .search-wrapper h6 {
color: var(--color-gray-800);
font-size: 14px;
margin-bottom: 20px;
}

.search-menu .search-wrapper .btn.full {
position: absolute;
bottom: 0;
left: 0;
height: 52px;
line-height: 52px;
background: var(--red);
border: none;
border-radius: 0;
color: #fff;
}

.search-menu .search-wrapper .search-list {
margin: 0;
padding: 0;
list-style: none;
}

.search-menu .search-wrapper .search-list li a {
font-size: 16px;
text-decoration: none;
}

.search-menu .search-wrapper .search-list li span {
font-weight: 700;
}

.search-menu .search-wrapper .search-list li .badge {
font-size: 13px;
background: var(--red);
color: #fff;
margin-left: 10px;
border-radius: 50%;
}


.dropdown-menu .card-post .figure-caption h2 {
font-size: 18px;
}

.dropdown-menu .card-post .figure-caption {
padding-bottom: 0;
}


.nav-wrapper .nav-content .nav .dropdown-menu ul {
margin: 0;
padding: 0;
list-style: none;
}

.nav-wrapper .nav-content .nav .dropdown-menu ul li a {
color: #fff;
padding: 5px 15px;
display: block;
}

.nav-wrapper .nav-content .nav .dropdown-menu ul li a:hover {
background: var(--site-color-two);
color: #fff;
}

.nav-wrapper .dropdown-title {
display: flex;
align-items: center;
}

.nav-wrapper .dropdown-title h2 {
display: inline-block;
}

.nav-wrapper .dropdown-title a {
display: inline-block;
margin-left: auto;
font-weight: 400 !important;
font-size: 14px !important;
}

.nav-wrapper .dropdown-title a i {
display: inline-block;
vertical-align: middle;
}

.light .icon-arrow-right {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237a8085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-right'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
}

.icon-sm {
width: 16px;
height: 16px;
}





/*MAIN*/
.main {
position: relative;
background:#e9e9e9;
}

/* What*/
.what {
background: #fff;
padding: 60px 15px; 
position:relative;
overflow:hidden;
border-top:1px solid #ddd;
}
.what:after {
content: "";
background: #fff;
position: absolute;
top: 50%;
height: 50%;
left: 0;
width: 100%;
}
.what .figure-caption, .what .figure-caption h2, .what .figure-caption a {
color: var(--site-color);
}
.what .blog {
overflow: hidden;
}
.blog .swiper {
    padding-bottom:60px;
}
.what .blog .swiper-slide {
padding-right: 10px;
}
.what .swiper-container {
overflow: visible;
}

.what .swiper .swiper-inner {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; 
transition: transform 250ms, box-shadow 250ms; 
}

/*.what .swiper .swiper-inner:hover h2 {
 transform: translateY(-45px) scale(1) !important;
}*/

/*.what .swiper .swiper-inner:focus .figure-caption, .what .swiper .swiper-inner:focus-within .figure-caption, .what .swiper .swiper-inner:hover .figure-caption {
transform: scale(1.02) rotate(0deg) translateZ(0);
}*/
  
/*.what .figure-caption {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
display: flex;
align-content: center;
align-items: center;
padding: 30px;
transition: all 250ms;
}*/

/*.what .figure-caption p, .what .figure-caption p a {
color:#fff !important;
opacity:0;
}*/
.what .swiper-inner:hover .figure-caption p, .what .swiper-inner:hover .figure-caption p a  { 
color: var(--site-color) !important;
opacity:1;
}
.what .swiper-img { 
height: 240px;
position:relative;
transition: transform .3s cubic-bezier(.16,.32,.21,.93),box-shadow .3s cubic-bezier(.16,.32,.21,.93);
text-align:center; 
}
.what .swiper-img:hover { 
box-shadow: 6px 6px 0 #3e3f41;
border: 1px solid #3e3f41;
}
.what .swiper-img img { 
  height: 100%; 
  object-fit:cover;
}
/*.what .swiper-img:after  {
background: rgba(0,0,0,0.5);
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.what .swiper-inner:hover .swiper-img:after  { 
background: #fff;
}

*/
 
/*
.what .swiper-inner h2 {
font-size: 20px;
text-align: center;
position: absolute;
top: 45%;
width: 100%;
color: #fff;
transition: all 250ms;
}
*/

/*MAIN > Slide*/
.main .slide {
position: relative;
background: var(--dark);
overflow: hidden;
margin-top: 118px;
height: 620px;
}
.main .slide .swiper-slider {
    height:100%;
}
.main .slide .swiper-slide, .main .slide .swiper-wrapper, .main .slide .swiper-container {
height: 100%;
}

.main .slide .swiper-pagination {
bottom: 60px;
}

.main .slide .swiper-pagination-bullet {
width: 20px;
height: 10px;
border-radius: 3px;
margin: 5px !important;
background: #fff;
border: none;
opacity:1;
transition: all 0.15s ease-in-out;
}

.main .slide .swiper-pagination-bullet-active {
background: var(--site-color-two);
width: 40px;
}

.main .slide .swiper-slide {
overflow: hidden;
}

.slide .swiper-slide .slide-txt-box {
position: absolute;
top: 25%;
/*background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(85%, rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.9)) );
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.85) 85%, rgba(0, 0, 0, 0.9) 100%);*/
width: 100%;
padding: 45px 45px 120px;
color: #fff;
text-align: center;
}

.slide .swiper-slide .slide-txt-box .titleslide {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
-webkit-transform: translateY(20px);
transform: translateY(20px);
color: #fff;
letter-spacing: 1px;
font-weight: 700;
margin-bottom: 0;
margin-top: 0;
font-size: 42px;
}

.slide .swiper-slide.swiper-slide-active .slide-txt-box .titleslide {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}

.slide .swiper-slide .slide-txt-box .titlesub {
line-height: 150%;
visibility: hidden;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
margin-bottom: 30px;
font-size: 24px;
letter-spacing: 1px;
color: #fff; 
font-weight:400;
}

.slide .swiper-slide.swiper-slide-active .slide-txt-box .titlesub {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}

.slide .swiper-slide img {
-webkit-transform: scale(1);
transform: scale(1);
/*-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;*/
width: 100%;
height:100%;
object-fit: cover;
object-position:center;
opacity: 1;
position: absolute;
}

.slide .swiper-slide.swiper-slide-active img {
-webkit-transform: scale(1);
transform: scale(1);
}

.slide .swiper-slide .slide-txt-box .line {
height: 6px;
width: 0%;
opacity: 0;
visibility: hidden;
display: block;
opacity: 0.6;
background: var(--site-color-two);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
margin: 30px auto; 
border-radius:3px;
}

.slide .swiper-slide.swiper-slide-active .slide-txt-box .line {
width: 120px;
opacity: 1;
visibility: visible;
}

.slide .swiper-slide .slide-txt-box .btn-slider {
margin-top: 20px;
opacity: 0;
visibility: hidden;
-webkit-transition: transform 0.7s ease, opacity 0.7s ease;
transition: transform 0.7s ease, opacity 0.7s ease;
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
-webkit-transform: translateY(20px);
transform: translateY(20px);
display: inline-block;
}

.slide .swiper-slide .slide-txt-box .btn-slider a {
color: #fff;
padding: 10px 45px;
background-color: transparent;
border: 3px solid #fff;
border-radius: 0;
}

.slide .swiper-slide .slide-txt-box .btn-slider a:hover {
/*   background:var(--site-color-two);
border-color:var(--site-color-two); */
}

.slide .swiper-slide.swiper-slide-active .slide-txt-box .btn-slider {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}


.btn-slider::before {
transform: scaleX(0);
transform-origin: bottom right;
}

.btn-slider:hover::before {
transform: scaleX(1);
transform-origin: bottom left;
}

.btn-slider::before {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
inset: 0 0 0 0;
background: var(--site-color-two);
z-index: -1;
transition: transform .3s ease;
}

.banner-video-wrap {
height: 100%;
overflow: hidden;
width: 100%;
position: absolute;
z-index: 0;
top: 0;
}

.banner-video {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}

.banner-video video {
position: absolute;
left: 0;
top: 0;
opacity: .7;
}

.banner-video > * {
width: 100% !important;
height: auto !important;
}


/*MAIN > Aside > Slogan*/
.aside-sidebar {
background: var(--site-color-two);
position: absolute;
top: 0;
left: 0;
width: 4.5rem;
height: 100%;
z-index: 8;
}

.aside-sidebar h1 {
position: absolute;
top: 35%;
left: 50%;
display: block;
font-size: 0.6875rem;
letter-spacing: 0.75em;
white-space: nowrap;
margin-top: 2.1875rem;
transform: translate(-50%, -50%) rotate(-90deg);
z-index: 99;
}


/*MAIN > Aside > Nav*/
.aside-nav {
position: absolute;
z-index: 9;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 4.5rem;
padding: 0;
background: #fff;
text-align: center;
will-change: transform;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
border-radius: 0;
overflow: hidden;
}

.aside-nav .aside-menu {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}

.aside-nav .aside-menu i {
font-size: 20px;
color: var(--site-color);
}

.aside-nav .aside-menu p {
line-height: 1;
font-size: 11px;
margin-bottom: 0;
}

.aside-nav .aside-menu li {
width: 100%;
background: #fff;
border-bottom: 1px solid #ddd;
overflow: hidden;
text-align: center;
padding: 0;
}

.aside-nav .aside-menu li a {
padding: 10px 0;
display: block;
transition: all .3s;
}

.aside-nav .aside-menu li a:hover {
color: #fff;
background: var(--site-color-two);
}
.aside-nav .aside-menu li a:hover i, .aside-nav .aside-menu li a:hover p {
  color: #fff;
}

.aside-nav .aside-menu li:last-child {
border-bottom: none;
}

.aside-nav .aside-menu li span {
width: 100%;
}

.aside-nav .aside-menu li.scrollTop {
cursor: pointer;
}

.aside-nav .aside-menu li.scrollTop i {
color: var(--red);
}


/*ABOUT*/
.about {
padding: 60px 0; 
background:#fff;
}

.about h3 {
background: var(--site-color-two);
padding: 10px 25px;
display: inline-block;
margin-bottom: 45px;
color:#fff;
}

.about h2 { 
margin-bottom: 30px;
font-size: 36px;  
}

.about p {
line-height: 2.2;
text-align: justify;
}

.about p span {
font-weight: 700;
}
.about .image-content .sticky-top {
z-index:3;
top:180px;
}
.about .image-content { 
height: 100%;
text-align: center;
}
.about .image-content .image-item {
display: block;
border-radius: 5px;
position:relative;
}
.about .image-content .image-item img {
border-radius: 5px;
top:0;
left:0;
position:relative; 
}

.about .image-content .image-item img:first-child {
width:100%;
}

.about .image-content .image-item img:nth-child(2) {
z-index: 9;
margin-left: -280px;
margin-top: -200px;
max-width: 300px;
transform: rotate(0deg);
border: 5px solid #fff;
}

 
  

.btn-about {
-webkit-transform: translateY(0px);
transform: translateY(0px);
color: var(--site-color);
padding: 10px 45px;
background-color: transparent;
border: 1px solid var(--site-color);
border-radius: 30px;
margin-top: 30px;
overflow:hidden;
}

.btn-about::before {
transform: scaleX(0);
transform-origin: bottom right;
border-radius: 30px;
}

.btn-about:hover::before {
transform: scaleX(1);
transform-origin: bottom left;
}

.btn-about::before {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
inset: 0 0 0 0;
background: #f2f3f4;
z-index: -1;
transition: transform .3s ease;
}


/*NEWS*/
.news {
background: var(--site-color);
padding: 70px 0; 
margin-top:30px;
}
.news p, .news h2 { 
color:#fff;
}

.news .swiper-pagination-bullet { 
  background: #fff;
}

.all {
margin: 45px 0;
}

.all .btn {
text-align: center;
margin-bottom: 30px;
padding: 5px 15px !important;
border-radius: 30px;
}

.all .btn:hover {
background-color: var(--site-color-two);
}

.ttl {
margin-bottom: 30px;
display:flex;
}

.ttl h2 { 
line-height: 1.5;
position:relative;
font-size: 32px; 
margin-bottom:0;
}

.ttl h2::after {
  content: "";
  position: absolute;
  height: 2px;
  bottom: 0;
  width: 45px;
  background: var(--site-color-two);
  left: 0;
}
.ttl p { 
line-height: 2.2;
text-align: justify;
}

/*COUNTDOWN*/
/*.countdown {
position:absolute;
z-index:9;
right:0;
top:50%;
transform:translateY(-50%);
background:#fff;
padding:15px;
border-radius:5px 0 0 5px;
text-align:center;
transition: all .3s;
}
.countdown:hover { 
box-shadow: 0 2.5rem 6.25rem rgba(7, 16, 52, 1);
padding-right:100px;
}
.countdown .number {
font-size: 16px; 
font-weight: 700;
line-height: 1.2;
}

.countdown .titlec {
font-size: 14px; 
font-weight: 300;
}*/

 
/*COUNT TO*/
.countto { 
position: relative;
padding: 30px 0; 
background: #e9e9e9;
}

.countto .container {
position: relative;
z-index: 3;
}

.countto .box { 
text-align: center; 
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
position: relative;
background: var(--site-color);
padding: 30px;
border-radius: 0;
box-shadow: 0 0 5px rgba(0,0,0,0);
border-right: 1px solid rgba(255,255,255,0.1);
}

.countto .box:hover { 
box-shadow: 0 0 10px rgba(0,0,0,0.35);
/*transform: scale(1.04) translateX(0);
border: 3px solid #3e3f41;*/
z-index: 999;
position: absolute;
width: calc(100%);
background: var(--site-color-two);
}

/*.countto .box:after {
content: "";
height: 100%;
width: 1px;
background: rgba(255,255,255,0.1);
position: absolute;
right: 30px;
top: 0;
}*/

.countto .box h2 {
margin-bottom: 0;
display: inline-block;
padding: 0 20px;
font-size: 26px;
}

.countto .box p {
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}

.countto .ff_counter_box {
padding: 15px 0;
width:100%;
}

.countto .row > [class*="col-"]:nth-of-type(4) .box:after {
content: none;
}
.countto .row > [class*="col-"]  {
position:relative;
}

.countto .box-wrapper {
display: flex;
}

.countto .box-content {
display: flex;
align-items: center;
}
 
.countto .box i {
display: block;
margin-bottom: 15px;
font-size: 36px;
padding: 15px;
}

.countto .box h2, .countto .box p, .countto .box i {
color: #fff;
} 



/*NEWSLETTER*/

.newsletter {
padding: 45px 0; 
}
.master .newsletter { 
border-top:1px solid #ddd;
padding: 30px 0;
}

.newsletter h3 {
font-size: 24px;
font-weight: 700;
margin-bottom: 0;
margin-top: 0;
}

.newsletter p {
font-size: 16px;
margin: 0;
line-height: 1.5;
letter-spacing: 2px;
}

.newsletter-form .input-box {
position: relative;
margin-top: 7px;
border: 1px solid #ddd;
background:#fff;
}

.newsletter-form input {
border: none;
background-color: #fff;
height: 58px;
width: 75%;
letter-spacing: 2px;
font-size: 14px;
color: var(--site-color);
border-radius: 0; 
padding: 0 24px;
}
 
/*.newsletter-form input:focus-visible, .newsletter-form input:hover {
}*/

.newsletter-form input:focus {
box-shadow: none; 
outline: none;
font-weight:700;
}


.newsletter-form .submit {
position: absolute; 
right: 0;
top: 0; 
text-align: center; 
font-size: 14px;
font-weight: 700; 
padding: 15px 45px;
display: flex;
align-items: center;
-webkit-align-items: center;
background: var(--site-color-two);
cursor: pointer;
color: #fff;
border: none;
border-radius:0; 
overflow:hidden;
z-index:9;
height:100%;
}

.newsletter-form .submit:hover {
text-decoration: none;
color: #fff; 
} 
 
.newsletter-form .submit:hover::before {
transform: scaleX(1);
transform-origin: bottom left;
}

.newsletter-form .submit:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
inset: 0 0 0 0;
background: var(--site-color);
z-index: -1;
transition: transform .3s ease;
transform: scaleX(0);
transform-origin: bottom right;
border-radius: 0;
}






.newsletter-form input::-webkit-input-placeholder {
color: var(--site-color);
}

.newsletter-form input::-moz-placeholder {
color: var(--site-color);
}

.newsletter-form input:-ms-input-placeholder {
color: var(--site-color);
}

.newsletter-form button span {
margin: auto;
}

.gallery {
background: #000;
overflow: hidden;
max-height: 480px;
}

.gallery div {
overflow: hidden;
}

.gallery img {
width: 100%;
display: block;
object-fit: cover;
transform-style: preserve-3d;
-webkit-transition: all .9s ease;
-moz-transition: all .9s ease;
-o-transition: all .9s ease;
-ms-transition: all .9s ease;
transition: all .9s ease;
height: 100% !important;
opacity: .5;
}

.gallery img:hover {
opacity: 1;
transform: scale(1.2);
}

.gallery-right div {
max-height: 240px;
}








.flexbox {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
height: 100vw;
}

.flexbox:hover img {
opacity: 0.28;
}

.flexbox .item {
position: relative;
width: 50%;
}

.flexbox .item-small {
width: 25%;
}

.flexbox .item img {
width: 100%;
display: block;
transition: all 0.8s;
}

.flexbox .item:hover img {
opacity: 1;
}

@media (max-width: 860px) {
.flexbox {
height: 220vw;
}

.flexbox .item {
width: 50%;
}
}

@media (max-width: 667px) {
.flexbox {
height: auto;
}

.flexbox .item {
width: 100%;
}
}





.hero {
width: 100%;
height: 100%;
min-height: 450px;
position: relative;
top: 0;
left: 0;
background-color: #d9edfd;
transform: translate3d(0, 0, 0);
}

.layer-1 {
animation: parallax_fg linear 20s infinite both;
background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/hero/1.png) 0 100% repeat-x;
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-size: auto 136px;
}

.layer-2 {
animation: parallax_fg linear 30s infinite both;
background: url(https://basraoilandgas.com/assets/img/hero/2.png) 0 100% repeat-x;
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-size: auto 145px;
}

.layer-3 {
animation: parallax_fg linear 55s infinite both;
background: url(https://basraoilandgas.com/assets/img/hero/3.png) 0 100% repeat-x;
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-size: auto 158px;
}

.layer-4 {
animation: parallax_fg linear 75s infinite both;
background: url(https://basraoilandgas.com/assets/img/hero/4.png) 0 100% repeat-x;
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-size: auto 468px;
}

.layer-5 {
animation: parallax_fg linear 95s infinite both;
background: url(https://basraoilandgas.com/assets/img/hero/5.png) 0 100% repeat-x;
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-size: auto 311px;
}

.layer-6 {
animation: parallax_fg linear 120s infinite both;
background: url(https://basraoilandgas.com/assets/img/hero/6.png) 0 100% repeat-x;
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-size: auto 222px;
}

.bike-1, .bike-2 {
background: url(https://basraoilandgas.com/assets/img/hero/bike.png) 0 100% no-repeat;
z-index: 1;
position: absolute;
bottom: 100px;
left: 0;
width: 100%;
height: 100%;
background-size: auto 75px;
animation: parallax_bike linear 10s infinite both;
}

.bike-2 {
animation: parallax_bike linear 15s infinite both;
}

@keyframes parallax_fg {
0% {
background-position: 2765px 100%;
}

100% {
background-position: 550px 100%;
}
}

@keyframes parallax_bike {
0% {
background-position: -300px 100%;
}

100% {
background-position: 2000px 100%;
}
}


/*MASTER PAGE*/

.master-bread-title {
background:#e9e9e9;
}
.bread {
background: var(--site-color); 
z-index: 9;
position: relative;
padding: 15px 30px;
}

.bread ol.breadcrumb {
margin-bottom: 0;
}

.bread a,.bread .breadcrumb-item, .bread .breadcrumb-item.active,.breadcrumb-item + .breadcrumb-item::before {
color: #fff;
}

.info-title {
top: -45px;
z-index: 9;
margin-bottom: -45px;
position: relative;
background: #fff;
padding: 30px 45px;
box-shadow: 0 0 40px rgba(0,0,0,0.15);
border-radius:0;
}
.info-title h1 {
font-size: 36px;
margin: 0;
}

.master-content { 
padding: 30px 0;
font-size: 14px;
} 

.master .newsletter {
border-top: 1px solid #ddd; 
}

.master-banner {
position: relative;
height: 320px;
overflow: hidden;
margin-top: 120px;
overflow: hidden;
background: #3e3f41;
}

.master-banner img {
position: absolute; 
width:100% !important;
}

.master-banner h1 {
position: absolute;
top: 40%;
transform: translateY(50%);
z-index: 9;
/*text-shadow:2px 2px 10px #fff;*/
color: #fff;
font-size: 42px;
}

/*.master-banner h1:after {
content: "";
position: absolute;
left: 0;
bottom: 1px;
height: 5px;
width: 100%;
background: var(--site-color-two);
z-index: -1;
}
*/

.section {
padding: 45px 0 30px;
}

.section h2 {
font-size: 32px;
}

.section.s-white {
background: #fff;
}

.section.s-grey {
background: var(--color-gray-400);
}

.section.s-light {
background: var(--color-gray-100);
}

.section.s-green {
background: var(--site-color-two);
}

.section.s-light-green {
background: var(--light-green);
}





ul.list {
margin:0;
padding:0;
list-style:none;
}
ul.list li {
padding: 10px 0 10px 15px;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
position:relative;
}
ul.list li:last-child { 
border-bottom: none; 
}
ul.list li::after {
  content: "";
  width: 7px;
  height: 7px;
  background: var(--site-color-two);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

ul.list.list-inline li { 
  display: inline-block;
  width: 49%;
}

ul.list.no-border li {  
    border:none;
    padding-top:0;
    padding-bottom:0;
    margin-bottom:25px;
}





.list.inline-block li {
display: inline-block
}

.list.line {
margin-top: 30px;
}

.list.line li {
padding: 15px 25px;
margin-bottom: 15px;
box-shadow: 0 3px 5px rgba(0,0,0,0.1);
font-weight: 700;
background: #fff;
border-radius: 5px;
}

.list.iconlist li {
padding: 10px 45px;
margin-bottom: 3px;
position: relative;
border-bottom: 1px solid #ddd;
}

.list.iconlist li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}

.list.iconlist li:after {
content: "\eed6";
position: absolute;
left: 0;
font-family: IcoFont !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 32px;
top: 50%;
transform: translateY(-50%);
}

.list.icon-normal li {
width: calc(20% - 15px);
margin-right: 15px;
padding: 30px 25px;
}

.list.icon-normal li:last-child {
margin-right: 0;
}

.list.icon-normal li i {
font-size: 48px;
vertical-align: middle;
margin-right: 5px;
color: var(--site-color-two);
}

.list.list-border {
margin-top: 30px;
}

.list.list-border li {
border: 1px solid var(--site-color);
width: calc(50% - 15px);
margin-bottom: 15px;
border-radius: 5px;
font-weight: 700;
text-align: center;
font-size: 18px;
margin-right:15px;
}

.list.list-border li:nth-child(even) {
margin-right: 0;
}

.list.list-border li:last-child {
border-bottom:1px solid var(--site-color);
}

.list.icon-block {
text-align: center;
}

.list.icon-block li {
padding: 10px;
box-shadow: none;
margin-bottom: 0;
border: 5px solid var(--site-color-two);
border-radius: 0;
}

.list.icon-block span {
display: block;
}

.list.list-fair-tag {
margin-top: 0;
}

.list.list-fair-tag li {
font-weight: 400;
position: relative;
}

.list.list-fair-tag li:last-child {
margin-bottom: 0;
padding: 30px;
}

.list.list-fair-tag li:last-child:after {
content: none;
}

.list.list-fair-tag li span {
font-weight: 700;
width: 140px;
display: inline-block;
position: relative;
}

.list.list-fair-tag li span::after {
content: ":";
right: 7px;
position: absolute;
}


.list.list-circle li {
font-weight: 400;
position: relative;
padding-left: 60px;
}

.list.list-circle li:after {
content: "\ec77";
position: absolute;
left: 22px;
font-family: IcoFont !important;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
overflow-wrap: normal;
direction: ltr;
line-height: 1;
font-size: 16px;
top: 50%;
transform: translateY(-50%);
color: var(--site-color-two);
}



.master-page { 
padding:0; 
background: #fff;
}

.sub {
padding: 45px 0 0;
}

.sub .subpage {
padding: 0;
}

.sub .subpage h2.subtitle {
text-transform: uppercase;
font-size: 24px;
margin-bottom: 15px;
}

.sub .subpage .img-fluid {
height: 100%;
object-fit: cover;
}

.sub-right, .sub-left {
background: #fff;
padding: 30px;
height: 100%;
}




.masterlist {
padding: 45px 0;
}

.masterlist .masterlistsub:nth-child(2n) {
background: #fff;
}

.masterlist .masterlistsub:nth-child(2n+1) {
background: #eee;
}

.masterlist .masterlistsub:nth-of-type(3) {
background: #78c96a;
}


.countto.participant .box-wrapper {
background: #fff;
border-radius: 5px;
}

.countto.participant .box h2, .countto.participant .box p, .countto.participant .box i {
color: var(--site-color);
}

.countto.participant .box-content {
display: flex;
align-items: center;
background: var(--site-color-two);
}

.countto.participant .box p {
width: 100%;
text-align: center;
}

.countto.participant .ff_counter_box {
padding: 45px 10px;
display: flex;
width: 100%;
align-items: center;
}

.countto.participant .box i {
margin: 0;
padding: 10px;
}



.technical-support {
padding: 30px;
text-align: center;
height: 100%;
display: flex;
align-items: center;
border: 5px solid #ddd;
}

.technical-support div {
width: 100%;
}

.technical-support p {
color: var(--site-color);
}



/*CONTACT PAGE*/
.section-contact {
padding-bottom: 120px;
}

.contact-banner { 
 margin-top:150px;
}

.contact-content {
padding: 45px;
margin-top: -90px;
background: #fff;
border-radius: 10px 10px 0 0;
}

.contact-box span {
font-weight: 700;
}

.contact-form {
padding: 30px 0 30px 30px;
}

.form-group {
margin-bottom: 1rem;
}

.btn-send {
background: var(--site-color-two);
color: #fff;
padding: 15px 45px;
border-radius: 0;
text-transform: uppercase;
font-weight: 700;
transition: all .3s;
}

.btn-send i {
font-size: 36px;
margin-right: 10px;
vertical-align: middle;
}

.btn-send:hover, .btn-send:focus, .btn-send:active {
background: var(--site-color);
color: #fff;
}

.contact-widget h1 {
font-size: 24px;
padding: 15px;
margin-bottom:0;
}
.contact-address .box i {
margin-right: 15px; 
margin-top: -12px;
font-size: 24px;
} 
.contact-address .box {
  padding: 15px;
  border-top: 1px solid #ddd;
  display:flex;
  align-items:center;
}
.contact-address .box-right {
    display:flex;
}
.contact-address .box h1 {
margin-bottom: 0;
font-size: 24px;
}

.list.list-contact li {
font-weight: 400;
display: inline-block;
width: 32.5%;
margin-right: 1%;
box-shadow: none;
}

.list.list-contact li span {
font-weight: 700;
}

.list.list-contact li:nth-child(3n+3) {
margin-right: 0;
}


/*DYNAMIC PAGE*/
.gallery-master {
overflow: hidden;
padding: 60px 0 0;
}

.gallery-master .gallery-box {
margin-bottom: 30px;
}

/*MEDIA PAGE*/
.media-social {
background: #fff;
padding: 0;
border-bottom: 1px solid #ddd;
}

.media-social .box i {
padding: 20px !important;
background: #ccc;
border-radius: 50%;
display: inline-block;
font-size: 24px;
margin-bottom: 20px !important;
margin-right: 0 !important;
}

/*.media-social .container {
max-width: 800px;
}*/

.media-social .ff_counter_box {
padding: 30px 10px;
}

.media-social .box p {
font-weight: 700;
}

.media-social a {
width: 100%;
}

.media-brands .brands {
background: #fff;
}

.media-brands h2 {
font-size: 32px;
padding-top: 45px;
}

.media-brands .swiper-img {
padding: 15px 25px;
margin-bottom: 15px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
font-weight: 700;
background: #fff;
margin: 5px;
}



.elem-inner {
display: block;
box-shadow: 0 3px 5px rgba(0,0,0,0.1);
border-radius: 3px;
}

.elem-inner:hover {
box-shadow: 0 3px 5px rgba(0,0,0,0.15);
}

.elem-inner img {
padding: 30px;
background: #fff;
}


.widget {
padding: 0;
font-weight: 700;
background: #fff;
border-radius: 0;
margin: 0 0 45px 0; 
position: relative;
height: 100%;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
}

.widget .sticky-top {
z-index:3;
top:149px;
}

/*.widget::after {
  content: "";
  position: absolute;
  width: 1000px;
  left: 100%;
  background: #e9e9e9;
  height: 100%; 
  top: 0;
}*/

.widget ul {
padding: 30px 20px;
margin: 0;
list-style: none;
position:relative;
border-top: 30px solid var(--site-color-two)
}

.widget ul li a {
color: var(--site-color);
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 0;
font-weight: 700;
font-size:15px;
line-height: 1.3;
}

.widget ul li:last-child a {
border-bottom: none;
}




.news-page-title {
background: var(--site-color);
color: #fff;
padding: 15px 0;
}

.news-page-title h1 {
color: #fff;
font-size: 32px;
margin-bottom: 0;
}

.news-content {
padding: 30px 0;
}










.dp-pager {
padding: 45px 0 30px;
width: 100%;
text-align: center;
display: block;
}

.dp-pager .aspNetDisabled {
opacity:.2;
}

.dp-pager .btn {
border:1px solid var(--site-color);
border-radius:0;
padding:10px 15px;
}
.dp-pager .btn-active {
background:#eee;
}




.posts .post-inner-content {
padding: 15px;
min-height: 240px;
border: 1px solid #ddd;
border-top:none;
}
.posts figure.post-gallery {
margin: 0 0 1rem;
border: 1px solid #ddd;
}
.detail-swiper {
  padding: 0;
  margin: 15px -12px;
}
.detail-swiper .swiper {
background:#fff;
}
.detail-swiper .swiper-img {
height:auto;
}
.detail-swiper .figure-caption {
padding:0;
margin-top:0;
}
 
.share {
margin:15px 0;
padding:15px 0;
list-style:none;
}
.share li { 
display:inline-block;
margin-right:7px;
}
.share li a {  
color:#fff;
padding:10px;
}
.share li a i {  
font-size:24px;
}
.share li a.facebook { 
color:#3b5998;
}
.share li a.twitter { 
color:#00aced;
}
.share li a.linkedin { 
color:#007bb6;
}



.blog-detail-page-content {
background: #fff;
padding:30px 0;
}
.blog-detail-page-content h1 {
  font-size: 24px;
}
.tags-blog {
margin:30px 0;
padding-bottom:30px;
border-bottom:1px solid var(--border);
}
.tags-blog h5 {
margin-bottom:20px;
}
.tags-blog a {
padding:10px 30px; 
display:inline-block;
color:var(--site-color);
margin-bottom:7px;
background:#fff;
}

.catarticles-title {
margin-top:30px;
}


.popular .list-blog {
margin-top:30px;
background-color:transparent;
height:auto;
}
.popular .list-blog .blog-list {
margin-bottom: 20px;
padding: 0;
position: relative;
border-bottom: none; 
}
.popular .list-blog .blog-list:last-child {
margin-bottom: 20px; 
}



.posts.press-kit {
  padding-top: 0 !important;
}
.press-kit .post-item {
    margin-bottom:30px;
}
.press-kit .post-inner-content { 
    min-height: 140px;
    border-radius:0 0 10px 10px;
}
.press-kit .btn-about {
    padding:5px 15px;
    margin-right:10px;
    display: initial;
}
.press-kit .btn-about i { 
    margin-right:10px; 
}
.press-kit figure.post-gallery {
    margin: 0;
    padding: 15px;
}





.team-content {
margin-top:60px;
}
.team-box {
background:#fff;
padding: 15px 25px;
margin-bottom: 30px;  
border:1px solid #ddd;
}
.team-box h4 { 
font-size:14px;
}
.team-box ul {
margin:0;
padding:0;
list-style:none;
}
.team-box ul li {
border-radius: 5px;
padding: 5px 0;
display:flex;
align-items:center;
}
.team-box ul li i { 
margin-right:7px;
}
.team-box ul li p { 
margin:0;
}

.media-partners {
margin-top:45px;
}
.media-partners .media-partners-box {
padding:30px;
margin-bottom:30px;
background:#fff;
border-radius:5px;
}

 
 
.brands {
padding: 0;
background: #e9e9e9;
}

.brands .swiper-inner {
border-radius: 5px;
overflow: hidden;
}  
.brands .swiper-img img { 
  padding: 15px;
} 
.brands .swiper-wrapper {
    justify-content: center
}
 
.brands .ttl {
  margin-bottom: 30px;
  display: block;
  text-align: center;
}
.brands .ttl h2::after {
    content:none;
}



.main-press {
margin:0;
padding:0;
list-style:none;
}
.main-press li { 
display:block;
border-bottom:1px solid var(--border);
padding:30px;
}
.main-press li p {  
line-height:1;
margin-bottom:0;
font-size:13px;
}
.main-press li h5 {   
margin-bottom:0;
font-size:16px;
}
.main-press li a:hover h5 { 
text-decoration:underline;
}



 
@media (max-width: 992px) {
.single {
width: 100% !important;
}
}

 
.single {
/*width:200px;
max-width: 100%;
margin:auto;*/
}
.lines { 
position:relative;
padding: 30px 0;
}
.lines:after {
position:absolute;
content:"";
height:1px;
width:100%;
left:0;
background:rgba(0, 0, 0, 0.1);
margin-bottom:15px;
}


.swiper-img img {
max-width: 100%;
height: auto; 
background: #fff;
}









.btn-new {
display: flex;
align-items: center;
color: var(--site-color);
font-size:14px;
}
.btn-new span {
border-radius: 50%;
border: 1px solid var(--site-color);
padding: 0 6px;
display: inline-block;
margin:15px;
overflow:hidden;
}
.btn-new:hover span { 
border-color:var(--site-color-two);
}
.btn-new span i { 
font-size:24px;
color:var(--site-color);   
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
transition: all 0.2s;
display:block;
-webkit-animation-name: moveLeft;
animation-name: moveLeft;
}
.btn-new:hover span i {  
color:var(--site-color-two); 
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: moveRight;
animation-name: moveRight;
}

 
 

@-webkit-keyframes moveRight {
  50% {
    transform: translateX(50px);
  }
  51% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes moveRight {
  50% {
    transform: translateX(50px);
  }
  51% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes moveLeft {
  50% {
    transform: translateX(-50px);
  }
  51% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes moveLeft {
  50% {
    transform: translateX(-50px);
  }
  51% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
 

@keyframes moveUp {
  50% {
    transform: translateY(50px);
  }
  51% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes moveDown {
  50% {
    transform: translateY(-50px);
  }
  51% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



/*
.new .container, .about .container {
max-width: 865px;
}
*/



@media (min-width: 1400px) {
 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1120px;
 }
}
 
.swiper-container {
  overflow: hidden;
}
.blog.news .swiper { 
}

 
 


 

.swiper-slider-thumb {
box-sizing: border-box;
top: auto;
bottom: 0;
position: absolute !important;
width: 100%; 
background: rgba(255,255,255,0.1);
}

.swiper-slider-thumb .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.9;
display: flex;
align-items:center;
color: #fff;
border-right:1px solid rgba(255,255,255,0.3);
cursor:pointer;
}
.swiper-slider-thumb .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-slider-thumb .swiper-slide:hover {   
background: rgba(255,255,255,0.1);
}
.swiper-slider-thumb .swiper-slide div { 
margin:auto; 
text-align:center;
padding: 30px 0;
}
.swiper-slider-thumb .swiper-slide div i { 
font-size:20px;
}
.swiper-slider-thumb .swiper-slide h2 { 
color: #fff; 
font-size: 16px;
position:relative;
}
.swiper-slider-thumb .swiper-slide p { 
color: #fff; 
} 
.swiper-slider-thumb .swiper-slide h2:after, .swiper-slider-thumb .swiper-slide h2:after  { 
content: "";
background-color: transparent;
width: 0px;
position: absolute;
bottom: -10px;
z-index: 999;
margin: auto;
left: 50%;
transform: translateX(-50%) scale(2);
transition: all 250ms;
height: 1px;
opacity: 0;
background-color: #fff;
}
.swiper-slider-thumb .swiper-slide:hover h2:after { 
transform: translateX(-50%) scale(2); 
opacity:1;
width:20px;
}

.swiper-slider-thumb .swiper-slide-thumb-active h2:after {
transform: translateX(-50%) scale(2); 
opacity:1;
width:20px;
}

.swiper-buttons {
margin-left:auto;
margin-right:10px;
}

.swiper-buttons i {
color:#fff;
}
.swiper-buttons i.black {
color:var(--site-color);
}
.swiper-buttons .swiper-button {
display:inline-block;
margin:5px;
}

.swiper-button.swiper-button-disabled {
    opacity:.3;
}





.fairs.row > [class*="col-"] {
position:relative;
}
.fair {
background:#fff;
margin-bottom:30px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
border-radius: 10px; 
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.fair:hover {
  box-shadow: 6px 6px 0 #3e3f41;  
  z-index:9;
}
.fair img {
border-radius: 10px 10px 0 0; 
}
.fair .fair-content {
    padding:15px;
}
.fair .fair-content h2 {
   font-size:18px;
}



.f-search {
background: #f2f3f4;
padding: 30px;
margin: 0; 
}
.f-search .form-select-group {
    display:flex;
}
.f-search .form-select { 
font-size: 14px; 
margin-right: 10px;
border-radius:10px;
margin-bottom:0;
border:1px solid #ddd; 
height: 50px;
}
.f-search .form-select:hover, .f-search .form-select:focus, .f-search input:hover, .f-search input:focus {
box-shadow:none;
}
.f-search .form-select:last-child { 
margin-right:0;
}
.f-search input { 
font-size: 14px;
border-radius:10px;
height: 60px;
border:1px solid #ddd;
}
.f-search .btn-search { 
background: var(--site-color-two);
color: #fff;
border: none;
padding: 15px 30px;
font-size: 16px;
}




.fair-detail-left { 
}

.fair-details {
    padding-top:30px;
}

.fair-detail-left ul {
    margin:0;
    padding:0;
    list-style:none;
}
.fair-detail-left ul li {
    border-bottom:1px solid #ddd;
    padding:15px 0;
}
.fair-detail-left ul li:first-child {
    padding-top:0;
}
.fair-detail-left ul li:last-child {
    border-bottom:none;
}
.fair-detail-left h6 {
    font-size: 13px;
font-weight: 300;
color: var(--site-color);
letter-spacing: 1px;
margin-bottom: .25rem;
opacity: .5;
}
.fair-detail-left h2 {
    font-size: 15px;
font-weight: 700;
color: var(--site-color);
}

.fair-detail-left h2.web a {
  color: var(--site-color);
}




.share-f ul {
margin: 0 !important;
padding: 0;
list-style: none;
}

.share-f ul li a i {
font-size: 20px;
}

.share-f ul li {
display: inline-block;
border-bottom:none;
padding-bottom:0;
}

.share-f ul li a {
display: block;
padding: 0 5px;
color: var(--site-color);
}


.dark .swiper-pagination-bullet-active {
    background:#fff !important;
}
.swiper-pagination-bullet-active {
    background:var(--site-color-two) !important;
}


.press {
top: -45px;
z-index: 9;
margin-bottom: -45px;
position: relative;
background: #fff;
padding: 30px 45px;
box-shadow: 0 0 40px rgba(0,0,0,0.15);
border-radius:0;
}
.press h2 {
font-size: 36px;
margin-bottom: 0;
display: flex;
align-items: center;
height: 100%;
border-right: 1px solid #ddd;
line-height: 1;
}
.press .list-press h5 {
margin-bottom:0;
}
.press .list-press p {
font-size:16px;
}
.press .list-press .swiper-pagination { 
  bottom: -6px !important;
  text-align:left;
}
.press .list-press .swiper-wrapper {
margin-bottom: 12px;
}
.press .list-press {
  padding: 0 45px; 
  position:relative;
}
.press .swiper-buttons .swiper-button {
position: absolute; 
right: -10px;
}

.press .swiper-buttons i {
 color:var(--site-color);
}
.press .swiper-buttons .press-button-prev {
top: 0;
padding: 5px 10px;
}
.press .swiper-buttons .press-button-next {
padding: 5px 10px;
color: #fff;
top: 40px;
}



.other-fairs-wrapper {
background:#fff;
border-top:1px solid #ddd;
padding:30px 0;
margin-top: 45px;
}
.other-fairs-wrapper h2 {  
    font-size:24px;
} 
.other-fairs-wrapper .swiper .swiper-img { 
  box-shadow: 0 0 3px rgba(0,0,0,0.45); 
}


 .fair-detail {
  background: #fff;
  padding: 30px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

 .posts {
     padding-top:25px;
 }

.post-inner-content .date {
     margin-bottom:0;
 }
.post-inner-content h3 {
  font-size: 24px;
}


.blog-detail {
padding: 30px;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
margin-top: 30px;
}

.popular {
  margin-top: 30px;
}


.call {
height:100%;
background:#fff;
padding:15px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
align-items: center;
display: flex;
text-align: center;
}
.call div h3 {
font-size:20px;
}
.call div a {
font-size:20px;
color:var(--site-color);
font-weight:700;
margin-top: 20px;
padding-top: 15px; 
display:block;
}

.contact-right {   
}

.fairs-table { 
    padding:30px 0;
}
.fairs-table table { 
    background:#fff;
    margin:0;
    font-size:14px;
}
.fairs-table table th { 
    background:#dee2e6; 
    color:var(--site-color);
    font-size:16px;
}
.fairs-table table th, .fairs-table table td { 
    vertical-align:middle;
}
.fairs-table table th:first-child {
  color: #fff;
  background: var(--site-color-two); 
}

.fairs-table table th:last-child, .fairs-table table td:last-child { 
  text-align:center;
}

.fairs-table table td:last-child a { 
  color:var(--site-color);
}





.info {
top: -45px;
z-index: 9;
margin-bottom: -45px;
position: relative;
background: #fff;
padding: 30px 45px;
box-shadow: 0 0 40px rgba(0,0,0,0.15);
border-radius:0;
}
.info h2 {
font-size: 18px;
margin-bottom: 0; 
}
.info .info-content {
display: flex;
height: 100%;
border-left: 1px solid #ddd;
padding-left: 15px;
align-items: center; 
}
.info p {
margin-bottom: 0;
font-size: 16px;
line-height: 1.2;
} 
.info i {
margin-right:10px; 
font-size: 20px;
} 




.about-img {
  float: left;
  max-width: 200px;
  padding: 0 30px 0 0;
}
 
.form-check input { 
  margin-right: 15px; 
}





.cookie-bubble {
position: fixed;
width: calc(100% - 20px);  
border-radius: 0;
background-color: #fff;
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,.2);
box-shadow: 0 2px 15px rgba(0,0,0,.2);
z-index: 99; 
left:10px;
right:10px;
bottom:15px;
}
  
.cookie-bubble.bottom-left {
/*left: calc(100vw - 100vw/2 - 400px/2);*/
} 

.cb-row-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
} 

.cookie-bubble.show.top-center, .cookie-bubble.show.top-left, .cookie-bubble.show.top-right {
-webkit-animation-name: popInTop;
animation-name: popInTop;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: cubic-bezier(.19,1,.22,1);
animation-timing-function: cubic-bezier(.19,1,.22,1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}

.cookie-bubble.show.bottom-center, .cookie-bubble.show.bottom-left, .cookie-bubble.show.bottom-right {
-webkit-animation-name: popInBottom;
animation-name: popInBottom;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: cubic-bezier(.19,1,.22,1);
animation-timing-function: cubic-bezier(.19,1,.22,1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}

.cookie-bubble.hide {
display: none
}

.cookie-bubble .cb-wrapper {
position: relative;
display: inline-block;
padding: 10px 30px;
z-index: 99;
width:100%;
}

.cookie-bubble .cb-wrapper .cb-row {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left
}

.cookie-bubble .cb-wrapper .cb-row .cb-row-content .message {
position: relative;
width: 80%;
display: inline-block; 
font-size: 13px;
margin-top: 0
}

.cookie-bubble .cb-wrapper .cb-row .cb-row-content .cb-controls {
position: relative; 
float: right;
margin-top: 10px
}

.cookie-bubble .cb-wrapper .cb-row .cb-image {
padding-right: 23px;
display: none
}

.cookie-bubble .cb-wrapper .cb-row .cb-image .cookie-inner-color {
fill: #00a4ff
}

.cookie-bubble .cb-wrapper .cb-row .cb-image svg {
width: 75px
}

.cookie-bubble .cb-wrapper .agreement-btn {
margin: 0 0 0 10px;
text-decoration: none;
color: #fff;
background: var(--site-color-two) !important;
padding: 10px 40px;
border-radius: 3px;
font-size: 16px;
opacity: 1;
border: none;
cursor: pointer;
font-weight: 600;
float: right;
}
.cookie-bubble .cb-wrapper .agreement-btn span {
font-size:24px;
} 

.cookie-bubble .cb-wrapper .agreement-btn:hover {
background-color: #0083cc
}

.cookie-bubble .cb-wrapper .cb-row .cookie-policy-btn {
margin: 0;
color: #fff;
padding: 0;
border-radius: 100px;
font-size: 13px;
opacity: .95;
border: none;
cursor: pointer;
font-weight: 400; 
}

 
.cookie-bubble .cb-wrapper .cb-row .cookie-policy-btn:hover {
opacity: 1;
text-decoration: underline
}

.cookieBubble .copyright-wrapper {
margin-top: 20px
}

.cookieBubble .copyright-wrapper a.copyright {
position: absolute;
width: 80px;
height: 16px;
bottom: 8px;
right: 7px;
margin-top: 30px; 
}

.cookieBubble button.close {
position: absolute;
right: 15px;
bottom: 15px;
display: block;
z-index: 99;
}

@-webkit-keyframes popInBottom {
0% {
-webkit-transform: translateY(120%);
transform: translateY(120%)
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}

@keyframes popInBottom {
0% {
-webkit-transform: translateY(120%);
transform: translateY(120%)
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}

@-webkit-keyframes popInTop {
0% {
-webkit-transform: translateY(-120%);
transform: translateY(-120%)
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}

@keyframes popInTop {
0% {
-webkit-transform: translateY(-120%);
transform: translateY(-120%)
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}

@media (max-width:420px) {
.cookieBubble {
border-radius: 0;
max-width: inherit;
left: 0 !important;
bottom: 0 !important
}

.cookieBubble .cb-image {
display: none
}
}

@media (max-width:1024px) { 
.cookie-bubble {
width: 100%;
max-width: 100%;
top: auto !important;
bottom:0 !important;
left:0 !important;
border-radius: 0;
} 
}














 
@media (max-width: 992px) {

.slide .swiper-slide .slide-txt-box .titleslide {
font-size:22px;
}
.slide .swiper-slide .slide-txt-box .titlesub {
font-size:22px;
margin-bottom:15px;
}
.slide .swiper-slide .slide-txt-box .btn-slider {
margin:15px;
}
.main .slide { 
margin-top: 122px;
height: 240px;
}
.main .slide .swiper-pagination {
bottom: 30px;
}
.slide .swiper-slide .slide-txt-box {
padding:15px;
}
.header-row .header-logo .logo-text h5 {
font-size:14px;
}
.nav-wrapper .nav-content {
padding-right:0;
}
.slide .swiper-slide img {
height:100%;
top: 0 !important;
bottom: 0 !important;
}
.slide .swiper-slide .slide-txt-box .line {
display:none;
}

/*----------------*/

.header-top .social-header {
display: none;
}
header .logo img {
max-height: 48px;
}

header .logo {
    width: 200px;
}

header .logo p {
  padding-left: 5px;
  font-size: 10px;
  line-height: 1.1;
}

.header-top {
display: block; 
padding: 0;
}
.nav-elements {
margin: 0;
display: flex;
padding:0;
width:100%;
}

.nav-elements .nav-elements-li {
margin:0 !important;     
padding:0;
width:100%;
justify-content: center;
}
.nav-elements ul.nav-elements-li li {
width:100%;
}
.nav-elements ul.nav-elements-li a {
margin:0;
padding: 0 30px;
}
.nav-elements ul.nav-elements-li i { 
  font-size: 16px; 
}
.nav-elements .nav-elements-li.dropdown-lang {
width: 50px;
}
.nav-elements .nav-elements-li.btn-nav { 
background: var(--color-gray-200);
font-size: 14px;
} 
.header-row .header-logo .logo-wrapper { 
  padding: 3px 5px 2px 15px; 
} 
.header-top .header-title {
  display: block;
  text-align: center;
  padding:3px 0;
}
.header-top .header-title h2 {
margin:0;
text-align:center;
font-size: 13px;
} 
.header-row .header-contact { 
  border-right: 1px solid #ddd;
  padding: 0 10px;
}
.header-logo { 
  padding:7px 0;
  z-index:999;
}
.header-row .header-contact ul li a { 
  font-size: 12px;
}
.header-row .header-contact ul li i {
  margin-right: 4px;
  font-size: 12px;
}
.info {
top: 0; 
margin-bottom: 0; 
padding:30px;
}
.info h2 { 
  margin-bottom: 20px;
}
.info-container {
padding:0;
}
.info .info-content { 
border-left: none;
padding-left: 0; 
} 
.news .swiper .figure-caption { 
  height: 90px;
}
 
.press-container {
padding:0;
}
.press {
top: 0; 
margin-bottom: 0; 
padding: 30px; 
}
.press .list-press {
padding: 0; 
}
.press h2 {
border: none;
line-height: 1.5;
position: relative;
font-size: 32px; 
padding-bottom:15px;
margin-bottom:0;
}
.press h2:after {
  content: "";
  position: absolute;
  height: 2px;
  bottom: 15px;
  width: 45px;
  background: var(--site-color-two);
  left: 0;
}
.press .list-press .swiper-pagination { 
  text-align: center;
}

.press .swiper-buttons .press-button-next, .press .swiper-buttons .press-button-prev {
top:-60px;
}
.press .swiper-buttons .press-button-prev {
right: 30px;
}


.aside-nav {
bottom: 0;
position: fixed;
z-index: 9;
background: #fff;
left: 0;
transform: none;
width: 100%;
top: auto;
border-radius:0;
border-top:1px solid #ddd;
}
.aside-nav .aside-menu { 
justify-content: space-between;
display: flex;
}
.aside-nav .aside-menu li {
display:inline-block;
width:auto;
border:none;
margin-bottom: -6px;
width: 100%;
}
.aside-nav .aside-menu li a {
padding: 10px 15px; 
}
.aside-nav .aside-menu i {
font-size: 20px; 
}
.aside-nav .aside-menu p {
 margin-bottom:3px;
}
.navbar-toggler { 
border-radius:0; 
}

.swiper-buttons { 
  display: flex;
  align-items: center;
}

/*----------------*/

.countto { 
padding: 0;
overflow:hidden;
}
.countto .container {  
padding:0;
}
.countto .box::after {
content: none; 
}
.countto .box { 
border-bottom: 1px solid rgba(255,255,255,0.1); 
position:relative;
padding: 0 15px;
}
.countto .box:hover {  
position:relative; 
}
.countto .box i {
margin-bottom:0;
}
.countto .ff_counter_box { 
text-align: right;
width:100%;
}
.countto .box-wrapper { 
}
.countto .box h2 {
padding:0;
font-size:28px;
}
.countto .box p { 
font-size: 16px; 
}
/*----------------*/

.about {
padding: 15px; 
}
.about .image-content .image-item {
display:none;
}
.btn-about {
margin: 15px 0;
}
.about .container {
padding:0;
}
/*----------------*/

.main .what {
padding: 15px;
border-top: 1px solid #ddd;
}

.main .container-fluid {
padding:0;
}
.what .swiper .swiper-inner:focus, .what .swiper .swiper-inner:focus-within, .what .swiper .swiper-inner:hover { 
transform: scale(1, 1); 
}
.what .swiper .swiper-img {
box-shadow:none;
height:auto;
} 


.master-content {
padding: 15px 0;  
}

/*----------------*/
.news { 
padding: 15px;
}

.news .ttl {
margin-bottom: 15px;
}
.news .swiper .swiper-img { 
box-shadow: none;
height: auto;
}
.news .list-blog {
margin-top: 15px; 
}
.news .swiper .swiper-buttons { 
  margin-right: 0;
}
.news .swiper .swiper-buttons .news2-button-prev {
  margin-right: 15px;
}
/*----------------*/
.brands .ttl {
margin-bottom: 15px;
}
.brands {
padding: 0 0 20px; 
}
/*----------------*/
.master .newsletter {
border-top: none;
padding: 15px 0;
}
.newsletter {
padding: 30px 15px;
}
.newsletter-form input {
padding-left:15px;
}
.newsletter h3 {
font-size: 20px; 
}
.newsletter p {  
  letter-spacing: 0;
}
.newsletter-form .submit {
padding:15px;
}
/*----------------*/
.gallery {  
max-height:inherit; 

}
/*----------------*/
footer { 
overflow-x: hidden;
}
footer .footer-logo { 
display:none;
}
footer address {
text-align: left !important;
}
footer .address ul li span {
display: inline;
}
footer .footer-place {
padding: 30px 15px 15px;
}
footer .newclick { 
margin-bottom: 68px;
padding: 15px;
background:#fff;
}
footer .copyright {
padding:15px;
background:#fff;
}
footer .copyright ul {
text-align: left !important;
margin-top: 15px;  
}
footer .copyright ul li a { 
margin: 0 15px 0 0; 
}
footer .scroll-top { 
 display:none !important;
}

footer .address {
text-align: left !important; 
}
footer .address ul li { 
margin-bottom: 20px;
}
footer .footer-list {
display:none;
}
footer a, footer .address ul li {
  color: #eee; 
}
/*--------------------------------*/
.team-box { 
border: 1px solid #ddd;
margin-bottom: 15px;
}
.team-content {
margin-top: 15px;
}
.team-content .row > [class*="col-"]:last-child .team-box {
margin-bottom:0;
}
/*--------------------------------*/
.nav-wrapper .nav-content .navbar-nav { 
width: auto;
height: auto;
display: block;
position: relative; 
top: 123px;
border-top: 3px solid var(--site-color);
}
.navbar-toggler:focus {  
box-shadow: none;
}
.nav-wrapper .nav-content .nav a.nav-link {
padding:15px;
border-bottom: 1px solid #ddd;
box-shadow:none !important;
}
.nav-wrapper .nav, .nav-wrapper #navbarMenu, .nav-wrapper .nav-item {
height: auto !important;
}
.navbar-collapse.show {
transform: translate3d(0, 0, 0) !important;
}

.navbar-collapse {
z-index: 99999;
min-height: 0;
float: none;
overflow-y: auto !important;
overflow-x: hidden !important;
left: 0;
top: 0 !important;
bottom: 0;
width: 290px;
transition: transform .3s;
transform: translate3d(-100%, 0, 0);
transition: transform .3s;
min-height: 100vh !important;  
-webkit-box-shadow: -1px 4px 6px 0 rgba(138,138,138,.5);
box-shadow: -1px 4px 6px 0 rgba(138,138,138,.5);
background: #fff;
position: fixed; 
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
z-index: 99;
}
.nav-wrapper .nav-content .nav .dropdown-menu {
position:relative !important;
height:auto !important;
transform:none !important;
box-shadow:none !important;
z-index:99;
}

#menu-trigger {
padding: 10px 0;
background: #fff;
text-align: right;
display: block;
cursor: pointer;
}


#menu-trigger div {
position: relative;
display: block;
height: 3px;
margin-bottom: 6px;
width: 32px;
background: var(--site-color);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
text-align: right;
}

#menu-trigger:hover{
cursor: pointer;
color: #fff; 
}

#menu-trigger:hover div:first-child{
width: 32px;
}

#menu-trigger div:nth-child(2) {
width: 25px;
margin-left: auto;
}

#menu-trigger div:nth-child(3) {
width: 15px;
margin-left: auto;
}

#menu-trigger.clicked div:nth-child(even){
opacity: 0;
}

#menu-trigger.clicked div:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 10px;
}

#menu-trigger.clicked div {
width: 32px !important;
height: 2px;
}

#menu-trigger.clicked div:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -7px;
}

#menu-trigger.clicked:hover{
-webkit-transform: scale(1);
transform: scale(1);
}

#menu-trigger.clicked:hover div{
width: 32px !important;
}

.menu-tint.open {
opacity: 1;
visibility: visible;
}
.menu-tint {
position: fixed;
width: 100%;
height: calc(100% + 200px);
bottom: -100px;
top: 0;
opacity: 0;
z-index: 97;
background: rgba(0,0,0,.8);
-webkit-transition: opacity .7s;
transition: opacity .7s;
visibility: hidden;
}


/*-------------------------*/
.master-page {
background: #fff;
border-bottom: 1px solid #ddd; 
}
.widget { 
display:none;
}
.master-banner { 
margin-top: 15px; 
height: 280px;
}
.master-banner.contact-banner {
margin-top: 120px;
}
.contact-content {
margin:0;
padding:15px 0 0;
}
.contact-address .box h1 { 
font-size: 32px;
}
.section-contact {
padding:15px;
}
.master-banner img { 
height: 100%;
object-fit: cover;
transform:translateY(100px);
object-position: right;
}
.master-banner h1 { 
font-size: 32px; 
top: 55%;
max-width: 300px;
line-height: 1;
}
.master-banner h1:after { 
content:none;
}

 
.widget.contact-widget {
  display: block !important;
  border:none;
  border-bottom: 1px solid #ddd;
  margin:0;
}
.contact-right h2 {
    font-size:24px;
}
.contact-address .box {
    padding-left:0;
    padding-right:0;
}
.contact-widget h1 { 
  padding: 15px 0; 
}
.bread { 
  padding: 15px;
}
.bread,.bread a,.bread .breadcrumb-item, .bread .breadcrumb-item.active{ 
font-size: 13px;
}
.section {
padding: 15px 0 15px;
}
.section-contact {
padding:15px !important;
}
 
.gallery-master {
padding-bottom:0;
}
.elem-inner img {
padding: 5px;
background: #fff;
}
.list.list-border li { 
width: 100%; 
margin-right:0;
background: #fff;
}
.list.line li { 
box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
}

.list.icon-normal li {
width: 100%;
margin-right: 0; 
margin-bottom: 15px !important;
}
.list.list-contact li { 
width: 100%;
margin-right: 0;
display:block;
}
.img-plan {
margin-top:15px;
}
.inner-elem {
margin-top:15px !important;
box-shadow:none;
}
.inner-elem img {
padding:0; 
}

.form-auth .form-check input {
margin-right:15px;
}
.media-partners .media-partners-box { 
border: 1px solid #ddd;
}
.sub-right, .sub-left { 
padding: 15px 0; 
}
.master-bread-title .container {
  padding: 0;
  max-width: none;
}
.info-title {
margin:0;
top:0;
padding:15px;
}
.info-title h1 {
font-size: 26px; 
}
.ttl { 
  margin-top: 15px;
}

} 

@media (min-width: 992px) {
.aside-master {
display:none;
}
}
@media (max-width: 320px) {
    .header-contact {
        display: none !important;
    }
}

@media (max-width: 436px) {
   header .logo {
  width: 160px;
}
}



@media (max-width: 375px) {
 .nav-elements ul.nav-elements-li a { 
  padding: 0 10px;
}
 .header-row .header-contact ul li a { 
  font-size: 11px;
}
.header-row .header-logo .logo-wrapper {
  padding: 3px 8px 2px;
}
.header-row .header-contact {
  padding: 0 5px;
}
 #menu-trigger { 
  transform: scale(.8);
}
.aside-nav .aside-menu li a {
  padding: 10px 15px; 
}
.navbar-toggler { 
  padding: .25rem .5rem;
}
.slide .swiper-slide .slide-txt-box .titleslide {
    font-size:16px;
}
.master-banner {
    height:200px;
}
.info-title {
  padding: 15px 30px; 
}
.info-title h1 { 
  font-size: 24px;
}
} 

@media all and (min-width: 992px) and (max-width: 1365px) {
header .logo { 
padding: 10px 0; 
}
.header-row .header-logo .logo-wrapper { 
padding: 6px 10px 5px 30px; 
}
.header-row .header-contact { 
  padding: 0 15px;
}
.header-row .header-logo .logo-text p { 
font-size: 11px;
}
.nav-wrapper .nav-content .nav a.nav-link {
font-size:14px;
}
.nav-wrapper .nav-content .nav a.nav-link {
padding:22px 12px;
}
.header-row .header-logo .logo-text { 
padding-left: 25px;
margin-left: 10px;
}
footer li, footer p {
color: var(--site-color);
font-size: 12px;
}
footer .social-footer li a { 
padding: 5px 7px;
}
.master-banner { 
margin-top: 30px; 
}
.master-banner.contact-banner {
margin-top: 122px;
}
.master-banner img { 
height: 100%;
width:100%;
object-fit: cover;
transform:translateY(100px);
opacity: .8;
}
.master-banner h1 { 
font-size: 32px; 
top: 55%;
}
.master-banner h1:after { 
content:none;
}

.main .slide { 
height: 400px;
}
.slide .swiper-slide img {
height:100%;
}
.countto .box h2 {
font-size: 24px;
}
.countto .box p { 
font-size: 14px; 
}
.countto .box i { 
font-size: 32px;  
}
.swiper .swiper-img { 
height: auto;
}
.list-blog .blog-list-img { 
width: 110px;
} 
footer .footer-logo img {
  max-height: 34px; 
}
.scroll-top {
    bottom:0;
}
.btn-new span {
background:#fff;
}
.nav-elements ul.nav-elements-li a {
padding: 5px 20px;
}
.slide .swiper-slide .slide-txt-box .titleslide {
    font-size:32px;
    padding:0 30px;
}
.main .slide { 
  height: 400px;
}
.countto .box {  
padding: 30px 15px; 
}

} 

@media all and (min-width: 1365px) and (max-width: 1440px) {
.slide .swiper-slide img {
height:100%;
}
.swiper .swiper-img { 
height: auto;
}
.list-blog { 
height: 470px; 
} 
 
}

@media all and (min-width: 576px) and (max-width: 992px) {
.press {
top: -45px;
margin-bottom: -45px; 
border-radius: 10px;
}
.press-container {
padding-left: var(--bs-gutter-x,.75rem);
padding-right:var(--bs-gutter-x,.75rem) ;
}
}

@media all and (min-width: 768px) and (max-width: 992px) {

} 


@media all and (min-width: 575px) and (max-width: 992px) {
.countto, .main {
  background: #fff;
}
.info-container {
  padding: 0;
}
.info { 
  padding: 30px 0;
  box-shadow:none;
}
.countto, .main {
background:#fff;
}
.info {
top: 0;
margin-bottom: 0;
padding: 30px 0;
box-shadow: none;
}

footer .footer-place {
  padding: 30px 0 15px;
}
.main .slide { 
  height: 300px;
}
}