/* CSS Document */

@font-face{src:url('../fonts/Roboto-Regular.ttf'); font-family:roboto-regular;}
@font-face{src:url('../fonts/Roboto-Black.ttf'); font-family:roboto-black;}
@font-face{src:url('../fonts/RobotoCondensed-Bold.ttf'); font-family:roboto-condensed-bold;}
@font-face{src:url('../fonts/RobotoCondensed-Regular.ttf'); font-family:roboto-condensed;}

@font-face{src:url('../fonts/times.ttf'); font-family:Times New Roman;}
 
 
a:hover{ text-decoration:none;}

body{  }
.container-fluid{ padding-left:70px;}

/*===Fixed Sidebar==*/
   
  
 


/*==header===*/
 
.sina-nav.navbar-fixed{ position:fixed; }
.sina-nav{ position: absolute; }
.sina-nav.navbar-transparent{ background:rgba(0,0,0,.5);box-shadow:0 1px 4px #000; }
.sina-nav .sina-brand{ width:auto; height:auto; }
.sina-nav .sina-brand img{ }
.sina-nav .sina-menu > li > a{font-family: Times New Roman; font-weight:100; line-height:55px; letter-spacing:1px; padding:20px 15px;}
.sina-nav .sina-menu > li.active > a, .sina-nav .sina-menu > li > a:hover, .sina-nav .sina-menu > li > a:focus,.sina-nav.navbar-transparent .extension-nav > ul > li.active > a, .sina-nav.navbar-transparent .extension-nav > ul > li > a:hover, .sina-nav.navbar-transparent .extension-nav > ul > li > a:focus, .sina-nav.navbar-transparent .sina-menu > li.active > a, .sina-nav.navbar-transparent .sina-menu > li > a:hover, .sina-nav.navbar-transparent .sina-menu > li > a:focus{ color:#fff;}

.sina-nav.navbar-transparent .extension-nav > ul > li > a, .sina-nav.navbar-transparent .sina-menu > li > a{ color:#fff;}
  .sina-nav.navbar-transparent .sina-menu > li > .active{ color:#fff; background:#d2151e;}
.sina-nav.navbar-fixed.navbar-freez{box-shadow:0 1px 4px #000;}
.sina-nav .sina-menu .dropdown .dropdown-menu > li > a{font-family:Open Sans !important; }
.sina-nav .sina-menu .dropdown .dropdown-menu{ width:230px;}
.sina-nav{ background:rgba(0,0,0,.5); border:0;}
.sina-nav .sina-menu > li > a{ color:#fff;}

.sina-nav .sina-brand > img{ padding:0; }
.sina-nav .sina-menu li .active{ background:#f00;}



/*====Banner*/

.carousel-caption{ top:45%; text-align:left;}
.carousel-caption h2{ padding-bottom:30px;   font-size:36px;}
.carousel-caption a{ border:2px solid #fff; background-color:#fff; color:#000; padding:10px 25px; text-transform:uppercase;font-family:roboto-condensed !important;  }
.carousel-indicators li{ width:15px;}
.carousel-indicators .active { background-color: #fff;}

.banner-btm{ background:#d2151e; padding:35px 0;}
.banner-btm h2{color:#fff;  text-shadow:0px 3px 4px #555;font-size:36px;font-family:Times New Roman; margin:0;  }
.banner-btm h2 a{ display:inline-block; float:right; color:#fff;font-size:18px; font-weight:700; letter-spacing:1px;border:2px solid #fff; padding:10px 20px; border-radius:50px;}

/*==About US==*/
.about-us{ padding-bottom:80px;}
.about-us h2{font-family:Times New Roman; text-shadow:0px 3px 4px #555; font-weight:700;color:#d2151e;font-size:52px; line-height:55px; margin-bottom:30px; }
.about-us h2 span{ padding:1px; display:block; font-size:38px;  text-transform:capitalize; color:#4a4a4a;}
.about-us p{font-size:18px; line-height:36px; }
.about-us .btn{ display:inline-block; box-shadow:0px 3px 4px #000; background:#d2151e; color:#fff; margin:20px 0; padding:10px 25px; border-radius:25px; text-transform:uppercase;}
.left-about{ padding:50px 0;}


.about-box{ padding:50px 0;}
.about-box .box{ border:1px solid #eee; box-shadow:0px 2px 18px -8px #555; margin-bottom:15px; text-align:center; padding:20px; border-radius:15px; background:#f7f9fb; font-size:18px;}
.about-box .box p{ text-align:center;font-size:16px; margin-bottom:0;}
.about-box .box .svg-inline--fa{ font-size:36px; color:#d2151e; margin-bottom:10px;}
 
/*.about-border::after { content: ""; width: 465px; height: 465px;  border: 2px solid #eee; position: absolute; left: 170px; top: -52px; z-index:-1; }
*/
/*==Products==*/
.products{ padding:0; text-align:center; padding-bottom:50px; position:relative; background: #f7f9fb; }
.our-pro{ text-align:center; padding:50px 0; }
.our-pro h3{font-family:Times New Roman; text-shadow:0px 3px 4px #555; font-weight:700;color:#4a4a4a;font-size:52px;  margin-bottom:10px;  }
.our-pro p{font-family:roboto-regular; line-height:30px; }
.products h4{font-family:Open Sans !important; z-index:999; background:#d2151e; padding:8px; ;  font-size:18px; text-align:center; font-weight:500;}
.products p{ text-align:center;font-family:Open Sans !important;}
.products .box{border-bottom:5px solid #fff; background: #fff; box-shadow:0 20px 30px rgba(0,0,0,.05); overflow:hidden; min-height:250px; padding:10px; margin-bottom:20px;  }
.products .box:hover img{ transform:scale(1.2); transition:1s; z-index:1;}
.products .box:hover{ border-bottom:5px solid #d2151e;transition:1s;}
.products .more{ text-align:center;  color:#fff;display:block; font-size:13px; text-transform:uppercase; }
.products .btn{ display:inline-block;box-shadow:0px 3px 4px #000; background:#d2151e; color:#fff; margin:20px 0; padding:10px 25px; border-radius:25px; text-transform:uppercase;}
 
/*===service===*/
.service{background:#ffb400;  height:100%; position:relative; text-align:center; padding:80px 0;}
.about-bg{ background:url(../images/about-bg.jpg) no-repeat; background-attachment:fixed; opacity:.2; background-size:cover; height:100%; position:absolute; width:100%; top:0;}
 
.service .caption{ text-align:center; border:1px solid #000; padding:30px;}
.service .caption h2{ padding-bottom:15px; text-transform:uppercase;}
.service .caption p{ line-height:36px; font-size:18px;  color:#000;}
.service h2{font-size:42px; font-weight:700; font-family:Open Sans !important; color:#000;} 
.service a { border:3px solid #926e00;color:#000; background:#fff; padding:10px 20px; margin:30px 0; display:inline-block;  border-radius:0px; font-size:18px; font-family:Open Sans !important; margin-top:30px; } 
 
.mobile{ display:none;}

/*==Quality==*/

 
  

.quality-policy{background:url(../images/quality-bg.jpg) no-repeat; background-attachment:fixed; background-size:cover;   }

.quality-policy h2{font-size:36px; font-family:Times New Roman; color:#fff; letter-spacing:1px; font-weight:700; padding-bottom:30px; text-transform:uppercase;}
.quality-policy p{ line-height:30px; font-size:14px; color:#fff;}
.quality-policy button {display:inline-block; cursor:pointer; background:#d2151e; color:#fff; margin:20px 0; padding:10px 25px; border:0; border-radius:25px; text-transform:uppercase; } 
.quality-bg3{  padding:80px 0;}

 
 
/*==breadcrumb== 
.breadcrumb{padding:10px;padding-bottom:0px; background-color: #000;}
.breadcrumb ul{color:#fff; padding-left: 0px;}
.breadcrumb ul li{list-style:none; display:inline; color:#fff;}
.breadcrumb ul li a{color:#fff;}
.breadcrumb ul  .active{color:#359cb2;}
/*==contact-inner=== 
 
/*==footer===*/

.footer{ background:#f7f9fb; color:#000; padding:70px 0px; font-size:13px; font-family:lato;}
.footer a { color:#000; }
.footer h4{padding-bottom:20px; color:#d2151e; font-weight:700; font-family:Times New Roman; text-shadow:0 3px 4px #a2a0a0; font-size:20px; text-transform:uppercase;}
.footer h5{padding-bottom:5px; color:#000; font-family:Open Sans; font-size:16px;}
.footer table td{ padding:5px;  font-family:Open Sans; font-size:14px;}
.footer-list{ padding-left:5px;}
.footer-list li{ list-style:none; float: left; padding-right:10px;}
.footer-list1{ padding-left:5px;}
.footer-list1 li{ list-style:none; line-height:36px;}
.footer-list1 li a{ color:#000; font-size:13px; font-family:Open Sans;}
.footer-list1 li a:hover {color:#36AEE2; }
.footer .icon .svg-inline--fa{ border:1px solid #000; color:#000; height:35px; width:35px; line-height:40px; text-align:center; margin-bottom:5px; padding:10px;}
.footer .icon .svg-inline--fa:hover{ background:#fff; color:#36AEE2;}

.copyright{ background:#d2151e; padding:20px 0; color:#fff;text-align:center !important;}
.copyright p{ margin:0; color:#fff;font-family:Open Sans; font-size:13px; }
.copyright a{ color:#fff;font-family:Open Sans; font-size:13px; margin:0 12px;}


/*===feedback ===*/
.feedback{ padding:50px 0; text-align:center; background:#000; color:#fff;}
.feedback h2{ font-size:36px; padding-bottom:30px; color:#fff;}
.form-control{ height:52px; background:none; color:#fff !important;}
.feedback .submit-btn{ background:#0E839C; color:#fff; padding:10px 25px; border-radius:5px; border:0; font-weight:700; text-transform:uppercase; margin:20px 0;} 
 textarea.form-control{ background:none;}
.form-control:focus{ background:none; color:#fff!important;}
 

.inner-content{ padding:50px 0; box-shadow:;}

/* =============== Return to top Button ========== */

#return-to-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
    background: rgba(255, 0, 0, 0.5);
	border:0;
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
	line-height:30px;
     
    display: none;
	box-shadow:1px 3px 7px 0px rgba(0,0,0,0.2); 
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	
	 -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  z-index:9999;
}

#return-to-top:hover {background: rgba(255, 255, 255, 1);}
#return-to-top .svg-inline--fa{
    color: #000;
    margin: 0;
    position: relative;
    left: 13px;
    top: 6px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	 
}

#return-to-top:hover .svg-inline--fa {
    color: #000;
    top: 3px;
}
@media (min-width:1024px) and (max-width:1280px)
{
.feedback{ padding-left:25px;}
.service{ height:100% !important;}
	
}
@media (min-width:1024px) and (max-width:1199px)
{
.sina-nav .sina-menu > li > a{font-family:Open Sans!important; font-weight:100; line-height:60px; letter-spacing:1px; padding:20px 12px;}
}
@media (max-width:1023px)
{
.sina-nav.navbar-transparent .extension-nav > ul > li > a, .sina-nav.navbar-transparent .sina-menu > li > a{ color:#000;}	
.sina-nav.mobile-sidebar .sina-menu{ padding:0;}	
.sina-nav .sina-menu > li > a{ line-height:36px; }
.sina-nav .sina-nav-header{ height:auto;}
.sina-nav .navbar-toggle{ margin-top:35px;}
	
.fixed-leftbar{ display:none;}	
.container-fluid{ padding-left:15px;}
 
.pc{ display:none;}
.mobile{ display:inline-block !important; text-align:center;}
.mobile h2{ color:#fff; padding-bottom:25px;}
.mobile .img-fluid{ display:inline-block;}
.mobile a{ border:2px solid #fff; display:inline-block; color:#FFF; padding:10px 20px; border-radius:0; font-size:24px; font-family:Open Sans !important; margin-top:30px; } 
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video{ display:none;}
.embed-responsive{ background:none;}
.service .carousel-caption{ position:relative; right:0; left:0;}
.embed-responsive-16by9::before{ padding:0;}
.sina-nav .navbar-toggle{ color:#fff;}
}

@media (max-width:767px)
{
.sina-nav .sina-nav-header.social-on{ height:auto;}
.sina-nav.navbar-fixed{ background:#000; position:relative;}
.sina-nav .sina-nav-header.social-on .sina-brand{ margin-top:0;}
.sina-nav .navbar-toggle{ margin-top:15px;}
.service .caption{ padding:20px;}
.quality .quality-box1, .quality .quality-box{ min-height:inherit;}
.about-border::after { display:none;}
.about-us{ padding:50px 0;}
.about-us .btn{ margin-bottom:30px;}
.sina-nav .sina-brand{ width:260px;}
.sina-nav .sina-brand > img{ width:250px;}
.banner-btm{ text-align:center;}
.banner-btm h2 a{ text-align:center; float:none; margin-top:30px;}
}
@media (max-width:550px)
{
.carousel-caption{ display:none;}
}
 