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

                Template Name: Snowdrop WordPress Theme
                Template URI: snowdrop.maxsify.com
                Description: Snowdrop-personal blog WordPress template
                Author: MAXSIFY
                Author URI: maxsify.com
                Version: 1.0

-----------------------------------------------------------------------------------

                CSS INDEX
                ===================

                01. Theme default CSS
        02. Header
                03. Hero
        04. Footer

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


/*===========================
                1. COMMON css 
===========================*/

body {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #666;
    overflow-x: hidden;
}

body.dark-bg {
    background: #0e0e0e;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

i,
span,
a {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    color: #404040;
    margin-top: 0px;
    margin-bottom: 0.5rem;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
    color: #666666;
    margin: 0px;
    font-family: "Roboto Condensed", sans-serif;
}

.bg_cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}


/*===== All Button Style =====*/

.main-btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #333;
    padding: 0 68px;
    font-size: 18px;
    line-height: 60px;
    border-radius: 0px;
    color: #333;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background-color: transparent;
    text-transform: uppercase;
}

.main-btn:hover {
    background-color: transparent;
    color: #ea7026;
    border-color: #ea7026;
}

.main-btn.main-btn-2 {
    background-color: #fff;
    color: #ea7026;
    border-color: #ea7026;
}

.main-btn.main-btn-2:hover {
    background-color: #ea7026;
    border-color: #ea7026;
    color: #fff;
}


/*===== section title Style =====*/

.section-title .title {
    font-size: 30px;
    text-transform: uppercase;
    color: #333;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 5px;
    position: relative;
}

.section-title .title::before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -3px;
    height: 5px;
    width: 70px;
    background: #ea7026;
    transform: translateX(-50%);
}

.section-title .title::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #ea7026;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}


/*===========================
                2.HEADER css 
===========================*/

.header-area {
    margin-top: 25px;
}

@media (max-width: 767px) {
    .header-area .header-logo img {
        width: 75%;
    }
}

.header-area .header-search .input-box {
    position: relative;
}

.header-area .header-search .input-box input {
    width: 102px;
    border: 0;
    border-bottom: 2px solid #ccc;
    padding-left: 10px;
    font-size: 17px;
    color: #333;
    line-height: 40px;
    font-weight: 500;
}

.header-area .header-search .input-box input::placeholder {
    opacity: 1;
    text-transform: uppercase;
}

.header-area .header-search .input-box button {
    border: 0;
    background-color: transparent;
    color: #333;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.header-area .header-toggler {
    width: 55px;
    height: 40px;
    border: 2px solid #000;
    text-align: center;
    cursor: pointer;
    line-height: 40px;
    border-radius: 5px;
}

.header-area .header-toggler i {
    color: #000;
    font-size: 24px;
}

.header-area .header-menu {
    margin-top: 29px;
}

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

.header-area .header-menu ul li a {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    padding: 0 23px;
    line-height: 12px;
    border-right: 1px solid #ccc;
    margin-right: -2px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.header-area .header-menu ul li.menu-item-has-children>a:after {
    content: "\f0dd";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    left: 5px;
    position: relative;
    top: -4px;
    font-size: 13px;
    color: #b9b9b9;
}

.header-area .header-menu ul li.menu-item-has-children ul li.menu-item-has-children>a:after {
    content: "\f061";
    top: 10px;
    position: absolute;
    right: 15px;
    left: auto;
}

.header-area .header-menu ul li.menu-item-has-children ul li.menu-item-has-children>a:hover:after {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .header-area .header-menu ul li.menu-item-has-children>a:after {
        content: '';
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .header-menu ul li a {
        font-size: 16px;
        padding: 0 18px;
    }
}

.header-area .header-menu ul li:last-child a {
    border-right: 0;
}

.header-area.header-2-area {
    margin-top: 0;
}

.header-area.header-2-area .header-headline-area {
    background: #f6f6f6;
}

.header-area.header-2-area .header-headline {
    margin-top: 0;
}

.header-area.header-2-area .header-headline .headline-slide .item {
    padding: 16px 0;
}

.header-area.header-2-area .header-headline .headline-slide .item p {
    display: inline-block;
}

.header-area.header-2-area .header-headline .headline-slide .slick-arrow.prev {
    right: 120px;
    left: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-area.header-2-area .header-headline .headline-slide .slick-arrow.prev {
        right: 300px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area.header-2-area .header-headline .headline-slide .slick-arrow.prev {
        right: 60px;
    }
}

.header-area.header-2-area .header-headline .headline-slide .slick-arrow.next {
    right: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-area.header-2-area .header-headline .headline-slide .slick-arrow.next {
        right: 240px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area.header-2-area .header-headline .headline-slide .slick-arrow.next {
        right: 0px;
    }
}

.header-area.header-2-area .header-headline .header-social {
    width: 300px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-area.header-2-area .header-headline .header-social {
        margin-left: -235px;
    }
}

.header-area.header-2-area .header-headline .header-social ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.header-area.header-2-area .header-headline .header-social ul li {
    margin-left: 2px;
}

.header-area.header-2-area .main-header {
    position: relative;
}

.header-area.header-2-area .main-header .header-menu {
    margin-top: 0;
}

.header-area.header-2-area .main-header .header-menu ul li>a {
    padding: 10px 13px;
    border-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-area.header-2-area .main-header .header-menu ul li>a {
        font-size: 15px !important;
        padding: 10px 8px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area.header-2-area .main-header .header-sub {
        position: absolute;
        right: 100px;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 767px) {
    .header-area.header-2-area .main-header .header-sub {
        display: none;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-area.header-2-area .main-header .header-sub {
        position: absolute;
        right: 100px;
        top: 50%;
        transform: translateY(-50%);
        display: block;
    }
}

.header-area.header-2-area .main-header .header-sub ul li {
    display: inline-block;
    margin-left: 5px;
}

.header-area.header-2-area .main-header .header-sub ul li a {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    color: #0084b4;
    background: #e5f2f7;
    font-size: 18px;
}

.header-area.header-2-area .main-header .header-sub ul li:nth-child(2) a {
    background: #fde8e8;
    color: #e71919;
}

.header-area.header-2-area .main-header .header-sub ul li:nth-child(3) a {
    background: #f6f6f6;
    color: #333;
}

.header-area.header-2-area.header-3-area {
    background: #000;
}

.header-area.header-2-area.header-3-area .header-point .header-menu ul li>a {
    color: #fff;
    border-right-color: #3f3f3f;
}

.header-area.header-2-area.header-3-area .header-point .header-menu ul li>a.active {
    color: #ea7026;
}

.header-area.header-2-area.header-3-area .header-point .header-menu ul li:first-child a {
    padding-left: 0;
}

.header-area.header-2-area.header-3-area .header-point .header-menu ul li:last-child a {
    padding-right: 0;
    border-right: 0;
}

.header-area.header-2-area.header-3-area .header-point .header-menu ul li .sub-menu li a {
    color: #333;
    padding-left: 20px;
}

.header-area.header-2-area.header-3-area .header-point .header-menu ul li .sub-menu li a:hover {
    color: #fff;
}

.header-area.header-2-area.header-3-area .header-point .header-search .input-box {
    position: relative;
}

.header-area.header-2-area.header-3-area .header-point .header-search .input-box input {
    width: 102px;
    border: 0;
    border-bottom: 2px solid #3b3b3b;
    padding-left: 10px;
    font-size: 17px;
    color: #fff;
    line-height: 40px;
    font-weight: 500;
    background-color: transparent;
}

.header-area.header-2-area.header-3-area .header-point .header-search .input-box input::placeholder {
    opacity: 1;
    text-transform: uppercase;
}

.header-area.header-2-area.header-3-area .header-point .header-search .input-box button {
    border: 0;
    background-color: transparent;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.header-area.header-2-area.header-3-area .header-toggler {
    border-color: #fff;
}

.header-area.header-2-area.header-3-area .header-toggler i {
    color: #fff;
}

.header-area.header-4-area {
    background: #0e0e0e;
}

.header-area.header-4-area .header-headline-area {
    background: #000;
}

.header-area.header-4-area .header-headline-area .header-headline {
    background: #000;
}

.header-area.header-4-area .header-menu ul li a {
    color: #fff;
}

.header-area.header-4-area .header-menu ul li a:hover,
.header-area.header-4-area .header-menu ul li a.active {
    color: #ea7026;
}

.header-area.header-4-area .header-menu ul li .sub-menu li a {
    color: #000;
}

.header-area.header-4-area .header-menu ul li .sub-menu li a:hover {
    color: #fff;
}

.header-area.header-4-area .main-header .header-sub ul li a {
    background: #0d1a1f;
}

.header-area.header-4-area .main-header .header-sub ul li:nth-child(2) a {
    background: #240f0f;
}

.header-area.header-4-area .main-header .header-sub ul li:nth-child(3) a {
    background: #1a1a1a;
    color: #fff;
}

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

.header-social ul li a {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background: #5e5eb7;
    color: #fff;
    margin-right: 2px;
}

.header-social ul li:nth-child(2) a {
    background: #c72026;
}
.header-social ul li.whatsapp a{  
  background: #12AF0A;  
}
.header-social ul li.tumblr a{  
  background: #35465C;  
}
.header-social ul li.reddit a{  
  background: #ff4500;  
}
.header-social ul li.blogger a{  
  background: #FDA352;  
}
.header-social ul li:nth-child(3) a {
    background: #29a4dd;
}

.header-social ul li:nth-child(4) a {
    background: #42548e;
}
.header-social ul li.pinterest a{
     background: #E60023;
}
.header-social ul li.instagram a{
     background: #3f729b;
}
.header-social ul li.youtube a {
     background: #FF0000;
}
.header-headline {
    background: #f6f6f6;
    margin-top: 25px;
}

.header-headline .headline-slide .item {
    padding: 22px 0;
}

@media only screen and (max-width: 767px) {
    .header-headline .headline-slide .item {
        padding: 15px;
    }
    .header-headline {
        margin-left: -5px;
        margin-right: -5px;
    }
}

.header-headline .headline-slide .item p {
    color: #666;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-headline .headline-slide .item p {
        font-size: 15px;
    }
}

.header-headline .headline-slide .item p a {
    font-weight: 700;
    text-decoration: underline;
    text-transform: uppercase;
    color: #666;
    margin-left: 10px;
}

.header-headline .headline-slide .item p span {
    color: #ea7026;
    font-weight: 600;
    padding-right: 6px;
}

.header-headline .headline-slide .item p span i {
    padding-right: 4px;
}

.header-headline .headline-slide .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    cursor: pointer;
    height: 50px;
    width: 46px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #000;
    background: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.header-headline .headline-slide .slick-arrow:hover {
    background: #ea7026;
    color: #fff;
}

.header-headline .headline-slide .slick-arrow.prev {
    left: 10px;
}

.header-headline .headline-slide .slick-arrow.next {
    right: 10px;
}


/*===========================
                MOBILE MENU css 
===========================*/

.offcanvas-menu {
    position: fixed;
    top: 0;
    left: -400px;
    width: 400px;
    height: 100%;
    background-color: #fff;
    z-index: 99999999;
    padding: 100px 30px 30px;
    overflow-y: auto;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

@media (max-width: 767px) {
    .offcanvas-menu {
        width: 320px;
    }
}

.offcanvas-menu .close-mobile-menu {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 20px;
    color: #2c2c2c;
}

.offcanvas-menu .mobile-menu {
    padding-bottom: 30px;
}

.offcanvas-menu .mobile-menu ul li {
    position: relative;
    border-top: 1px solid rgba(32, 31, 31, 0.4);
}

.offcanvas-menu .mobile-menu nav>ul>li:first-child {
    border-top: 0 none;
}

.offcanvas-menu .mobile-menu nav>ul>li:last-child {
    border-bottom: 1px solid rgba(32, 31, 31, 0.4);
}

.offcanvas-menu .mobile-menu ul li a {
    display: block;
    font-size: 18px;
    max-width: 85%;
    font-weight: 400;
    color: #201f1f;
    padding: 8px 0;
}

.offcanvas-menu .mobile-menu ul li .sub-menu {
    padding-left: 10px;
}

.offcanvas-menu .mobile-menu ul li .sub-menu ul li {
    border-bottom: 0;
    padding-left: 20px;
}

.offcanvas-menu .mobile-menu ul li .sub-menu .mega-title>a {
    font-weight: 500;
}

.offcanvas-menu .mobile-menu ul li .menu-expand {
    position: absolute;
    right: 10px;
    top: 11px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 15;
}

.offcanvas-menu .mobile-menu ul li .menu-expand::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #201f1f;
    top: 10px;
}

.offcanvas-menu .mobile-menu ul li .menu-expand::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #201f1f;
    left: 10px;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.offcanvas-menu .mobile-menu ul li.active>.menu-expand::after {
    height: 0;
}

.offcanvas-menu.open {
    left: 0;
}

.overlay::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: 0;
    z-index: 99999;
    visibility: visible;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    visibility: hidden;
}

.overlay.open::before {
    opacity: 0.5;
    visibility: visible;
}


/* Sub Menu CSS */

header {
    position: relative;
    z-index: 1;
}

.header-menu ul li {
    position: relative;
}

.header-menu ul li>.sub-menu,
.header-menu ul li>.children {
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    display: block;
    top: calc(100% + 15px);
}

.header-menu ul li>.children::before,
.header-menu ul li>.sub-menu::before {
    position: absolute;
    top: -20px;
    left: 25px;
    border-color: transparent transparent #ffffff;
    border-style: solid;
    border-width: 10px 6px;
    content: "";
    z-index: 1;
}

.header-menu ul li>.children::after,
.header-menu ul li>.sub-menu::after {
    position: absolute;
    top: -15px;
    left: 0px;
    content: "";
    width: 100%;
    height: 15px;
}

.header-menu ul li:hover .children,
.header-menu ul li:hover .sub-menu {
    display: block;
}

.header-menu ul .children,
.header-menu ul .sub-menu {
    min-width: 235px;
    position: absolute;
    margin: 0;
    padding: 10px;
    opacity: 0;
    z-index: 1;
    background-color: #ffffff;
    visibility: hidden;
    transition: all 0.25s;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
}

.header-menu ul .children::before,
.header-menu ul .sub-menu::before {
    position: absolute;
    top: -20px;
    left: 25px;
    border-color: transparent transparent #ffffff;
    border-style: solid;
    border-width: 10px 6px;
    content: "";
    z-index: 1;
}

.header-menu ul .children::after,
.header-menu ul .sub-menu::after {
    position: absolute;
    top: -15px;
    left: 0px;
    content: "";
    width: 100%;
    height: 15px;
}

.header-menu ul .children li,
.header-menu ul .sub-menu li {
    position: relative;
    display: block;
}

.header-menu ul .children li a,
.header-menu ul .sub-menu li a {
    background-color: transparent;
    border-right: 0 none;
    text-align: left;
    display: block;
    line-height: 1.4em;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: all 0.3s;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.header-menu ul .children li:last-child a,
.header-menu ul .sub-menu li:last-child a {
    border-bottom: none;
}

.header-menu ul .children li:last-child>a,
.header-menu ul .sub-menu li:last-child>a {
    border-bottom: 0;
}

.header-menu ul .children li:hover .children,
.header-menu ul .sub-menu li:hover .sub-menu {
    opacity: 1;
    list-style: none;
    z-index: 99;
}

.header-menu ul .children .children,
.header-menu ul .sub-menu .sub-menu {
    min-width: 250px;
    position: absolute;
    left: calc(100% + 15px);
    top: -10px;
    margin: 0;
    padding: 10px;
    opacity: 0;
    transition: all 0.25s;
}

.header-menu ul .children .children::before,
.header-menu ul .sub-menu .sub-menu::before {
    position: absolute;
    content: "";
    left: -20px;
    top: 0;
    height: 40px;
    width: 20px;
}


/*Animation*/

.header-menu>ul>li:hover>.children,
.header-menu>ul>li:hover>.sub-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
}

.header-menu>ul>li>ul li:hover>.children,
.header-menu>ul>li>ul li:hover>.sub-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
}

.header-menu>ul>li>ul li .children::before,
.header-menu>ul>li>ul li .sub-menu::before {
    border-width: 10px 10px;
    content: "";
    z-index: 1;
    transform: rotate(-90deg);
    left: -28px !important;
    top: 12px !important;
}


/* Default Color */

.header-menu ul li:hover>a,
.header-menu ul>li>a:hover,
.header-menu ul>li>a.active {
    background-color: transparent;
    text-decoration: none;
    color: #FFA423;
}

.header-menu ul .sub-menu>li>a:hover,
.header-menu ul .sub-menu .sub-menu>li>a:hover,
.header-menu ul .sub-menu .sub-menu .sub-menu>li>a:hover {
    background-color: #ea7026;
    text-decoration: none;
    color: #ffffff;
}

.header-menu ul .children>li>a:hover,
.header-menu ul .children .children>li>a:hover,
.header-menu ul .children .children .children>li>a:hover {
    background-color: #ea7026;
    text-decoration: none;
    color: #ffffff;
}


/*===========================
                3.AUTHOR NEWS css 
===========================*/

.author-news-area .author-item {
    position: relative;
    overflow: hidden;
}

.author-news-area .author-item img {
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.author-news-area .author-item .author-item-overlay {
    background-color: rgba(232, 80, 62, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.author-news-area .author-item .author-item-overlay .author-item-content {
    padding-left: 30px;
    padding-top: 20px;
    padding-right: 30px;
}

.author-news-area .author-item .author-item-overlay .author-item-content span {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    position: relative;
}

.author-news-area .author-item .author-item-overlay .author-item-content span::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 1px;
    width: 60px;
    background: #fff;
}

.author-news-area .author-item .author-item-overlay .author-item-content .title {
    font-weight: 600;
    color: #fff;
    line-height: 34px;
    font-size: 30px;
    padding-top: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .author-news-area .author-item .author-item-overlay .author-item-content .title {
        font-size: 24px;
        line-height: 26px;
    }
}

@media (max-width: 767px) {
    .author-news-area .author-item .author-item-overlay .author-item-content .title {
        font-size: 24px;
        line-height: 26px;
    }
}

.author-news-area .author-item .author-item-overlay .author-item-sub {
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 82%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.author-news-area .author-item .author-item-overlay .author-item-sub ul li {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-right: 18px;
}

.author-news-area .author-item .author-item-overlay .author-item-sub ul li i {
    font-size: 16px;
}

.author-news-area .author-item .author-item-overlay .author-item-sub span {
    background: #e71919;
    line-height: 27px;
    padding: 0 16px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.author-news-area .author-item .author-item-overlay .author-item-sub span i {
    font-size: 16px;
}

.author-news-area .author-item.item-2 .author-item-overlay {
    background-color: rgba(86, 180, 73, 0.8);
}

.author-news-area .author-item.item-3 .author-item-overlay {
    background-color: rgba(43, 125, 225, 0.8);
}

.author-news-area .author-item:hover img {
    transform: scale(1.1);
}

.author-news-area .author-item .author-content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    padding-left: 30px;
    padding-top: 20px;
    padding-right: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .author-news-area .author-item .author-content {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.author-news-area .author-item .author-content p {
    font-size: 20px;
    line-height: 32px;
    color: #cecece;
}

.author-news-area .author-item .author-content a {
    color: #cecece;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    left: 30px;
    bottom: 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .author-news-area .author-item .author-content a {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .author-news-area .author-item .author-content a {
        font-size: 18px;
    }
}

.author-news-area .author-item .author-content a i {
    padding-left: 5px;
}

.author-news-item {
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .author-news-item {
        max-height: 450px;
    }
}

.author-news-item img {
    width: 100%;
}

.author-news-item .author-news-overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.author-news-item .author-news-overlay .author-thumb {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    width: 250px;
    height: 250px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .author-news-item .author-news-overlay .author-thumb {
        width: 150px;
        height: 150px;
    }
}

@media (max-width: 767px) {
    .author-news-item .author-news-overlay .author-thumb {
        height: 130px;
        width: 130px;
    }
}

.author-news-item .author-news-overlay .author-thumb::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 220px;
    width: 220px;
    border-radius: 50%;
    border: 2px dashed #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .author-news-item .author-news-overlay .author-thumb::before {
        height: 170px;
        width: 170px;
    }
}

@media (max-width: 767px) {
    .author-news-item .author-news-overlay .author-thumb::before {
        height: 110px;
        width: 110px;
    }
}

.author-news-item .author-news-overlay .author-thumb img {
    width: 100%;
    border-radius: 50%;
}

.author-news-item .author-news-overlay .author-content {
    padding-left: 50px;
    padding-bottom: 50px;
}

.author-news-item .author-news-overlay .author-content span {
    color: #ea7026;
    font-size: 18px;
    font-weight: 600;
    position: relative;
}

.author-news-item .author-news-overlay .author-content span::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px;
    background: #ea7026;
}

.author-news-item .author-news-overlay .author-content .title {
    color: #fff;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 100px;
    padding-top: 10px;
    padding-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .author-news-item .author-news-overlay .author-content .title {
        font-size: 34px;
        line-height: 32px;
        padding-top: 15px;
    }
}

@media (max-width: 767px) {
    .author-news-item .author-news-overlay .author-content .title {
        font-size: 34px;
        line-height: 32px;
        padding-top: 15px;
    }
}

.author-news-item .author-news-overlay .author-content p {
    font-size: 18px;
    color: #999;
    padding-bottom: 37px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .author-news-item .author-news-overlay .author-content p {
        font-size: 16px;
        padding-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .author-news-item .author-news-overlay .author-content p {
        font-size: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .author-news-item .author-news-overlay .author-content p {
        font-size: 18px;
        padding-bottom: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .author-news-item .author-news-overlay .author-content {
        text-align: center;
        width: 100%;
        padding-bottom: 50px;
        padding-left: 0;
    }
    .author-news-item .author-news-overlay .author-content span::before {
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .author-news-item .author-news-overlay .author-content .title {
        padding-right: 0;
    }
}


/*===========================
                4.HIGHLIGHTS css 
===========================*/

.highlights-area {
    position: relative;
}

.highlights-area .highlights-item {
    position: relative;
    overflow: hidden;
}

.highlights-area .highlights-item>a {
    display: block;
}

.highlights-area .highlights-item:hover img {
    transform: scale(1.1);
}

.highlights-area .highlights-item img {
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.highlights-area .highlights-item .highlights-content {
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 10;
}

.highlights-area .highlights-item .highlights-content i {
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 34px;
    background: #ea7026;
    color: #fff;
    border-radius: 50%;
    font-size: 13px;
    z-index: -1;
    position: relative;
}

.highlights-area .highlights-item .highlights-content span {
    background: #000;
    color: #fff;
    padding: 0 15px 2px;
    border-radius: 20px;
    text-transform: uppercase;
    margin-left: -15px;
    z-index: -2;
    position: relative;
    font-size: 15px;
}

.highlights-area .highlights-title .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    color: #333;
    padding-top: 10px;
}

@media only screen and (max-width: 460px) {
    .highlights-area .highlights-title .title {
        font-size: 18px;
        font-size: 18px;
    }
}

.highlights-area .highlights-slide .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    background: #fff;
    color: #333;
    cursor: pointer;
    z-index: 9;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.highlights-area .highlights-slide .slick-arrow:hover {
    background: #ea7026;
    color: #fff;
}

.highlights-area .highlights-slide .slick-arrow.prev {
    left: -66px;
}

.highlights-area .highlights-slide .slick-arrow.next {
    right: -66px;
}


/*===========================
                5.FEATURED NEWS css 
===========================*/

.featured-news-area .featured-news-thumb {
    position: relative;
}

.featured-news-area .featured-news-thumb img {
    width: 100%;
}

.featured-news-area .featured-news-thumb.item-2 .featured-news-item {
    left: 20px;
}

.featured-news-area .featured-news-thumb.item-2 .featured-news-item .item {
    padding-left: 18px;
    padding-right: 0;
}

.featured-news-area .featured-news-content {
    padding-left: 55px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .featured-news-area .featured-news-content {
        padding-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .featured-news-area .featured-news-content {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .featured-news-area .featured-news-content {
        padding-left: 0;
    }
}

.featured-news-area .featured-news-content .title {
    font-size: 45px;
    font-weight: 600;
    color: #333;
    line-height: 1.1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .featured-news-area .featured-news-content .title {
        font-size: 32px;
        margin-top: 30px;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .featured-news-area .featured-news-content .title {
        font-size: 26px;
        margin-top: 28px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .featured-news-area .featured-news-content .title {
        font-size: 30px;
        margin-top: 25px;
        line-height: 30px;
        margin-bottom: 0;
    }
}

.featured-news-area .featured-news-content p {
    font-size: 18px;
    line-height: 1.75;
    color: #666;
    padding-right: 45px;
    padding-top: 21px;
    padding-bottom: 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .featured-news-area .featured-news-content p {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .featured-news-area .featured-news-content p {
        font-size: 15px;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .featured-news-area .featured-news-content p {
        font-size: 16px;
        padding-right: 0;
    }
}

.featured-news-area .featured-news-content.item-2 {
    padding-left: 0;
    padding-right: 55px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .featured-news-area .featured-news-content.item-2 {
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .featured-news-area .featured-news-content.item-2 {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .featured-news-area .featured-news-content.item-2 {
        padding-right: 0;
    }
}

.featured-news-area .featured-news-thumb {
    position: relative;
}

.featured-news-area .featured-news-thumb>img {
    width: 100%;
}

.featured-news-area .featured-news-thumb .featured-news-thumb-content {
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
    width: 92%;
    background-color: rgba(0, 0, 0, 0.9);
    min-height: 150px;
    display: flex;
    align-items: center;
}

.featured-news-area .featured-news-thumb .featured-news-thumb-content .title {
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
    font-weight: 600;
    margin-left: 58px;
    padding: 15px 20% 15px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .featured-news-area .featured-news-thumb .featured-news-thumb-content .title {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .featured-news-area .featured-news-thumb .featured-news-thumb-content .title {
        font-size: 28px;
        line-height: 38px;
        margin-left: 20px;
        padding: 15px 30% 15px 0;
    }
}

.featured-news-area .featured-news-thumb .featured-news-thumb-content .featured-info {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #ea7026;
    width: 190px;
    text-align: center;
    padding-top: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .featured-news-area .featured-news-thumb .featured-news-thumb-content .featured-info {
        width: 130px;
        padding-top: 22%;
    }
}

.featured-news-area .featured-news-thumb .featured-news-thumb-content .featured-info img {
    width: 70px;
    border-radius: 50%;
    border: 3px solid #fff;
}

.featured-news-area .featured-news-thumb .featured-news-thumb-content .featured-info span {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 8px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .featured-news-area .featured-news-thumb .featured-news-thumb-content .featured-info span {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .featured-news-area .featured-news-thumb .featured-news-thumb-content {
        width: 100%;
        top: 0;
        transform: translateY(0);
        min-height: auto;
        bottom: 0;
        left: 0;
    }
    .featured-news-area .featured-news-thumb .featured-news-thumb-content .featured-info {
        width: 115px;
        padding-top: 18%;
    }
    .featured-news-area .featured-news-thumb .featured-news-thumb-content .featured-info span {
        font-size: 15px;
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 6px;
    }
    .featured-news-area .featured-news-thumb .featured-news-thumb-content .featured-info {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .featured-news-area .featured-news-thumb .featured-news-thumb-content .title {
        font-size: 28px;
        line-height: 1.2;
        color: #fff;
        text-align: center;
        font-weight: 600;
        margin-left: 0;
        margin-bottom: 0;
        padding: 15px;
    }
}

@media only screen and (max-width: 460px) {
    .featured-news-area .featured-news-thumb .featured-news-thumb-content .title {
        font-size: 22px;
    }
}

.featured-news-item {
    position: absolute;
    right: 20px;
    top: 20px;
    text-align: right;
}

.featured-news-item .item {
    background: #ea7026;
    text-align: right;
    height: 102px;
    width: 102px;
    padding-right: 18px;
}

.featured-news-item .item .title {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    padding-top: 22px;
    line-height: 36px;
    margin-bottom: 0.5rem;
}

.featured-news-item .item span {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
}

.featured-news-item a {
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #333;
    background: #dee3e1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-top: 5px;
}

.featured-news-item a span {
    white-space: nowrap;
    background: #000;
    font-size: 14px;
    color: #ffff;
    padding: 0 0px 0 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 0;
}

.featured-news-item a:hover {
    background: #000;
}

.featured-news-item a:hover span {
    right: 45px;
    opacity: 1;
}

.featured-news-item.item-2 {
    left: 20px;
    font-size: 15px;
}

.featured-news-item.item-2 a span {
    right: auto;
    left: 0;
    padding: 0 20px 0 0;
}

.featured-news-item.item-2 a:hover span {
    left: 45px;
    right: auto;
    opacity: 1;
}

.featured-news-item.item-2 .item {
    padding-left: 18px;
    padding-right: 0;
}

.featured-news-item.item-2 .item h3.title {
    margin-bottom: 5px;
}

.featured-userinfo span {
    font-size: 16px;
    font-weight: 500;
    color: #999;
    text-transform: uppercase;
}

.featured-userinfo span img {
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
    margin-right: 10px;
    position: relative;
    top: -3px;
}

.featured-userinfo ul {
    margin-left: 35px;
    margin-top: -6px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .featured-userinfo ul {
        margin-left: 24px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .featured-userinfo ul {
        margin-left: 35px;
        margin-top: -6px;
    }
}

.featured-userinfo ul li {
    display: inline-block;
    color: #999;
    font-size: 18px;
    font-weight: 500;
    margin-right: 18px;
}

.featured-userinfo ul li i {
    font-size: 16px;
}

.featured-userinfo ul li:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 767px) {
    .featured-userinfo ul {
        margin-left: 15px;
    }
    .featured-userinfo span,
    .featured-userinfo ul li {
        font-size: 14px;
    }
}


/*===========================
                6.VIDEO css 
===========================*/

.video-area {
    padding-top: 79px;
    position: relative;
    padding-bottom: 165px;
}

.video-area .row .col-lg-3 {
    padding-left: 7px;
    padding-right: 7px;
}

.video-area::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .9;
}

.video-area .section-title {
    margin-bottom: 95px;
}

@media (max-width: 767px) {
    .video-area .section-title {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video-area .section-title {
        margin-bottom: 55px;
    }
}

.video-area .section-title .title {
    color: #fff;
    border-bottom-color: #1f1f1f;
}

.video-area .video-items img {
    width: 100%;
    opacity: .6;
}

.video-slider.small-thumbs {
    z-index: 0;
}
.video-slider.slick-slider .video-items{
    padding: 15px 15px 0
}
.video-area .video-area-item.big-thumbs {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

@media only screen and (max-width: 600px) {
    .video-area .video-area-item.big-thumbs {
        top: auto;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
    }
}

.video-area .video-area-item .video-item {
    text-align: center;
    position: relative;
    z-index: 10;
    height: 340px;
    width: 590px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-area .video-area-item .video-item {
        width: 480px;
    }
}

@media (max-width: 767px) {
    .video-area .video-area-item .video-item {
        width: 300px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video-area .video-area-item .video-item {
        width: 400px;
    }
}

.video-area .video-area-item .video-item img {
    display: inline-block;
    width: 590px;
    position: relative;
    z-index: 2;
}

.video-area .video-area-item .video-item .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 5;
    color: #fff;
    font-size: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-area .video-area-item .video-item .slick-arrow {
        font-size: 24px;
    }
}

.video-area .video-area-item .video-item .slick-arrow.prev {
    left: -120px;
}

@media only screen and (max-width: 991px) {
    .video-area .video-area-item .video-item .slick-arrow.prev {
        left: -60px;
    }
}

@media only screen and (max-width: 767px) {
    .video-area .video-area-item .video-item .slick-arrow.prev {
        left: -15px;
        font-size: 15px;
        top: 30%;
    }
}

@media only screen and (max-width: 460px) {
    .video-area .video-area-item .video-item .slick-arrow.prev {
        left: -5px;
        font-size: 15px;
        top: 35%;
    }
}

.video-area .video-area-item .video-item .slick-arrow.next {
    right: -120px;
}

@media only screen and (max-width: 991px) {
    .video-area .video-area-item .video-item .slick-arrow.next {
        right: -60px;
    }
}

@media only screen and (max-width: 767px) {
    .video-area .video-area-item .video-item .slick-arrow.next {
        right: -15px;
        font-size: 15px;
        top: 30%;
    }
    .video-slider.small-thumbs {
        position: relative;
        top: 50px;
    }
}

@media only screen and (max-width: 460px) {
    .video-area .video-area-item .video-item .slick-arrow.next {
        right: -5px;
        top: 35%;
    }
}

.video-area .video-area-item .video-item .item {
    position: relative;
    z-index: 10;
    text-align: center;
}

.video-area .video-area-item .video-item .item::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .5;
    z-index: 6;
}

.video-area .video-area-item .video-item .item a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    border-radius: 50%;
    background: #ea7026;
    color: #fff;
    z-index: 10;
}

@media (max-width: 767px) {
    .video-area .video-area-item .video-item .item a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        top: 40%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video-area .video-area-item .video-item .item a {
        height: 60px;
        width: 60px;
        line-height: 60px;
        top: 50%;
    }
}

.video-area .video-area-item .video-item .item a::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: .6;
    border-radius: 50%;
    background: #ea7026;
    z-index: -1;
    animation: video-pulse linear infinite 1.2s;
}

.video-area .video-area-item .video-item .item a::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: .6;
    border-radius: 50%;
    background: #ea7026;
    z-index: -1;
    animation: video-pulse linear infinite 1.5s;
}

.video-area .video-area-item .video-item .item .title {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    z-index: 10;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
}

@media (max-width: 767px) {
    .video-area .video-area-item .video-item .item .title {
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video-area .video-area-item .video-item .item .title {
        font-size: 18px;
        line-height: 20px;
    }
}

@-webkit-keyframes video-pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes video-pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

.video-2-area {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.video-2-area::before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #0f0f0f;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-2-area::before {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .video-2-area::before {
        width: 100%;
    }
}

.video-2-area .video-overlay {
    position: relative;
    z-index: 10;
    height: 590px;
    display: flex;
    align-items: center;
}

.video-2-area .video-overlay .icon {
    opacity: 0;
    visibility: hidden;
}

.video-2-area .video-overlay .icon.active {
    opacity: 1;
    visibility: visible;
}

.video-2-area .video-overlay .icon {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-2-area .video-overlay .icon {
        left: 80%;
    }
}

@media (max-width: 767px) {
    .video-2-area .video-overlay .icon {
        display: none;
    }
}

.video-2-area .video-overlay .icon i {
    height: 120px;
    width: 120px;
    text-align: center;
    line-height: 120px;
    background: #fff;
    border-radius: 50%;
    color: #ea7026;
    font-size: 45px;
    position: relative;
}

.video-2-area .video-overlay .icon i::after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    z-index: -1;
    animation: video-pulse linear infinite 1.5s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-2-area .video-overlay .video-content {
        margin-right: 150px;
    }
}

.video-2-area .video-overlay .video-content .title {
    color: #fff;
    font-weight: 600;
    font-size: 45px;
    line-height: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .video-2-area .video-overlay .video-content .title {
        font-size: 42px;
        line-height: 44px;
    }
}

@media (max-width: 767px) {
    .video-2-area .video-overlay .video-content .title {
        font-size: 25px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video-2-area .video-overlay .video-content .title {
        font-size: 45px;
        line-height: 50px;
    }
}

.video-2-area .video-overlay .video-content p {
    color: #cfcece;
    font-size: 18px;
    padding-right: 70px;
    padding-top: 15px;
    padding-bottom: 76px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .video-2-area .video-overlay .video-content p {
        font-size: 17px;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .video-2-area .video-overlay .video-content p {
        padding-right: 0;
        font-size: 17px;
    }
}

.video-2-area .video-overlay .video-content ul {
    position: relative;
}

.video-2-area .video-overlay .video-content ul::before {
    position: absolute;
    content: '';
    left: 0;
    top: -14px;
    height: 1px;
    width: 140px;
    background: #999;
}

.video-2-area .video-overlay .video-content ul li {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ea7026;
}

.video-2-area .video-overlay .video-content ul li:last-child {
    color: #dfdfdf;
}

.video-2-area .video-slide .slick-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 76px;
    background: #fff;
    color: #999;
    text-align: center;
    line-height: 76px;
    cursor: pointer;
    z-index: 9;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.video-2-area .video-slide .slick-arrow:hover {
    background: #ea7026;
    color: #fff;
}

.video-2-area .video-slide .slick-arrow.prev {
    right: 55px;
}


/*===========================
                7.MORE NEWS css 
===========================*/

.more-news-area {
    position: relative;
}

.more-news-area .section-title {
    margin-bottom: 20px;
}

.more-news-item {
    margin-bottom: 18px;
}

.more-news-item .more-news-thumb {
    position: relative;
}

.more-news-item .more-news-thumb img {
    width: 100%;
}

.more-news-item .more-news-content .title {
    font-size: 32px;
    line-height: 1.2;
    color: #333;
    font-weight: 600;
    padding-top: 17px;
    padding-bottom: 15px;
}

.more-news-item .more-news-content .title a {
    color: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .more-news-item .more-news-content .title {
        font-size: 26px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .more-news-item .more-news-content .title {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .more-news-item .more-news-content .title {
        font-size: 24px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .more-news-item .more-news-content .title {
        font-size: 30px;
    }
}


/*===========================
                8.FOOTER css 
===========================*/

.footer-area {
    position: relative;
    z-index: 10;
}

.footer-area::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(10, 10, 10, 0.95);
    z-index: -1;
}

.footer-area .footer-item-1 .footer-content p {
    font-size: 17px;
    color: #999;
    font-weight: 300;
    padding-right: 50px;
    padding-top: 26px;
    padding-bottom: 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .footer-area .footer-item-1 .footer-content p {
        padding-right: 0;
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-area .footer-item-1 .footer-content p {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .footer-area .footer-item-1 .footer-content p {
        padding-right: 0;
    }
}

.footer-area .footer-item-1 .footer-content ul li {
    font-size: 17px;
    color: #999;
    line-height: 30px;
    padding-right: 110px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .footer-area .footer-item-1 .footer-content ul li {
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-area .footer-item-1 .footer-content ul li {
        padding-right: 70px;
    }
}

@media (max-width: 767px) {
    .footer-area .footer-item-1 .footer-content ul li {
        padding-right: 0px;
    }
}

.footer-area .footer-item-1 .footer-content ul li span {
    color: #ea7026;
}

.footer-area .footer-item-2 .footer-author-item .item {
    position: relative;
    padding-left: 120px;
    clear: both;
    overflow: hidden;
}

.footer-area .footer-item-2 .footer-author-item .item img {
    position: absolute;
    left: 0;
    top: 0;
}

.footer-area .footer-item-2 .footer-author-item .item .title {
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 15px;
    padding-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .footer-area .footer-item-2 .footer-author-item .item .title {
        padding-right: 0;
        font-size: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-area .footer-item-2 .footer-author-item .item .title {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .footer-area .footer-item-2 .footer-author-item .item .title {
        padding-right: 0;
        font-size: 19px;
        line-height: 22px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-area .footer-item-2 .footer-author-item .item .title {
        padding-right: 0;
        font-size: 24px;
        line-height: 26px;
    }
}

.footer-area .footer-item-2 .footer-author-item .item span {
    font-size: 15px;
    font-weight: 500;
    color: #999;
    text-transform: uppercase;
}

.footer-area .footer-item-2 .footer-author-item .item span span {
    background: #e71919;
    color: #fff;
    border-radius: 20px;
    padding: 0 16px;
    margin-left: 20px;
}

@media (max-width: 767px) {
    .footer-area .footer-item-2 .footer-author-item .item span span {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-area .footer-item-2 .footer-author-item .item span span {
        margin-left: 20px;
    }
}

.footer-area .footer-item-3 .footer-links ul li a {
    font-size: 18px;
    line-height: 40px;
    color: #999;
    font-family: "Roboto Condensed", sans-serif;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.footer-area .footer-item-3 .footer-links ul li a i {
    padding-right: 4px;
}

.footer-area .footer-item-3 .footer-links ul li a:hover {
    color: #ea7026;
}

.footer-area .footer-item-3 .footer-links ul.ml-55 {
    margin-left: 25px;
}

@media (max-width: 767px) {
    .footer-area .footer-item-3 .footer-links ul.ml-55 {
        margin-left: 18px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-area .footer-item-3 .footer-links ul.ml-55 {
        margin-left: 25px;
    }
}

.footer-title .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
}

.footer-newsletter {
    background: #000;
    border-top: 1px solid rgba(222, 227, 225, 0.1);
    border-bottom: 1px solid rgba(222, 227, 225, 0.1);
    margin-top: 73px;
}

.footer-newsletter .newsletter-flex {
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-newsletter .newsletter-flex {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .footer-newsletter .newsletter-flex {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-newsletter .newsletter-flex .newsletter-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .footer-newsletter .newsletter-flex .newsletter-title {
        text-align: center;
    }
}

.footer-newsletter .newsletter-flex .newsletter-title .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
}

.footer-newsletter .newsletter-flex .newsletter-title .title i {
    color: #ea7026;
    padding-right: 5px;
}

.footer-newsletter .newsletter-flex .newsletter-input {
    position: relative;
    width: 410px;/*570px*/;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .footer-newsletter .newsletter-flex .newsletter-input {
        width: 365px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-newsletter .newsletter-flex .newsletter-input {
        text-align: center;
        width: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .footer-newsletter .newsletter-flex .newsletter-input {
        text-align: center;
        width: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.footer-newsletter .newsletter-flex .newsletter-input input {
    width: 100%;
    line-height: 70px;
    background-color: transparent;
    border: 2px solid #878787;
    color: #828282;
    padding-left: 30px;
    font-size: 17px;
}

@media only screen and (max-width: 767px) {
    .footer-newsletter .newsletter-flex .newsletter-input input {
        padding-left: 15px;
        padding-right: 115px;
    }
}

.footer-newsletter .newsletter-flex .newsletter-input input::placeholder {
    opacity: 1;
}

.footer-newsletter .newsletter-flex .newsletter-input button {
    position: absolute;
    right: 7px;
    top: 9px;
    line-height: 56px;
    border: 0;
    background: #ea7026;
    color: #fff;
    padding: 0 27px;
    font-weight: 600;
    font-size: 18px;
    font-family: "Barlow Condensed", sans-serif;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .footer-newsletter .newsletter-flex .newsletter-input button {
        padding: 0 10px;
        font-size: 16px;
    }
}

.footer-newsletter .newsletter-flex .newsletter-input button i {
    padding-right: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-newsletter .newsletter-flex .newsletter-social {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .footer-newsletter .newsletter-flex .newsletter-social {
        text-align: center;
    }
}

.footer-newsletter .newsletter-flex .newsletter-social ul li {
    display: inline-block;
    padding: 4px 0px 0px 0px;
}

.footer-newsletter .newsletter-flex .newsletter-social ul li a {
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    background: #5e5eb7;
    color: #fff;
    margin-right: 2px;
    font-size: 24px;
}

@media (max-width: 767px) {
    .footer-newsletter .newsletter-flex .newsletter-social ul li a {
        height: 50px;
        width: 50px;
        line-height: 50px;
    }
}

.footer-newsletter .newsletter-flex .newsletter-social ul li:nth-child(2) a {
    background: #c72026;
}

.footer-newsletter .newsletter-flex .newsletter-social ul li:nth-child(3) a {
    background: #29a4dd;
}

.footer-newsletter .newsletter-flex .newsletter-social ul li:nth-child(4) a {
    background: #42548e;
}

.footer-newsletter .newsletter-flex .newsletter-social ul li:nth-child(5) a {
    background: #e32a92;
}
.footer-newsletter .newsletter-flex .newsletter-social ul li.pinterest a {
    background: #E60023;
}
.footer-newsletter .newsletter-flex .newsletter-social ul li.instagram a {
    background: #3f729b;
}
.footer-newsletter .newsletter-flex .newsletter-social ul li.youtube a {
    background: #FF0000;
}

.copyright-text p {
    line-height: 100px !important;
    font-size: 20px;
    color: #999;
    font-family: "Barlow Condensed", sans-serif;
}

@media (max-width: 767px) {
    .copyright-text p {
        font-size: 17px;
    }
}

.copyright-text p span {
    font-weight: 600;
    color: #ea7026;
}


/*===== Go Top =====*/

.go-top-area {
    position: relative;
    z-index: 9999;
}

.go-top-area .go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 24px;
    color: #ffffff;
    background-color: #ea7026;
    z-index: 9999;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.9s ease-out 0s;
    -moz-transition: all 0.9s ease-out 0s;
    -ms-transition: all 0.9s ease-out 0s;
    -o-transition: all 0.9s ease-out 0s;
    transition: all 0.9s ease-out 0s;
    border-right: 0;
}

.go-top-area .go-top i {
    position: absolute;
    top: 50%;
    left: -4px;
    right: 0;
    margin: 0 auto;
    font-size: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.go-top-area .go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%;
}

.go-top-area .go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #ea7026;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.go-top-area .go-top:focus,
.go-top-area .go-top:hover {
    color: #fff;
}

.go-top-area .go-top:focus::before,
.go-top-area .go-top:hover::before {
    opacity: 1;
    visibility: visible;
}

.go-top-area .go-top:focus i:first-child,
.go-top-area .go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}

.go-top-area .go-top:focus i:last-child,
.go-top-area .go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.go-top-area .go-top.active {
    top: 98%;
    -webkit-transform: translateY(-98%);
    -moz-transform: translateY(-98%);
    -ms-transform: translateY(-98%);
    -o-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .go-top-area .go-top.active {
        top: 93%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .go-top-area .go-top.active {
        top: 93%;
    }
}

.go-top-wrap {
    position: relative;
}

.go-top-wrap .go-top-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    top: 3px;
    z-index: 1;
    background: #ea7026;
}

.go-top-wrap .go-top-btn i {
    font-size: 20px;
    font-weight: 700;
    padding-left: 4px;
    color: #fff;
}

.go-top-wrap .go-top-btn::after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
    -o-animation: ripple 1.6s ease-out infinite;
    animation: ripple 1.6s ease-out infinite;
    opacity: 0;
    background: #ea7026;
}

.go-top-wrap .go-top-btn:hover {
    background-color: #333;
    color: #fff;
}

@keyframes ripple {
    0%,
    35% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
}

@-webkit-keyframes ripple {
    0%,
    35% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
}


/*===========================
                9.BANNER css 
===========================*/

.banner-area {
    height: 770px;
    position: relative;
    overflow: hidden;
}

.banner-area::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
}

.banner-area .banner-content {
    overflow: hidden;
}

.banner-area .banner-content>span {
    color: #ea7026;
    font-weight: 800;
    font-size: 26px;
    position: relative;
}

.banner-area .banner-content>span::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 2px;
    height: 1px;
    width: 70px;
    background: #ea7026;
}

.banner-area .banner-content .title {
    font-size: 50px;
    color: #fff;
    line-height: 55px;
    padding-top: 50px;
    padding-right: 40px;
    padding-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .banner-area .banner-content .title {
        font-size: 42px;
        line-height: 43px;
    }
}

@media (max-width: 767px) {
    .banner-area .banner-content .title {
        font-size: 40px;
        line-height: 42px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .banner-area .banner-content .title {
        font-size: 38px;
        line-height: 40px;
        padding-right: 40px;
    }
}

.banner-area .banner-content ul {
    padding-bottom: 86px;
}

.banner-area .banner-content ul li {
    font-size: 20px;
    font-weight: 500;
    color: #dfdfdf;
    text-transform: uppercase;
}

.banner-area .banner-content ul li:first-child {
    color: #ea7026;
}

.banner-area .banner-content .play {
    padding-bottom: 20px;
    padding-left: 15px;
}

.banner-area .banner-content .play a i {
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    background: #ea7026;
    color: #fff;
    font-size: 24px;
    border-radius: 50%;
    position: relative;
    z-index: 10;
}

.banner-area .banner-content .play a i::after {
    position: absolute;
    content: '';
    left: 0%;
    top: 0%;
    background-color: #ea7026;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    animation: video-pulse linear infinite 1.2s;
}

.banner-area .banner-content .play a span {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 32px;
}

.banner-slide .slick-dots {
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
}

.banner-slide .slick-dots li {
    display: inline-block;
}

.banner-slide .slick-dots li button {
    background: #fff;
    border: 0;
    height: 15px;
    width: 15px;
    margin: 0 5px;
    font-size: 0;
    border-radius: 50%;
}

.banner-slide .slick-dots li.slick-active button {
    background: #ea7026;
}

.page-title-area {
    height: 330px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    position: relative;
}

.page-title-area::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
}

.page-title-area .page-title-item .title {
    font-size: 60px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.4px;
    line-height: 60px;
}

@media (max-width: 767px) {
    .page-title-area .page-title-item .title {
        font-size: 42px;
    }
}

.page-title-area .page-title-item nav {
    display: inline-block;
}

.page-title-area .page-title-item nav ol {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}

.page-title-area .page-title-item nav ol li {
    color: #999;
    font-size: 20px;
}

.page-title-area .page-title-item nav ol li a {
    color: #d2d2d2;
}

.breadcrumbs__separator {
    padding-left: 12px;
    position: relative;
}

.breadcrumbs .breadcrumbs__link {
    color: #ffffff;
}

.breadcrumbs .breadcrumbs__current {
    color: #999;
}

.breadcrumbs__separator::before {
    color: #999;
    content: "-";
    padding-right: 12px;
}

.blog-details-area .vote-boxs .g1-beta.g1-beta-2nd {
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222;
    margin-bottom: 45px;
}


/*===========================
                10.NEWS css 
===========================*/

.news-area.news-4-area .news-item .news-item-thumb::before {
    background: #0e0e0e;
}

.news-area.news-4-area .news-item .news-item-content .title {
    color: #fff;
}

.news-area.news-4-area .news-sidebar {
    border-color: #1a1a1a;
}

.news-area.news-4-area .news-sidebar .news-update-item .news-update-content .item {
    border-bottom-color: #262626;
}

.news-area.news-4-area .news-sidebar .news-update-item .news-update-content .item .title {
    color: #fff;
}

.news-area.news-4-area .news-sidebar .news-update-item .news-update-content .item span {
    color: #dbdbdb;
    opacity: .1;
}

.news-area.news-4-area .news-sidebar .news-sidebar-categories {
    border-top-color: #262626;
}

.news-area.news-4-area .news-sidebar .news-sidebar-categories .title {
    color: #fff;
}

.news-area.news-4-area .news-sidebar .news-sidebar-categories .item {
    border-bottom-color: #262626;
}

.news-area.news-4-area .news-sidebar .news-sidebar-categories .item span {
    color: #fff;
}

.news-area.news-4-area .news-sidebar .news-sidebar-video {
    border-top-color: #262626;
}

.news-area.news-4-area .news-sidebar .news-sidebar-video .title {
    color: #fff;
}

.news-area.news-4-area .news-sidebar .news-sidebar-video .news-sidebar-video-item .news-sidebar-video-content .title {
    color: #fff;
}

.news-area.news-4-area .news-sidebar .news-sidebar-subscribe {
    border-top-color: #262626;
}

.news-area.news-4-area .news-sidebar .news-sidebar-subscribe .title {
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .news-item {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .news-item {
        margin-top: 50px;
    }
}

.news-item .news-item-thumb {
    position: relative;
    overflow: hidden;
    z-index: 10;
}

.news-item .news-item-thumb img {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media only screen and (max-width: 767px) {
    .news-item .news-item-thumb img {
        width: 100%;
    }
}

.news-item .news-item-thumb::before {
    position: absolute;
    content: '';
    left: -20px;
    bottom: -2px;
    height: 40px;
    width: 210px;
    transform: skewX(40deg);
    background: #fff;
    z-index: 1;
}

@media only screen and (max-width: 460px) {
    .news-item .news-item-thumb::before {
        height: 20px;
    }
}

.news-item .news-item-thumb .share-item {
    position: absolute;
    right: 20px;
    top: 20px;
}

.news-item .news-item-thumb .share-item span {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 47px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.news-item .news-item-thumb .share-item ul {
    position: absolute;
    left: -100px;
    top: 4px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.news-item .news-item-thumb .share-item ul li {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}

.news-item .news-item-thumb .share-item ul li a {
    background: #007bb5;
    border-color: #007bb5;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 13px;
}

.news-item .news-item-thumb .share-item ul li:nth-child(2) a {
    background: #db4437;
    border-color: #db4437;
}

.news-item .news-item-thumb .share-item ul li:nth-child(3) a {
    background:  #1da1f2;
    border-color:  #1da1f2;
}

.news-item .news-item-thumb .share-item ul li:nth-child(4) a {
    background:  #1877f2;
    border-color:  #1877f2;
}

.news-item .news-item-thumb .share-item:hover ul {
    opacity: 1;
    left: -180px;
}

.news-item .news-item-content {
    margin-top: -6px;
}

.news-item .news-item-content>span {
    font-size: 18px;
    font-weight: 600;
    color: #ea7026;
    text-transform: uppercase;
    position: relative;
}

.news-item .news-item-content>span::before {
    position: absolute;
    content: '';
    right: -24px;
    bottom: 7px;
    height: 1px;
    width: 18px;
    background: #ea7026;
}

.news-item .news-item-content .title {
    font-size: 30px;
    color: #333;
    line-height: 32px;
    font-weight: bold;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 16px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.news-item .news-item-content .title a {
    color: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .news-item .news-item-content .title {
        font-size: 26px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .news-item .news-item-content .title {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .news-item .news-item-content .title {
        font-size: 24px;
        line-height: 26px;
        padding-right: 14px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .news-item .news-item-content .title {
        font-size: 22px;
        line-height: 24px;
        padding-right: 0;
    }
}

.news-item .news-item-content .title:hover {
    color: #ea7026;
}

.news-item .news-item-content .author-item-sub {
    display: flex;
    align-items: center;
}

.news-item .news-item-content .author-item-sub ul li {
    display: inline-block;
    color: #999999;
    font-size: 16px;
    font-weight: 500;
    margin-right: 18px;
}

.news-item .news-item-content .author-item-sub ul li i {
    font-size: 16px;
}

.news-item .news-item-content .author-item-sub>span {
    background: #e71919;
    line-height: 27px;
    padding: 0 16px;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}

.news-item .news-item-content .author-item-sub>span i {
    font-size: 16px;
}

.news-item:hover .news-item-thumb img {
    transform: scale(1.06);
}

.news-item.full-item .news-item-content .title {
    font-size: 40px;
    padding-top: 12px;
    padding-bottom: 20px;
    font-weight: bold;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .news-item.full-item .news-item-content .title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .news-item.full-item .news-item-content .title {
        font-size: 30px;
        line-height: 32px;
    }
}

.news-item.full-item .news-item-content p:not(.wp-block-cover-text) {
    font-size: 18px;
    color: #666;
    padding-right: 30px;
    padding-bottom: 0;
    margin-bottom: 22px;
}

@media (max-width: 767px) {
    .news-item.full-item .news-item-content p {
        padding-right: 0;
        font-size: 16px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .news-item.full-item .news-item-content p {
        padding-right: 0;
        font-size: 18px;
    }
}

.news-sidebar {
    border: 3px solid #f6f6f6;
}

.news-sidebar .news-update-btn ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.news-sidebar .news-update-btn ul li {
    width: 50%;
}

.news-sidebar .news-update-btn ul li a {
    background: #f6f6f6;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    width: 100%;
    display: inline-block;
}

.news-sidebar .news-update-btn ul li a span {
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 12px 0;
    position: relative;
    padding-left: 26px;
    color: #333;
    margin-left: 12px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .news-sidebar .news-update-btn ul li a span {
        margin-right: 0;
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .news-sidebar .news-update-btn ul li a span {
        margin-left: 0;
        font-size: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .news-sidebar .news-update-btn ul li a span {
        margin-left: 12px;
        font-size: 16px;
    }
}

.news-sidebar .news-update-btn ul li a span i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #999;
}

.news-sidebar .news-update-btn ul li a.active {
    background: #ea7026;
}

.news-sidebar .news-update-btn ul li a.active span {
    color: #fff;
}

.news-sidebar .news-update-btn ul li a.active span i {
    color: #fff;
}

.news-update-item {
    padding: 40px 40px 10px 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .news-update-item {
        padding: 30px 30px 10px 30px;
    }
}

@media (max-width: 767px) {
    .news-update-item {
        padding: 20px;
    }
}

.news-update-item .news-update-thumb img {
    width: 100%;
}

.news-update-item .news-update-content .item {
    min-height: 90px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    border-bottom: 3px solid #f6f6f6;
    position: relative;
}

.news-update-item .news-update-content .item .title {
    font-size: 22px;
    line-height: 1.1;
    color: #333;
    font-weight: 600;
    padding-left: 52px;
    padding-right: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .news-update-item .news-update-content .item .title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .news-update-item .news-update-content .item .title {
        padding-right: 0px;
        margin-bottom: 0;
        font-size: 22px;
        padding-left: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .news-update-item .news-update-content .item .title {
        padding-right: 90px;
        font-size: 24px;
        padding-left: 52px;
    }
}

.news-update-item .news-update-content .item span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 50px;
    font-weight: 300;
    color: #dbdbdb;
}

@media (max-width: 767px) {
    .news-update-item .news-update-content .item span {
        font-size: 36px;
    }
}

.news-update-item .news-update-content .item:last-child {
    border-bottom: 0;
}

.news-sidebar-categories {
    padding: 33px 40px 36px;
    border-top: 3px solid #f6f6f6;
}

.news-sidebar-categories .title {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 5px;
}

.news-sidebar-categories .title::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -5px;
    height: 3px;
    width: 45px;
    background: #ea7026;
}

.news-sidebar-categories .item {
    border-bottom: 3px solid #f6f6f6;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding-bottom: 3px;
    padding-top: 18px;
    position: relative;
}

.news-sidebar-categories .item::before {
    position: absolute;
    content: '';
    right: 0;
    bottom: -3px;
    height: 3px;
    width: 12px;
    background: #ea7026;
}

.news-sidebar-categories .item span {
    font-size: 18px;
    font-weight: 600;
    color: #454545;
    text-transform: uppercase;
}

.news-sidebar-categories .item span.color {
    color: #ea7026;
}

.news-sidebar-video .video-title .title {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 34px;
}

.news-sidebar-video .video-title .title::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -5px;
    height: 3px;
    width: 45px;
    background: #ea7026;
}

.news-sidebar-video .news-sidebar-video-item {
    margin-top: 23px;
}

.news-sidebar-video .news-sidebar-video-item .news-sidebar-video-thumb {
    position: relative;
}

.news-sidebar-video .news-sidebar-video-item .news-sidebar-video-thumb img {
    width: 100%;
}

.news-sidebar-video .news-sidebar-video-item .news-sidebar-video-thumb a {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    color: #333;
    font-size: 14px;
}

.news-sidebar-video .news-sidebar-video-item .news-sidebar-video-content .title {
    font-size: 25px;
    font-weight: 600;
    line-height: 26px;
    color: #333;
    padding-top: 16px;
}

@media (max-width: 767px) {
    .news-sidebar-video .news-sidebar-video-item .news-sidebar-video-content .title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .news-sidebar-video .news-sidebar-video-item .news-sidebar-video-content .title {
        font-size: 24px;
    }
}

.news-sidebar-video .news-sidebar-video-item .news-sidebar-video-content span {
    font-size: 14px;
    color: #999;
    font-weight: 500;
    text-transform: uppercase;
}

.news-sidebar-video .news-video-btn {
    margin-top: 23px;
}

.news-sidebar-video .news-video-btn a {
    padding: 18px 45px;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: normal;
    line-height: normal;
}

.news-sidebar-subscribe {
    padding: 33px 40px 40px;
    border-top: 3px solid #f6f6f6;
}

.news-sidebar-subscribe .subscribe-title .title {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 29px;
}

.news-sidebar-subscribe .subscribe-title .title::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -5px;
    height: 3px;
    width: 45px;
    background: #ea7026;
}

.news-sidebar-subscribe .news-sidebar-subscribe-content p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.news-sidebar-subscribe .news-sidebar-subscribe-content .input-box {
    margin-top: 15px;
}

.news-sidebar-subscribe .news-sidebar-subscribe-content .input-box input {
    width: 100%;
    text-align: center;
    border: 0;
    background: #f6f6f6;
    line-height: 65px;
    font-size: 15px;
    font-weight: 300;
}

.news-sidebar-subscribe .news-sidebar-subscribe-content .input-box input::placeholder {
    opacity: 1;
    color: #666;
}

.news-sidebar-subscribe .news-sidebar-subscribe-content .input-box button {
    width: 100%;
    background: #ea7026;
    color: #fff;
    border-color: #ea7026;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
}

.news-3-area .news-thumb {
    position: relative;
}

.news-3-area .news-thumb img {
    width: 100%;
}

.news-3-area .news-thumb .post-reaction-cat {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .news-3-area .news-content {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .news-3-area .news-content {
        margin-left: 0;
    }
}

.news-3-area .news-content .author-item-sub {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .news-3-area .news-content .author-item-sub {
        margin-top: 20px;
    }
}

.news-3-area .news-content .author-item-sub ul li {
    display: inline-block;
    color: #999999;
    font-size: 18px;
    font-weight: 500;
    margin-right: 18px;
}

.news-3-area .news-content .author-item-sub ul li i {
    font-size: 16px;
}

.news-3-area .news-content .author-item-sub span {
    background: #e71919;
    line-height: 27px;
    padding: 0 16px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-left: 10px;
}

.news-3-area .news-content .author-item-sub span i {
    font-size: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .news-3-area .news-content .news-item {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .news-3-area .news-content .news-item {
        margin-top: 0px;
    }
}

.news-3-area .news-content .news-item .title {
    font-size: 38px;
    line-height: 1.1;
    font-weight: 600;
    color: #333;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-right: 40px;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .news-3-area .news-content .news-item .title {
        padding-right: 0;
        font-size: 30px;
        line-height: 32px;
    }
}

@media (max-width: 767px) {
    .news-3-area .news-content .news-item .title {
        padding-right: 0;
        font-size: 24px;
        line-height: 26px;
    }
}

.news-3-area .news-content .news-item p {
    font-size: 18px;
    padding-right: 40px;
    color: #666;
    padding-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .news-3-area .news-content .news-item p {
        padding-right: 0;
        font-size: 17px;
        line-height: 24px;
        padding-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .news-3-area .news-content .news-item p {
        padding-right: 0;
        font-size: 17px;
    }
}

.news-3-area .news-content .news-info img {
    border-radius: 50%;
}

.news-3-area .news-content .news-info span {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #ea7026;
    border-radius: 20px;
    line-height: 28px;
    padding: 0 17px;
    margin-left: -15px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .news-3-area .news-content .news-info span {
        font-size: 14px;
    }
}

.news-3-area .news-content .news-info p {
    font-size: 16px;
    color: #999;
    text-transform: uppercase;
    padding-left: 20px;
}

@media (max-width: 767px) {
    .news-3-area .news-content .news-info p {
        font-size: 14px;
    }
}


/*===========================
                11.TRENDING NEWS css 
===========================*/

.trending-news-area {
    position: relative;
}

.trending-news-area .trending-News-item .trending-news-thumb {
    position: relative;
}

.trending-news-area .trending-News-item .trending-news-thumb img {
    width: 100%;
}

.trending-news-area .trending-News-item .trending-news-thumb span {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ff4657;
    color: #fff;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 26px 0 13px;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    letter-spacing: .40px;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .trending-news-area .trending-News-item .trending-news-thumb span {
        top: auto;
        bottom: 10px;
    }
}

.trending-news-area .trending-News-item .trending-news-thumb i {
    position: absolute;
    top: -13px;
    right: 18px;
    height: 38px;
    width: 38px;
    text-align: center;
    line-height: 38px;
    background: #0084b4;
    color: #fff;
    border-radius: 50%;
    z-index: 10;
}

.trending-news-area .trending-News-item .trending-news-thumb i::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 50px;
    width: 50px;
    opacity: .3;
    z-index: -1;
    background-color: #0084b4;
    border-radius: 50%;
}

.trending-news-area .trending-News-item .trending-news-content span {
    font-size: 18px;
    font-weight: 600;
    color: #ea7026;
    text-transform: uppercase;
    padding-top: 11px;
    position: relative;
}

.trending-news-area .trending-News-item .trending-news-content span::before {
    position: absolute;
    content: '';
    right: -25px;
    bottom: 7px;
    height: 1px;
    width: 18px;
    background: #ea7026;
}

.trending-news-area .trending-News-item .trending-news-content .title {
    font-size: 26px;
    line-height: 28px;
    color: #333;
    font-weight: 600;
    padding-top: 3px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .trending-news-area .trending-News-item .trending-news-content .title {
        font-size: 22px;
        line-height: 24px;
    }
}

.trending-news-area .slick-slide:nth-child(1n) .trending-News-item .trending-news-thumb span {
    background: #dd27b9;
}

.trending-news-area .slick-slide:nth-child(2n) .trending-News-item .trending-news-thumb span {
    background: #f1aa2e;
}

.trending-news-area .slick-slide:nth-child(3n) .trending-News-item .trending-news-thumb span {
    background: #469dff;
}

.trending-news-area .trending-slide .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    background: #fff;
    color: #333;
    cursor: pointer;
    z-index: 9;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);
}

.trending-news-area .trending-slide .slick-arrow:hover {
    background: #ea7026;
    color: #fff;
}

.trending-news-area .trending-slide .slick-arrow.prev {
    left: -66px;
}

.trending-news-area .trending-slide .slick-arrow.next {
    right: -66px;
}

.trending-news-area.trending-news-4-area .section-title .title {
    color: #fff;
    border-bottom-color: #292929;
}

.trending-news-area.trending-news-4-area .trending-News-item .trending-news-content .title {
    color: #fff;
}

.style-two .trending-news-area,
.trending-news-area.view-three {
    background: rgba(188, 188, 188, 0.25);
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .style-two .trending-news-area h2,
    .trending-news-area.view-three h2 {
        font-size: 36px;
        line-height: 43px;
    }
}

@media (min-width: 768px) {
    .style-two .trending-news-area .container,
    .trending-news-area.view-three .container {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

/*===========================
                12.INSTAGRAM css 
===========================*/

@media only screen and (min-width: 992px) {
    .instagram-flex .columns-20 {
        max-width: 20%;
    }
    .instagram-flex .columns-40 {
        max-width: 40%;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .instagram-flex .columns-tablet-50 {
        width: 50%;
    }
    .instagram-flex .columns-tablet-100 {
        width: 100%;
    }
    .title-columns {
        max-height: 220px;
    }
}

@media (max-width: 767px) {
    .instagram-flex {
        margin-left: 0;
        padding-right: 0;
    }
}

.instagram-flex .instagram-item {
    position: relative;
    overflow: hidden;
    align-items: center;
    display: inline-flex;
}

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

.instagram-flex .instagram-item img {
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.instagram-flex .instagram-item .instagram-overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.instagram-flex .instagram-item .instagram-overlay>a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 55px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram-flex .instagram-item .instagram-overlay>a i {
        font-size: 30px;
    }
}

.instagram-flex .instagram-item .instagram-overlay span {
    position: absolute;
    bottom: 25px;
    right: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram-flex .instagram-item .instagram-overlay span {
        font-size: 16px;
    }
}

.instagram-flex .instagram-item .instagram-overlay span i {
    padding-right: 6px;
}

.instagram-flex .instagram-item:hover .instagram-overlay {
    opacity: 1;
}

.instagram-flex .instagram-item:hover img {
    transform: scale(1.05);
}

.instagram-flex .instagram-item .instagram-content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ea7026;
}

.instagram-flex .instagram-item .instagram-content .item {
    margin-bottom: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram-flex .instagram-item .instagram-content .item {
        margin-bottom: 20px;
    }
}

.instagram-flex .instagram-item .instagram-content .item span {
    font-size: 24px;
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram-flex .instagram-item .instagram-content .item span {
        font-size: 20px;
    }
}

.instagram-flex .instagram-item .instagram-content .item .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 36px;
    padding-top: 3px;
    padding-bottom: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .instagram-flex .instagram-item .instagram-content .item .title {
        font-size: 38px;
        padding-bottom: 30px;
        font-size: 38px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram-flex .instagram-item .instagram-content .item .title {
        padding-bottom: 20px;
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .instagram-flex .instagram-item.title-columns {
        max-height: 265px;
    }
    .instagram-flex .instagram-item .instagram-content .item .title {
        padding-top: 3px;
        padding-bottom: 30px;
    }
}

.instagram-flex .instagram-item .instagram-content .item a {
    background: #000;
    border-color: #000;
    color: #fff;
    letter-spacing: .50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .instagram-flex .instagram-item .instagram-content .item a {
        padding: 0 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram-flex .instagram-item .instagram-content .item a {
        padding: 0 30px;
    }
}

.more-news-area.more-news-page {
    padding-top: 50px;
}

.more-news-area.more-page-area {
    padding-top: 60px;
}

.more-news-area.more-news-4-area .title {
    color: #fff;
    border-bottom-color: #292929;
}

.more-news-area.more-news-4-area .news-item .news-item-thumb::before {
    background: #0e0e0e;
}


/*===========================
                13.POPULER css 
===========================*/

.populer-item {
    position: relative;
    overflow: hidden;
}

.populer-item img {
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.populer-item .populer-overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
}

.populer-item .populer-overlay .populer-content {
    padding-left: 50px;
    padding-bottom: 46px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .populer-item .populer-overlay .populer-content {
        padding-right: 200px;
    }
}

@media (max-width: 767px) {
    .populer-item .populer-overlay .populer-content {
        padding-left: 20px;
        padding-bottom: 20px;
    }
}

.populer-item .populer-overlay .populer-content span {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}

.populer-item .populer-overlay .populer-content span::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 1px;
    width: 116px;
    background: #969696;
}

.populer-item .populer-overlay .populer-content .title {
    font-weight: 600;
    font-size: 30px;
    line-height: 34px;
    color: #fff;
    padding-right: 100px;
    padding-top: 17px;
    padding-bottom: 12px;
}

.populer-item.big-posts .populer-overlay .populer-content .title {
    font-size: 40px;
    line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .populer-item .populer-overlay .populer-content .title {
        font-size: 23px;
    }
}

@media (max-width: 767px) {
    .populer-item .populer-overlay .populer-content .title {
        padding-right: 50px;
        font-size: 22px;
        line-height: 24px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .populer-item .populer-overlay .populer-content .title {
        padding-right: 50px;
        font-size: 40px;
        line-height: 44px;
    }
}

.populer-item .populer-overlay .populer-content p {
    color: #cfcece;
    font-size: 18px;
    padding-right: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .populer-item .populer-overlay .populer-content p {
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .populer-item .populer-overlay .populer-content p {
        padding-right: 0px;
        font-size: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .populer-item .populer-overlay .populer-content p {
        padding-right: 35px;
    }
}

.populer-item .populer-overlay .populer-content.small {
    padding-left: 30px;
    padding-bottom: 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .populer-item .populer-overlay .populer-content.small {
        padding-right: 0;
    }
}

.populer-item .populer-overlay .populer-content.small .title {
    padding-right: 20px;
}

.populer-item .populer-overlay .post-reaction-cat {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.populer-item .populer-overlay .post-reaction-cat .wyr-reaction-icon {
    width: 36px;
    height: 36px;
}

.populer-item:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.populer-trending {
    padding: 31px 40px 35px;
    position: relative;
    z-index: 10;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .populer-trending {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .populer-trending {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .populer-trending {
        padding: 20px;
    }
}

.populer-trending::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /*background-image: url(../images/trending-pettern.jpg);*/
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.populer-trending .trending-title .title {
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #3f3f3f;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.populer-trending .trending-title .title i {
    font-size: 26px;
    color: #ea7026;
    padding-right: 6px;
}

.populer-trending .populer-trending-item {
    width: 100%;
    overflow: hidden;
    display: block;
}

@media only screen and (min-width: 992px) {
    .populer-item.big-posts {
        max-height: 613px;
    }
}

.populer-trending .populer-trending-item .trending-thumb {
    width: 92px;
    float: left;
}

.populer-trending .populer-trending-item .trending-thumb img {
    width: 100%;
}

.populer-trending .populer-trending-item .trending-content {
    display: table-cell;
    vertical-align: middle;
}

.populer-trending .populer-trending-item .trending-content span {
    font-size: 14px;
    font-weight: 500;
    color: #ea7026;
    text-transform: uppercase;
}

.populer-trending .populer-trending-item .trending-content .title {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .populer-trending .populer-trending-item .trending-content .title {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .populer-trending .populer-trending-item .trending-content .title {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .populer-trending .populer-trending-item .trending-content .title {
        font-size: 22px;
    }
}

.wekkly-popular-area {
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .wekkly-popular-area .populer-item.item .populer-overlay .populer-content {
        padding-right: 80px;
    }
}

.wekkly-popular-area .populer-item.item .populer-overlay .populer-content .title {
    font-size: 40px;
    line-height: 45px;
    padding-right: 90px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .wekkly-popular-area .populer-item.item .populer-overlay .populer-content .title {
        padding-right: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .wekkly-popular-area .populer-item.item .populer-overlay .populer-content .title {
        padding-right: 0;
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .wekkly-popular-area .populer-item.item .populer-overlay .populer-content .title {
        font-size: 24px;
        line-height: 26px;
        padding-right: 30px;
    }
}


/*===========================
                14.TEAM css 
===========================*/

.team-area .team-item {
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.team-area .team-item a {
    position: relative;
}

.team-area .team-item img {
    width: 100%;
}

.team-area .team-item .team-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding-top: 25px;
    padding-bottom: 28px;
}

.team-area .team-item .team-overlay .title {
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 26px;
}

.team-area .team-item .team-overlay span {
    color: #ea7026;
    text-transform: capitalize;
    font-size: 16px;
}

.team-area .team-item .team-overlay i {
    position: absolute;
    top: -20px;
    right: 20px;
    color: #a3a3a3;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    background: #fff;
    border-radius: 50%;
}

.team-area .row .col-lg-3 {
    padding-left: 0;
    padding-right: 0;
}

.team-area .team-slide .slick-center .team-item {
    transform: scale(1.08);
    z-index: 99;
    position: relative;
}

.team-area .team-slide .slick-center .team-item .team-overlay {
    background-color: black;
}

.team-area .team-slide .slick-center .team-item .team-overlay i {
    background: #e71919;
    color: #fff;
}

.team-area .team-slide .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    background: #fff;
    color: #333;
    cursor: pointer;
    z-index: 9;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.team-area .team-slide .slick-arrow:hover {
    background: #ea7026;
    color: #fff;
}

.team-area .team-slide .slick-arrow.prev {
    left: -66px;
}

.team-area .team-slide .slick-arrow.next {
    right: -66px;
}

@media only screen and (max-width: 767px) {
    .team-area .row .col-lg-3 {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
}


/*===========================
                15.BLOG css 
===========================*/

.blog-details-news .news-item-thumb .post-reaction-cat {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.blog-details-news .news-item-thumb .post-reaction-cat>a {
    padding: 3px;
}

.blog-details-news .news-item-thumb i {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.blog-details-news .news-item-thumb i:hover {
    background: #ea7026;
    color: #fff;
}

.blog-details-news .author-item-sub {
    padding-bottom: 45px;
}

.blog-details-news .news-item-content .title:hover {
    color: #333;
}

.blog-details-news .news-item-content p:not(.wp-block-cover-text) {
    padding-right: 0 !important;
    margin-left: -1px;
    padding-bottom: 37px;
}

.blog-quote {
    position: relative;
    text-align: center;
    z-index: 10;
    height: auto;
    padding-bottom: 30px;
    margin-top: 35px;
}

.blog-quote::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /*background-image: url(../images/quote-bg.jpg);*/
    background-color: #EC7026;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.blog-quote p {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
    font-family: "Barlow Condensed", sans-serif;
    padding: 65px 100px 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .blog-quote p {
        font-size: 30px;
        padding: 65px 90px 5px;
    }
}

@media (max-width: 767px) {
    .blog-quote p {
        font-size: 26px;
        padding: 65px 10px 5px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-quote p {
        font-size: 28px;
        padding: 65px 30px 5px;
    }
}

.blog-quote span {
    color: #fff;
    font-size: 20px;
    display: block;
    margin-top: 10px;
    font-family: "Barlow Condensed", sans-serif;
}

@media (max-width: 767px) {
    .blog-quote span {
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-quote span {
        padding-bottom: 0px;
    }
}

.blog-quote i {
    position: absolute;
    left: 50%;
    top: -33px;
    transform: translateX(-50%);
    height: 75px;
    width: 75px;
    text-align: center;
    line-height: 75px;
    background: #000;
    color: #fff;
    border-radius: 50%;
}

.blog-quote i::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 55px;
    width: 55px;
    border-radius: 50%;
    border: 1px dashed #fff;
}

.blog-details-area .blog-contents {
    padding-top: 37px;
}

.blog-details-area .blog-contents p {
    font-size: 18px;
    color: #666;
    line-height: 32px;
    margin-left: -1px;
}

.blog-details-area .blog-thumb {
    position: relative;
}

.blog-details-area .blog-thumb a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    border-radius: 50%;
    background: #ea7026;
    color: #fff;
    font-size: 28px;
    z-index: 5;
}

@media (max-width: 767px) {
    .blog-details-area .blog-thumb a {
        height: 70px;
        width: 70px;
        line-height: 70px;
        font-size: 20px;
    }
}

.blog-details-area .blog-thumb a::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ea7026;
    z-index: -1;
    border-radius: 50%;
    animation: video-pulse linear infinite 1.2s;
}

.blog-details-area .blog-thumb img {
    width: 100%;
}

.blog-details-area .blog-share {
    background: #f9f9f9;
    min-height: 75px;
    padding-left: 30px;
    padding-right: 10px;
    margin-top: 30px;
}

@media (max-width: 767px) {
    .blog-details-area .blog-share {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 767px) {
    .blog-details-area .blog-share .blog-share-tag {
        margin-bottom: 10px;
    }
}

.blog-details-area .blog-share .blog-share-tag ul li {
    display: inline-block;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 18px;
    color: #777;
}

.blog-details-area .blog-share .blog-share-tag ul li:first-child {
    font-weight: 600;
    color: #ea7026;
    padding-right: 6px;
}

.blog-details-area .blog-author {
    background: #f9f9f9;
    height: 185px;
    margin-top: 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .blog-details-area .blog-author {
        height: auto;
    }
}

.blog-details-area .blog-author .blog-author-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .blog-details-area .blog-author .blog-author-item {
        padding: 20px;
        text-align: center;
    }
}

.blog-details-area .blog-author .blog-author-item .title {
    font-size: 34px;
    font-weight: 700;
    color: #333;
}

.blog-details-area .blog-author .blog-author-item .title span {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    color: #ea7026;
}

.blog-details-area .blog-author .blog-author-item p {
    font-size: 18px;
    color: #666;
    padding-right: 40px;
    padding-top: 9px;
}

@media (max-width: 767px) {
    .blog-details-area .blog-author .blog-author-item p {
        font-size: 15px;
        padding-right: 0;
    }
}

.blog-details-area .blog-author .blog-author-item .blog-thumb {
    position: relative;
    z-index: 2;
    text-align: center;
    width: 25%;
}

.blog-details-area .blog-author .blog-author-item .author-content {
    position: relative;
    width: 75%;
}

@media (max-width: 767px) {
    .blog-details-area .blog-author .blog-author-item .blog-thumb {
        width: 100%;
        margin-bottom: 15px;
    }
    .blog-details-area .blog-author .blog-author-item .author-content {
        width: 100%;
    }
}

.blog-details-area .blog-author .blog-author-item .blog-thumb::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    height: 125px;
    width: 125px;
    transform: translate(-50%, -50%);
    z-index: -1;
    border: 1px dashed #999;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .blog-details-area .blog-author .blog-author-item .blog-thumb::before {
        display: none;
    }
}

.blog-details-area .blog-author .blog-author-item .blog-thumb img {
    border-radius: 50%;
    width: auto;
    position: relative;
    margin-top: 8px;
}

@media (max-width: 767px) {
    .blog-details-area .blog-author .blog-author-item .blog-thumb img {
        margin-top: 0;
    }
}

.blog-details-area .blog-news-item {
    margin-top: 50px;
    flex-wrap: nowrap;
}

.blog-details-area .blog-news-item .blog-news-item-1 {
    background: #333;
    padding-left: 50px;
    padding-right: 0px;
    width: 50%;
    padding-bottom: 34px;
    padding-right: 50px;
}

.blog-details-area .blog-news-item .blog-news-item-1.full-nav {
    width: 100%;
    text-align: center !important;
}

@media (max-width: 767px) {
    .blog-details-area .blog-news-item .blog-news-item-1 {
        text-align: center;
        width: 100%;
        padding: 20px;
    }
}

.blog-details-area .blog-news-item .blog-news-item-1 .title {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    padding-top: 33px;
    padding-bottom: 4px;
}

@media (max-width: 767px) {
    .blog-details-area .blog-news-item .blog-news-item-1 .title {
        font-size: 18px;
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-details-area .blog-news-item .blog-news-item-1 .title {
        font-size: 20px;
    }
}

.blog-details-area .blog-news-item .blog-news-item-1>a {
    font-weight: 500;
    text-transform: uppercase;
    color: #bdbdbd;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.blog-details-area .blog-news-item .blog-news-item-1 a:hover {
    color: #ea7026;
    opacity: 1;
}

.blog-details-area .blog-news-item .blog-news-item-1 a i {
    padding-right: 5px;
}

.blog-details-area .blog-news-item .blog-news-item-1.blog-news-item-2 {
    background: #414141;
    padding-left: 50px;
    padding-right: 50px;
}

@media (max-width: 767px) {
    .blog-details-area .blog-news-item .blog-news-item-1>a {
        font-size: 12px;
        display: block;
    }
    .blog-details-area .blog-news-item .blog-news-item-1.blog-news-item-2 {
        text-align: center !important;
        padding-right: 20px;
    }
}

.blog-details-area .blog-comments .blog-comments-title .title {
    font-size: 34px;
    margin-bottom: 0;
    font-weight: 700;
    color: #222;
}

.blog-details-area .blog-comments .blog-comments-item {
    padding-left: 155px;
    position: relative;
    min-height: 120px;
    margin-top: 50px;
}

ol.comment-list>li:first-child .blog-comments-item {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .blog-details-area .blog-comments .blog-comments-item {
        padding-left: 90px;
        margin-left: 0;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-details-area .blog-comments .blog-comments-item {
        padding-left: 155px;
    }
}

@media (max-width: 460px) {
    .blog-details-area .blog-comments .blog-comments-item {
        padding-left: 55px;
        margin-left: 0;
    }
}

.blog-details-area .blog-comments .blog-comments-item .title {
    font-size: 25px;
    font-weight: 700;
    color: #333;
}

.blog-details-area .blog-comments .blog-comments-item .title a {
    color: inherit;
}

.logged-in-as a,
.blog-comments-item a {
    color: #ea7026;
}

@media (max-width: 767px) {
    .blog-details-area .blog-comments .blog-comments-item .title {
        font-size: 24px;
    }
}

.blog-details-area .blog-comments .blog-comments-item .title span {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    color: #ea7026;
}

.blog-details-area .blog-comments .blog-comments-item p {
    font-size: 18px;
    color: #666;
    padding-top: 11px;
}

@media (max-width: 767px) {
    .blog-details-area .blog-comments .blog-comments-item p {
        font-size: 15px;
    }
}

.blog-details-area .blog-comments .blog-comments-item .thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 120px;
    width: 120px;
}

@media (max-width: 767px) {
    .blog-details-area .blog-comments .blog-comments-item .thumb {
        height: 75px;
        width: 75px;
    }
}

@media (max-width: 460px) {
    .blog-details-area .blog-comments .blog-comments-item .thumb {
        height: 45px;
        width: 45px;
    }
    .blog-details-area .blog-comments .blog-comments-item .title {
        font-size: 20px;
        max-width: 75%;
    }
    .blog-details-area .blog-comments .blog-comments-item .title>a {
        display: block;
        margin-bottom: 2px;
    }
    .blog-details-area .blog-comments .blog-comments-item table td,
    .blog-details-area .blog-comments .blog-comments-item table th {
        padding: 0.3em;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-details-area .blog-comments .blog-comments-item .thumb {
        position: absolute;
        top: 0;
    }
}

.blog-details-area .blog-comments .blog-comments-item .thumb img {
    width: 100%;
}

.blog-details-area .blog-comments .blog-comments-item>a {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ea7026;
}

@media only screen and (max-width: 460px) {
    .blog-details-area .blog-comments .blog-comments-item>a {
        font-size: 13px;
    }
}

.blog-details-area .comment-respond .comment-reply-title {
    font-size: 34px;
    font-weight: 700;
    color: #222;
    padding-bottom: 11px;
}

.blog-details-area form.blog-comments-input .input-box input {
    width: 100%;
    border: 0;
    background: #f9f9f9;
    height: 70px;
    padding-left: 35px;
    font-family: "Roboto Condensed", sans-serif;
    color: #999;
}

.blog-details-area form.blog-comments-input .input-box input::placeholder {
    opacity: 1;
}

.comment-body+.comment-respond {
    margin-bottom: 20px;
    margin-top: 20px;
}

.blog-details-area form.blog-comments-input .input-box textarea {
    width: 100%;
    resize: none;
    height: 200px;
    border: 0;
    background: #f9f9f9;
    padding-left: 35px;
    padding-top: 20px;
    font-family: "Roboto Condensed", sans-serif;
    color: #999;
}

.blog-details-area form.blog-comments-input .input-box textarea::placeholder {
    opacity: 1;
}

.blog-details-area form.blog-comments-input .main-btn.main-btn-2 {
    background: #ea7026;
    color: #fff;
    border-color: #ea7026;
    margin-top: 20px;
    letter-spacing: 1px;
}

@media only screen and (max-width: 600px) {
    .blog-details-area form.blog-comments-input .main-btn.main-btn-2 {
        width: 100%;
    }
}


/*===========================
                16.CONTACT US css 
===========================*/

.contact-us-area {
    margin-bottom: 100px;
}

.contact-us-area .contact-us-bg {
    background: #ea7026;
    padding-top: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-us-area .contact-us-bg {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 767px) {
    .contact-us-area .contact-us-bg {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .contact-us-area .contact-us-bg {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item {
    margin-bottom: 38px;
    padding-left: 95px;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item {
        padding-left: 60px;
    }
}

@media (max-width: 767px) {
    .contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item {
        padding-left: 70px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item {
        padding-left: 95px;
    }
}

.contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 75px;
    width: 75px;
    text-align: center;
    line-height: 75px;
    border-radius: 50%;
    color: #ea7026;
    background: #000;
    font-size: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item i {
        height: 55px;
        width: 55px;
        line-height: 55px;
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item i {
        height: 60px;
        width: 60px;
        line-height: 60px;
        font-size: 24px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item i {
        height: 75px;
        width: 75px;
        line-height: 75px;
        font-size: 30px;
    }
}

.contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 9px;
}

.contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item ul li {
    line-height: 24px;
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item ul li {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .contact-us-area .contact-us-bg .contact-us-info .contact-us-info-item ul li {
        font-size: 15px;
    }
}

.contact-us-area .contact-us-bg .contact-map {
    margin-bottom: -78px;
}

.contact-us-area .contact-us-bg .contact-map iframe {
    width: 100%;
    height: 450px;
}

.contact-input .section-title {
    margin-bottom: 20px;
}

.contact-input form .input-box input {
    width: 100%;
    border: 0;
    background: #f9f9f9;
    padding-left: 35px;
    line-height: 70px;
    color: #999;
}

.contact-input form .input-box input::placeholder {
    opacity: 1;
}

.contact-input form .input-box textarea {
    width: 100%;
    height: 230px;
    border: 0;
    background: #f9f9f9;
    padding-left: 35px;
    padding-top: 20px;
    resize: none;
    color: #999;
}

.contact-input form .input-box textarea::placeholder {
    opacity: 1;
}

.contact-input form .input-box a {
    background: #ea7026;
    color: #fff;
    letter-spacing: 1px;
    border-color: #ea7026;
}


/*===== New Home 5 Styles =====*/


.header-area.header-5-area {
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.header-area.header-5-area.home-five {
    position: static;
    background: #000 !important;
}

.header-area.header-5-area .py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-area.header-5-area .header-menu>ul>li>a {
    color: #fff;
}

.header-area.header-5-area .header-menu>ul>li>a.active {
    color: #e77225;
}

.header-area.header-5-area .header-menu>ul>li>a:hover {
    color: #e77225;
}

.header-area.header-5-area .header-toggler {
    border-color: #fff;
}

.header-area.header-5-area .header-toggler i {
    color: #fff;
}
.new-home{
    font-family: 'Barlow Condensed';
    font-size: 16px;
}
.new-home .form-control{
    font-family: 'Barlow Condensed';
}
.new-home h2 {
    font-size: 30px;
    line-height: 35px;
    color: #000;
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .new-home h2 {
        font-size: 42px;
        line-height: 56px;
        margin-bottom: 50px;
    }
}

.new-home h2 a {
    color: #000;
}

.new-home h2 a:hover {
    color: #e77225;
}

.new-home h2 br {
    display: none;
}

@media (min-width: 992px) {
    .new-home h2 br {
        display: block;
    }
}


.new-home h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: normal;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .new-home h3 {
        font-size: 25px;
        line-height: 30px;
    }
}

@media (min-width: 1200px) {
    .new-home h3 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 28px;
    }
}

.new-home h3 a {
    color: #fff;
    display: block;
}

.new-home p {
    color: #000;
    font-size: 16px;
    line-height: 21px;
}


/*===== styles for home 5=====*/

.new-home {
    /*===== slick arrows styles =====*/
}

.new-home hr {
    margin: 35px !important;
    border-top: 1px solid #707070;
}

@media (min-width: 992px) {
    .new-home hr {
        margin: 45px !important;
    }
}

.new-home .sub-title {
    color: #e77225;
    display: block;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.new-home .slick-slide {
    outline: none;
}

.new-home .slick-arrow,
.new-home .btn-arrow {
    width: 51px;
    height: 51px;
    background: #e77225;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    position: absolute;
    bottom: 74px;
    z-index: 9;
    right: 15px;
}

.new-home .slick-arrow.prev,
.new-home .prev.btn-arrow {
    background: #fff;
    right: 66px;
}

.new-home .btn-arrow {
    position: static;
}

.new-home .btn-orange {
    background: #e77225;
    border: none;
    display: block;
    max-width: 119px;
    padding: 13px;
    text-align: center;
    width: 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .new-home .btn-orange {
        max-width: 185px;
    }
}

.new-home .btn-orange:hover {
    background: #ec9053;
}

.new-home .btn-orange.radius {
    font-size: 16px;
    line-height: 20px;
    border-radius: 3px;
    padding: 10px;
    letter-spacing: 0.16px;
}

@media (min-width: 1200px) {
    .new-home .btn-orange.radius {
        font-size: 20px;
        line-height: 24px;
        padding: 16px;
    }
}

.new-home .btn-orange i {
    margin-left: 10px;
}

@media (min-width: 768px) {
    .new-home .btn-orange i {
        margin-left: 22px;
    }
}

.new-home .user-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 1.31px;
    margin-bottom: 18px;
    margin-top: 20px;
}

.new-home .user-links li {
    margin-right: 28px;
}

.new-home .user-links a {
    color: #e77225;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.new-home .user-links a:hover {
    color: #ec9053;
}

.new-home .user-links i {
    font-size: 12px;
    margin-right: 10px;
}


/* ellipsis style */

.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}


/* lightbox styles */

.popup-holder {
    position: relative;
    overflow: hidden;
    height: 0;
}

.lightbox-demo {
    padding: 5px;
    width: 300px;
}

.lightbox-demo h2 {
    margin: 0 0 10px;
}

.lightbox-demo p {
    margin: 0;
}


.header-area.header-2-area .header-headline .headline-slide .slick-arrow.prev,
.header-area.header-2-area .header-headline .headline-slide .new-home .prev.btn-arrow,
.new-home .header-area.header-2-area .header-headline .headline-slide .prev.btn-arrow {
    right: 120px;
    left: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-area.header-2-area .header-headline .headline-slide .slick-arrow.prev,
    .header-area.header-2-area .header-headline .headline-slide .new-home .prev.btn-arrow,
    .new-home .header-area.header-2-area .header-headline .headline-slide .prev.btn-arrow {
        right: 300px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area.header-2-area .header-headline .headline-slide .slick-arrow.prev,
    .header-area.header-2-area .header-headline .headline-slide .new-home .prev.btn-arrow,
    .new-home .header-area.header-2-area .header-headline .headline-slide .prev.btn-arrow {
        right: 60px;
    }
}

.header-area.header-2-area .header-headline .headline-slide .slick-arrow.next,
.header-area.header-2-area .header-headline .headline-slide .new-home .next.btn-arrow,
.new-home .header-area.header-2-area .header-headline .headline-slide .next.btn-arrow {
    right: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-area.header-2-area .header-headline .headline-slide .slick-arrow.next,
    .header-area.header-2-area .header-headline .headline-slide .new-home .next.btn-arrow,
    .new-home .header-area.header-2-area .header-headline .headline-slide .next.btn-arrow {
        right: 240px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area.header-2-area .header-headline .headline-slide .slick-arrow.next,
    .header-area.header-2-area .header-headline .headline-slide .new-home .next.btn-arrow,
    .new-home .header-area.header-2-area .header-headline .headline-slide .next.btn-arrow {
        right: 0px;
    }
}


.header-headline .headline-slide .slick-arrow,
.header-headline .headline-slide .new-home .btn-arrow,
.new-home .header-headline .headline-slide .btn-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    cursor: pointer;
    height: 50px;
    width: 46px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #000;
    background: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.header-headline .headline-slide .slick-arrow:hover,
.header-headline .headline-slide .new-home .btn-arrow:hover,
.new-home .header-headline .headline-slide .btn-arrow:hover {
    background: #ea7026;
    color: #fff;
}

.header-headline .headline-slide .slick-arrow.prev,
.header-headline .headline-slide .new-home .prev.btn-arrow,
.new-home .header-headline .headline-slide .prev.btn-arrow {
    left: 10px;
}

.header-headline .headline-slide .slick-arrow.next,
.header-headline .headline-slide .new-home .next.btn-arrow,
.new-home .header-headline .headline-slide .next.btn-arrow {
    right: 10px;
}

.highlights-area .highlights-slide .slick-arrow,
.highlights-area .highlights-slide .new-home .btn-arrow,
.new-home .highlights-area .highlights-slide .btn-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 52px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    background: #fff;
    color: #333;
    cursor: pointer;
    z-index: 9;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.highlights-area .highlights-slide .slick-arrow:hover,
.highlights-area .highlights-slide .new-home .btn-arrow:hover,
.new-home .highlights-area .highlights-slide .btn-arrow:hover {
    background: #ea7026;
    color: #fff;
}

.highlights-area .highlights-slide .slick-arrow.prev,
.highlights-area .highlights-slide .new-home .prev.btn-arrow,
.new-home .highlights-area .highlights-slide .prev.btn-arrow {
    left: -66px;
}

.highlights-area .highlights-slide .slick-arrow.next,
.highlights-area .highlights-slide .new-home .next.btn-arrow,
.new-home .highlights-area .highlights-slide .next.btn-arrow {
    right: -66px;
}

.video-area .video-area-item .video-item .slick-arrow,
.video-area .video-area-item .video-item .new-home .btn-arrow,
.new-home .video-area .video-area-item .video-item .btn-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 5;
    color: #fff;
    font-size: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-area .video-area-item .video-item .slick-arrow,
    .video-area .video-area-item .video-item .new-home .btn-arrow,
    .new-home .video-area .video-area-item .video-item .btn-arrow {
        font-size: 24px;
    }
}

.video-area .video-area-item .video-item .slick-arrow.prev,
.video-area .video-area-item .video-item .new-home .prev.btn-arrow,
.new-home .video-area .video-area-item .video-item .prev.btn-arrow {
    left: -120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-area .video-area-item .video-item .slick-arrow.prev,
    .video-area .video-area-item .video-item .new-home .prev.btn-arrow,
    .new-home .video-area .video-area-item .video-item .prev.btn-arrow {
        left: -60px;
    }
}

.video-area .video-area-item .video-item .slick-arrow.next,
.video-area .video-area-item .video-item .new-home .next.btn-arrow,
.new-home .video-area .video-area-item .video-item .next.btn-arrow {
    right: -120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-area .video-area-item .video-item .slick-arrow.next,
    .video-area .video-area-item .video-item .new-home .next.btn-arrow,
    .new-home .video-area .video-area-item .video-item .next.btn-arrow {
        right: -60px;
    }
}

.video-2-area .video-slide .slick-arrow,
.video-2-area .video-slide .new-home .btn-arrow,
.new-home .video-2-area .video-slide .btn-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 76px;
    background: #fff;
    color: #999;
    text-align: center;
    line-height: 76px;
    cursor: pointer;
    z-index: 9;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.video-2-area .video-slide .slick-arrow:hover,
.video-2-area .video-slide .new-home .btn-arrow:hover,
.new-home .video-2-area .video-slide .btn-arrow:hover {
    background: #ea7026;
    color: #fff;
}

.video-2-area .video-slide .slick-arrow.prev,
.video-2-area .video-slide .new-home .prev.btn-arrow,
.new-home .video-2-area .video-slide .prev.btn-arrow {
    right: 55px;
}

.trending-news-area .trending-slide .slick-arrow,
.trending-news-area .trending-slide .new-home .btn-arrow,
.new-home .trending-news-area .trending-slide .btn-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 52px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    background: #fff;
    color: #333;
    cursor: pointer;
    z-index: 9;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);
}

.trending-news-area .trending-slide .slick-arrow:hover,
.trending-news-area .trending-slide .new-home .btn-arrow:hover,
.new-home .trending-news-area .trending-slide .btn-arrow:hover {
    background: #ea7026;
    color: #fff;
}

.trending-news-area .trending-slide .slick-arrow.prev,
.trending-news-area .trending-slide .new-home .prev.btn-arrow,
.new-home .trending-news-area .trending-slide .prev.btn-arrow {
    left: -66px;
}

.trending-news-area .trending-slide .slick-arrow.next,
.trending-news-area .trending-slide .new-home .next.btn-arrow,
.new-home .trending-news-area .trending-slide .next.btn-arrow {
    right: -66px;
}

.new-home .trending-news-area {
    padding-top: 0;
}

.new-home .trending-news-area .container {
    padding-top: 61px;
    padding-bottom: 61px;
}

.new-home .trending-news-area .sub-title {
    color: #000;
}

.new-home .trending-news-area .trending-News-item {
    position: relative;
}

.new-home .trending-news-area .trending-News-item:hover .trending-news-thumb img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.new-home .trending-news-area .trending-news-thumb a {
    overflow: hidden;
    display: block;
}

.new-home .trending-news-area .trending-news-thumb img {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.new-home .trending-news-area .trending-news-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px;
}

.new-home .trending-news-area .trending-slide .sub-title {
    font-size: 25px;
    line-height: 30px;
    color: #e77225;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.new-home .trending-news-area .trending-slide .slick-arrow,
.new-home .trending-news-area .trending-slide .btn-arrow {
    width: 60px;
    height: 60px;
    background: #e77225;
    color: #fff;
}

@media (max-width: 1399px) {
    .new-home .trending-news-area .trending-slide .slick-arrow.prev,
    .new-home .trending-news-area .trending-slide .prev.btn-arrow {
        left: 15px;
    }
}

@media (max-width: 1399px) {
    .new-home .trending-news-area .trending-slide .slick-arrow.next,
    .new-home .trending-news-area .trending-slide .next.btn-arrow {
        right: 15px;
    }
}

.new-home .trending-news-area .btn-orange {
    font-size: 16px;
    line-height: 20px;
    max-width: 100px;
}

.new-home .trending-news-area .btn-orange.radius {
    padding: 9px;
}

.blog-details-news .item-slider-nav .slick-arrow,
.blog-details-news .item-slider-nav .new-home .btn-arrow,
.new-home .blog-details-news .item-slider-nav .btn-arrow {
    font-size: 30px;
    line-height: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    color: #fff;
    text-shadow: 0 0 5px rgba(51, 51, 51, 0.6);
}

.blog-details-news .item-slider-nav .slick-arrow:hover,
.blog-details-news .item-slider-nav .new-home .btn-arrow:hover,
.new-home .blog-details-news .item-slider-nav .btn-arrow:hover {
    color: #ea7026;
}

.blog-details-news .item-slider-nav .slick-arrow.slick-prev,
.blog-details-news .item-slider-nav .new-home .slick-prev.btn-arrow,
.new-home .blog-details-news .item-slider-nav .slick-prev.btn-arrow {
    left: 15px;
}

.blog-details-news .item-slider-nav .slick-arrow.slick-next,
.blog-details-news .item-slider-nav .new-home .slick-next.btn-arrow,
.new-home .blog-details-news .item-slider-nav .slick-next.btn-arrow {
    right: 15px;
}

.testimonials-slide .slick-arrow,
.testimonials-slide .new-home .btn-arrow,
.new-home .testimonials-slide .btn-arrow {
    right: calc(50% - 91px) !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}

.testimonials-slide .slick-arrow.next,
.testimonials-slide .new-home .next.btn-arrow,
.new-home .testimonials-slide .next.btn-arrow {
    background: #fff;
}

.testimonials-slide .slick-arrow.prev,
.testimonials-slide .new-home .prev.btn-arrow,
.new-home .testimonials-slide .prev.btn-arrow {
    right: calc(50% - 40px) !important;
    background: #e77225;
}
.banner-area.banner-5-area:after {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.banner-area.banner-5-area:before {
    display: none !important;
}

.banner-area.banner-5-area .banner-content .title {
    font-size: 40px;
    line-height: 45px;
    padding-right: 0;
}

@media (min-width: 768px) {
    .banner-area.banner-5-area .banner-content .title {
        font-size: 50px;
        line-height: 55px;
    }
}

@media (min-width: 1400px) {
    .banner-area.banner-5-area .banner-content .title {
        font-size: 60px;
        line-height: 73px;
    }
}

.banner-area.banner-5-area .banner-content p {
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}


.visual-banner {
    position: relative;
}

.visual-banner .banner-area {
    height: 770px;
}
.visual-banner>.container {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

@media (min-width: 992px) {
    .style-two .visual-banner {
        min-height: 750px;
        height: calc(100vh - 68px);
    }
}

@media (min-width: 1200px) {
    .style-two .visual-banner {
        height: calc(100vh - 78px);
    }
}

@media (min-width: 1500px) {
    .style-two .visual-banner {
        height: calc(100vh - 82px);
    }
}

.style-two .visual-banner .container-fluid,
.style-two .visual-banner .row,
.style-two .visual-banner [class*="col-"],
.style-two .visual-banner .featured-video-slider,
.style-two .visual-banner .slick-list,
.style-two .visual-banner .slick-track,
.style-two .visual-banner .slick-slide {
    min-height: inherit;
    height: inherit;
    max-height: inherit;
}

.style-two .visual-banner .author-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 80px;
    padding-top: 30px;
    background: url("../images/featured-author-bg.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

@media (min-width: 992px) {
    .style-two .visual-banner .author-col {
        padding-top: 0;
        padding-bottom: 25px;
    }
}

.style-two .visual-banner .author-col .share-btn {
    font-size: 20px;
    line-height: 24px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #000;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

@media (min-width: 992px) {
    .style-two .visual-banner .author-col .share-btn {
        bottom: 44px;
    }
}

@media (min-width: 1200px) {
    .style-two .visual-banner .author-col .share-btn {
        left: 45px;
    }
}

.style-two .visual-banner .author-col .share-btn:hover .icons-list {
    opacity: 1;
    visibility: visible;
    margin-left: -5px;
}

.style-two .visual-banner .author-col .share-btn:hover .icon-holder {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.style-two .visual-banner .author-col .share-btn .icons-list {
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, margin 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, margin 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    margin-left: 10px;
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    background: #eee;
    padding: 8px 15px 8px 25px;
    border-radius: 0 5px 5px 0;
    box-shadow: 0px 2px 6px 0px rgba(71, 71, 71, 0.32);
}

@media (min-width: 576px) {
    .style-two .visual-banner .author-col .share-btn .icons-list {
        margin-left: -50px;
    }
}

.style-two .visual-banner .author-col .share-btn .icons-list li {
    margin-right: 25px;
}

.style-two .visual-banner .author-col .share-btn .icons-list li:last-child {
    margin-right: 0;
}

.style-two .visual-banner .author-col .share-btn .icons-list a {
    display: block;
    color: #000;
}

.style-two .visual-banner .author-col .share-btn .icons-list a:hover {
    color: #e77225;
}

.style-two .visual-banner .author-col .share-btn .icon-holder {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    font-size: 22px;
    line-height: 24px;
    background: #e77225;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    position: relative;
    z-index: 2;
    box-shadow: 0px 2px 6px 0px rgba(71, 71, 71, 0.32);
}

@media (min-width: 1200px) {
    .style-two .visual-banner .author-col .share-btn .icon-holder {
        width: 74px;
        height: 74px;
        border-radius: 74px;
    }
}

.visual-banner .arrow-down {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    font-size: 22px;
    line-height: 24px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #e77225;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    box-shadow: 0px 2px 6px 0px rgba(71, 71, 71, 0.32);
}

@media (min-width: 992px) {
    .visual-banner .arrow-down {
        bottom: 44px;
    }
}

@media (min-width: 1200px) {
    .visual-banner .arrow-down {
        width: 74px;
        height: 74px;
        border-radius: 74px;
    }
}

.visual-banner .arrow-down i {
    -webkit-transition: margin 0.3s ease-in-out;
    transition: margin 0.3s ease-in-out;
}

.visual-banner .arrow-down:hover i {
    margin-bottom: -15px;
}


.featured-author {
    max-width: 450px;
    margin: 0 auto;
    padding: 0 15px;
}

@media (min-width: 1500px) {
    .featured-author {
        max-width: 522px;
    }
}

.featured-author .author-img {
    position: relative;
    margin-bottom: 25px;
    display: block;
}

@media (min-width: 992px) {
    .featured-author .author-img {
        margin-bottom: 75px;
    }
}

.featured-author .author-img:after {
    content: '';
    border: 1px dashed #fff;
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
}

@media (min-width: 992px) {
    .featured-author .author-info-holder {
        padding: 0 45px;
    }
}

.featured-author .author-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

.featured-author .author-name {
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}

.featured-author .title {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .featured-author .title {
        color: #e77225;
    }
}

.featured-author .designation {
    color: #e77225;
}


.featured-video-slider {
    max-height: 500px !important;
}

@media (min-width: 992px) {
    .featured-video-slider {
        max-height: none !important;
    }
}

.featured-video-slider .slide {
    position: relative;
}

.featured-video-slider .play-btn {
    width: 70px;
    height: 70px;
    border-radius: 70px;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    background: #e77225;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
}

@media (min-width: 992px) {
    .featured-video-slider .play-btn {
        width: 88px;
        height: 88px;
        border-radius: 88px;
        padding: 0;
    }
}

.featured-video-slider .play-btn img {
    height: auto !important;
    object-fit: fill !important;
}

.featured-video-slider .play-btn:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.05) rotate(360deg);
    -ms-transform: translate(-50%, -50%) scale(1.05) rotate(360deg);
    transform: translate(-50%, -50%) scale(1.05) rotate(360deg);
}

.featured-video-slider .slick-slider {
    height: inherit;
}

.featured-video-slider .slick-slide img {
    height: 100%;
    object-fit: cover;
}

.featured-video-slider .slick-dots {
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 41px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    counter-reset: item;
    font-family: "Roboto Condensed", sans-serif;
}

.featured-video-slider .slick-dots li.slick-active button:after {
    opacity: 1;
    visibility: visible;
}

.featured-video-slider .slick-dots button {
    padding: 0;
    border: none;
    background: none;
    color: #fff;
    position: relative;
    text-shadow: 0 2px 2px #333;
}

.featured-video-slider .slick-dots button:before {
    content: "0";
}

.featured-video-slider .slick-dots button:after {
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    content: '';
    border-bottom: 3px solid #fff;
    position: absolute;
    top: 50%;
    right: -41px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 29px;
    opacity: 0;
    visibility: hidden;
}

/*===========================
    17.SEARCH css 
===========================*/

.search-area {
    margin-top: -74px;
    position: relative;
    z-index: 1;
}

.search-area .search-inner {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    padding: 29px 15px 41px;
}

@media (min-width: 992px) {
    .search-area .search-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        padding: 56px 100px 42px;
    }
}

.search-area .social-networks {
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -5px 0;
}

@media (min-width: 576px) {
    .search-area .social-networks {
        margin: 0 -10px 0;
    }
}

@media (min-width: 992px) {
    .search-area .social-networks {
        margin: 0 -10px 14px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 1200px) {
    .search-area .social-networks {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0.42px;
    }
}

.search-area .social-networks li {
    padding: 0 5px 10px;
}

@media (min-width: 576px) {
    .search-area .social-networks li {
        padding: 0 10px;
    }
}

.search-area .social-networks a {
    color: #32353c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-area .social-networks a:hover {
    color: #e77225;
}

.search-area .social-networks i {
    font-size: 20px;
    line-height: 24px;
    margin-right: 8px;
}

@media (min-width: 1200px) {
    .search-area .social-networks i {
        font-size: 23px;
        line-height: 25px;
        margin-right: 12px;
    }
}

@media (min-width: 992px) {
    .search-form {
        width: 100%;
        margin-bottom: 0;
    }
}

.search-form label {
    color: #e77225;
}

.search-form .form-group {
    margin-bottom: 0;
    position: relative;
}

.search-form .form-control {
    font-size: 16px;
    line-height: 20px;
    border: none;
    background: #eee;
    border-radius: 0;
    height: 50px;
    padding-left: 10px;
    padding-right: 129px;
}

@media (min-width: 768px) {
    .search-form .form-control {
        padding-left: 70px;
        padding-right: 205px;
    }
}

.search-form .form-control::-webkit-input-placeholder {
    color: #cecece;
}

.search-form .form-control::-moz-placeholder {
    opacity: 1;
    color: #cecece;
}

.search-form .form-control:-moz-placeholder {
    color: #cecece;
}

.search-form .form-control:-ms-input-placeholder {
    color: #cecece;
}

.search-form .form-control.placeholder {
    color: #cecece;
}

.search-form button {
    position: absolute;
    top: 0;
}

.search-form button.btn-search {
    display: none;
    left: 0;
}

@media (min-width: 768px) {
    .search-form button.btn-search {
        display: block;
    }
}

.search-form button.btn-orange {
    right: 0;
}

.search-form .btn-search {
    width: 50px;
    height: 50px;
    border: none;
    background: #e77225;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.search-form .btn-search:hover {
    background: #ec9053;
}


.featured-article .container {
    padding-top: 40px;
}

@media (min-width: 768px) {
    .featured-article .container {
        padding-top: 90px;
    }
}

.featured-article p {
    margin: 0 0 10px;
}

.featured-article h2 {
    margin-bottom: 16px;
}

@media (min-width: 992px) {
    .featured-article .col-holder {
        max-width: 395px;
    }
}

.featured-article .btn-orange {
    text-transform: uppercase;
}

.featured-article .img-holder {
    overflow: hidden;
}

.featured-article .img-holder a {
    display: block;
}

.featured-article .img-holder a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.featured-article img {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.style-two .featured-article {
    background: rgba(188, 188, 188, 0.25);
}

.style-two .featured-article .container {
    padding-bottom: 60px;
}

@media (min-width: 768px) {
    .style-two .featured-article .container {
        padding-bottom: 90px;
    }
}

@media (max-width: 767px) {
    .style-two .featured-article .container {
        padding-top: 60px;
    }
}

.style-two .featured-article .flex-row-reverse {
    margin-bottom: 40px;
}

.style-two .featured-article .col-holder {
    max-width: none;
}

.style-two .featured-article h2 {
    margin-bottom: 30px;
}

.style-two .featured-article .user-links {
    margin-top: 25px;
    margin-bottom: 25px;
}

/*===========================
    18.TESTIMONIALS css 
===========================*/

.testimonials-section {
    background: #f8f8f8;
}

.testimonials-section .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .testimonials-section .container {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.testimonials-section h2 {
    margin-bottom: 36px;
}

.testimonials-section blockquote {
    font-style: normal;
    margin: 0 0 46px !important;
    border-left: none !important;
    padding: 0 !important;
}

.testimonials-section cite {
    font-style: normal;
    margin-bottom: 22px;
    display: block;
}

.testimonials-section cite a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testimonials-section cite .author-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
}

.testimonials-section cite .name {
    color: #ea7026;
    display: block;
}

.testimonials-section cite .designation {
    color: rgba(0, 0, 0, 0.5);
}

.testimonials-section q {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    display: block;
}

@media (min-width: 992px) {
    .testimonials-section .col-holder {
        max-width: 359px;
    }
}

.testimonials-slide .slick-arrow,
.testimonials-slide .new-home .btn-arrow,
.new-home .testimonials-slide .btn-arrow {
    right: calc(50% - 91px) !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}

.testimonials-slide .slick-arrow.next,
.testimonials-slide .new-home .next.btn-arrow,
.new-home .testimonials-slide .next.btn-arrow {
    background: #fff;
}

.testimonials-slide .slick-arrow.prev,
.testimonials-slide .new-home .prev.btn-arrow,
.new-home .testimonials-slide .prev.btn-arrow {
    right: calc(50% - 40px) !important;
    background: #e77225;
}

.testimonials-slide .slick-dots {
    overflow: hidden;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px -5px 0;
}

@media (min-width: 992px) {
    .testimonials-slide .slick-dots {
        position: absolute;
        bottom: 27px;
        left: 15px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 -5px;
    }
}

@media (min-width: 1200px) {
    .testimonials-slide .slick-dots {
        bottom: 65px;
    }
}

.testimonials-slide .slick-dots li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 5px;
}

.testimonials-slide .slick-dots li.slick-active button {
    background: #e77225;
}

.testimonials-slide .slick-dots button {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: none;
    padding: 0;
    text-indent: -9999px;
    background: #d1d1d1;
    display: block;
}

.testimonials-slide .img-holder {
    overflow: hidden;
    display: block;
}

.testimonials-slide .img-holder:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.testimonials-slide img {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}


/*===========================
    19.ARTICLE POST css 
===========================*/

.post-card {
    background: #f8f8f8;
    overflow: hidden;
    /*===== Vertical Articles cards style =====*/
}

.post-card:hover .post-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.post-card:hover .btn-arrow i {
    margin-left: 10px;
}

.post-card .title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 12px;
    display: block;
    font-weight: bold;
}

.post-card .title a {
    color: #000;
}

.post-card .title a:hover {
    color: #e77225;
}

.post-card p {
    color: #b1b1b1;
}

.post-card .btn-arrow {
    color: #fff;
    position: absolute;
    right: 0 !important;
    bottom: 0;
}

.post-card .btn-arrow i {
    -webkit-transition: margin 0.3s ease-in-out;
    transition: margin 0.3s ease-in-out;
}

.post-card .btn-arrow:hover {
    background: #ef9f6a;
}

@media (min-width: 768px) {
    .post-card .post-img {
        padding-right: 15px;
    }
}

.post-card .post-img a {
    display: block;
    overflow: hidden;
}

.post-card .post-img img {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.post-card .post-content {
    padding: 10px 85px 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.post-card.vertical {
    text-align: center;
}

.post-card.vertical .post-img {
    padding: 0;
    position: relative;
    z-index: 2;
}

.post-card.vertical .post-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(51, 51, 51, 0.4);
    pointer-events: none;
}

.post-card.vertical .post-content {
    padding: 20px 46px;
}

.post-card.vertical .tag-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    font-family: "Roboto Condensed", sans-serif;
    pointer-events: none;
    z-index: 2;
}

.post-card.vertical .category-title {
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    text-align: left;
    pointer-events: auto;
}

.post-card.vertical .category-title a {
    color: #fff;
}

.hashtags {
    font-size: 14px;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: auto;
    margin-bottom: 15px;
}

.hashtags li {
    margin-left: 25px;
}

.hashtags a {
    color: #fff;
}

.hashtags a:hover {
    color: #e77225;
}


/*===== Articles photos post =====*/

.articles-photos .row>.col,
.articles-photos .row>[class*="col-"] {
    padding-bottom: 15px;
}

@media (min-width: 992px) {
    .articles-photos .row>.col,
    .articles-photos .row>[class*="col-"] {
        padding-bottom: 60px;
    }
}

.articles-photos.style-6 .container .row>.col,
.articles-photos.style-6 .container .row>[class*="col-"] {
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .articles-photos.style-6 .container .row>.col,
    .articles-photos.style-6 .container .row>[class*="col-"] {
        padding-bottom: 0;
    }
}

.articles-photos .row .row {
    min-height: 100%;
}

@media (min-width: 992px) {
    .articles-photos .row .row>.col,
    .articles-photos .row .row>[class*="col-"] {
        padding-bottom: 0;
    }
}

@media (min-width: 1920px) {
    .articles-photos .container-fluid {
        padding: 0 45px;
    }
}

.articles-photos .col-holder {
    position: relative;
    border: 1px solid #d4d4d4;
    z-index: 2;
    border-radius: 6px;
    overflow: hidden;
    min-height: 225px;
}

@media (min-width: 576px) {
    .articles-photos .col-holder {
        min-height: 0;
    }
}

@media (min-width: 768px) {
    .articles-photos .col-holder {
        min-height: 400px;
    }
}

@media (min-width: 992px) {
    .articles-photos .col-holder {
        min-height: 0;
    }
}

.articles-photos .col-holder:hover .img-holder {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.articles-photos .col-holder:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(51, 51, 51, 0.4);
    pointer-events: none;
}

.articles-photos .img-holder {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    min-height: inherit;
}

.articles-photos .img-holder img {
    object-fit: cover;
    height: 100%;
    min-height: inherit;
}

.articles-photos .img-holder a {
    min-height: inherit;
    width: 100%;
}

.articles-photos .content-holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: none;
    padding: 15px;
}

@media (min-width: 768px) {
    .articles-photos .content-holder {
        padding: 32px;
    }
}

.articles-photos .play-btn {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    background: #e77225;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
}

@media (min-width: 992px) {
    .articles-photos .play-btn {
        width: 88px;
        height: 88px;
        border-radius: 88px;
        padding: 0;
    }
}

.articles-photos .play-btn:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.05) rotate(360deg);
    -ms-transform: translate(-50%, -50%) scale(1.05) rotate(360deg);
    transform: translate(-50%, -50%) scale(1.05) rotate(360deg);
}

.articles-photos .post-info {
    pointer-events: auto;
    max-width: 467px;
}

.articles-photos .category-title {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    .articles-photos .category-title {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 19px;
    }
}

.articles-photos .category-title a {
    color: #fff;
}

.style-two .articles-photos {
    padding-top: 60px;
}

@media (min-width: 768px) {
    .style-two .articles-photos {
        padding-top: 90px;
    }
}



.footer.style-2 {
    font-size: 18px;
    line-height: 25px;
    background: #000;
    letter-spacing: 0.53px;
    color: #6f6f6f;
}

.footer.style-2 h4 {
    font-size: 20px;
    line-height: 24px;
    color: #e77225;
    margin-bottom: 20px !important;
    font-weight: normal;
}

@media (min-width: 768px) {
    .footer.style-2 h4 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 61px !important;
    }
}

.footer.style-2 hr {
    margin: 0 !important;
    border-top: 1px solid #707070;
}

.footer.style-2 p {
    color: #6f6f6f;
}

@media (max-width: 767px) {
    .footer.style-2 p {
        font-size: 16px !important;
    }
}

.footer.style-2 .footer-top {
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    .footer.style-2 .footer-top {
        margin-bottom: 80px;
    }
}

.footer.style-2 .container {
    padding-top: 50px;
}

@media (min-width: 992px) {
    .footer.style-2 .container {
        padding-top: 80px;
    }
}

@media (min-width: 1920px) {
    .footer.style-2 .container {
        padding: 80px 45px 0;
    }
}

.footer.style-2 .footer-links li {
    margin-bottom: 18px;
}

.footer.style-2 .footer-links a {
    color: #6f6f6f;
}

.footer.style-2 .footer-links a:hover {
    color: #fff;
}

.footer.style-2 address {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .footer.style-2 address {
        margin-bottom: 69px;
    }
}

.footer.style-2 .title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 22px;
    display: block;
}

.footer.style-2 .cards-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.footer.style-2 .cards-list li {
    margin-right: 10px;
}

@media (min-width: 1200px) {
    .footer.style-2 .cards-list li {
        margin-right: 13px;
    }
}

.footer.style-2 .cards-list li:last-child {
    margin-right: 0;
}

.footer.style-2 .cards-list a:hover {
    opacity: 0.8;
}

@media (min-width: 992px) {
    .footer.style-2 .cards-list img {
        width: 33px;
    }
}

@media (min-width: 1200px) {
    .footer.style-2 .cards-list img {
        width: auto;
    }
}

.footer.style-2 .subscribe-form {
    font-size: 18px;
    line-height: 22px;
}

@media (min-width: 1400px) {
    .footer.style-2 .subscribe-form {
        font-size: 22px;
        line-height: 26px;
    }
}

.footer.style-2 .subscribe-form .form-group {
    position: relative;
}

.footer.style-2 .subscribe-form .form-control {
    font-size: 18px;
    line-height: 22px;
    height: 40px;
    border-radius: 0;
    border: none;
    padding-left: 13px;
    padding-right: 93px;
}

@media (min-width: 992px) {
    .footer.style-2 .subscribe-form .form-control {
        height: 52px;
    }
}

@media (min-width: 1400px) {
    .footer.style-2 .subscribe-form .form-control {
        font-size: 22px;
        line-height: 26px;
        padding-right: 145px;
    }
}

.footer.style-2 .subscribe-form .form-control::-webkit-input-placeholder {
    color: #b7b7b7;
}

.footer.style-2 .subscribe-form .form-control::-moz-placeholder {
    opacity: 1;
    color: #b7b7b7;
}

.footer.style-2 .subscribe-form .form-control:-moz-placeholder {
    color: #b7b7b7;
}

.footer.style-2 .subscribe-form .form-control:-ms-input-placeholder {
    color: #b7b7b7;
}

.footer.style-2 .subscribe-form .form-control.placeholder {
    color: #b7b7b7;
}

.footer.style-2 .subscribe-form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    max-width: 80px;
    color: #333;
    padding: 5px;
    width: 100%;
    border: none;
}

@media (min-width: 1400px) {
    .footer.style-2 .subscribe-form button {
        max-width: 132px;
    }
}

.footer.style-2 .copyright {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (min-width: 576px) {
    .footer.style-2 .copyright {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 768px) {
    .footer.style-2 .copyright {
        padding-top: 41px;
        padding-bottom: 41px;
    }
}

.footer.style-2 .copyright a {
    color: rgba(255, 255, 255, 0.71);
}

.footer.style-2 .copyright a:hover {
    color: #fff;
}

.footer.style-2 .copyright p {
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.71);
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .footer.style-2 .copyright p {
        margin-bottom: 0;
    }
}

.footer.style-2 .social-networks {
    font-size: 22px;
    line-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px -12px 0;
}

.footer.style-2 .social-networks li {
    padding: 0 12px 20px;
}

.footer.style-2 .social-networks a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6f6f6f;
}

.footer.style-2 .social-networks a:hover {
    color: #fff;
}



.blog-details-news .news-item-thumb .play-btn {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    background: #e77225;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
}

@media (min-width: 992px) {
    .blog-details-news .news-item-thumb .play-btn {
        width: 88px;
        height: 88px;
        border-radius: 88px;
        padding: 0;
    }
}

.blog-details-news .news-item-thumb .play-btn:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.05) rotate(360deg);
    -ms-transform: translate(-50%, -50%) scale(1.05) rotate(360deg);
    transform: translate(-50%, -50%) scale(1.05) rotate(360deg);
}

.blog-details-news .news-item-thumb .play-btn img {
    width: auto;
}


.blog-details-news .news-slider-holder {
    margin-bottom: 30px;
}

.blog-details-news .news-slider-holder .news-item-thumb:before {
    display: none;
}


.blog-details-news .news-item-slider {
    margin-bottom: 20px;
}
.blog-details-news .news-item-slider .slick-track{
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
}
.blog-details-news .news-item-slider .slick-slide{
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    height: auto !important;
}

.blog-details-news .news-item-slider img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.blog-details-news .news-item-slider .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-details-news .news-item-slider .slick-dots li {
    padding: 0 6px;
}

.blog-details-news .news-item-slider .slick-dots li.slick-active button {
    border-color: #ea7026;
}

.blog-details-news .news-item-slider .slick-dots button {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    display: block;
    background: #fff;
    padding: 0;
    text-indent: -999px;
    overflow: hidden;
    border: 2px solid #fff;
    box-shadow: 0 0 3px 3px rgba(51, 51, 51, 0.7);
}
.blog-details-news .item-slider-nav{
    max-height: 125px;
}
.blog-details-news .item-slider-nav .slick-list{
    max-height: inherit;
}
.blog-details-news .item-slider-nav .slick-track{
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    max-height: inherit;
}
.blog-details-news .item-slider-nav .slick-slide {
    border: 2px solid transparent;
    outline: none;
    height: auto !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
}

.blog-details-news .item-slider-nav .slick-slide img{
    object-fit: cover;
}

.blog-details-news .item-slider-nav .slick-slide:hover {
    cursor: pointer;
}

.blog-details-news .item-slider-nav .slick-slide.slick-current {
    border: 2px solid #ea7026;
}

.blog-details-news .item-slider-nav .slick-arrow,
.blog-details-news .item-slider-nav .new-home .btn-arrow,
.new-home .blog-details-news .item-slider-nav .btn-arrow {
    font-size: 30px;
    line-height: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    color: #fff;
    text-shadow: 0 0 5px rgba(51, 51, 51, 0.6);
}

.blog-details-news .item-slider-nav .slick-arrow:hover,
.blog-details-news .item-slider-nav .new-home .btn-arrow:hover,
.new-home .blog-details-news .item-slider-nav .btn-arrow:hover {
    color: #ea7026;
}

.blog-details-news .item-slider-nav .slick-arrow.slick-prev,
.blog-details-news .item-slider-nav .new-home .slick-prev.btn-arrow,
.new-home .blog-details-news .item-slider-nav .slick-prev.btn-arrow {
    left: 15px;
}

.blog-details-news .item-slider-nav .slick-arrow.slick-next,
.blog-details-news .item-slider-nav .new-home .slick-next.btn-arrow,
.new-home .blog-details-news .item-slider-nav .slick-next.btn-arrow {
    right: 15px;
}

/*===== New Home  6 Styles =====*/


.style-two .header-area {
    position: relative;
    background: #eee;
}

.style-two .header-area .py-20 {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 1200px) {
    .style-two .header-area .py-20 {
        padding-left: 45px;
        padding-right: 45px;
    }
}

.style-two .header-area .header-logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 165px;
}

@media (min-width: 1200px) {
    .style-two .header-area .header-logo {
        width: 200px;
    }
}

@media (min-width: 1500px) {
    .style-two .header-area .header-logo {
        width: 299px;
    }
}

.style-two .header-area .header-toggler {
    border-color: #000;
}

.style-two .header-area .header-toggler i {
    color: #000;
}

.style-two .header-area .header-menu {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 20px;
}

.style-two .header-area .header-menu>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.style-two .header-area .header-menu>ul>li {
    padding: 0 8px;
}

@media (min-width: 1200px) {
    .style-two .header-area .header-menu>ul>li {
        padding: 0 10px;
    }
}

@media (min-width: 1500px) {
    .style-two .header-area .header-menu>ul>li {
        padding: 0 20px;
    }
}

.style-two .header-area .header-menu>ul>li>a {
    color: #333;
    text-transform: capitalize;
}

@media (min-width: 992px) {
    .style-two .header-area .header-menu>ul>li>a {
        font-size: 20px !important;
        line-height: 25px !important;
    }
}

@media (min-width: 1500px) {
    .style-two .header-area .header-menu>ul>li>a {
        font-size: 25px;
        line-height: 30px;
    }
}

.style-two .header-area .header-menu>ul>li>a.active {
    color: #e77225;
}

.style-two .header-area .header-menu>ul>li>a:hover {
    color: #e77225;
}

.search-bar {
    position: relative;
}

.search-bar input[type="text"] {
    width: 40px;
    height: 40px;
    border-style: none;
    border-radius: 20px;
    padding: 10px 20px;
    background-color: #333;
    outline: none;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    cursor: pointer;
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAWpJREFUWEfNljFOxDAQRbehoKDnIjTcgYtwAHpOwhE4BA3Vig6Je9ABYZ60kZbVc5xkifRHelrleRzP2rGT3TAM0ahMQmUSKpNQmYTKJFQmoTIJlUmonMFlcV88FW/F5+GXazzt1m8xKjvcFh/FVNBOnvVfhMoJHorvgtgXzNZNcXX45RpPkEe+3Wc2KhswIwz6VTwWF4Xl4Wknj/yzZlKlwDM1LiuDW84p5BH0W/1MqhRYOoLla83cKeSNy01/y+miUmB3EksHGv8Y/a29i0qBI4RgI1h7C/IJ+lt7F5UC5xzBbrX2FuQT9Lf2LiqF+BmMfwbHgWJ3cfw5CEvfJD8FcVdY3ixUTrDkXTzGe3Fd2P26qOww92uGmaM4YnWRKmfAM8VssTs5QlrfgxR1VpEq/5mzilS5AauLVLkRq4pUuSHHRb4WlvMHlRtDkS/F85FrojIJlUmoTEJlEiqTUJmEyiRUJqEyh2H3Cz4WH1fC57RBAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 100% 50%; */
    font-size: 18px;
    line-height: 22px;
    color: transparent;
    overflow: hidden;
    color: black;
}

.search-bar input[type="text"]:focus {
    width: 140px;
    cursor: text;
    padding-left: 20px;
    padding-right: 40px;
}

@media (min-width: 1200px) {
    .search-bar input[type="text"]:focus {
        width: 200px;
    }
}

.search-bar input[type="text"]:hover,
.search-bar input[type="text"]:focus {
    background-color: #fff;
}

.search-bar input[type="text"]:hover~.icon-search,
.search-bar input[type="text"]:focus~.icon-search {
    color: #333;
}

.search-bar .icon-search {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    pointer-events: none;
    display: block;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.search-bar input[type="submit"] {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
}

.search-bar-mobile {
    position: relative;
    margin: 20px 30px 0 auto;
    width: 100%;
}

@media (min-width: 992px) {
    .search-bar-mobile {
        width: auto;
        margin: 0;
        min-width: 150px;
    }
}

@media (min-width: 1200px) {
    .search-bar-mobile {
        min-width: 225px;
    }
}

.search-bar-mobile .form-control {
    border-radius: 20px;
    padding: 5px 40px 5px 25px;
    height: 45px;
    outline: none;
    box-shadow: none;
    border: 1px solid rgba(32, 31, 31, 0.4);
}

.search-bar-mobile button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    padding: 0;
    background: none;
    height: 100%;
    width: 40px;
}


.team-section .container {
    padding-top: 60px;
    padding-bottom: 12px;
}

@media (min-width: 768px) {
    .team-section .container {
        padding-top: 90px;
        padding-bottom: 42px;
    }
}

.team-section .social-networks {
    font-size: 10px;
    line-height: 15px;
    font-family: "Roboto Condensed", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 13px;
    min-width: 25px;
}

.team-section .social-networks li {
    margin-bottom: 61px;
}

.team-section .social-networks li:last-child {
    margin-bottom: 0;
}

.team-section .social-networks a {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
}

.team-section .social-networks a:hover {
    color: #e77225;
}

.team-section .social-networks i {
    font-size: 25px;
    line-height: 1;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.team-section .social-networks span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-bottom: 23px;
}

.team-section .img-holder {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
}

.team-section .img-holder img {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    height: 100%;
    object-fit: cover;
}

.team-section .img-holder:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.team-section .img-holder .name {
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: bold;
    color: #000;
    display: block;
    background: url("../images/oval-shape.png") no-repeat;
    min-width: 200px;
    padding: 25px 30px 0;
}

.team-section .tags-list {
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 12px;
    padding-right: 10px;
}

@media (min-width: 576px) {
    .team-section .tags-list {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.team-section .tags-list a {
    color: #e77225;
}

.team-section .tags-list li:last-child {
    margin-left: 104px;
}

.team-section .category {
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    font-weight: bold;
    color: #000;
    display: block;
    padding: 15px;
    background: rgba(255, 255, 255, 0.7);
}

.subscribe-section .container {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (min-width: 768px) {
    .subscribe-section .container {
        padding-top: 145px;
        padding-bottom: 145px;
    }
}

.subscribe-box {
    font-size: 18px;
    line-height: 22px;
    background: #fff;
    padding: 60px 25px;
    text-align: center;
}

@media (min-width: 768px) {
    .subscribe-box {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (min-width: 992px) {
    .subscribe-box {
        padding: 100px 25px;
    }
}

.subscribe-box h2 {
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 29px;
}

.subscribe-box .text-holder {
    max-width: 770px;
    margin: 0 auto;
}

.subscribe-box p {
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .subscribe-box p {
        margin-bottom: 51px;
    }
}

.subscribe-box .subscribe-form {
    position: relative;
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .subscribe-box .subscribe-form {
        margin-bottom: 47px;
    }
}

.subscribe-box .subscribe-form .form-control {
    font-size: 18px;
    line-height: 22px;
    font-family: "Roboto Condensed", sans-serif;
    height: 45px;
    border-radius: 0;
    padding: 15px 95px 15px 15px;
    box-shadow: none;
    outline: none;
}

@media (min-width: 768px) {
    .subscribe-box .subscribe-form .form-control {
        font-size: 24px;
        line-height: 32px;
        padding: 15px 259px 15px 31px;
        height: 70px;
    }
}

.subscribe-box .subscribe-form button {
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    font-weight: bold;
    max-width: 80px;
}

@media (min-width: 768px) {
    .subscribe-box .subscribe-form button {
        font-size: 26px;
        line-height: 30px;
        max-width: 228px;
    }
}

.subscribe-box .subscribe-form+p {
    margin-bottom: 0;
}


/*===========================
   21 ADS css
===========================*/

.snowdrop-ads {
    position: relative;
    overflow: hidden;
}

@media (min-width: 320px) {
    .snowdrop-ads {
        min-height: 90px;
        height: 90px;
    }
}

.snowdrop-ads.rounded img,
.snowdrop-ads.rounded a {
    border-radius: 20px;
}

.snowdrop-ads.rounded a {
    overflow: hidden;
}

.snowdrop-ads .container {
    height: 100%;
    overflow: hidden;
}

.snowdrop-ads a {
    display: block;
    width: 100%;
    height: 100%;
}

.snowdrop-ads img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}