@charset "utf-8";

/* CSS Document */

 html,
      body {
        position: relative;
        height: 100%;
      }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'poppinslight', Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing:-0.03em; line-height: 34px; color: #1b1b1b; background:#bc0b11 url("../images/bg.jpg"); border-top: 3px solid #fff;}
strong{font-family: 'poppinssemibold'; font-weight:normal;}

ul { margin: 0; padding: 0; list-style: none; }
li { list-style: none; }
h1 { font-family: 'poppinslight', Arial, Helvetica, sans-serif; color: #bc0b11; font-size: 36px; margin:10px 0px 10px 0px !important; line-height: 40px;letter-spacing:-0.03em; text-transform: none; max-width: 800px;}
h2 { font-family: 'poppinslight', Arial, Helvetica, sans-serif; color: #bc0b11; font-size: 26px; margin:20px 0px !important; line-height: 34px; text-transform:none;letter-spacing:-0.03em;}
h2 a{color: #bc0b11;}
h3 { font-family: 'poppinslight', Arial, Helvetica, sans-serif; color: #bc0b11; font-size: 20px; margin: 10px 0px !important; line-height:28px;}
h4 { font-family: 'poppinssemibold', Arial, Helvetica, sans-serif; color: #000; font-size: 16px; margin: 0px 0px 20px 0px; text-transform: none; }
h5 { font-family: 'poppinssemibold', Arial, Helvetica, sans-serif; color: #000; font-size: 14px; margin: 0px 0px 20px 0px; text-transform: none; font-weight: normal; }
a { color: #bc0b11;/*transition: color .6s;*/ transition: all 0.4s ease-out;}
a:hover { color: #bc0b11;/*transition: color .6s;*/ transition: all 0.4s ease-out; text-decoration: underline;}
.nop { padding: 0 !important; margin: 0 !important; }
.container { max-width: 1200px; width:1200px; margin: 0px auto !important; }
p { margin: 15px 0px; }
[class*="col-"] {padding: 0 15px;}

::-moz-selection { background:#b90a0f; color:#fff; }
::selection { background:#b90a0f; color:#fff; }

body{overflow-x:hidden;}




.content_area .container{padding:5px !important; background: #fff; border-radius: 15px;}
.ss img{width:100%; height:auto;}
.active_ss{margin-top:0px !important;}

.toggle {display: none !important;}
.toggle img{width: 36px; height: 36px;}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.sidelogo img, .bottom-nav img{width: 100%; height: auto;}

.content_area ul{margin-left: 20px;}
.content_area ul li{display: list-item !important; list-style-type: disc;}
.content_area ol{margin-left: 0px;}
.content_area ol li{display: list-item !important; list-style-type:decimal;}

/*
	=======================================================================
	 General Styles
	=======================================================================	
*/




      .swiper {
        width: 100%;
        height:auto;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
      }


      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
      }

      .swslider .swiper-slide a{display: block; float: left;}
	  .swslider .swiper-button-next{width: 40px !important; height: 40px !important; display: block !important; background: #d4a861; color: #fff; position: absolute; z-index: 13; bottom: 0 !important; right: 0 !important; top: auto !important; padding: 10px !important; text-align: center;}
	  .swslider .swiper-button-prev{width: 40px !important; height: 40px !important; display: block !important; background: #f3d49a; color: #fff; position: absolute; z-index: 13; bottom: 0 !important; right: 40px !important; left: auto !important; top: auto !important; padding: 10px !important; text-align: center;}
	  .swslider .swiper-button-next:after, .swslider .swiper-button-prev:after{color: #fff !important; font-size: 16px !important; line-height: 16px !important; font-weight: 800 !important;}



.toppointer{height: 20px;}
.toppointer img{display: block; float: right;}
.header{margin-bottom: 20px !important; padding: 8px 0px !important;}
.header a:hover img{opacity: 0.9;}
.topnavg ul{display: table; float: right;}
.topnavg li{display: block; float: left;}

.navg .container{border-radius: 15px 15px 0 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9e1a4+0,afc88b+100 */
background: #c9e1a4; /* Old browsers */
background: -moz-linear-gradient(top,  #c9e1a4 0%, #afc88b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c9e1a4 0%,#afc88b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c9e1a4 0%,#afc88b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9e1a4', endColorstr='#afc88b',GradientType=0 ); /* IE6-9 */
}

.menu li{border-right: 1px solid #d8edbb !important; border-left: 1px solid #acc589 !important;}
.menu li:first-child{border-left: none !important;}
.menu li:last-child{border-right: none !important;}
.menu li li{border: none !important;}

.ss .container{padding: 5px !important; background: #fff; border-radius: 0 0 15px 15px; margin-bottom: 20px !important;}
.slide_content{background: rgba(172, 13, 17, 0.8); position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 450px; padding: 25px; color: #fff;}
.slide_content div{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%;}
.swiper{border-radius: 0 0 10px 10px; overflow: hidden;}

.content_area img{width: 100%; height: auto;}
.img-rounded{border-radius: 10px;}

.content{padding: 25px !important;}

.btn{ border-radius: 5px; color: #000; padding: 12px 26px; font-size: 18px; text-transform: uppercase;font-family: 'poppinsmedium';
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9e1a4+0,afc88b+100 */
background: #c9e1a4; /* Old browsers */
background: -moz-linear-gradient(top,  #c9e1a4 0%, #afc88b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c9e1a4 0%,#afc88b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c9e1a4 0%,#afc88b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9e1a4', endColorstr='#afc88b',GradientType=0 ); /* IE6-9 */
}

.footer .container{margin: 30px auto 60px auto !important; color: #fff; text-align: center !important;}
.subss{border-radius: 0 0 10px 10px;}



.content_area [class*="col-"] {padding: 0px !important;}

.sub{padding: 30px 0px !important;}

.blist li{border-bottom: 1px solid #f2f2f2; padding: 30px 0px 10px 0px !important;}
.paglink a{display: block !important; float: left; background: #bc0b11; margin-right: 10px; border-radius: 5px; padding: 10px 40px; margin-top: 30px; margin-bottom: 30px; font-size: 14px; text-transform: uppercase; color: #fff; text-decoration: none;}
.paglink a:hover{background: #d8242a; text-decoration: none;}























body.theme-default .hc-offcanvas-nav .nav-content>.nav-close:first-child a, body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a.has-label, body.theme-default .hc-offcanvas-nav li.nav-close a, body.theme-default .hc-offcanvas-nav .nav-back a{background: #000000 !important;}
.nav-close{position: absolute !important; z-index: 9999; width: 46px; height: 46px; border-radius: 250px !important; display: block; left: 280px;}

.sidelogo img{padding: 20px;}


.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding: 0px !important;}



/*
	=======================================================================
	 Media Queries
	=======================================================================	
*/
@media only screen and (max-width : 1920px) {
	
.container { max-width: 1200px; width:1200px; margin: 0px auto !important; }   

    
}
/* Large Devices, Desktops */
@media only screen and (max-width : 1200px) {

.container { max-width: 900px; width:900px; margin: 0px auto !important; }
nav .menu a {padding: 0 25px !important; font-size: 14px !important;}  
nav .menu li li a{font-size: 12px !important;}
body{font-size: 16px; line-height: 26px;}
.btn{font-size: 16px;}


}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.container { max-width: 90%; width:90%; margin: 0px auto !important; }
.navg nav{display: none;}
.mo_menu{display: block; width: 36px; float: left;}
.toggle{display: block !important;float: right; margin: 4px;}
.logo, .top_navg{display: block; float: left; width: 50%; display: block; float: left;}
.navg{display: none;}
.ss .container{border-radius: 15px;}
.swiper{border-radius: 10px;}
.content_area img {width: auto; height: auto; margin: 20px auto; display: table;}
h1{font-size: 30px; line-height: 20px 0px !important;}
.slide_content{width: 350px;}
.sidebar{display: none;}
.subss{border-radius: 10px;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	

.container { max-width: 90%; width:90%; margin: 0px auto !important; }
.logo img{width: 100%; height: auto; margin-top: 8px;}
.sscial{display: none !important;}
.slide_content{position: relative; display: block; width: 100%; height: 100px; font-size: 14px; line-height: 20px;}
.content_area img {width: 100%; margin: 0px;}


}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

.container { max-width: 96%; width:96%; margin: 0px auto !important; }
.slide_content{height: 140px;}
.logo img {margin-top: 14px;}
.content {padding: 20px;}
h1{font-size: 24px; margin: 10px 0px;}


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	

	
}