@charset "utf-8";
/* CSS Document */

@import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
@import "https://fonts.googleapis.com/css?family=Oswald:400,700&display=swap";

 .top{ background:#f5f5f5; padding:8px 0;}
 .top a{ color:#000; font-family:Montserrat; font-size:14px; font-weight:500;}


body{overflow-x:hidden;} 

.navbar {
 
  transition: all .5s .1s;
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, .5);
  position:fixed;
 
}
 


/*==Home Page==*/

a:hover{ text-decoration:none;}
.sina-nav{position:fixed;/*box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, .5);*/ background:rgba(0,0,0,.4);}
.sina-nav.navbar-fixed{position:absolute;} 

.sina-nav .sina-menu li a{  font-size:15px; text-transform:uppercase;font-family:Montserrat; font-weight:700; letter-spacing:1px;}
.dropdown-menu{ border:1px solid #f4f4f4; border-radius:0; padding:0;}
.dropdown-item{ border-bottom:1px solid #f1f1f1; padding:8px 15px;}
.sina-nav .sina-menu > li > a{ line-height:58px; color:#FFED00;}
.sina-nav .sina-menu > li.active > a, .sina-nav .sina-menu > li > a:hover, .sina-nav .sina-menu > li > a:focus{  color:#000!important; background:#FFED00;}
.sina-nav .sina-menu .dropdown .dropdown-menu > li > a{font-family:"Montserrat";}
 
.sina-nav .navbar-toggle{ margin-top:25px; background:#FFED00;}
.sina-nav .sina-menu .dropdown-menu li a:hover{ color:#000 !important;}
.sina-nav .sina-menu .dropdown .mega-menu.dropdown-menu{border:12px solid rgba(0, 0, 0, .3)}
.sina-nav .sina-menu .mega-menu-col .sub-menu a{padding:9px 10px; font-weight:300; letter-spacing:inherit;}
/*=banner=*/ 
#demo { position:relative;}
#demo .carousel-caption{background:rgba(0, 0, 0, .8); width: 500px; height: 207px; left:inherit; right:70px; bottom:10%; text-align:left; padding:40px; border-right:5px solid #FFED00;}
#demo .carousel-caption h4{ font-family:"Montserrat"; }
#demo .carousel-caption h1, #demo .carousel-caption h2{ color:#FFED00 !important; font-weight: 600;  font-size: 36px; font-family:Oswald; line-height:inherit;}
#demo .carousel-caption p{ font-family:PT Sans; font-size:16px;color:#fff !important;  }
 
#demo .carousel-indicators li{ border-radius:100px; width:12px; height:12px;}
 
 
 
/*==Banner1===*/
.banner1{ background:url(../images/banner1.jpg) no-repeat;  background-size:cover; background-position:center; height:700px; border-top:3px solid #444; border-bottom:3px solid #444; display:flex; align-items:center; justify-content:center;}
.banner1 h3{ font-size:48px; color:#FFED00; font-family:Oswald; padding:20px 0;  font-weight:500;}
.banner1 p{ font-family:PT Sans; font-size:16px;color:#fff; }
.banner1 .btn-warning{ color:#000; background:#FFED00; margin:15px 0; padding:10px 20px;font-family:"Montserrat"; border:0;} 

/*==Banner2===*/
.banner2{ background:url(../images/banner2.jpg) no-repeat;   background-size:cover; background-position:60%; height:700px; padding:200px 0; border-bottom:3px solid #444; position:absolute; top:0; left:0; width:100%; height:800px; }
.banner2 h3{ font-size:48px; color:#FFED00; font-family:Oswald; padding:20px 0;  font-weight:500;}
.banner2 p{ font-family:PT Sans; font-size:16px;color:#fff; }
.banner2 .btn-warning{ color:#000; background:#FFED00; margin:15px 0; padding:10px 20px; font-family:"Montserrat"; border:0;} 
 
/*==Banner4===*/
.banner3{ background:url(../images/banner3.jpg) no-repeat;   background-size:cover; background-position:30%;  padding:200px 0; border-bottom:3px solid #444; position:absolute; top:0; left:0; width:100%; height:800px; opacity:.7; }
.banner3 h4{ font-size:48px; color:#FFED00; font-family:Oswald; padding:20px 0;  font-weight:500;}
.banner3 p{ font-family:PT Sans; font-size:16px;color:#fff; }
.banner3 .btn-warning{ color:#000; background:#FFED00; margin:15px 0; padding:10px 20px; font-family:"Montserrat"; border:0;} 


/*==Banner5===*/
.banner5{ background:url(../images/banner4.jpg) no-repeat; background-size:cover; background-position:50%; height:700px; padding:200px 0; border-bottom:3px solid #444;}
.banner5 h2{ font-size:48px; color:#FFED00; font-family:Oswald; padding:20px 0;  font-weight:500;}
.banner5 p{ font-family:PT Sans; font-size:16px;color:#fff; }
.banner5 .btn-warning{  color:#000; background:#FFED00; margin:15px 0; padding:10px 20px; font-family:"Montserrat"; border:0;} 


/*==Banner6===*/
.banner6{ padding:70px 0; }
.banner6 h3{ font-size:48px; color:#000;font-family:Oswald; font-weight:500; padding-bottom:30px; }
.banner6 p{ font-family:"Montserrat"; font-size:16px; line-height:38px; text-align:justify; font-weight:500; padding-right:40px; }
.banner6 .btn-warning{ color:#000; background:#FFED00; margin:15px 0; padding:10px 20px; font-family:"Montserrat"; border:0;} 
.banner6 img{ border:10px solid #fff; box-shadow:0px 0px 15px -8px rgba(0,0,0,.5);}

 
 
/*==Banner7===*/
.banner7{ background:url(../images/quality.jpg) no-repeat; background-size:cover; background-position: 100%;   border-bottom:3px solid #444; height:700px; display:flex; align-items:center; }
.banner7 h4{ font-size:48px; color:#FFED00;font-family:Oswald; padding:20px 0;  font-weight:500;}
.banner7 p{ font-family:PT Sans; font-size:16px;color:#fff; }
.banner7 .btn-warning{ color:#000; background:#FFED00; margin:15px 0; padding:10px 20px; font-family:"Montserrat";} 

.capibility{ border-top:1px solid #6a6a6a; border-bottom:1px solid #6a6a6a; background:#000; display:flex; align-items:center; position:relative; overflow:hidden; height:700px; }
.capibility h4{ font-size:48px; color:#fff;font-family:Oswald; font-weight:500;}  


/*=-==products====*/
.products{ padding:80px 0; background:#000; position:relative; overflow:hidden;}
.products h4{font-size:48px; color:#ffed00;font-family:Oswald; font-weight:500; text-align:center;}
.products .carouseller [class*="span"]{ background: rgb(255, 255, 255,.8);}
.products .clearfix{ overflow: hidden; padding-top: 25px;}
.products .clearfix img{ margin-bottom:20px; transform: scale(1.4);  }
.products .clearfix{ min-height:250px;}
.product-box:hover{box-shadow:0px 0px 15px -8px rgba(0,0,0,.5);}
.product-box:hover img{ transform:scale(1.2); transition:1s;}
.product-box p a{ color:#000;font-family:"Oswald"; text-transform:uppercase; font-size:14px;}
.product-box p{ position:absolute; bottom:10px; text-align:center; background:#ffed00; margin:0; padding:3px 20px; left:0; width:100%;}
 
.products h3{font-size:18px; font-family:"Oswald"; padding-bottom:20px;  font-weight:500; text-align:center;} 
 
.youmayalso .product{ min-height:310px; margin-bottom:20px;}
.product:hover{box-shadow:0px 0px 21px -11px ;}
 
.product img { max-width:100%; }
 
button.more
{
	border:0;
	background:#ffed00;
	color:#000;
	padding:10px 10px;
	margin:0 auto -25px auto;
	font-size:12px;
	text-transform:uppercase;
	font-family:Montserrat;
	display:block;
	z-index:8;
}
 

 
/*==breadcrumb===*/
.breadcrumb{padding: 20px 0; background: #f2f2fa; border-radius: 0;}

.breadcrumb h1 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Montserrat";
    letter-spacing: 1px;
    color: #000;
    font-size: 24px;
	 margin-top:0px;
}
.breadcrumb ul {
    margin-bottom: 0px;
    margin-top: 0px;
}
.breadcrumb ul li {
    list-style: none;
display: inline;
font-family: "Montserrat";
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
color:#888;
}
.breadcrumb ul li a {
    color: #000;
} 
.breadcrumb  li + li::before {
    content: '';
    display: inline-block;
    border-width: 4px 6px;
    margin-right: 15px;
    border-color: transparent;
        border-left-color: transparent;
    border-style: solid;
    margin-left: 9px;
    border-left-color: #000;
}
/*==contact-inner===*/
.contact-inner{padding:30px;}
.contact-inner h2{text-transform:uppercase;font-family: Montserrat; text-align:left; margin-bottom: 25px; font-weight: 600; font-size: 24px; color: #006b2b;}
.contact-inner input{ font-size: 14px; font-family:"Montserrat"; height:42px;}
.contact-inner .btn-warning{ color:#fff; background:#000; margin:15px 0; padding:10px 54px; font-family:"Montserrat"; }
.contact-inner .btn-warning:hover{background-color:#eee; color:#000;}
.contact-inner .address-info{padding:20px 0px;}
.contact-inner .fa.fa-map-marker,.fa.fa-envelope-open-o,.fa.fa-mobile{ text-align:center; font-size:24px; color: #1a1a18;  line-height:55px; border: 1px solid #eee; width: 62px;height: 62px;
 }
.contact-inner h3{font-family:"Montserrat"; font-size:20px;}
.contact-inner P{COLOR:#555; margin-bottom:30px;}

/*==about-inner===*/
.about-inner{padding:30px 0px;}
.about-inner h2{ text-transform:uppercase;font-family: Montserrat; margin-bottom: 25px; font-weight: 600; font-size: 24px; color: #006b2b; text-align:center;}
.about-inner p{color:#555; line-height: 36px; text-align:center;}
.choose{background:url(../images/choose.jpg) no-repeat;background-size:cover; background-position: 100%;  padding:128px 0; background-attachment:fixed;}
.choose h2{ font-weight: 900; font-family:"Montserrat"; color:#fff; font-size:36px; margin-bottom:25px;}
.choose p{ color:#fff; width:70%; margin:auto;}
.choose-content{ padding:30px;box-shadow: 0px 15px 30px rgba(0,0,0,0.10); margin-top: -160px;}
.choose-content .choose-back{  background-color: #fff; border-right: 1px solid #e8e8e8; box-shadow: 0px 15px 30px rgba(0,0,0,0.10); padding:20px 0px; margin-bottom: 40px;}
.choose-content .choose-back .choose-right{ border-right: 1px solid #eee; min-height: 250px; padding: 25px 0px;}
.choose-content .choose-back .choose-right:hover{ transform: scale(1.2); transition:1s;}
.choose-content h3{font-weight: 900;
color: #333;
font-size: 1.1rem;
margin-bottom: .5rem;}
.choose-content p{color: #333;
opacity: .7;
font-size: .8rem;}
.choose-content .fa.fa-info-circle,.fa.fa-low-vision,.fa.fa-bullseye,.fa.fa-globe{ font-size: 72px; margin-bottom: 30px;}
.idea {
    padding: 60px;
    border-top: 1px solid #eee;
    background: #ffc800;
}
.idea .id1 {
    border-right: 1px solid #000;
}
.idea h2 {
    color: #000;
    font-size:60px;
    text-align: left;
}
.idea h4 {
    color: #000;
    margin: 20px;
    font-family:"Montserrat";
}

/*==footer==*/ 
.footer{ padding:80px 0px; background:#1A1A1A; line-height:24px;}
.footer h4{ font-family:"Montserrat";  text-transform:uppercase; font-size:22px; color:#FFED00;  padding-bottom:20px;}
.footer h5{font-family:"PT Sans"; color:#FFED00;}
.footer p{ color:#fff; font-size:14px; font-family:PT Sans; margin-bottom:8px;}
.footer ul{ padding-left:5px; list-style:none;}
.footer a{font-size:14px; font-family:PT Sans; color:#fff!important; font-family:PT Sans;}
.footer .footer-list li{ width:50%; float:left;}
.footer .icon-bar .fa{ margin-left:5px; border:1px solid #ddd; padding:5px;}
.footer li .text-white:hover{ color:#fff !important;}
.footer table tr td{ vertical-align:top; padding-right:5px;}
.footer table tr td .fa{color:#FFED00 !important;}
.footer li .text-white .fa{color:#FFED00 !important; margin-right:5px;}

.copyright .icon-bar a { text-align:center; font-size:14px; color:#000;}
.copyright{ background:#ffed00; color:#000;  padding:10px 0; text-align:center;}
.copyright p{ margin:0; font-family:"PT Sans"; font-size:14px;}
.copyrigh .icon-bar a{ color:#000;}
.icon-bar .fa{ background:#f2f2f2; width:30px; height:30px; line-height:30px;}

/*-=Electric holders*/
.product-inner{ padding:50px 0;}
.product-inner .img-thumbnail{  padding:3px; border:0; }
.product-inner table tr th{background:#222; color:#fff;}
.product-inner table tr th, .product-inner table tr td{ font-size:13px; font-weight:300; padding:5px;  text-align:center; font-family:Montserrat;}
.product-inner p{ font-size:16px; padding:8px; color:#000; text-align:center; font-family:Montserrat;}
.product-inner .box{  overflow:hidden; box-shadow:0 3px 16px 0 rgba(0,0,0,.051); margin-bottom:40px;}
.product-inner .box:hover{box-shadow:0 3px 16px 0 rgba(0,0,0,.11);}

.product-inner hr{ display:inline-block;}
.product-inner .sidebar ul{ padding-left:0; list-style:none; margin-right:15px; }
.product-inner .sidebar ul li{background:#000; border-bottom:1px solid #333; padding:10px 25px; border-left:5px solid #ffed00;}
.product-inner .sidebar ul li a{ color:#fff;font-family:"Montserrat"; display:block; font-weight:300; font-size:13px; letter-spacing:.5px; text-transform:uppercase;}
.product-inner .sidebar ul li:hover{ background:#ffed00;}
.product-inner .sidebar ul li:hover a{ color:#000;}
.product-inner .sidebar ul .active{ background:#ffed00;}
.product-inner .sidebar ul .active a{ color:#000;}
.close span{ position:absolute; right:-15px; top:-14px; opacity:1; background:#ffed00 !important; z-index:9; height:30px; width:30px; line-height:25px !important; text-align:center; border-radius:100px; color:#000; font-size:20px;}
.close { opacity:1;} 
.close:hover{opacity:1;}
.modal-content img{ margin-bottom:20px;}
.modal-content{ background:#000; border:1px solid #eee;}
.modal-content tr td{ color:#fff;}


.modal-content p{ color:#FFF;}

/*==*/
.quality-inner{ padding:80px 0;}
.quality-inner h2{ font-family:Montserrat; font-size:30px; padding-bottom:20px; color:#006b2b;}
.quality-inner p{ font-family:Montserrat; line-height:30px; }

.banner{ background:#000; padding:49px 0;}
.banner img{ display:none;}

@media screen and (min-width:991px)
{
 .products .row .col-lg-2{ max-width:20%; flex:0 0 20%}

}

@media screen and (max-device-width: 767px)
{
.sina-nav.navbar-fixed{ position:relative; background:#000;}
.idea h4{ margin:auto; margin-bottom:20px;}
.banner2{background-position:37%;background-size:inherit}
.banner1{ background-position:53%; background-size:inherit;}
.banner4{ background-position:16%;}
.banner5{ background-position:57%;}
.banner6{ background-position:30%;}
.banner7{ background-position:72% 50%;  background-size:inherit;}
.banner3{ background-position:58%; background-size:inherit;}


.address-info{ text-align:center;}
.contact-inner .btn-warning{ margin-bottom:30px; text-align:center; display:inline-block;}
.contact-inner form{ text-align:center;}
 
.breadcrumb li + li::before{margin-right:10px;}
.idea .id1{ border:0; border-bottom:1px solid #000; text-align:center; padding:10px ;}
.idea .id1 h2{ text-align:center;}
.footer{ padding:30px 0;}
.slider .carousel-caption h2{ display:block;}
.top{ text-align:center;}
.top a{  float:none !important; text-align:center; display:inline-block;}
#demo .carousel-caption{ display:none;}
.sidebar{ display:none;}
.copyright .text-right, .copyright{ text-align:center !important;}
  .banner6 p{ padding-right:0;}
}
@media (max-width:500px)
{
  .breadcrumb .col-5, .breadcrumb .col-7{ max-width:100%; flex:100%;}	
  .breadcrumb  ul{ padding-left:0; text-align:center !important;}
  .breadcrumb h1{ text-align: center;}
  .footer .footer-list li{ width:100%;}
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) 
{
  .slider .carousel-caption{ bottom:10px!important;}
  .banner6 p{ padding-right:0;}
}
@media screen and (max-device-width: 1024px) 
{
.sina-nav .navbar-toggle:hover, .sina-nav .navbar-toggle:focus{ background:#FFED00;}
.sina-nav.mobile-sidebar .sina-menu{ padding:0;}
.sina-nav{ min-height:90px;}
.sina-nav.navbar-fixed{ position:relative; background:#000;}
.sina-nav.mobile-sidebar .navbar-collapse{ background:#000;}
.sina-nav .sina-menu .dropdown-menu li a{ color:#fff !important;}
.slider .carousel-caption{ top:10%;}
.banner{ padding:0;}
}