q {
    font-family: none;
}
/*************************8      header css           ****************************************************/
.side-nav-logo{margin-top:-60px;margin-right:40px;}
.sidenav .list-unstyled{margin-top:-100px;}

.main-nav{top:0px;position:absolute;z-index:999;}
.home-main-nav,.about-main-nav{right:50px;width:50%}

#Navigation{margin:0px;}
.navbar .menu-item{margin:0px 6px;font-weight:700;}
.navbar .menu-item .nav-link{color:#fff;}
.navbar .menu-item.active .nav-link,
.navbar .menu-item .nav-link:hover{color:#C1CD07;}

.sidenav {overflow-y:scroll;}
.cross a {font-size:0px!important;}
.hamburger-inner {margin-top: 0px!important;}

/**********                Home page css       *******************************/

.banner {background-color: #000;}
/*.banner .img-op {opacity: 0.70;filter: alpha(opacity=70);
  height:100%;
	width:100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;


}*/
.banner .img-op{
	opacity: 0.70;filter: alpha(opacity=70);
    height:100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.banner2 .img-op {
    opacity: 0.70;
    filter: alpha(opacity=70);
    height: 100%; 
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.nav-link {
    padding-left: 0px;
	padding-top: 0px;
}
.nav-link:focus, .nav-link:hover {
    color: #a04a34!important;
}
.f-from-h{
	height:120px !important;
}
.nav-link:focus, .nav-link:hover {}
/*body {
  overflow-y: hidden;

}*/

.box-height {
    height:150px!important;
}

body {font-size:20px!important;}

.pfttl{
	height: 55px;
	overflow:hidden;
	display:flex;
}
/*#loadingImage{
	width:260px;
	height:175px;
}*/

 a.text-white:hover, .active a, a:hover {
    color: #9c3922!important;
}
.sidenav li a:hover, .sidenav li a.active {
    border-bottom: solid 4px #a04a34;
}
.nav-link:focus, .nav-link:hover {
    color: #a04a34!important;
}
.lgcls {
    padding-left: 9px;
}

.flip-card {
	background-color: transparent;
	perspective: 1000px;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
	position: absolute;
	top:0px;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-card-front {
	background-color:#717171!important;
	color: #000;
	/*border: solid 1px #525252;*/
}
.flip-card-dark {
	background-color:#525252!important;
}

.flip-card-back {
	background-color: #717171!important;
	color: #fff;
	transform: rotateY(180deg);
}
.imgflipd{
	height:150px!important;
	width:260px!important;
}
body {
  overflow-x: hidden;
}

.portf a.text-white:hover {color:#000 !important;}
/**************              Footer                 ******************************/

.footer .links li{margin-right:20px;}


.aboutbnr {
    background-color: unset !important;
}
.aboutbnr.img-op {
    opacity:2.7 !important;

}
/********************     Media query       ***************************************/

.portfolio .Slider .cycle-prev, 
.portfolio .Slider .cycle-next {position:absolute; top:50%; right:5px; z-index:99; cursor:pointer;}
.portfolio .Slider .cycle-prev {left:5px;}

@media (min-width: 1920px){
	
	.container {max-width: 1630px!important;}
	
	.list li {font-size:60px!important;}
	
	.home-main-nav,.about-main-nav{right:130px!important;}
}
.box-height{
	white-space:normal !important;
}
@media (min-width: 1600px){
	.container-fluid {max-width: 1920px;}
	.container {max-width: 1530px;}
	
	.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
	.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

	body {font-size:25px;}
	.fs-25{font-size:23px;}
	.fs-20{font-size:21px;}
	.hhd{font-size:65px; }
	.hd{font-size:65px; }
	h1,h2.h1{font-size:55px; }
	h2{font-size:45px;}
	h3{font-size:35px;}
		
	.sidenav a {font-size:60px;}
	.sidenav li{background:url(../images/arrow-white.png) no-repeat 0px 15px;}
	.list li {font-size:50px;background:url(../images/arrownewimg.png) no-repeat 0px 15px;}
	
	.home-main-nav,.about-main-nav{right:100px;}
		
	.btn {font-size:35px;padding:0px 30px;}
		
}

@media (min-width: 1600px) and (max-width: 1919.98px){
	/*.cross {margin: 20px 30px 0 0;}
	.nav-active .sidenav {padding: 28px 0 0 10px;}	*/
}

@media (min-width: 1200px) and (max-width: 1599.98px){
	.logo{width:450px;}	
	/*.cross {margin: -10px 67px 0 0;}
	.nav-active .sidenav {padding: 4px 0 0 45px;}
	.about-logo {margin: 25px 0 0 10px;}*/
}

@media (max-width: 1199.98px) { 	
	/*.cross {margin: -10px 10px 0 0;}
	.nav-active .sidenav {padding: 0px;}
	.about-logo {margin: 25px 0 0 10px;}*/
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**       FOR IPAD   ***********************/
	.logo{width:350px;}
	.about-main-nav{width:100%;right:0px;}
	.mob-logo{display:none !important;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	
	body {font-size:22px; }
	.hhd{font-size:55px; }
	.hd{font-size:45px; }
	h1,h2.h1{font-size:40px; }
	
	.list li {font-size:25px; background:url(../images/arrownewimg.png) no-repeat 0px 5px;margin-bottom:15px;}
	.about-main-nav{width:100%;right:0px;}
	.mob-logo{display:none !important;}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	
	.navbar-toggler.x {border: none; background:none; padding:0px;}
	.navbar-toggler.x:focus {outline: none;box-shadow:none !important;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10%;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {opacity: 0; filter: alpha(opacity=0);}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90%;}
	.navbar-toggler.x .icon-bar {background-color: #fff;width: 22px; display: block; height: 2px;  -webkit-transition: all 0.2s; transition: all 0.2s;}
	.navbar-toggler.x .icon-bar + .icon-bar {margin-top: 4px;}
	.navbar-toggler.x .icon-bar:nth-of-type(1) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	.navbar-toggler.x .icon-bar:nth-of-type(2) {opacity: 1; filter: alpha(opacity=100);}
	.navbar-toggler.x .icon-bar:nth-of-type(3) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	
	.navbar-collapse { top:190px; z-index:999;border-top:1px solid #585757; background:rgba(0,0,0,0.9); text-align:left; position:absolute;left:100%; padding-left:0px; padding-right:0px; padding-bottom:0px;transition:all 0.4s ease; display:block;}
    .navbar-collapse.collapsing {height:auto !important; margin-left:50%; left:100%; transition:all 0.2s ease;}
    .navbar-collapse.show {left:-15px;right:-15px;}
	.navbar .nav-item .nav-link,.navbar .nav-item.active .nav-link, .navbar .nav-item .nav-link:hover {color: #fff;padding:10px 15px;border-bottom:1px solid #585757;}
	.navbar-nav {background:#000;}
	.navbar .nav-item{margin:0px;}
	
	body {font-size:22px; }
	.hhd{font-size:55px; }
	.hd{font-size:45px; }
	h1,h2.h1{font-size:40px; }
	
	.home-main-nav,.about-main-nav{width:100%;right:0px;}
	
	.banner .img-op {height:100%;}
	.mob-logo{display:none !important;}
}

@media (max-width: 575.98px){
	.footer .links li{margin-right:0px;display:block;}	
	.hhd{font-size:45px; }
	.mob-logo{display:none !important;}
}

/**********************/
body.home #LoadingComponent {z-index:9999}
#LoadingComponent {position: fixed; width: 100%; height: 100vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: white; opacity: 1;}
#LoadingComponent h2 {font-size:60px; font-weight:700;font-family: 'avenirblack';}
.loadingComponent_show {display: block;}
.loadingComponent_hide {display: none;}

    @media (max-width: 920px) {
        .HomeMenuLeftContainer img {width: 90%;}
    }

    @media (max-width: 767px) {
    }

    @media (max-width: 456px) {
    }

    @media only screen /*IPhone 6,7,8 Portrait*/
    and (min-device-width : 375px) and (max-device-width : 667px) {
        .loadingComponent_show {margin-top: -140px;}
    }

    @media only screen /*IPhone X + Portrait*/
    and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
        .loadingComponent_show {margin-top: -140px;}
    }

    @keyframes animateArrow {
        0% {
            transform: translate3d(-60px,0,0);          
        }
        100% {
            transform: translate3d(0,0,0);           
        }
    }

    @-webkit-keyframes animateArrow {
        0% {
            transform: translate3d(-60px,0,0);           
        }
        100% {
            transform: translate3d(0,0,0);           
        }
    }

    @keyframes moveArrowRight {
        0% {
            transform: translate3d(0,0,0);
        }
        100% {
            transform: translate3d(10px,0,0);
        }
    }

    @-webkit-keyframes moveArrowRight {
        0% {
            transform: translate3d(0,0,0);
        }

        100% {
            transform: translate3d(10px,0,0);
        }
    }

    @keyframes moveArrowLeft {
        0% {
            transform: translate3d(10px,0,0);
        }

        100% {
            transform: translate3d(0,0,0);
        }
    }

    @-webkit-keyframes moveArrowLeft {
        0% {
            transform: translate3d(10px,0,0);
        }

        100% {
            transform: translate3d(0,0,0);
        }
    }

    @keyframes changeMyColor {
        0% {
            color: red;
        }

        30% {
            color: red;
        }

        50% {
            color: black;
        }

        100% {
            color: black;
        }
    }

    @-webkit-keyframes changeMyColor {
        0% {
            color: red;
        }

        30% {
            color: red;
        }

        50% {
            color: black;
        }

        100% {
            color: black;
        }
    }

    @keyframes loadingComponent_flyout {
        100% {
            -webkit-transform: scale(10);
            transform: scale(10);
            opacity: 0;
        }
    }

    @-webkit-keyframes loadingComponent_flyout {
        100% {
            -webkit-transform: scale(20);
            transform: scale(20);
            opacity: 0;
        }
    }
  
    .loadingComponent_flyout {
        animation-duration: 1.5s;
        animation-name: loadingComponent_flyout;
        -webkit-animation-name: loadingComponent_flyout;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }


/***************************/

@media (min-width: 767.98px) { }
@media (min-width: 1920px) { .container{width:1820px; margin:auto;} }
@media (min-width: 1200px) {}
@media (min-width: 1359.98px) and (max-width: 1459.98px) { }
@media (min-width: 1199.98px) and (max-width: 1359.98px) { }
@media (min-width: 991.98px) and (max-width: 1199.98px) {	}
@media (min-width: 768px) and (max-width: 991.98px) { }
@media (max-width: 767.98px) { }
@media (max-width: 479px) { }
@media (max-width: 320px) { }


/***************************/