

/* ** Additional Styles ** */




.APS-bg-opacity-3rd {background: transparent;zoom: 1;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C822941,endColorstr=#4C822941); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C822941,endColorstr=#4C822941)"; /* IE8 */}
.APS-bg-opacity-3rd {background: rgba(130,41,65,0.90);}
.APS-bg-opacity-3rd-2 {background: transparent;zoom: 1;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#FFFFFF); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF)"; /* IE8 */}
.APS-bg-opacity-3rd-2 {background: rgba(255,255,255,0.82);}


.AP-ul-optional{list-style-type:square;list-style-position:inside;padding:0;margin:0;direction:rtl;}.AP-ul-optional li{padding:2px 10px 0 0; }.AP-ul-optional li:last-child{border-bottom:none}

/* Used in Products and Help Pages */
.downarrow {margin: -1.2rem 0 0.5rem 0;text-align: center;} .downarrow span{background-image:url(../img/downarrow.png); display:inline-block; width:52px; height:26px; background-size:52px 26px; align-self:center;}
.downarrow-2 {margin: -1.2rem 0 0.5rem 0;text-align: center;} .downarrow-2 span{background-image:url(../img/downarrow2.png); display:inline-block; width:52px; height:26px; background-size:52px 26px; align-self:center;}




.contact-border {
  font-color: #ffffff;
  border-top: 1px solid #515050;
  border-bottom: 1px solid #515050;
  padding-top: 20px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

/* Menu Bar */
#menu-container{
	position:fixed;
	top:0;
	left:0;
	z-index: 9!important;
	width: 100%;
	padding: 0;
	margin:0;
	-webkit-transition: height 0.2s; 
	transition: height 0.2s; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


/* All video Styles */
#myVideo{position: absolute; right: 0;bottom: 0;top:0;right:0;width: 100%;height: 100%;background-size: 100% 100%; background-color: black; /* in case the video doesn't fit the whole page*/background-image: /* our video */;background-position: center center;background-size: contain;object-fit: cover; /*cover video background */z-index:3;}
.AP-video-filter{opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; transition: all linear 0.05s; -webkit-transition: all linear 0.05s; -moz-transition: all linear 0.05s; -o-transition: all linear 0.05s; }}




/* Products section */
.page-id-8 .header video.bg { display:block; position:fixed; top:0; left:0; min-width:100%; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.page-id-8 .header { margin-bottom:0;}
.page-id-8 .header img.bg { display:none; opacity:0.5; min-width:100%; height:auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.products_section ul { margin: 0; padding: 0; list-style: none;}
.products_section ul li { width: 33.333333%; float: left; position: relative; overflow: hidden; height: 287px; background-color: #000; }
.products_section ul li img { min-height: auto; display: block; position: absolute; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: 0.3s; transition: 0.3s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.products_section ul li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.products_section ul li a h2 { position: absolute; text-align: center; width: 100%; margin: 110px 0 0 0; color: #fff; z-index: 1; padding: 0 20px; -webkit-transition: 0.3s; transition: 0.3s; }
.products_section ul li a .excerpt_container { position: relative; padding: 100px 20px; text-align: center; left: -100%; height: 100%; background:rgb(8,148,76); }
.products_section ul li a .excerpt_container .product_title { text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; font-weight: bold; }
.products_section ul li a .excerpt_container p { color: #fff; line-height: 18px; font-size: 14px; margin: 25px 0 25px; }
.products_section ul li a .excerpt_container .cta { margin:0; cursor:pointer;}
.products_section ul li:hover a h2 { margin-top: 50px; }
.products_section ul li:nth-child(3n+1) a .excerpt_container { background:rgba(148,0,41,0.80); }
.products_section ul li:nth-child(3n+2) a .excerpt_container { background:rgba(197,30,77,0.8); }
.products_section ul li:nth-child(3n+3) a .excerpt_container { background:rgba(197,66,103,0.8); }
.products_section ul li:nth-child(3n+1) a .excerpt_container .cta:hover { color:rgba(148,0,41,0.80); }
.products_section ul li:nth-child(3n+2) a .excerpt_container .cta:hover { color:rgba(197,30,77,0.8); }
.products_section ul li:nth-child(3n+3) a .excerpt_container .cta:hover { color:rgba(197,66,103,0.8); }
.no-js .products_section ul li a .excerpt_container { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.no-js .products_section ul li:hover a .excerpt_container { left: 0; }

.products_section .read_more { font-weight:bold; display:inline-block;text-transform:uppercase; color:#ffffff; border:2px solid #ffffff; padding:8px 30px; }
.products_section .product_title_show { transition: 1s ease; -webkit-transition: 1s ease; position:absolute; bottom:0; text-align:center; width:100%; padding:25px 0; }
.products_section .product_title_show span { text-align:center; color:#fff; text-transform:uppercase; letter-spacing:2px; font-size:16px; font-weight:bold; }
.product:nth-child(3n+1):hover .product_excerpt { background-image:none !important; -webkit-animation: fadesah 1s ease-in-out; -moz-animation: fadesah 1s ease-in-out; -o-animation: fadesah 1s ease-in-out; animation: fadesah 1s ease-in-out; }
.product:nth-child(3n+2):hover .product_excerpt { background-image:none !important; -webkit-animation: fadebah 1s ease-in-out; -moz-animation: fadebah 1s ease-in-out; -o-animation: fadebah 1s ease-in-out; animation: fadebah 1s ease-in-out; }
.product:nth-child(3n+3):hover .product_excerpt { background-image:none !important; -webkit-animation: faderah 1s ease-in-out; -moz-animation: faderah 1s ease-in-out; -o-animation: faderah 1s ease-in-out; animation: faderah 1s ease-in-out; }

/* Single Products Page */
.single-products .header { height:400px;}
.single-products .header .wrapper { padding-top:180px; }

/* About us */
.APS-hover-logo:hover{background:rgba(255,255,255,0.50);}



/* footer contact form */
.APS-form {width:100%; }
.APS-form input {border-top:0px; border-right:0px; border-left:0px; border-bottom:2px; border-color:#515050; border-bottom-style:solid; background-color:#0a0a0a; color:#CDCDCD;}
.APS-form textarea {border-top:0px; border-right:0px; border-left:0px; border-bottom:2px; border-color:#515050; border-bottom-style:solid; background-color:#0a0a0a; color:#CDCDCD; min-height:100px; resize:none;}
.APS-form input:focus{border-top:0px; border-right:0px; border-left:0px; border-bottom:2px; border-color:#9A9A9A; border-bottom-style:solid; background-color:#0a0a0a; color:#CDCDCD; outline:0;-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,.075),0 1px 0 rgba(233,233,233,0.60);box-shadow:inset 0 1px 8px rgba(0,0,0,.075),0 1px 0 rgba(146,146,146,0.60);}
.APS-form textarea:focus{border-top:0px; border-right:0px; border-left:0px; border-bottom:2px; border-color:#9A9A9A; border-bottom-style:solid; background-color:#0a0a0a; color:#CDCDCD; outline:0;-webkit-box-shadow:inset 0 1px 0px rgba(0,0,0,.075),0 1px 0 rgba(233,233,233,0.60);box-shadow:inset 0 1px 0px rgba(0,0,0,.075),0 1px 0 rgba(146,146,146,0.60);}
.APS-form input:hover{border-color:rgba(213,213,213,0.70);}
.APS-form textarea:hover{border-color:rgba(213,213,213,0.70);}




/* section's background style */
@keyframes animatedBackground {
	0%   {right:0px; transform: none; width: 100%;}
	15%  {right:20px; transform: scale(1.0); width: 100%;}
    30%  {right:30px; transform: scale(1.1); width: 100%;}
	60%  {right:40px; transform: scale(1.2); width: 100%;}
	75%  {right:30px; transform: scale(1.1); width: 100%;}
	90%  {right:20px; transform: scale(1.0); width: 100%;}
    100% {right:0px; transform: none; width: 100%;}
}

 
.maxbgimg {
    background-image: url(img/bg-img1.jpg);
	background-position:center;
	position:absolute;
	z-index:-1;
	opacity:0.2;
    max-height: none !important;
    max-width: none !important;
    height: auto !important;
    width: auto !important;
	animation: animatedBackground 20s linear infinite;

  } 

   /* jssor slider thumbnail Navigator Skin 12 css */
                /*
                .jssort12 .p            (normal)
                .jssort12 .p:hover      (normal mouseover)
                .jssort12 .pav          (active)
                .jssort12 .pav:hover    (active mouseover)
                .jssort12 .pdn          (mousedown)
                */
                .jssort12 .p img {
                    FILTER: alpha(opacity=55);
                    opacity: .55;
                    transition: opacity .6s;
                    -moz-transition: opacity .6s;
                    -webkit-transition: opacity .6s;
                    -o-transition: opacity .6s;
                }

                .jssort12 .pav img, .jssort12 .pav:hover img, .jssort12 .p:hover img {
                    FILTER: alpha(opacity=100);
                    opacity: 1;
                    transition: none;
                    -moz-transition: none;
                    -webkit-transition: none;
                    -o-transition: none;
                }

                .jssort12 .pav:hover img, .jssort12 .p:hover img {
                    FILTER: alpha(opacity=70);
                    opacity: .7;
                }
                
                .jssort12 .title, .jssort12 .title_back {
                    position: absolute;
                    top: 70px;
                    left: 0px;
                    width: 200px;
                    height: 30px;
                    line-height: 30px;
                    text-align: center;
                    color: #000;
                    font-size: 20px;
                }

                .jssort12 .title_back {
                    background-color: #fff;
                    filter: alpha(opacity=50);
                    opacity: .5;
                }

                .jssort12 .pav:hover .title_back, .jssort12 .p:hover .title_back {
                    filter: alpha(opacity=40);
                    opacity: .4;
                }
                
                .jssort12 .pav .title_back {
                    background-color: #000;
                    filter: alpha(opacity=50);
                    opacity: .5;
                }
                
                .jssort12 .pav .title {
                    color: #fff;
                }


/* For Responsive */

@media only screen and (max-width: 1300px) {
	
}

@media only screen and (max-width: 1285px) {
	

@media only screen and (max-width: 1250px) {
	
}

@media only screen and (max-width: 1220px) {
	
}

@media only screen and (min-width: 1220px) {
	
}


@media only screen and (max-width: 1100px) {
	
}

@media only screen and (max-width: 1080px) {
	
}

@media only screen and (max-width: 1050px) {
	
}

@media only screen and (max-width: 950px) {
	
	.products_section ul li { width:50%; }
	
}

@media only screen and (min-width: 1px) and (max-width: 900px){
	
}

@media only screen and (min-width: 1px) and (max-width: 890px){

}

@media only screen and (min-width: 1px) and (max-width: 800px){

}

@media only screen and (min-width: 1px) and (max-width: 790px){
	
}

@media only screen and (max-width: 750px) {
	
}

@media only screen and (max-width: 720px) {
	
}

@media only screen and (max-width: 700px) {
	
}

@media only screen and (max-width: 650px) {
	
}

@media only screen and (max-width: 600px) {
	
	.products_section ul li { width:100%; }
	
}

@media only screen and (max-width: 550px) {
	
}

@media only screen and (max-width: 500px) {
	
}

@media only screen and (max-width: 450px) {
	

}

@media only screen and (max-width: 410px) {
	
}

@media only screen and (max-width: 350px) {
	





