@charset "utf-8";
/* CSS Document */
	@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
	@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);
	
body {font-family: 'Lato', sans-serif;
       /* Location of the image */
  background-image:url(../images/footer-bg.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;}	
    

@font-face {
    font-family: 'Brush Script Std';
    src: url('../fonts/BrushScriptStd.woff2') format('woff2'),
        url('../fonts/BrushScriptStd.woff') format('woff'),
        url('../fonts/BrushScriptStd.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brush Script MT';
    src: url('../fonts/BrushScriptMT.woff2') format('woff2'),
        url('../fonts/BrushScriptMT.woff') format('woff'),
        url('../fonts/BrushScriptMT.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}  
  
a:focus {
	outline: none;
}
a:focus, a:hover{ text-decoration:none;}

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

.header-top-part {width:100%; border:3px solid #e25b24; position:relative; z-index:10;}

.header-top-part .top-box {width:930px; height:39px; background:url(../images/cner.jpg) no-repeat top; background-size:100%; position:absolute; z-index:1; left:30%; margin:3px 0px 0px 0px;}

.header-top-part .top-box .phone {color:#FFFFFF; margin:5px 0px 0px 30px; font-size:15px;}

.header-top-part .language{margin:5px 0px 0px 0px}

.header-top-part span {margin:0px 0px 0px 10px; font-size:14px;}

.header-top-part span a {color:#FFFFFF;}

.header-top-part span a:hover {color:#000000; text-decoration:none;}

.header-top-part  .top-right {float:left; margin:-5px 0px 0px 0px; width:100%;}

.header-top-part .top-box .social-icon a {height:30px; width:30px; margin:6px 1px 6px 1px; line-height:28px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border:1px solid #FFFFFF; border-radius:50%; transition: all ease 0.3s;}

.header-top-part .top-box .social-icon a:hover{color:#000000; border:1px solid #000000; background-color:#FFFFFF;}

.header-bottom {width:100%; height:auto; background-color:#FFFFFF;}

.header-bottom .logo {margin:5px 0px 5px 0px;}

.navbar-default {background-color:#FFFFFF; border-color:#FFFFFF; margin:50px 0px 0px 0px;}

.navbar-default .navbar-nav > li > a {color:#000000;}

.navbar-default .navbar-nav > li > a:hover {color:#e25b24; transition: all ease 0.5s;}

.navbar-nav {float: left; margin: 0px -2px 0px 0px;}

.dropdown-menu > li > a {color:#000000;}

.dropdown-menu > li > a:hover {color:#e25b24;}

.header-bottom .right-part {float:right; margin:30px 0px 0px 10px; padding:30px 0px 5px 0px; width:45%;}

.header-bottom .right-part span a{margin:0px 0px 0px 10px; color:#000000;}

.header-bottom .right-part span a:hover{color:#e25b24; transition: all ease 0.5s;}

.welcome {width:100%; height:auto; background:url(../images/pattern.jpg) repeat-x;}

.welcome .img-responsive {text-align:center; vertical-align:middle; margin:0 auto; width:100%;}

.welcome .site {margin:50px 0px 30px 0px;}

.welcome h2 {font-size:32px; color:#000000; font-family: 'Raleway', sans-serif; margin:40px 0px 10px 0px;}

.welcome .line {width:90%; height:1px; background-color:#e25b24; margin:20px 0px 20px 0px;}

.welcome p {line-height:30px; text-align:justify; color:#000000; font-size:14px; margin:0px 0px 0px 0px;}

.welcome .btn {color:#FFFFFF;  font-size:16px; background: #e15c24; padding: 5px 30px 5px 30px; text-decoration: none; border-radius:15px; margin:20px 0px 40px 0px; transition: all ease 0.5s;}
  
.welcome .btn:hover {background:#333333; text-decoration: none; color:#e15c24; transition: all ease 0.5s;}

.products {width:100%; background-color:#FFFFFF;}

.products .line {background-color:#000000; height:2px; width:100%; position:relative; top:40px;}

.products span .btn {color:#FFFFFF;  font-size:30px; background:#000000; padding:0px 30px 8px 30px; text-decoration: none; border-radius:15px; margin:10px 0px 30px 0px; font-style:italic;  position:absolute;
right:42%; font-weight:600;}

.products .box {width:100%; border-radius:13px; background-color:#e15c23; text-align:center; margin:60px 0px 0px 0px;}

.products .box .img-responsive {text-align:center; vertical-align:middle; margin:0 auto; width:100%;}

.products .box .img-responsive:hover {transform: scale(1.0); transition:1s all;}

.products .line2 {background-color:#000000; height:5px;}

.products h2 a{font-size:22px; color:#FFFFFF; font-weight:500; margin:10px 0px 0px 0px;}

.products h2 a:hover{color:#000000; transition: all ease 0.5s;}

.products p {font-size:13px; color:#FFFFFF; line-height:23px;}

.products .btn {color:#FFFFFF; font-size:13px; background:#000000; padding: 7px 30px 7px 30px; text-decoration: none; border-radius:20px; margin:10px 0px 20px 0px; border:none; transition: all ease 0.5s;}

.products .btn:hover {text-decoration: none; color:#e15c23; background-color:#FFFFFF; transition: all ease 0.5s;}

.products .btn-danger {background-color:#ec691f; transition: all ease 0.5s;}

.products .btn-danger:hover {background-color:#000000; color:#FFFFFF; transition: all ease 0.5s;}

.products .more {text-align:center;}

.parallax {width:100%; position:relative; min-height:300px; height:auto; background-attachment:fixed;}

.parallax_over {background-color: rgba(0, 0, 0, 0.6); height:100%; position:absolute; width:100%;}

.parallax ul .text{list-style:none;}

.parallax ul{padding-left:0; margin:50px 0px 0px 0px;}

.parallax ul li{list-style: outside none none; padding:5px 0 10px 20px; line-height:40px;}

.parallax ul li:before{content:"\f046"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#e15c23; font-size:16px;}

.parallax ul li a{text-decoration:none;  color:#FFFFFF; font-size:16px;}

.parallax ul li a:hover {text-decoration:none;  color:#e15c23;}

.parallax .line {background-color:#FFFFFF; height:2px; width:100%; position:relative; top:45px;}

.parallax span .btn {color:#e15c23;  font-size:30px; background:#FFFFFF; padding:0px 30px 2px 30px; text-decoration: none; border-radius:15px; margin:20px 0px 30px 0px; font-style:italic;  position:absolute;
right:40%; font-weight:500;}

.parallax .icone {margin:70px 0px 0px 0px; color:#FFFFFF; text-align:center;}

.parallax h2 {font-size:35px; color:#FFFFFF; text-align:center;}

.parallax h6 {font-size:13px; color:#FFFFFF; font-style:italic; margin-bottom:30px; text-align:center;}

.parallax h6 a {color:#FFFFFF;}

.parallax h6 a:hover {color:#e25b24;}

.service {width:100%;  text-align:center; background-color:#f1efef; padding-top:50px;}   

.service .round a{background-color:#e15c23;; color:#FFFFFF; width:100px; height:100px; border-radius:100%; margin:0 auto; display:block; line-height:125px; transition: all ease 0.5s;}

.service .round a:hover {color:#FFFFFF; background-color:#000000; transition: all ease 0.5s;}

.service h3 a {text-align:center; color:#444444; font-size:20px; font-weight:700; text-decoration:none}

.service h3 a:hover{color:#e15c23; transition: all ease 0.5s;}

.service p {text-align:center; color:#525050; font-size:14px; margin:20px 0px 50px 0px; line-height:27px;}

.footer {width:100%; background-image:url(../images/footer-bg.jpg); background-repeat:no-repeat; height:100%;}

.footer a {text-decoration:none;}

.footer h3 {font-size:20px; color:#FFFFFF; margin:40px 0px 15px 0px;}

.footer .line {width:100%; background-color:#FFFFFF; height:1px; position:relative; margin:20px 0px 20px 0px;}

.footer .line2 {width:65px; background-color:#e15c24; height:7px; position:absolute; bottom:-3px;}

.footer .footer-logo {margin:0px 0px 20px 0px;}

.footer .text p {text-align:justify; font-size:14px; line-height:21px; color:#FFFFFF; font-style:italic;}    

.footer p {text-align:justify; font-size:14px; color:#FFFFFF; line-height:27px; margin:0px 0px 10px 0px;}

.footer p a:hover{text-decoration:none; color:#de6328; transition: all ease 0.5s;}

.footer a {color:#FFFFFF;}

.footer .social-icon {margin:10px 0px 16px 0px;}

.footer .social-icon a {height:30px; width:30px; margin:6px 1px 6px 1px; line-height:28px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; background-color:#e15c24; border-radius:50%; 
transition: all ease 0.5s;}
    
.footer .social-icon a:hover{color:#e15c24; background-color:#FFFFFF; transition: all ease 0.5s;}

.footer .left-part {width:50%; float:left;}

.footer .right-part {width:50%; float:left;}

.footer .left-part p {font-size:14px; color:#FFFFFF; line-height:15px; text-align:left;}

.footer .right-part p {font-size:14px; color:#FFFFFF; line-height:15px; text-align:left;}

.footer .box {background-color:#ec691f; border-radius:5px; width:50px; height:50px; line-height:60px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; margin:0px 10px 5px 0px; border:1px solid #FFFFFF;}

.footer .media-heading {color:#FFFFFF; font-size:14px;}

.footer .media-body a:hover{color:#ec691f; transition: all ease 0.5s;}
 
.footer-bottom {width:100%; height:auto; background-image:url(../images/footer-bg.jpg); background-repeat:no-repeat;}

.footer-bottom .line3 {background-color:#FFFFFF; height:1px;}

.footer-bottom .left-side{float:left;}

.footer-bottom .left-side p {color:#d7d5d5; font-size:12px; margin:10px 0px 10px 0px;}

.footer-bottom .right-side{float:right;}

.footer-bottom .right-side p {color:#d7d5d5; font-size:12px; margin:10px 0px 10px 0px;}

.footer-bottom .right-side p a {color:#FFFFFF; text-decoration:none;}

.footer-bottom .right-side p a:hover {color:#de6328;}

.about-us {width:100%; background-color:#FFFFFF;}

.about-us .pro-image {margin:30px 0px 0px 0px;}

.about-us .pro-image .img-responsive {text-align:center; vertical-align:middle; margin:0 auto; border-radius:15px;}

.about-us .line {background-color:#000000; height:2px; width:100%; position:relative; top:34px;}

.about-us span .btn {color:#FFFFFF;  font-size:22px; background:#000000; width:205px; height:44px; text-decoration: none; border-radius:15px; margin:10px 0px 30px 0px; font-style:italic;  position:absolute;
right:41%; font-weight:600; text-align:center; vertical-align:middle;}

.about-us .box { border-radius:5px; height:auto; border:1px solid #e4e0e0; margin:30px 0px 30px 0px; width:260px;}
   
.about-us .box h2{line-height:25px; font-size:24px; font-weight:600 ; text-align:center; background-color:#e25b24; color:#FFFFFF; padding:10px 12px 10px 12px; margin:0px 0px 0px 0px; border-top-left-radius:5px; border-top-right-radius:5px;}

#page-wrap {
    width:250px;
}

#sticky {
    position:fixed; width:250px;
}
.about-us .bullet ul .text{font-size:16px; list-style:none; color:#000000;}

.about-us .bullet ul{padding-left:0px; margin:0px 0px 20px 0px;}

.about-us .bullet ul li{list-style: outside none none; padding:0px 0 5px 20px; line-height:28px; font-size:16px; color:#000000;}

.about-us .bullet ul li:before{content:"\f111"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#000000; font-size:8px;}

.about-us ul .text{font-size:14px; list-style:none;}

.about-us ul{padding-left:25px; margin:0px 0px 0px 0px;}

.about-us ul li{list-style: outside none none; padding:5px 0 5px 20px; line-height:28px; text-align: justify;}

.about-us ul li:before{content:"\f046"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#e15c23;}

.about-us ul li a{text-decoration:none;  color:#000000;}

.about-us ul li a:hover {text-decoration:none;  color:#e25b24;}

.about-us h5 {color:#e25b24; font-size:20px; font-family: 'Raleway', sans-serif; margin:20px 0px 20px 0px;}

.about-us h3 {color:#e25b24; font-size:24px; font-family: 'Raleway', sans-serif; margin:20px 0px 20px 0px; font-weight: bold;}

.about-us h2 {color:#000000; font-size:42px; text-align: center; font-family: 'Brush Script MT'; margin:20px 0px 20px 0px; font-weight: bold;}

.about-us .pro-image span a{color:#000000; font-size:24px; text-align:center; display:block;}

.about-us .pro-image span a:hover{color:#e25b24;}

.about-us p {color: #000000; font-size:16px; line-height:25px; margin:0px 0px 10px 0px; text-align:justify;}

.about-us p a{color:#000000;}

.about-us p a:hover{color:#e25b24;}

.about-us .cor {border:1px solid #000000;}

.about-us .cor .img-responsive {margin:0 auto; text-align:center;}

.about-us .reach b {font-size:24px; font-style: italic;}

.about-us .updates {line-height:40px;}

.breadcome{width:100%; height:200px;}

.breadcome .inner1 {background:url(../images/about_us_banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner2 {background:url(../images/mica-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner3 {background:url(../images/bentonite-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner4 {background:url(../images/barytine-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner5 {background:url(../images/abrasive-garnet-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner6 {background:url(../images/quartz-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner7 {background:url(../images/feldspar-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner8 {background:url(../images/fullers-earth-banner.jpg); width:100%; height:200px;}

.breadcome .inner9 {background:url(../images/calcite-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner10 {background:url(../images/chine-clay-banner.jpg); width:100%; height:200px;}

.breadcome .inner11 {background:url(../images/chine-clay-banner.jpg); width:100%; height:200px;}

.breadcome .inner12 {background:url(../images/dolomite-banner.jpg); width:100%; height:200px;}

.breadcome .inner13 {background:url(../images/granite-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner14 {background:url(../images/marble-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner15 {background:url(../images/clients-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner16 {background:url(../images/contact-us-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner17 {background:url(../images/history-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner18 {background:url(../images/sustainable-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner19 {background:url(../images/letest-updates-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner20 {background:url(../images/inquiry-banner.jpg); width:100%; height:200px;}

.breadcome .inner21 {background:url(../images/oil-drilling-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner22 {background:url(../images/electrical-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner23 {background:url(../images/pigments-paints-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner24 {background:url(../images/adhesives-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner25 {background:url(../images/cosmetics-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner26 {background:url(../images/ceramics-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner27 {background:url(../images/glass-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner28 {background:url(../images/rubber-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner29 {background:url(../images/plastics-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner30 {background:url(../images/refractory-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner31 {background:url(../images/foundry-banner.jpg); width:100%; height:200px;}

.breadcome .inner32 {background:url(../images/paper-banner.jpg); width:100%; height:200px;}

.breadcome .inner33 {background:url(../images/products-page-banner.jpg); width:100%; height:200px;}

.breadcome .inner34 {background:url(../images/industry-banner.jpg); width:100%; height:200px;}

.breadcome .inner35 {background:url(../images/fly-ash-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner36 {background:url(../images/talc-banner.jpg); width:100%; height:200px;}

.breadcome .inner37 {background:url(../images/from-the.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner38 {background:url(../images/vision.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner39 {background:url(../images/welcome.jpg); width:100%; height:200px;}

.breadcome .inner40 {background:url(../images/international.jpg); width:100%; height:200px;}

.breadcome .inner41 {background:url(../images/silica-sand-banner.jpg); width:100%; height:200px; background-size: 100% 100%;}

.breadcome .inner42 {background:url(../images/virtual-tour-banner.jpg); width:100%; height:200px;}

.breadcome .inner43 {background:url(../images/sodium-feldspar-banner.jpg); width:100%; height:200px;}

.breadcome .inner44 {background:url(../images/fluorspar-banner.jpg); width:100%; height:200px;}

.breadcome .inner45 {background:url(../images/rutile-banner.jpg); width:100%; height:200px;}

.breadcome .inner46 {background:url(../images/sillimanite-banner.jpg); width:100%; height:200px;}

.breadcome .box {background-color:rgba(0, 0, 0, 0.4); border-radius:13px; padding:10px 10px 10px 10px; color:#FFFFFF; margin:80px 0px 0px 0px; font-size:32px; font-style:italic; text-align:center;}

.breadcome h1{color:#FFFFFF; margin:0px 0px 0px 10px; font-size:32px; font-style:italic; text-align:center;}

.about-us .map {border:1px solid #000000; margin-bottom:20px;}

.about-us .view .box {background-color:#ec691f; border-radius:5px; width:50px; height:50px; line-height:60px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; margin:0px 10px 5px 0px; border:1px solid #FFFFFF;}

.about-us .view .media-heading { margin-bottom: 5px; margin-top: 12px;}
    
.about-us .view .media-heading a {color:#000000; font-size:14px;}

.about-us .view .media-body a:hover{color:#ec691f; transition: all ease 0.5s;}

.carousel-control.left {background-color: transparent!important; background-image: none!important;}

.carousel-control.right {background-color: transparent!important; background-image: none!important;}

/* @group Blink */
.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
/* @end */



/* start portfolio */
#portfolio {
	text-align:center;
	
}
/* start contact btn   */
.btn {
	background:#ed3237;
	border:none;
	color:#FFFFFF;
	content: "";
	
	z-index:4;
}
.btn a {
	color:#FFFFFF;
	text-transform:uppercase;
}
/* start contact btn bg   */
.btn-bg {
	background:#06b5ca;
	color:#FFFFFF; border:none;
}
.box-top-hover.btn-bg > span{ line-height:40px; text-decoration:none; padding:0 20px 0 20px; color:#FFFFFF;}


.btn-bg:hover {
	background:#373435;
	color:#fff;
}
.btn-bg:active {
	background:#ed3237;
	color:#FFFFFF;
}
.button-main {
	margin: 0 0 60px;
}
.button2 {
	position:relative;
	display:inline-block;
	margin:0 10px 0 0;
	cursor:pointer;
	border:none;
	color:#FFFFFF;
	background:#ed3237;
}
.button2:before {
	border-left:1px #000000 solid;
	border-top:1px #000000 solid;
	height:6px;
	width:6px;
	position:absolute;
	left:0px;
	top:0px;
	display: block;
	content: "";
	z-index: 2;
	list-style:none;
 	-webkit-transition: height .5s .4s, width .2s, color .2s;
 	transition: height .5s .4s, width .2s, color .2s;
}
.button2:after {
	border-right:1px #000000 solid;
	border-bottom:1px #000000 solid;
	height:6px;
	width:6px;
	float:right;
	position:absolute;
	right:0px;
	display: block;
	content: "";
	z-index: 2;
	bottom:0px;
 -webkit-transition: height .5s .4s, width .2s, color .2s;
 transition: height .5s .4s, width .2s, color .2s;
}
.button2 span {
	display:inline-block;
	list-style:none;
	padding:12px 22px 12px 22px;
	cursor:pointer;
	color:#FFFFFF;
}
.button2 span:before {
	border-left:1px #000000 solid;
	border-bottom:1px #000000 solid;
	height:6px;
	width:6px;
	position:absolute;
	left:0px;
	bottom:0px;
	display: block;
	content: "";
	z-index: 2;
}
.button2 span:after {
	border-right:1px #000000 solid;
	border-top:1px #000000 solid;
	height:6px;
	width:6px;
	float:right;
	position:absolute;
	top:0px;
	right:0px;
	display: block;
	content: "";
	z-index: 2;
	bottom:0px;
}
.button2:hover {
	background:#FFFFFF;
	display:inline-block;
	list-style:none;
	margin:0 10px 0 0;
	cursor:pointer;
	border:none;
	color:#16afc7;
}
.button2:hover:before {
	border-left:1px #ed3237 solid;
	border-top:1px #ed3237 solid;
	height:100%;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	display: block;
	content: "";
	z-index: 2;
	list-style:none;
-webkit-transition: height .5s .4s, width .2s, color .2s;
 transition: height .5s .4s, width .2s, color .2s;
}
.button2:hover:after {
	border-right:1px #ed3237 solid;
	border-bottom:1px #ed3237 solid;
	height:100%;
	width:100%;
	float:right;
	position:absolute;
	right:0;
	display: block;
	content: "";
	z-index: 2;
	bottom:0px;
 -webkit-transition: height .5s .4s, width .2s, color .2s;
 transition: height .5s .4s, width .2s, color .2s;
}
.button2:active, .button2.is-checked {
	background-color: #16afc7;
}
#portfolio .isotope {
	margin:60px 0 0 0;
}
/* clear fix */
#portfolio .isotope:after {
	content: '';
	display: block;
	clear: both;
}
/* ---- .element-item ---- */
.element-item > * {
	padding:5px;
	list-style:none;
	border:2px solid #e25b24;
	border-radius:5px;
	margin:5px;
}
.element-item .name {
	position: absolute;
	left: 10px;
	top: 60px;
	text-transform: none;
	letter-spacing: 0;
	font-size: 12px;
	font-weight: normal;
}
.element-item .symbol {
	position: absolute;
	left: 10px;
	top: 0px;
	font-size: 42px;
	font-weight: bold;
	color: white;
}
.element-item .number {
	position: absolute;
	right: 8px;
	top: 5px;
}
.element-item .weight {
	position: absolute;
	left: 10px;
	top: 76px;
	font-size: 12px;
}
.element-item {
	position: relative;
	float: left;
	width: 25%;
	height: auto;
	color: #262524;
}
.main_box.user_style10 {
	width:100%;
}
.element-item img {
	width:100%;
}
.element-item.business > li {
	list-style:none;
}

.indi{text-align:center;font-weight:700;}
.indi-red{color:#FF0000;display:inline;}
.table-inquiry{font-weight:700;}
.table-inquiry td{padding:10px 0 0 0;}
  
    



   

    
    
    









@media (max-width:320px) {
.header-top-part .top-box {width:100%; height:auto; background-color:#e25b24; left:0%; background-image:none;}

.header-top-part  .top-right {float:none !important; width:100% !important;}

.header-bottom .logo {
    margin: 120px 0px -43px 0px !important;
}

.header-bottom .right-part {display:none;}

.welcome .btn {margin: 20px 0px 16px 0px;}

.welcome .site {
    margin: 10px 0px 30px 0px;
}

.about-us span .btn {
    right: 17% !important;
}

.footer-bottom .right-side {
    float:none; text-align:center;
}

.products span .btn{right:23%;}

.parallax {min-height:900px;}

.parallax span .btn {right:15% !important;}

.header-top-part .language{margin:5px 0px 5px 0px;}

}
@media (max-width:767px) {
.header-top-part .top-box {width:100%; height:auto; background-color:#e25b24; left:0%; background-image:none; text-align:center;}

.header-top-part  .top-right {float:none !important; width:100% !important;}

.header-top-part .top-box .phone {color:#FFFFFF; margin:5px 0px 10px 0px; font-size:15px}

.welcome h2 { margin: -17px 0px 10px 0px;}
   
.header-bottom .right-part {display:none;}

.header-bottom .logo {
    margin: 150px 0px -43px 0px !important;
}

.element-item{ width:100% !important;}

.about-us span .btn {
    right:37%;
}

.footer-bottom .right-side {
    float:none; text-align:center;
}

.ImageWrapper .StyleV span:nth-of-type(1) {
    left: 52%;
}

.parallax {min-height:900px;}

.parallax span .btn {right:35%;}

.header-top-part .language{margin:5px 0px 5px 0px;}



}

@media (max-width:768px) {

.header-top-part .top-box {width:100%; height:auto; background-color:#e25b24; left:0%; background-image:none; text-align:center;}


.header-top-part .top-box .phone {color:#FFFFFF; margin:5px 0px 10px 0px; font-size:15px}

.about-us span .btn {
    right:36%;
}

.header-bottom .right-part {
    width: 84%;
}

.header-top-part .top-right {width: 172px; margin:0px 0px 0px 5px;}

.header-top-part .top-box .social-icon a {height: 25px; line-height: 23px; width: 25px;}
    

}
@media (min-width:769px) and (max-width:1023px) {

.header-top-part .top-box {width:100%; height:auto; background-color:#e25b24; left:0%; background-image:none; text-align:center;}


.header-top-part .top-box .phone {color:#FFFFFF; margin:5px 0px 10px 0px; font-size:15px}

.about-us span .btn {
    right:36%;
}

.header-bottom .right-part {
    width: 84%;
}

.header-top-part .top-right {width: 172px; margin:0px 0px 0px 5px;}

.header-top-part .top-box .social-icon a {height: 25px; line-height: 23px; width: 25px;}

}

@media screen and (max-width:990px){

.element-item{ width:50%;}

.header-top-part .top-box {width:100%; height:auto; background-color:#e25b24; left:0%; background-image:none; text-align:center;}

.header-bottom .logo {
    margin: 50px 0px 17px 0px;
}

.header-top-part .top-box .phone {color:#FFFFFF; margin:5px 0px 10px 0px; font-size:15px}

.about-us span .btn {
    right:36%;
}

.header-bottom .right-part {
    width: 84%;
}

}

.about-us .products .box {width:100%; border-radius:15px; background-color:#e15c23; text-align:center; margin:28px 0px 0px 0px;}

.about-us .products .box .img-responsive {text-align:center; vertical-align:middle; margin:0 auto; width:100%; -webkit-border-top-left-radius: 11px;
-webkit-border-top-right-radius: 11px;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
border-top-left-radius: 11px;
border-top-right-radius: 11px;}

.about-us .products .box .img-responsive:hover {transform: scale(1.0); transition:1s all;}

.about-us .products .line2 {background-color:#000000; height:5px;}

.about-us .products h2 a{font-size:22px; color:#FFFFFF; font-weight:500; margin:10px 0px 0px 0px;}

.about-us .products h2 a:hover{color:#000000; transition: all ease 0.5s;}

.about-us .products p {font-size:13px; color:#FFFFFF; line-height:23px; text-align:center;}

.about-us .products .btn {color:#FFFFFF; font-size:13px; background:#000000; padding: 7px 30px 7px 30px; text-decoration: none; border-radius:20px; margin:10px 0px 20px 0px; border:none;}

.about-us .products .btn:hover {text-decoration: none; color:#e15c23; background-color:#FFFFFF; transition: all ease 0.5s;}

#myModal .contact__form .form-control {margin-bottom:10px; border:1px solid #000000;}

#myModal .contact__form .btn-success {margin-top:10px;}