@import url('calibri/calibri.css');
/*html & css developed by Anup (anupkrpan@gmail.com), September-2018*/
body {background-color: #f4f4f4;  color: #333;  font-family: "Calibri", sans-serif;  font-weight: normal;  font-size: 16px;  line-height: 1.2; overflow-x:hidden}

/* Headings */
h1, h2, h3, h4, h5, h6 {clear: both;  font-weight: normal;  font-family: "Calibri", sans-serif;}
h1{font-size:40px;}
h2{font-size:36px;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size:20px;}
strong,.bold,b{font-weight:bold}

header{ transition:all 1s;
background: rgba(155,21,24,1);
background: -moz-linear-gradient(top, rgba(155,21,24,1) 0%, rgba(200,21,24,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(155,21,24,1)), color-stop(100%, rgba(200,21,24,1)));
background: -webkit-linear-gradient(top, rgba(155,21,24,1) 0%, rgba(200,21,24,1) 100%);
background: -o-linear-gradient(top, rgba(155,21,24,1) 0%, rgba(200,21,24,1) 100%);
background: -ms-linear-gradient(top, rgba(155,21,24,1) 0%, rgba(200,21,24,1) 100%);
background: linear-gradient(to bottom, rgba(155,21,24,1) 0%, rgba(200,21,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b1518', endColorstr='#c81518', GradientType=0 );
padding:20px 0;color:#fff;}
.top-social {text-align:right;}
.top-social a{color:#fff;font-size:16px; margin-left:5px; padding:5px; transition:all 0.4s}
.top-social a:hover{color: #45befc; text-decoration:none;}

.container-fluid {max-width:1366px;}
.navbar-brand{height:auto;}
.navbar-brand img{max-width:100%; height:auto; transition:all 1s}
.navbar-default{box-shadow:none; border:0; border-radius:0; margin:0; border-bottom:1px solid #bbb; background:#f4f4f4}
.navbar-default .navbar-nav>li{position:relative;margin:0 5px}
.navbar-default .navbar-nav>li>:before{position:absolute; content:''; height:4px; width:4px; left:-7px; bottom:14px; 
background:#5b5b5c; border-radius:50%;}
.navbar-default .navbar-nav>li:first-child a:before{display:none;}
.navbar-default .navbar-nav>li>a{transition:all 1s}
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:active,.navbar-default .navbar-nav>li>a:focus{padding:50px 10px 8px; color:#c91517; text-shadow:none; text-transform:uppercase}
.navbar-brand{padding:10px 15px; transition:all 1s}

.header-wrapper.fixed .navbar-default .navbar-nav>li>a{padding:20px 8px 8px}
.header-wrapper.fixed header{padding:10px 0}
.header-wrapper.fixed .navbar-brand{padding:5px;}
.header-wrapper.fixed .navbar-brand img{max-width:80%;}
.home_slider,.static-banner{padding-top:0;} 
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{
	background: rgba(210,42,50,1);
background: -moz-linear-gradient(top, rgba(210,42,50,1) 0%, rgba(155,21,24,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,42,50,1)), color-stop(100%, rgba(155,21,24,1)));
background: -webkit-linear-gradient(top, rgba(210,42,50,1) 0%, rgba(155,21,24,1) 100%);
background: -o-linear-gradient(top, rgba(210,42,50,1) 0%, rgba(155,21,24,1) 100%);
background: -ms-linear-gradient(top, rgba(210,42,50,1) 0%, rgba(155,21,24,1) 100%);
background: linear-gradient(to bottom, rgba(210,42,50,1) 0%, rgba(155,21,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c81518', endColorstr='#9b1518', GradientType=0 );
color:#fff; 
}
.navbar-default .navbar-nav>li>a:hover{background: rgba(210,42,50,1);
background: -moz-linear-gradient(top, rgba(210,42,50,1) 0%, rgba(155,21,24,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,42,50,1)), color-stop(100%, rgba(155,21,24,1)));
background: -webkit-linear-gradient(top, rgba(210,42,50,1) 0%, rgba(155,21,24,1) 100%);
background: -o-linear-gradient(top, rgba(210,42,50,1) 0%, rgba(155,21,24,1) 100%);
background: -ms-linear-gradient(top, rgba(210,42,50,1) 0%, rgba(155,21,24,1) 100%);
background: linear-gradient(to bottom, rgba(210,42,50,1) 0%, rgba(155,21,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c81518', endColorstr='#9b1518', GradientType=0 );
color:#fff; 
}

.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.active>a:active, .navbar-default .navbar-nav>.open>a:active,.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.open>a:focus{color:#fff}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background:#fff;color:#000;}
.dropdown-menu > li > a{text-transform:uppercase; transition:all 0.2s; line-height:1.8}
.dropdown-menu > li > a:hover{background:rgba(210,42,50,1); color:#fff;}
.home_slider{margin-bottom:50px; box-shadow:0 5px 10px #ccc; border-bottom:1px solid #bbb;}
.home_slider .owl-nav{position:absolute; top:45%; left:20px;right:20px; margin-top:-15px;}
.home_slider .owl-nav .owl-prev,.home_slider .owl-nav .owl-next{position:absolute; font-size:50px; background:transparent; padding:0 20px;color:#ddd; transition:all 0.4s}
.home_slider .owl-nav .owl-prev:hover,.home_slider .owl-nav .owl-next:hover{background:transparent; color:#aa1517}
.home_slider .owl-nav .owl-prev{left:0;}
.home_slider .owl-nav .owl-next{right:0;}
.home_slider .owl-dots{position:absolute; bottom:10px; left:20px; right:20px}

.home-4circle{margin-bottom:40px; text-align:center}
.home-4circle img{margin:40px auto 10px}
.home-4circle h3{}
.home-4circle p{max-width:250px; margin:15px auto 25px; font-size:18px;}
.home-4circle .btn{margin-bottom:20px;}
.partition{height:2px; width:150px; background:#bdbdbd; border-top:1px solid #939393; margin:30px auto}

.btn-dark{background:#303030; border:1px solid #7a7a7a; color:#fff; border-radius:4px; padding:4px 10px 6px; line-height:1; transition:all 0.3s; font-weight:bold}
.btn-dark:hover,.btn-dark:active,.btn-dark:focus{background:#fff; color:#000;}

.btn-danger{border:0; background:#c91517; text-shadow:none; transition:all 0.3s; border-radius:4px; padding:5px 20px}
.btn-danger:hover,.btn-danger:active,.btn-danger:focus{background:#b41011}

.home-aboutus{margin:50px 0 40px;}
.home-aboutus h1{margin-top:0;}
.home-aboutus .btn,.home-aboutus img{margin:30px 0;}
.home-aboutus p{font-size:20px;}


.home-products{margin:50px 0 30px}
.home-products h1{margin-top:0;}
.home-products img {margin:30px 0 20px;}
.home-products .btn{margin:20px 0 30px;}
.home-products p{font-size:20px; height:120px; overflow:hidden}
.home-products h3{ font-size:32px;}

.home-process{margin:50px 0 30px}
.home-process h1{margin:0 0 40px;}
.home-process h3{white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.home-process p{font-size:18px;}

.bg_about_us  .img-thumbnail{width:1000%;}
.process_content{font-size: 18px;height: 131px;overflow: hidden;margin-bottom: 20px;}

.home-process .owl-nav{position:absolute; top:-90px; right:0;}
.home-process .owl-nav .owl-prev,.home-process .owl-nav .owl-next{font-size:20px; background:#fff;color:#555; transition:all 0.2s; border:1px solid #000; border-radius:50%; height:30px; width:30px; text-align:center; padding:0; line-height:28px}
.home-process .owl-nav .owl-prev:hover,.home-process .owl-nav .owl-next:hover{background:#c00; color:#fff; border-color:#c00}

.table-contactinfo{border:0; margin:0;}
.table-contactinfo>tbody>tr>td{border:0; padding:5px 0; vertical-align:top}
.table-contactinfo>tbody>tr>td i{margin-top:6px;}
.contact-details .table-contactinfo>tbody>tr>td i{margin-top:3px;}
#modalProduct1 .modal-body,#modalProduct2 .modal-body,#modalProduct3 .modal-body{background:#eee;}

.modal-header h4{margin:0;}
.modal-header .close{color:#bf1517; font-size:18px; margin-top:5px; opacity:.7}
.modal-header .close:hover{opacity:1}

.footer{background:#353535;padding:20px 0; color:#fff; font-size:18px;}
.footer h3{margin:30px 0;}
.footer a{color:#fff}
.footer-address p{line-height:1.6; margin-bottom:20px}
ul.footer-links{padding:0; margin:0;}
ul.footer-links li{list-style:none;}
ul.footer-links li a{padding:10px 0; color:#fff; text-decoration:none; transition:all 0.3s; line-height:2;text-align:center;}
ul.footer-links li a:hover{ color:#c91517}

.footer-social{padding:0; margin:0; /*text-align:center;*/}
.footer-social img{width:70px; height:auto;}

.footer-counter { margin-top:30px; font-size:20px; color:#dddddd}
.download-catalog{margin-top:20px;} 

.copyright {text-align:center; padding:50px 0 0;}

.goto-top{position:fixed; bottom:20px; right:20px; display:none; opacity:0.7; z-index:500}
.goto-top:hover{opacity:1}
.goto-top img{width:32px; height:32px;}
.pp_social{display:none !important}
.pp_description{display:block; width:100%; margin:30px 0 0 !important; font-size:14px;}


/* other page */
.static-banner {margin-bottom:30px; border-bottom:1px solid #bbb;min-height:100px;}
.static-banner img{width:100%}
.page-content{margin-bottom:40px;}
.page-content p{margin-bottom:10px; font-size:18px; line-height:1.5;}
.partition2{height:2px; width:150px; background:#bdbdbd; border-top:1px solid #939393; margin:0 auto 50px}
.page-content h1{font-weight:bold; margin-bottom:20px;}
.page-content h3{margin-bottom:20px;}

/* products */
.productpage {background:#eee; margin:0; padding:40px 0}
.productpage h3{color:#c91517;}
.productpage img{margin-bottom:40px}
.productpage .btn{margin-bottom:20px;}
.producteven {text-align:right;}
.productodd img{float:right}
#modalProduct1 img,#modalProduct2 img,#modalProduct3 img{border:1px solid #df9fa0; margin-bottom:20px}
.productodd,.producteven{border-bottom:1px solid #afafaf}

/* service*/
.service-page .form-control{border-radius:0; border-color:#d1d1d1; font-size:18px;}
.bg_about_us{ background:#9e1517; color:#fff; padding:10px 30px }
.text-red{color:#c91517}
/* contact us */
.dot{background:url(../images/dot2.png) repeat-y  center;}
.contact-form .form-control{border:0; background:#ddd; color:#000; font-size:18px;}
.contact-details p{margin-bottom:30px;}
.contact-details i{font-size:24px; color:#c91517; margin-right:5px;}
.contact-details i.fa-envelope{font-size:20px; }
.contact-details a{color:#333; }

.googlemap{margin-top:50px; border-top:2px solid #cdcdcd;
-webkit-box-shadow: 0 8px 6px -6px #999;
	   -moz-box-shadow: 0 8px 6px -6px #999;
	        box-shadow: 0 8px 6px -6px #999;
}

/* clients */
ul.client-logo{padding:0; margin:0 }
ul.client-logo li{float:left; list-style:none; display:inline-block; width:15%; margin:0 0.7% 15px} 
ul.client-logo li img{width:100%; height:auto; box-shadow:0 0 10px #e5e5e5}
ul.client-logo li:last-child img{width:100%; height:auto; box-shadow:none}


/* certificates */

.slider_certificate{max-width:96%; margin:0 auto 50px; box-shadow:0 0 25px #aaa; padding:40px 0}
.slider_certificate .item{max-width:800px; margin:0 auto}
.slider_certificate .owl-nav{position:absolute; top:45%; left:20px;right:20px; margin-top:-15px;}
.slider_certificate .owl-nav .owl-prev,.slider_certificate .owl-nav .owl-next{position:absolute; font-size:36px; background:#fff; padding:0 15px;color:#aaa; transition:all 0.4s; border: 1px solid #aaa;border-radius: 50%;}
.slider_certificate .owl-nav .owl-prev:hover,.slider_certificate .owl-nav .owl-next:hover{background:#c91517; color:#fff; border:1px solid #c91517}
.slider_certificate .owl-nav .owl-prev{left:0;}
.slider_certificate .owl-nav .owl-next{right:0;}
.slider_certificate .owl-dots{position:absolute; bottom:10px; left:20px; right:20px}

/* trading */
.page_trading{color:#555;}
.page_trading a{color:#c91517; font-weight:600; transition:all 0.7s; }
.page_trading a:hover{color:#000; text-decoration:none;}
.page_trading ul {margin:0 auto 40px; padding:0; float:none; text-align:center; width:100%; max-width:830px;}
.page_trading ul li{list-style:none; margin-bottom:20px; font-size:20px;line-height:1.5}
.page_trading p{text-align:center; color:#000;font-size:20px;}

p.note{font-size:14px;}
p.note a{color:#c91517}

.product_slider{margin-top:30px;}
.product_slider .item h3{margin:40px 0 20px; color:#c91517; font-weight:bold}
.product_slider .item img{box-shadow:none;}
.product_slider .item p{margin-bottom:15px; text-align:justify}
.product_slider .owl-theme .owl-dots .owl-dot span{background:rgba(201,21,23,0.5); width: 25px;height: 25px;margin: 5px}
.product_slider .owl-theme .owl-dots .owl-dot span:hover{background:rgba(201,21,23,0.8);}
.product_slider .owl-theme .owl-dots .owl-dot.active span{background:rgba(201,21,23,1)}

.product_slider  .owl-theme .owl-nav [class*="owl-"]{background:rgba(201,21,23,0.1); border:1px solid rgba(201,21,23,0.5); color:#000; transition:all 0.4s}
.product_slider  .owl-theme .owl-nav .owl-prev:hover,.product_slider  .owl-theme .owl-nav .owl-next:hover{background:rgba(201,21,23,0.8); border:1px solid rgba(201,21,23,1); color:#fff;}

.product_slider .owl-theme .owl-dots {margin:10px 0;counter-reset: dots;}
.product_slider .owl-theme .owl-dot{position:relative}
.product_slider .owl-theme .owl-dot:before {counter-increment: dots;content: counter(dots);position: absolute;top: 9px;left: 0;color: #fff;right: 0;text-align: center;font-size: 14px;}


.home-industries{ margin:20px 0 40px;}
.home-industries h1{margin-bottom:40px;}
ul.industry{padding:0; margin:0; float:none; text-align:center; list-style:none;}
ul.industry li{list-style:none; float:left; text-align:center; width:31.33%; margin:14px 1%; position:relative; border:1px dashed #000; padding:8px}
ul.industry li img{width:100%; height:auto;}
ul.industry li p{position:absolute; left:8px; right:8px; top:50%; background:rgba(0,0,0,0.8); color:#fff; text-align:center; margin-top:-15px; z-index:100; padding: 6px; font-size: 20px;}



.fluid_container { margin:0px; padding:0px; float:left; width:100%; height:100%; overflow:hidden; }
.wrapper { margin:0 auto; padding:0px; width:1300px !important; height:auto; }



#trading_box {
	margin-bottom:25px;
}

#trading_pic_box {
	width:auto;
	height:auto;
	overflow:hidden;
	position:relative;
	border:2px solid #474a4b;
}

#trading_pic img {
	width:100% !important;
	height:250px !important;
}

#trading_pic_view_album {
	margin:5px;
	padding:2% !important;
	padding-top:3% !important;
	padding-bottom:3% !important;
	bottom:0;
	float:left;
	width:96%;
	height:auto;
	position:absolute;
	font:normal 14px "Calibri";
	color:#fff;
	line-height:20px !important;
	text-align:center;
	letter-spacing:1px;
	text-transform:capitalize;
	background:rgba(0,0,0,0.50) !important;
}

#trading_page_heading {
	margin-bottom:50px;
	padding-bottom:20px;
	font:normal 26px "Calibri";
	color:#c00;
	border-bottom:1px solid #ddd;
}


@media only screen and (max-width:1250px){
.wrapper { width:94% !important; }
}