@charset "UTF-8";

/*
Theme Name:  Smacts
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 100.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.t
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');

*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word}
body{font-family: 'Rubik', sans-serif;overflow-x:hidden;position:relative;background:#fff;}
p{line-height:1.5; }
img{vertical-align:middle;max-width:100%}a img{border:none}p{margin-bottom:20px}
a{text-decoration:none;color:#dfc280}
:focus{outline:none}
.wrapper{margin-left:auto;margin-right:auto;max-width:1240px;padding:0 20px;width:100%}
.clr{clear:both;float:none;display:block}
.clr:after,.afclr:after{clear:both;float:none;display:block;content:""}
input[type=submit],button{-webkit-appearance:none}
select{word-wrap:normal}
::-webkit-input-placeholder{color:#797979}
:-moz-placeholder{color:#797979}
::-moz-placeholder{color:#797979}
ul{list-style:none; padding:0; margin:0;}

.logo{position:absolute; top:0px; left:0; z-index:100;}
.logo a img{max-width:150px;}
.header_inner{    position: relative;
    padding-left: 200px;
    min-height: 146px;
 }
 .grid-item{width:20%;}
 .grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 1px;
}
.slide_text h2, .slide_text_1 h2{font-family: 'Rubik', sans-serif; text-align:left;}
.logo_side{display:flex; align-items:center; justify-content:end;}
.top_bar, .time_block{display:flex; align-items:center; justify-content:space-between;}
.ghost_btn a + a{margin-left:10px;}
.bb_icon img{width:30px;}
.btIconWidgetTitle{display:block; font-size: .75em;
    text-transform: uppercase;
    line-height: 1;
    padding-bottom: 0.3em;
    font-weight: bold;
    color: #fff;}
    .video_g_btn a img{width:50px;}
.video_g_btn{display:flex; align-items:center; justify-content:space-between;}
.btIconWidgetText{display:block; font-size: .85em;
    text-transform: uppercase;
    line-height: 1;
    padding-bottom: 0.3em;
    font-weight: bold;
    color: #fff;}
.bb_icon{margin-right:10px;}
.header{padding:10px 0;
        position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index:100;
}
.blocker{z-index:100 !important;}
.nav-bar{display:flex; align-items:center; justify-content:space-between;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #fff9;
}
.nav-menu{display:flex;}
.nav-menu > li{padding-right:20px; position:relative;}
.nav-menu > li > a{color:#fff; display:block; padding:10px; font-size:13px; font-weight:500; position:relative;}
.nav-menu > li > a:after {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 500;
    bottom: -4px;
    margin-left: -4px;
    left: 50%;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #b70100;
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.slick-dotted.slick-slider{margin-bottom:0 !important}
.nav-menu > li:hover > a:after, .nav-menu > li.current-menu-item > a:after{ -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); z-index:600;}
.nav-menu ul {
    position: absolute;
    background:#b70100;
    width: 220px;
    left: 0;
    top: auto;
    margin: 0;
    -webkit-box-shadow: 0 0 10px 0 rgb(204 204 204 / 50%);
    box-shadow: 0 0 10px 0 rgb(204 204 204 / 50%);
    z-index: 1;
    padding: 0;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
    opacity:0; visibility:hidden;
    padding:0 10px;
}
.bs_right ul.bfont li{color:#000;}
.bs_right ul.bfont li:before{background:#000;}
.trinity_sec .testimonial_section_inner:before{display:none;}
.grid-item a{display:block; position:relative; -webkit-transition:all 0.3s ease;transition:all 0.3s ease; overflow:hidden;}
.grid-item a:before{position:absolute; top:100%;  left:10px; right:10px; background:#0000008f; content:""; display:block;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.grid-item a:after{position:absolute; top:100%;  left:10px; right:10px; background:url("assets/images/zoom.svg") no-repeat center; content:""; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;    width: 30px;
    height: 50px;
    z-index: 1000;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;}
.grid-item a:hover:before, .grid-item a:hover:after{top:10px;bottom:10px;}
.nav-menu li:hover ul{ -webkit-transform: scale(1); opacity:1; visibility:visible;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
.nav-menu ul li a{color:#fff; padding:10px; font-size:13px; display:block;}

.testimonial_section{background:#fbfbfb; position:relative;}
.testimonial_section:before{position:absolute; top:0; left:0; right:50%; width:50%; background:#b70100; display:block; content:""; bottom:0; z-indeX:0;}
.t_inner{position:relative; z-index:100; display:flex;
        display: -webkit-flex;
    display: flex;
margin:0 -30px;
}
.t_left, .t_right{width:50%; padding:0 30px;}
.t_left{text-align:right;display: flex;
    align-items: center;
    justify-content: end;}
.tr_main, .tl_main{max-width:100%; width:600px;}
.tl_main p {
    font-size: 1.8em;
    font-style: italic;
    font-weight: 300;
    line-height: 2em;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
.tl_main h4{margin-top:30px;    font-size: 18px;font-weight:700;
    line-height: 1.33;}
.slick-initialized .slick-slide{padding:0 5px;}
.tl_main .slick-dots li {
    padding: 0;
    margin: 0 0 0 16px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 28px;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    -o-opacity: .7;
    -m-opacity: .7;
    opacity: .7;
    cursor: pointer;
    transition: all .4s ease;
}
.ghost_btn a img{width:60px;}
.page_padding{background:#000;}
.nob-padding{padding-bottom:0 !important;}
.tl_main .slick-dots li.slick-active{
     -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -m-opacity: 1;
    opacity: 1;
}
.tl_main .slick-dots {
    margin: 40px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: end;
}
.nob-padding th, .nob-padding td{color:#000 !important;}
.tl_main .slick-dots li button {
    display: none;
}
.tr_main h2{color: #191919; font-size:3.2rem; font-weight:700; margin-bottom:20px;}
.tr_main p{font-size: 1.2rem;
    margin-top: 0.9em;color: #191919;}
.last_section{text-align:center;}
.last_section h2, .trinity_link{color:#fff; margin-top:20px;}

.top_section_director:nth-child(3) .dt_data:after{top:0; height:80px;}
.top_section_director:nth-child(2){flex-direction:row-reverse;}
.top_section_director:nth-child(2) .director_top_img{text-align:left;padding-right:0px;padding-left: 80px}
.top_section_director:nth-child(2) .director_top_info{text-align:right; padding-left:0; padding-right:80px;}

.top_section_director:nth-child(2) .director_top_info:before{top:0; right:-28px; left:auto;}
.top_section_director:nth-child(2) .director_top_info:after{top:7px; right:-21px; left:auto;}
.top_section_director:nth-child(2) .dt_data:after{right:-15px; left:auto;}
.top_section_director:nth-child(2) .dt_data p{margin-left:auto;}

.director_section{background:url(assets/images/background_03.jpg) no-repeat center; padding:90px 0; background-size:cover;}
.top_section_director{display: flex;
    justify-content: space-around;}
.director_top_img{flex-basis: 50%;
    text-align: right;
    padding-right: 80px}
.director_top_info{flex-basis: 50%;
    text-align: left;
    padding-left: 80px; position:relative;}
.director_top_info:before{position:absolute; top:0; left:0; width:28px; height:28px; -webkit-box-shadow:0 0 0 2px #000 inset; box-shadow:0 0 0 2px #000 inset; border-radius:40px; dispay:block; content:"";}
.director_top_info:after{position:absolute; top:7px; left:7px; width:14px; height:14px; background:#000; border-radius:40px; dispay:block; content:"";}
.dt_data:after{position:absolute; top:28px; left:13px; width:2px; bottom:0; background:#000; dispay:block; content:"";}
.director_top_info, .director_top_img{padding-bottom:100px;}
.dt_data h2{margin-bottom:40px;}
.dt_data p{max-width:350px; width:100%; margin-bottom:40px;}
.dt_data a{color:#000}
/* zoom film */
.top_section_director:nth-child(3) .director_top_img, .top_section_director:nth-child(3) .director_top_info{padding-bottom:0;}
.page_padding{padding:80px 0;}
.zf_in{display:flex; align-items:center; flex-wrap:wrap;}
.video_one{flex-basis:33.33%; padding:0 20px; margin-bottom:20px;}
.video_one a{display:block; position:relative;}
.video_one a span{position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;}
.video_one a span img{max-width:50px;}

.page_title_bar{background:url(assets/images/star-purple-pattern.jpg) no-repeat center;
background-size:cover; padding:190px 0 70px; text-align:center;}
.page_title_bar h2{color:#fff; font-size:100px; font-weight:700;}
.time_block{padding-left:20px;}
.social_icons a img{width:20px;}
.social_icons a{display:inline-block; margin-left:10px;}

.bwg-title2{display:none !important;}
.hall_img img{width:100%;}
.back_btn{margin-top:20px;}
.back_btn a{display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 14px 40px;
    border-radius: 30px;
    background: #f34906;}
.no-tpd{padding-top:0 !important;}
.nob-padding .bs_right{padding-bottom:40px;}
.sd_section td{color:#fff !important;}
.sd_section h3{color:#fff; margin-bottom:20px;}
.nob-padding .bs_inner{align-items:end;}
.black_bg_section{padding:90px 0; background:#000; margin:4px 0; position:relative;}
.black_bg_section:before{position:absolute; content:""; display:block; top:-4px; left:0; right:0; height:4px; background:url(assets/images/download.svg);}
.black_bg_section:after{position:absolute; content:""; display:block; bottom:-4px; left:0; right:0; height:4px; background:url(assets/images/bottom-wave.svg);}
.second_t .testimonial_section_inner:after{display:none;}
.testimonial_section_inner:before{position:absolute; content:""; display:block; top:-4px; left:0; right:0; height:4px; background:url(assets/images/download-white.svg);}
.testimonial_section_inner:after{position:absolute; content:""; display:block; bottom:-4px; left:0; right:50%; height:4px; background:url(assets/images/bottom-wave-red.svg);}
.second_t .testimonial_section_inner:before{left:50%;}

.testimonial_section_inner{position:relative; padding:90px 0;}
.bs_inner{display:flex; align-items:center; justify-content:space-between;}
.bs_left, .bs_right{flex-basis:45%;}
.white_bg.sd_section{padding:60px 0;}
.white_bg.sd_section .bs_inner{align-items:center;}
.slide_text .bs_right{padding-top:80px;}
.bs_right h4{font-size: 1.6rem;
    margin-bottom: 10px;
    color: #b70100;
    font-weight: 500; text-align:left;}
.banner_image .ghost_btn{text-align:left;}
   .banner_image  .bs_right h2{color: #fff;
    font-size: 4.5rem;}
.bs_right h2{color: #fff;
    font-size: 2.4rem;
    margin: 20px 0;
    font-weight: 700;
    line-height: 1.3;}
.bs_right p{color:#fff; font-size:16px; margin-bottom:20px;}		

.btn.rounded {
    border-radius: 50px;
}
.slide_text_1{background:url("assets/images/blood-splatter.png") no-repeat left top; background-size:contain;}
.slide_text_1 .bs_right{background:url("assets/images/blood-splatter.png") no-repeat center; background-size:contain; padding-bottom:40px;}
.testimonial_section.second_t:before{right:0; left:auto;}
.second_t .tl_main .slick-dots li {background-color: #b70100;}
.white_bg{padding-top:50px; background:#fff;}
.white_bg .bs_inner{flex-direction:row-reverse; align-items:end;}
.white_bg .bs_inner h2, .white_bg .bs_inner p{color:#000;}
.bs_right table, #popup2 table{width:100%; border-collapse:collapse;}
.bs_right table th, .bs_right table td, #popup2 th, #popup2 td{text-align:center; padding: 3px;
    font-size: 13px;
    border: 1px solid #e1e0e0;}
.floating_whasapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    z-index: 1000;
    padding: 5px;
}
.floating_whasapp a {
    display: block;
}
.floating_whasapp a img {
    width: 50px;
}
.btn, .btn_black{
    margin: 20px auto;
    border: none;
    padding: 10px 24px;
    font-size: 18px;
    position: relative;
    display:inline-block;
}
.btn.rounded::before {
    border-radius: 50px;
    width: 40px;
    background: #fff;
}
.btn_black.rounded::before {
    border-radius: 50px;
    width: 40px;
    background: #b70100;
}


.btn::before {
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    content: "";
    width: 50%;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 0;
}
.btn_black.rounded .text-green {
    color: #000;
    mix-blend-mode: difference;
}
.btn_black.rounded:hover::before {
    background: #b70100;
    width: 100%;
}


.btn_black::before {
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    content: "";
    width: 50%;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 0;
}

.btn_black.rounded .text-green {
    color: #b70100;
    mix-blend-mode: difference;
}
.btn_black.rounded:hover::before {
    background: #b70100;
    width: 100%;
}

.btn.rounded .text-green {
    color: #fff;
    mix-blend-mode: difference;
}
.btn.rounded:hover::before {
    background: #fff;
    width: 100%;
}
.dt_data h3{margin-bottom:10px;}
.dt_data ul li{font-size:14px; margin:10px 0; position:relative; padding-left:20px;}
.bs_right ul li{font-size:16px; margin:10px 0; position:relative; padding-left:20px; color:#fff;}
.bs_right ul li:before{position: absolute;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #fff;
    left: 0;
    top: 5px;}
.dt_data ul li:before{position: absolute;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #000;
    left: 0;
    top: 5px;}
.slide_text_1{padding-top:170px;}
.slide_text img{max-width:140%;}
.banner_image{background:url(assets/images/black-banner.jpg) no-repeat center; background-size:cover;}
.banner_image{ text-align:center;}

.bs_right table{margin-bottom:20px;}
#popupvideo, #popupvideo2{text-align:center;}
#popupvideo video, #popupvideo2 video{max-height:500px; height:100%; max-width:100%;}
.bs_inner_top{ background-size:cover; background-repeat:no-repeat;    display: flex;
    align-items: center;
    justify-content: space-between;}
.banner_slide {position:relative;}
.none_img img{max-width:125%;}
.slide_text {
  
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}
.slide_text .bs_inner_top{flex-direction: row-reverse;}
.slide_text_1{
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;}


.banner_slider  .slick-dots li {
    padding: 0;
    margin: 0 0 0 16px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 28px;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    -o-opacity: .7;
    -m-opacity: .7;
    opacity: .7;
    cursor: pointer;
    transition: all .4s ease;
}
.banner_slider  .slick-dots li.slick-active{
     -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -m-opacity: 1;
    opacity: 1;
}
.banner_slider  .slick-dots {
    margin:0 0;
    display: flex;
    align-items: center;
    justify-content: center;
        position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}
.banner_slider  .slick-dots li button {
    display: none;
}

.rnOuter {
    background: #8666b1;
    overflow: hidden;
    position:relative; 
    height:100px;  
    
}

.rnInner {
    width: 100%;
    position: absolute;
    top:0%; right: 0;  bottom: 0; left: 0;
    margin: auto;
    transform-style: preserve-3d;
    transition: transform 6s ease;
    transform-origin: -120% top;
    
}

.rnUnit {
    width: 10%;
    min-height:100%;
    background: 
        repeating-linear-gradient(
            to left,
            #8666b1 0%,
            #462d66  50% );
    
    background-size:  100% 100%; 
    display:inline-block;   
    transform-origin: 0 0%;
    transform: rotate(1deg);
    animation: rnUnit 2s ease infinite;
}

@keyframes rnUnit {
    50% {
        transform: rotate(-1deg) ;
    }
}

.rnUnit:nth-child(1) {
    animation-delay: -0.1s;
}
.rnUnit:nth-child(2) {
    animation-delay: -0.2s;
}
.rnUnit:nth-child(3) {
    animation-delay: -0.3s;
}
.rnUnit:nth-child(4) {
    animation-delay: -0.4s;
}
.rnUnit:nth-child(5) {
    animation-delay: -0.5s;
}
.rnUnit:nth-child(6) {
    animation-delay: -0.6s;
}
.rnUnit:nth-child(7) {
    animation-delay: -.7s;
}
.rnUnit:nth-child(8) {
    animation-delay: -.8s;
}
.rnUnit:nth-child(9) {
    animation-delay: -.9s;
}
.rnUnit:nth-child(10) {
    animation-delay: -1s;
}



.aoTable {
    width: 100%;
    height: 100%;  
    text-align: center;
    position:relative;
    z-index:10;
}
.aoTableCell {
    color:#fff;
    display: table-cell;
    vertical-align: middle;
    transition:color 5s ease;
}

footer{background:#000; padding:90px 0;}
.fsocial{margin-top:30px;}
.fsocial a{display:inline-block; margin-right:10px;}
.fsocial a img{width:20px;}
.footer_one h3{margin-bottom:20px; color:#b70100; font-size:24px;}
.cinfo span{display:block; margin-bottom:10px; color:#fff; font-size:16px;}
.f_in{display:flex; justify-content:space-between;}
.footer_one li{margin-bottom:7px;border-bottom: 1px solid #ffffff52;}
.footer_one li a{display:inline-block; color:#fff; font-size:16px;padding: 5px 0;}
.video_one a img{box-shadow:0px 0px 3px #ffffff38;}

.email_field{margin-bottom:20px;}
wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="text"] {
    padding: 10px;
    border: 1px solid #cfc7c7;
    border-radius: 5px;
    width: 100%;
    max-width: 300px;
}
.wpcf7-list-item{margin:5px 0; display:block;}
.email_field > label{display:block; margin-bottom:5px;}
.cform p{margin-bottom:10px;}
input[type=submit], button {
    -webkit-appearance: none;
    background: #b70100;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.top_section_director:nth-child(3) .director_top_info:before{top:80px;}
.top_section_director:nth-child(3) .director_top_info:after{top:87px;}

@media screen and (max-width:1200px){
    .nav-menu > li{padding:0;}
     .grid-item{width:25%;}
}
@media screen and (max-width:992px){
.social_icons, .top_bar{display:none;}
.nav-bar{padding-top:0;margin-top:0; border:none;justify-content:end;}
.header_inner{padding-left:0; min-height:1px;}
.logo{position:static;}
.header_inner{display:flex; align-items:center; justify-content:space-between;}
.tr_main h2{font-size:2.4em;}
.tl_main p{font-size:1.5em; line-height:1.5;}
.nav-menu .sub-menu li a{padding:10px 20px !important}
    .footer_partone + .footer_partone{margin-top:30px;}
    .menu_expand{display:block; position:relative; z-index:100000;}
    .menu_expand i{display:block; height:2px; width:30px; background:#b70100;}
    .menu_expand i:nth-child(2){margin:8px 0;}
    .nav-menu{display:block;position:fixed;top:0;left:-100%;bottom:0;z-index:15000;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;opacity:0;visibility:hidden;overflow-y:auto; padding-top:60px;}
  .nav-menu.state-active{clear:both;opacity:1;visibility:visible; right:0; background:#fff; left:0;}
  .nav-menu li{float:none; margin:1px 0;}
  .nav-menu li a{border:none !important; padding:10px; color:#000;}
.nav-menu > li > a:after{display:none !important;}
    .menu_expand.active {
            transform: rotate(180deg);
        }
	.page_title_bar h2{font-size:60px;}
        /* Styling the three lines to make it an X */
        .menu_expand.active i:nth-child(1) {
            transform: rotate(45deg) translate(7px, 7px);
        }
 
       .menu_expand.active i:nth-child(2) {
            opacity: 0;
        }
 
        .menu_expand.active i:nth-child(3) {
            transform: rotate(-45deg) translate(7px, -6px);
        }
        .nav-menu li:last-child a {
    background: #fff;
    color: #800000;
    padding: 8px 10px;
    border-radius: 0px;
}
.expand_plus{position:absolute;right:0;top:0;width:35px;height:42px;padding:21px 10px 2px;cursor:pointer;z-index:100;}

  .expand_plus i{display:block;position:relative;background:url(assets/images/sub-menu-expand.png) no-repeat 0px 0px;width:12px;height:10px;top:-8px;}

  .expand_plus.active i{background-position:0px -190px}

.nav-menu .sub-menu .expand_plus{height:34px}
.nav-menu .sub-menu, .nav-menu .sub-menu ul{width:auto;position:unset;display:none;visibility:visible;opacity:1;filter:alpha(opacity=100);transform:translateX(0px);-webkit-transform:translateX(0px)}
.nav-menu .sub-menu.active-children{display:block;}
.new_dt_header{display:none !important;}
.nav-menu .sub-menu, .nav-menu .sub-menu ul{width:auto;position:unset;display:none;visibility:visible;opacity:1;filter:alpha(opacity=100);transform:translateX(0px);-webkit-transform:translateX(0px); box-shadow:none;}
.nav-menu .sub-menu li{border:none;}
.testimonial_section{z-index:1;}
 .grid-item{width:50%;}
 .nav-menu ul li a{color:#000;}
 .nav-menu .sub-menu{background:#fff;}
 .logo a img{max-width:110px;}
 .slide_text .bs_right {
    padding-top: 120px;
}
}
@media screen and (max-width:767px){
	.none_img img{max-width:100%;}
	.page_title_bar h2{font-size:30px}
	.testimonial_section_inner:before, .testimonial_section_inner:after{display:none;}
	.no-tpd{padding-top:50px !important;}
	.nob-padding .bs_left{padding-bottom:30px;}
	.banner_image .bs_right h2{font-size:1.5rem;}
    .director_top_info:before, .director_top_info:after, .dt_data:after{display:none !important;}
    .top_section_director{flex-direction:column-reverse;}
    .director_section{padding:40px 0;}
    .dt_data p, .dt_data h2{margin-bottom:20px;}
    .top_section_director:nth-child(2) .director_top_info{text-align:left; padding:0;}
    .director_top_img{padding:0; text-align:left;}
    .top_section_director:nth-child(2) {
    flex-direction: column-reverse; margin:30px 0;
}
	.page_title_bar{padding:120px 0 50px;}
.testimonial_section_inner{padding:0;}
.bs_inner_top{flex-direction:column;}
.slide_text .bs_inner_top{flex-direction:column-reverse;}
.top_section_director:nth-child(2) .director_top_img{padding:0;}
    .dt_data p{max-width:100%;}
    .video_one{flex-basis:50%;}
    .director_top_info{padding:0 0 30px !important}
     .f_in, .bs_inner, .t_inner, .white_bg .bs_inner{flex-direction:column;}
    .footer_one + .footer_one{margin-top:20px;}
    footer, .black_bg_section{padding:40px 0; }
    .testimonial_section{padding:0;}
    .testimonial_section:before{display:none;}
    .footer_one h3{font-size:20px;}
    .cinfo span, .footer_one li a{font-size:15px;}
    .t_left, .t_right{width:auto; flex-direction:column;}
    .t_left{padding:40px 0px; background:#b70100;}
    .t_right{background:#fff; padding:40px 0px;}
    .tr_main, .tl_main{max-width:100%; padding:0 20px;}
    .tl_main p{font-size:1.43em; line-height:1.4;}
    .t_inner{margin:0;}
    .tr_main h2,.bs_right h2{font-size:2em;}
     .grid-item{width:33.33%;}
    
}
@media screen and (max-width:479px){
    .zf_in{flex-direction:column;}
}