html {
    scroll-behavior: smooth;
}
body {
       font-family: 'Futura PT';
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #000;
    overflow-x: hidden;
    font-weight: 400; background-color:#000000;
	background-image: url("../images/mainbody-bg.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-size: cover;
}

@font-face {
    font-family: 'Futura PT';
    src: url('FuturaPT-Light.woff2') format('woff2'),
        url('FuturaPT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


textarea, p, input, div, span, li, button {
        font-family: 'Futura PT';
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: disc;
}
p {
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    margin-bottom: 15px;
}
img {
    max-width: 100%;
    border: 0;
}
.clear {
    clear: both;
    float: none;
    width: 100%;
}
.clearfix::after {
    display: block;
    content: "";
    clear: both;
}
a {
    text-decoration: none !important;
    transition: all 0.2s ease-in;
    color: #1f1f1f;
}
a:hover {
    color: #d89f02;
}
a, span {
    display: inline-block;
}
:focus {
    box-shadow: none !important;
    outline: none !important;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .0rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
}
/*------------------common-css End-------------------*/
  
.bg-primary {
	background-color:rgba(0, 0, 0, 0.8)!important;
}
        
.navbar-dark .navbar-nav .nav-link {
    color:#a6a6a6;
	font-size:16px;
	text-transform: uppercase;
	cursor: pointer;
	
	
}
.nav-link {
    display: block;
    padding: 7px 10px;
}


.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color:#fff;
}


.navbar.fixed-left .navbar-collapse .navbar-nav {
    flex-direction: column;
    width: 100%; margin-top: 40px
}

.navbar-dark .navbar-brand {
    color: #fff;
    margin-top: 11px;
}




.bannerimg{  width: 100vw}

.top-menu-bg {
    position: absolute;
    width: 100%;
    /*background-color: #000;*/
    z-index: 1050; display: none;
}

#header.fixed-nav {
    position: fixed;
    padding: 0px 0;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    width: 100%;
    z-index: 51;
    top: 0;
}

#header.fixed-nav .top-menu-bg{ display: block} 


.navbar.fixed-left {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12!important;
}
.top-fix-logo{ padding: 8px 0 8px 20px;}
.top-fix-logo img{ width: 130px;}


/*#header.fixed-nav .navbar{ display: none;}*/

#header.fixed-nav  .inner-header{ min-height: inherit; margin-bottom: 10px;}



/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
/*-----------Banner CSS ------------*/
        
.banner {
    position: relative;
    z-index: 8;
}
.banner-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%);
    z-index: 10;
    max-width: 530px;
}
.banner-cont {
    float: left;
    padding: 0px;
    position: relative;
   
}


.quantity {
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
  
}

.quantity-b {
    font-size: 25px;
    color: #fff; font-weight:600;
  
}
.bannertitle {    line-height: 62px;   
    font-size: 43px;
    color: #fff; text-transform: uppercase;
   
    margin: 0 0 6px 0;
    
}

#bannerslider .owl-prev {
    position: absolute;
    top: 50%;
    right: 20px;
    display: none;
}
#bannerslider .owl-prev span {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    font-size: 24px;
    text-align: center;
}
#bannerslider .owl-next span {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    font-size: 24px;
    text-align: center;
}
#bannerslider .owl-next {
    position: absolute;
    display: none;
    top: 50%;
    left: 20px;
}
#bannerslider .owl-nav {
    display: none;
}
#bannerslider .owl-dot span {
    background-color: #fff;
    width: 14px;
    height: 14px;
    margin: 2px;
}
#bannerslider .owl-dot.active span {
    background-color: #0a80d1;
    width: 14px;
    height: 14px;
}
#bannerslider .owl-dots {
    display: flex;
    margin-top: -50px;
    z-index: 20;
    position: absolute;
    bottom: 10px;
    right: 40px;
}


.getbtn {
    background-color: #ff1819;
    padding: 11px 50px;
    border-radius: 30px;
    border: solid 0px #fff;
    font-size: 18px; font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}
.getbtn:hover {
    background-color: #fff;
    color: #000;
}



/*------------------------------ Featured Categories   ----------------------------*/
  

.padd-mainsec{ padding: 0 60px;}

.services-section{  padding: 100px 0 0 0;}


.services-section-title{ font-size: 23px; text-transform: uppercase;  color:#ccc; margin: 0 0 50px 0; font-weight: 800;}
.padd-left-main{ padding-left: 200px;}

.services-four ul li{ width: 25%; padding: 1px;}
.mainpadd-b{padding: 1px!important; position: relative}
.mainpadd-b img{ width: 100%;}


.mainpadd-b a{ display: block;}
.mainpadd-b .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-transform: uppercase;
  font-weight: 800;
    width: 100%;
    text-align: center;
    font-size: 20px;z-index: 5;
}

.mainpadd-b:hover .title { display: none;}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0; z-index: 10;
  transition: .5s ease;transition: All, 1s;
  background-color:rgba(32, 120, 196, 0.7 );
}

.mainpadd-b:hover .overlay {
  opacity: 1;
}

.disc { text-transform: uppercase;
  color: white;
  font-size: 20px; font-weight: 800;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	text-align: center;    width: 90%;}

.disc p{ color:#fff; font-size:18px; margin-top: 15px; line-height: 24px; text-transform: initial ! important}

.testmonial-section{ background-image: url("../images/testmonial-bg.jpg"); background-repeat: no-repeat; background-size: cover; margin: 80px 0 0 0; padding: 60px 0}

.white-colo{ color:#fff;}
.product-box {padding:  10px 80px 30px 80px; text-align: center; }
.testmonial-w-box{ background-color:rgba(0, 0, 0, 0.7);  padding: 30px; max-width: 800px; margin: auto;}
.testmonial-w-box p, div{color:#fff; font-size:20px; }
.testmonial-icon{ text-align: center;}
.testmonial-icon img{ width: auto!important; height:auto!important; display: block; margin:auto; padding-bottom: 30px;}

.testmonial-img{ width: 70px!important; height: 70px!important; border-radius: 50%;  margin: auto}

.img-fillcov{position: absolute; width: 100%; height: 100%; top:0; left: 0; background-color:rgba(0, 0, 0, 0.3); }

#related-slid .product-box {
    margin: 15px 7px;
}

#related-slid .owl-dots {
    align-items: center;
    justify-content: center;
    margin-top: 20px; display: none;
}

#related-slid .owl-nav.disabled {
    position: absolute;
    top: 50%;
    display: flex!important;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

#related-slid .owl-prev span {
    font-size: 30px;
    border-radius: 50%;    margin-left: -40px;line-height: 40px;
  color: #fff; background-color:#1686c0; width: 40px; height: 40px; 
    text-align: center;
}

#related-slid .owl-next span {    margin-right: -40px;line-height: 40px;
    font-size: 30px;
    color: #fff; background-color:#1686c0; width: 40px; height: 40px; 
    border-radius: 50%;
    text-align: center;
}

.video-section iframe{ width: 100%; height: 315px;}



/*----------- footer-sectopn ------------*/

.new-footer-logo{ margin-right: 20px;}
    
.footer-section {
    border-top: solid 0px #ddd;
    padding: 80px 0 0px 0;
    /*background-image: url("../images/footer-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;*/ background-color: rgba(0, 0, 0, 0.2);
}

.footer-section  .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057; border-radius: 5px;
    background-color: #efefef;

    border: 0px solid #ced4da;
    
}


.footer-section h6 {
    font-size: 23px;
    padding: 0px 0 0 0px;font-family: 'Bodoni MT';
    color: #fff;
    margin: 0px 0 20px 0; text-transform: uppercase;
    position: relative; 
}
.colum-2 {
    column-count: 2;
}
.footer-section p {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.footer-section ul {
    color: #fff;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.footer-section ul li {
    color: #fff;
    font-size: 15px;
    font-weight: 400;padding-bottom: 10px;
    line-height: 20px;
}
.copy-right {
    border-top: solid 0px #1d1d21;
    padding: 10px 0 20px 0;
    margin-top: 20px;
    color: #fff;
}
.copy-right a {color: #1dbacf;}
.address-i {font-size: 20px;color: #ff2a24;padding-right: 8px;}
.copy-right .text-r {text-align: right;}
.footer-section li a { color: #fff;}
.footer-section li a:hover {color: #1dbacf;}
.footer-social {margin: 0px 0;}
.footer-social a {
    display: inline-block;
    margin: 0 4px 0 4px;
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
    color: #1dbacf;
    font-size: 20px!important;
    line-height: 38px;
    border: 0px solid #2d8ff1;
}
.footer-social a:hover {color: #fff;border: 0px solid #000;}
.footer-section p{ margin-bottom: 8px; font-size: 17px;}
.follow-us-t{font-size: 20px;}  

/*----------- footer-sectopn ------------*/
 
.bunny-humne{ text-align: center;}
.bunny-humne img{ width:110px!important; display:block; margin: auto}      
body, html {overflow-x: hidden;}


/*----------- about us page ------------*/


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 10px; border-radius: 50%; width: 50px; height: 50px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#1686c0;
  color:#fff;
  cursor: pointer;
  padding: 10px;
  
}

#myBtn:hover {
  background-color: #b51599; color:#fff;
}



.inner-header{ background-image: url("../images/inner-top-header-bg.jpg"); background-repeat: no-repeat; background-size: cover; min-height: 180px; padding-top: 10px; }

.menu-icon{ margin: 10px 50px 0 30px}


 /**********************left menu*******************************/

.sidenav {height: 100%;width: 0;position: fixed;z-index: 31;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.9)!important;
  overflow-x: hidden;transition: 0.5s;padding-top: 60px; overflow-y: hidden;}
.sidenav a {padding: 7px 16px 7px 16px;text-decoration: none;display: block;transition: 0.3s;color: #a6a6a6;font-size: 16px;
text-transform: uppercase;cursor: pointer;	}

#menu-header_menu li
{
	list-style:none ! important;
}

.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.menumm-top{ margin-top: 30px;}
@media screen and (max-height: 450px) {.sidenav {padding-top: 15px;}.sidenav a {font-size: 18px;}}


/**********************left menu*******************************/


.inner-page-title{ font-size: 30px; color:#fff; text-transform: uppercase;margin: 0px 0 20px 0; position: relative; text-align: center;}
.inner-page-title::after{ content: ""; position: absolute; width: 90px; height: 1px; background-color:#fff; left: 0; right: 0; bottom: -20px; margin:auto}

.inner-title-sec{ margin: -90px 0 0 0 ;}
.all-inner-page{ padding: 90px 0 60px 0;}
.all-inner-page p{ font-size: 18px; color:#fff; text-align:justify;}
.inner-sub-title{ font-size: 20px; color:#fff; margin: 0px 0 20px 0; text-transform: uppercase;}


/**********************contact *******************************/

.contact-box{ background-color:#fff; max-width: 1050px; box-shadow: 0 0 10px #ddd; margin: auto;}
.contact-add{  padding: 40px 20px; color:#fff;}
.contact-form{  padding: 40px 20px 0 0}
.contac-icon{ padding-right: 20px; font-size: 40px}
.contact-add p{ color:#fff; font-weight: 100; font-size: 18px;margin-bottom: 0;}
.boder-bott{ border-bottom: solid 0px #3760a5; padding-bottom: 20px; margin-bottom: 20px;}
.contact-title{ font-size: 24px; margin: 0 0 20px 0; text-transform: uppercase;}
.contact-form .form-control {
    display: block;
    width: 100%;
   
    padding: .375rem .75rem;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #535353;  
}

.contact-form ::placeholder {color:#fff;opacity: 1; }
.contact-form  :-ms-input-placeholder { color:#fff;}
.contact-form  ::-ms-input-placeholder { color:#fff;}
.contbtn:hover { background-color: transparent;;color: #0796ea; border: solid 1px #0796ea;}
.contbtn {background-color: transparent;padding: 10px 30px;
    color: #fff;font-size: 17px; text-transform: uppercase;border-radius: 5px; border-radius: 0;font-weight: 600; border: solid 1px #565656;}
.map-sec iframe{ width: 100%; height: 450px;}





.useful-forms ul li{ width: 20%; margin: 10px;list-style: none; border: solid 1px #484848; border-radius: 5px; padding: 15px; font-size: 16px; color:#fff; text-transform: uppercase; background-color:transparent; transition: All, 1s;} 

.useful-forms ul li a{  color:#fff; font-size: 16px!important; } 
.useful-forms ul li a:hover{  color:#1097ff;} 

.useful-forms ul li:hover{  background-color:rgba(0, 0, 0, 0.2);} 

/**************************new css*****************************/

.contact-img-left{ float: left; width: 300px; margin: 0 25px 15px 0;}
.contact-img-right{ float:right; width: 300px; margin: 0 0px 15px 25px;}

.menu-icon {
    background-color:transparent!important;
    border: 0!important;
}

.menu-icon button {
    background-color:transparent!important;
    border: 0!important; 
}
#sidebarCollapse{ cursor: pointer;}

.contact-img-left-c {
    float: inherit;
    width: 300px;
    margin: 0 25px 15px 0;
}


.image-cen{ text-align: center!important}


.newsletter-page{ width: 50%; padding: 15px; float: left;}


.all-three-img img{ padding: 8px;
    float: left;
    width: 33%;}

.twoimg-tt img {
    padding: 15px;
}

.twoimg-tt {
    text-align: center;
}

/************************* 404 ****************************/

.cercel-404{width:500px; margin: auto; }
.cercel-404-box{ background-color:#111111;  max-width:500px; border-radius: 30px; padding: 30px;  margin: auto; }
.image404 { text-align: center}
.Page-not{ font-size:24px; font-weight: 500; text-align: center; padding-bottom: 10px;}
.go-back{background-color: #0992ea;padding: 8px 20px;border-radius: 5px;border: 0px;font-size: 17px;color: #fff;}
.go-back:hover{background-color: #0cb55c;color: #fff;}
.arow-text{ font-size: 22px; padding-right: 5px;}



/*---------------------------------- media screen --------------------------------------------*/

  
 @media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {

	 
}
   


 @media screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait) {
  
	.menu-colo{ color:#fff;}	 
	 
 }
    

@media screen and (max-width: 1024px) {
.mainpadd-b .title {font-size: 14px;}
.product-box {padding: 10px 20px 20px 20px;}
.services-section-title {margin: 0 0 20px 0;}
.mainpadd-b .title {font-size: 13px;}	
.ifram {width: 100%;margin-left: 0;margin: auto;}
.ifram iframe{width: 100%;margin-left: 0;margin: auto;}	
	
	
}



@media screen and (max-width: 823px) {

.menu-colo{ color:#fff;}
.navbar-dark .navbar-nav .nav-link {font-size: 14px;}
.nav-link {padding: 3px 10px;}	
.navbar.fixed-left {height: 448px;}	
.padd-mainsec {padding: 0px 15px;}	
.services-section {padding: 50px 0 0 0;}	
.services-section-title {font-size: 18px}	
.disc p {font-size:12px;margin-top:3px;line-height: 12px;}
.disc {font-size: 11px;}
.mainpadd-b .title {font-size: 11px;}		
section.testmonial-section .testmonial-w-box {padding: 20px;min-height: auto;}
.footer-section {padding: 20px 0 0px 0;}	
.mb-5, .my-5 {margin-bottom: 1rem!important;}	
.mt-5, .my-5 {margin-top: 3rem!important;}	
.navbar.fixed-left .navbar-collapse .navbar-nav {margin-top: 20px;}	
	
.useful-forms .d-flex {display: inherit!important;}
.useful-forms ul li {width: 29%;margin: 10px;float: left;}	
.navbar-dark .navbar-toggler {border-color: #fff;}
.banner {padding-top: 48px;}	
	
	
}


@media screen and (max-width: 767px) {
.navbar.fixed-left {height: auto; padding: 5px 10px;}
a.navbar-brand img {width: 100px;}
.navbar-dark .navbar-brand {color: #fff;margin-top: 0;}	
	
.disc p {font-size: 15px;line-height: 18px;}	
.padd-mainsec {padding: 0px 70px;}	
#related-slid .owl-nav {position: absolute;top: 50%;display: flex!important;align-items: flex-end;justify-content: space-between;width: 100%;}
	
section.testmonial-section .testmonial-w-box {min-height: auto!important; padding: 20px;}
.disc {font-size: 14px;}
.mainpadd-b .title {font-size: 14px;}		
	
.testmonial-section { margin: 38px 0 0 0;padding: 28px 0;}
#related-slid .owl-prev span {font-size: 20px;line-height: 31px;width: 30px;height: 30px;}	
#related-slid .owl-next span {line-height: 31px;font-size: 20px;width: 30px;height: 30px;}	

.inner-page-title {font-size: 20px;margin: 0px 0 11px 0;}	
.all-inner-page {padding: 45px 0 40px 0;}	
.inner-header {min-height: 145px;padding-top: 3px;}
.inner-title-sec {margin: -64px 0 0 0;}	
.inner-sub-title {font-size: 20px;margin: 15px 0 15px 0;}
.mob-padd-about{ margin-top: 20px;}	
.contac-icon {padding-right: 15px;font-size: 30px;}
.boder-bott {padding-bottom: 10px;margin-bottom: 10px;}	
.contact-title {font-size: 20px; margin: 0 0 20px 0;}	
.contact-form {padding: 15px 0px 0 0;}
.contact-form span {display: block;}
.contact-add {padding: 20px 0px;color: #fff;}	
.all-inner-page {padding: 45px 0 26px 0;}	
#sidebarCollapse img {width: 37px;}
.top-fix-logo img {width: 100px;}	
.newsletter-page{ width: 100%; padding: 0px; float: inherit; margin-bottom: 30px;}

.useful-forms ul li {width: 43%;}	
.useful-forms ul li a {font-size: 13px!important;}	
	
.h3, h3 {font-size: 1.20rem;}		
.page-id-119 span {word-break: break-all;}	
.page-id-9 .top-fix-logo img {width: 100px;display: none;}
#sidebar ul li a {padding: 4px 10px;font-size: 15px;}
#sidebar ul.components {padding: 10px 0 20px 0!important;}	
#sidebar ul li a {padding: 5px 10px!important;font-size: 15px!important;}	
.all-inner-page p {font-size: 17px;}
	
.navbar-brand {padding-top: 0;padding-bottom: 0;}	
.product-box {padding: 0px 0px 0px 0px;}	
.testmonial-w-box p, div {font-size: 17px;}	
.w-100.left {margin: 15px 0;}	
.footer-section p {margin-bottom: 8px;font-size: 15px;}	
.contact-img-left {float: inherit;margin: 0 0px 15px 0; width: 100%;}
	
.all-three-img img{ padding: 8px;
    float: inherit;
    width: 100%;}	
	
#myBtn {bottom: 64px;}

	.page-id-119 ol li::marker{ line-height: 15px;}	
	
	.new-footer-logo{ margin-right: 20px; margin-bottom:20px;}
}





@media screen and (max-width: 665px) {
	
.padd-mainsec {padding: 0px 15px;}	
.mt-5, .my-5 {margin-top: 1rem!important;}
	
	
}