@font-face {
    font-family:BebasNeue;
    src: url(../fonts/BebasNeue.otf);
}
@font-face {
    font-family:Roboto-Light;
    src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
    font-family:OpenSans-Bold;
    src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face {
    font-family:Rubik Light;
    src: url(../fonts/Rubik-Light.ttf);
}
@font-face {
    font-family:NotoSans-Bold;
    src: url(../fonts/NotoSans-Bold.ttf);
}
@font-face {
    font-family:NotoSans-Regular;
    src: url(../fonts/NotoSans-Regular.ttf);
}
@font-face {
    font-family:Roboto-Light;
    src: url(../fonts/Roboto-Light.ttf);
}

body{font-size:18px;color:#444242;font-family:'Roboto-Light', sans-serif;font-weight: 400; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h1,h2,h3,h4,h5,h6,label,ul,p{margin:0px;padding:0px;}
li{list-style:none;}
a{color:#838383;text-decoration:none;transition:all ease-in-out 0.5s;}
a:hover{text-decoration:none;transition:all ease-in-out 0.5s;}

header,section,footer{width:100%;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{}
.my_center{text-align:center;}
.site_heading{margin:0px 0px 20px 0px;font-family: 'Noto Sans', sans-serif;font-weight: 700;}
.heading_size_1{font-size:35px;}
.heading_size_2{font-size:30px;}
.heading_size_3{font-size:25px;}
.heading_size_4{font-size:22px;}
.heading_size_5{font-size:18px;}
.heading_size_6{font-size:16px;}
.heading_clr_1{color:#DB6233;}
.heading_clr_2{color:#333;}
.site_txt{text-align:justify;}
.site_txt p{margin:0px 0px 20px 0px;}
.site_txt ul{padding:0px 0px 0px 20px;}
.site_txt ul li{margin:0px 0px 5px 0px;list-style-type:disc;}
.site_txt p:last-child,.site_txt ul li:last-child{margin:0px;}
.site_img{}
.site_img img,.site_txt img{width:100%;}
.my_btn_1{padding:5px 30px;background-color:#333;color:#fff;font-size:14px;}
.my_btn_1:hover{background-color:#fff;color:#333;}
.my_btn_2{padding:5px 30px;background-color:#333;color:#fff;font-size:14px;}
.my_btn_2:hover{background-color:#e16912;color:#fff;}
.mrgn_tp{margin-top:30px;}
.mrgn_btm{margin-bottom:30px;}
.mrgn_tp_btm{margin:30px 0px;}

.my_header{background-color:#e0670f;display:flex;width:100%;}
.logo{width:70%;padding:8px 5% 10px 18%;background-color:#ffffff;position:relative;}
.logo:after,.logo:before{content:'';height:50px;top:0px;position:absolute;transform: skew(-17deg);}
.logo:after{width:22%;left:-12px;background-color:#e0670f;}
.logo:before{width:17px;right:-9px;background-color:#ffffff;}
.logo a,.logo a img{width:100%;}


/*============= Menu Start ================*/
.main-menu{width:70%;display:flex;padding-bottom: 0;padding-top: 0;z-index: 5;padding:0px 10% 10px 3%;position:relative;}
.my-nav-sec{background-color:#db6333;color:#fff;}
.nav_fixed{position:fixed;z-index:1;background-color:#333;}
.mainmenu-area .link_btn .thm-btn {padding: 0 20px;}
.mainmenu-area .right-column {width: 160px;}
.header-contact-info ul li {padding-top: 15px;border: none;}
.header-area .logo img {position: relative;left: -30px;}  
.mainmenu-area{margin-bottom: 0px;margin-top: 0px;z-index: 999999;} 
.mainmenu-area.stricky-fixed{position: static;background: none;}        
.mainmenu-area .mainmenu-bg {background: #f7f7f7;} 
.main-menu .navigation li {margin-left: 0;margin-right: 0;padding: 0;}   
.main-menu .navbar-collapse{width:250px;display:none;position:absolute;right:0px;top:47px;}    
.main-menu .navbar-collapse.show,.main-menu .navbar-collapse > .navigation{display:flex;flex-direction: column;}  
.main-menu .navbar-header{width:100%;position:relative;display:block;top:6px;z-index:12;}        
.main-menu .navbar-header .navbar-toggle{width:auto;height:auto;margin:0px;padding:0px;z-index:7;border:none;cursor:pointer;float:right;}  
.main-menu .navbar-header .navbar-toggle i{width:auto;padding:6px 10px;font-size:20px;background-color:#efefef;float:left;}  
.main-menu .navbar-header .navbar-toggle i:hover{background-color:#ffffff;}  
.main-menu .navbar-header .navbar-toggle .icon-bar {background:#e6832a none repeat scroll 0 0;font-weight: 700;}  
.main-menu .navbar-collapse > .navigation {width: 100%;}      
.main-menu .navbar-collapse > .navigation > li{width:100%;}  
.main-menu .navigation li.dropdown > a:after{display:none;}
.main-menu .navbar-collapse > .navigation > li,.main-menu .navbar-collapse > .navigation > li > ul > li,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{border-top:1px solid #c2c5c7;display: flex;flex-direction: column;}
.main-menu .navbar-collapse > .navigation > li > a,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{padding:5px 8px;background-color:#e6e7e8;} 
.main-menu .navbar-collapse > .navigation > li> ul{display:none;}
.main-menu .navbar-collapse > .navigation > li > ul > li > a{padding:4px 12px;font-size:80%;background-color:#635c5c;color:#fff;}     
.main-menu .navbar-collapse > .navigation > li:hover > a,.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,.main-menu .navbar-collapse > .navigation > li.current > a{background-color:#242322;color:#fff;}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{display:block;position:absolute;right:10px;top:5px;width:28px;height:28px;border:none;background-color:#c2c5c7;background-size:20px;cursor: pointer;z-index: 5;border-radius: 3px;-webkit-border-radius: 3px; -ms-border-radius: 3px;-o-border-radius: 3px; -moz-border-radius: 3px;}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn:before{width:100%;height:2px;background-color:#fff;float:left;}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn:after{width:100%;height:2px;background-color:#fff;float:left;}
.nav_side_content .search_option>button {color: #faaa1d;}

/*================== Menu End ============*/


.my_banner,.my_banner img{width:100%;}
.three_box_sec{padding:100px 0px;background:url(../images/top_orng.png) top right no-repeat;}
.zoom_img{display:block;width:100%;height:auto;}
.zoom_overlay{position:absolute;bottom:0;left:0;right:0;background-color:#e0670fd1;overflow:hidden;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:.3s ease;transition:.3s ease;}
.three_box{width:100%;position:relative;}
.three_box:hover .zoom_overlay {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.zoom_text{width:80%;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;}
.zoom_text a.btn{}

.about_sec{padding:100px 0px;}
.ind_blog_sec{}
.ind_blog_sec .row{padding:0px;margin:0px;}
.ind_blog_img{width:50%;height:500px;padding:0px;background-image:url(../images/mj-khan-blog.jpg);background-position:left center;background-repeat:no-repeat;background-size:50%;background-attachment:fixed;}
.blog_box{padding:20px 35px;background-color:#e6e7e8;}
.blog_box .card{margin:0px 0px 10px 0px;}
.blog_box .card:last-child{margin:0px;}
.blog_box .card p.card-text{height:82px;overflow:hidden;}
.ind_gallery_sec{}
.ind_gallery_sec .row{padding:0px;margin:0px;}
.my_gallery{padding:0px;}
.view {width:100%;float:left;}
.view a{width:100%;margin:0px;padding:0;border:none;overflow:hidden;position:relative;text-align:center;-webkit-box-shadow:0px 0px 1px #1b3685;-moz-box-shadow:0px 0px 1px #1b3685;box-shadow:0px 0px 1px #1b3685;cursor:default;float:left;}
.view .mask,.view .content {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;}
.view img {width:100%;display: block;position: relative;float:left;}
.view .inner-icons{width: 100%;position: relative;text-align: center;float:left;}
.view .inner-icons h5,.view .inner-icons i{width:100%;float:left;}
.view .inner-icons h5{font-size:18px;margin:0px 0px 5px 0px;color:#fff;}
.view .inner-icons i{font-size:20px;color:#fff;}
.view-fourth img {
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-fourth .mask {
   background-color:rgba(0, 0, 0, 0.67);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;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;text-align: center;
}
.view-fourth h5 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-fourth:hover img {
   /*-webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;*/
}
.view-fourth:hover h5{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.lightboxOverlay{position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display:none;}
.lightbox-2{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height: 0;font-weight:normal;}
.lightbox-2 .lb-image {display:block;height:auto;max-width:inherit;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius:3px;}
.lightbox-2 a img{border:none;}
.lb-outerContainer {position:relative;background-color:white;*zoom: 1;width:600px ;margin:0px auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius:4px;}
.lb-outerContainer:after{content: "";display:table;clear:both;}
.lb-container {width:100%;float:left;padding:4px;}
.lb-loader {position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat;}
.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
.lb-container > .nav {left:0;}
.lb-nav a{width:auto;height:auto;margin:35% 0px 0px 0px;font-size:30px;cursor:pointer;display:none !important;}
.lb-nav a.lb-prev {left: 0;float: left;}
.lb-nav:hover a{display:block !important;}
.lb-nav a.lb-next {right: 0;float: right;}
.lb-dataContainer {margin:0 auto;padding-top: 5px;*zoom: 1;width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.lb-dataContainer:after{content: "";display:table;clear:both;}
.lb-data {padding:0 4px;color:#ccc;}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em;}
.lb-data .lb-caption{font-size: 13px;font-weight: bold;line-height: 1em;}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999;}
.lb-data .lb-close{display:block;float:right;color:#fff;width:30px;height:30px;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-data .lb-close:hover {cursor:pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.models {padding: 4em 0;text-align:center;}
.models h3 {font-size:3.5em;text-transform: capitalize;font-family: 'Buda-Light';color: #994868;margin-bottom: 0.5em;font-weight: 600;}

.mission_sec{padding:50px 0px 0px;background:linear-gradient(45deg, #000, #8c0d0d, #e0190f);}
.mission{font-size:65px;color:#ffffff;font-weight:bold;font-family: 'Noto Sans', sans-serif;line-height: 1.3;}
.mission_img img{width:82%;}
.achievements_box{}
.achievements_box img,.achi_box,.achi_lines{float:left;}
.achievements_box img{width:39%;}
.achi_box{width:61%;position:relative;}
.achi_lines{width:100%;padding:10px;border-radius:5px;color:#fff;position:absolute;box-shadow:3px 2px 8px #797474;}
.achi_line_1{top:43px;right:38px;background-color:#c559da;}
.achi_line_2{top:157px;right:8px;background-color:#5286ec;}
.achi_line_3{top:269px;right:38px;background-color:#0fb89f;}
.achi_line_4{top:375px;right:121px;background-color:#70d32d;}
.current_roles_sec{background:url(../images/current_roles_sec.png);}
.current_roles_clr{width:100%;padding:100px 0px;background:url(../images/top_orng.png) top right no-repeat #ffffffe8;}
.current_role_bx{padding:0px 15px 30px 40px;}
.current_role_bx:nth-child(odd){}
.current_role_bx:nth-child(even){padding:0px 40px 30px 15px;border-right:1px solid #242322;}
.current_role{padding:20px;border-radius:5px;position:relative;background-color:#fff;text-align:justify;box-shadow:0px 5px 8px #9a9a9a;}
.current_role::after{content:'';}
.current_role_bx:nth-child(odd) .current_role::before{content:'';position:absolute;width:8%;height:3px;background-color:#242322;top:78px;left:-8%;}
.current_role_bx:nth-child(even) .current_role::after{content:'';position:absolute;width:8%;height:3px;background-color:#242322;top:78px;right:-8%;}
.current_role_bx span{width:20px;height:20px;border-radius:50%;background-color:#db6233;border:2px solid #242322;position:absolute;z-index:1;}
.current_role_bx:nth-child(odd) span{left:-11px;top:68px;}
.current_role_bx:nth-child(even) span{right:-11px;top:69px;}
.current_role h5,.current_role h6{font-weight:bold;}
.current_role h5{font-size:22px;color:#e06710;}
.current_role h6{font-size:16px;}
.testi_sec{padding:50px 0px;}
.testi_box,.carousel-inner,.carousel-item img,.testi_box img,.testi_box img,.test_img h5,.test_img h6{display: flex;}
.testi_box,.carousel-inner,.carousel-item{width:100%;}
.testi_box .carousel-item-next, .testi_box .carousel-item-prev, .testi_box .carousel-item.active{display: flex;flex-direction: column;text-align: center;}
.test_img{width:50%;text-align:center;display: flex;flex-direction:row;justify-content: center;}
.testi_box img{width: 30%;border-radius:50%;padding:2px;background-color:#333;margin: 0px auto;}
.test_txt{width:100%;margin:10px 0px 0px 0px;justify-content: center;}
.te_nd{margin-top:35px;}
.test_img h5,.test_img h6{justify-content: center;}
.testi_box a{width:auto;color:#333;}
.testi_box a:hover{color:#db6233;}
.mj_videos,.mj_videos .carousel-item,.mj_videos .carousel-item iframe{width:100%;float:left;}
.mj_videos .carousel-item iframe{height:250px;}
.footer_sec{padding:30px 0px;background-color:#3e0606;}
.footer_box{}
.footer_box ul{padding:0px 0px 0px 17px;}
.footer_box ul li{margin:0px 0px 6px 0px;position:relative;}
.footer_box ul li a{}
.footer_box ul li:before,.footer_box ul li:after{content: '';position:absolute;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.footer_box ul li:before{left:-14px;top:10px;width:6px;height:6px;background:#f39672;z-index:2;}
.footer_box ul li:after{left:-17px;top:7px;width:12px;height:12px;background:#db6233;z-index:1;}
.footer_box ul li a:hover{color:#DB6233;}
.right_design_sec{padding:8px 0px;font-size:70%;background-color:#310303;color: #cecece;}
.designed_by{text-align:right;}
.designed_by a{color:#db6233;}
.designed_by a:hover{color:#000;}
.footer-address-box{width:100%;}


.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
  }
  
  .icon-bar a {
    display: block;
    text-align: center;
    padding: 5px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
  }
  
  .icon-bar a:hover {
    background-color: #000;
  }
  
  .facebook {
    background: #3B5998;
    color: white;
  }
  
  .twitter {
    background: #55ACEE;
    color: white;
  }
  
  .google {
    background: #dd4b39;
    color: white;
  }
  
  .linkedin {
    background: #007bb5;
    color: white;
  }
  
  .youtube {
    background: #bb0000;
    color: white;
  }
  .insta{
    background: #BA3A99;
    color: white;
  }


@media (min-width: 375px){
.logo{padding:10px 4% 10px 13%;}

}

@media (min-width: 400px){
	

.inner-my-nav .navbar-nav{width:100%;margin:0px;padding:20px 5px;}
.top-topics .navbar-collapse.in{background-color:#333;position:absolute;}
.navbar-collapse.in .navbar-nav li{width:100%;margin:0px;border-bottom:1px solid #404040;}
.navbar-collapse.in .navbar-nav li:last-child{border-bottom:none;;}
.inner-my-nav .navbar-nav li a{width:100%;padding:5px 10px;}
.inner-my-nav .navbar-nav li a:hover{background-color:#000;}

}

@media (min-width: 411px){

}

@media (min-width: 480px){
	

}

@media (min-width: 504px){
.logo{padding: 10px 4% 9px 13%;}

}

@media (min-width:600px){

.logo{width:50%;}
.inner-my-nav{display:none;}
.top-topics .navbar-header button{width:auto;margin:0px;padding:0px;color:#fff;float:right;}

}

@media (min-width:768px){
.logo{width:40%;}

}

@media (min-width: 992px){

}

@media(min-width: 1024px){

.my_header{grid-template-columns:1fr 5fr;}
.mainmenu-area {margin-bottom: -35px;margin-top: -35px;position: relative;z-index: 999999;}
.mainmenu-area .mainmenu-bg {position: relative;background-color: #faaa1d;transition: all 0.5s ease 0s;}
.main-menu{padding:10px 2% 10px 2%;float:right;}
.main-menu .navbar-header{display:none;}
.main-menu .navbar-collapse{width:auto;display:flex;flex-wrap:wrap;position:static;}
.main-menu .navbar-collapse > .navigation{position:relative;flex-direction: row;justify-content: flex-end;}
.main-menu .navbar-collapse .navigation li{padding:0;position:relative;width:auto;flex-wrap:wrap;}
.main-menu .navbar-collapse .navigation li a{padding:0px 7px;font-size:90%;background-color:transparent;color:#fff;position:relative;}
.main-menu .navbar-collapse .navigation > li > ul{position: absolute;top:24px;width:180px;border-top:2px solid #404040;z-index:1111;display:none;transition: all 500ms ease;}
.main-menu .navbar-collapse > .navigation > li > ul > li > a{padding:4px 16px 4px 10px;}
.main-menu .navigation > li:hover > ul{display:block;}
.main-menu .navigation > li > ul > li{float: none;margin: 0;padding: 0;position: relative;width: 100%;border-top:1px solid #a7adba;border-right: none;}
.main-menu .navigation > li > ul > li:first-child{border: none;}
.main-menu .navigation > li > ul > li > a {background-color:#fff;color:#838383;display: block;font-size:13px;padding:5px 20px;position: relative;text-transform: capitalize;transition: all 500ms ease 0s;margin: 0;}
.main-menu .navigation > li > ul > li:hover > a{padding:4px 10px 4px 16px;background-color:#e6e7e8;text-decoration:none;}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{display:none;}
.main-menu .navbar-collapse > .navigation > li, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{border:none;}
.logo{width:20%;padding:10px 2% 9px 5%;}
.main-menu{width:80%;}


}

@media(min-width: 1280px){

.main-menu{padding:10px 5% 10px 2%;}
	
}

@media(min-width: 1280px){
.logo{padding:10px 2% 9px 6%;}

}