@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'segoe_uiregular';
    src: url('../fonts/segoeui-webfont.eot');
    src: url('../fonts/segoeui-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/segoeui-webfont.woff') format('woff'),
         url('../fonts/segoeui-webfont.ttf') format('truetype'),
         url('../fonts/segoeui-webfont.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'segoe_uilight';
    src: url('../fonts/segoeuil-webfont.eot');
    src: url('../fonts/segoeuil-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/segoeuil-webfont.woff') format('woff'),
         url('../fonts/segoeuil-webfont.ttf') format('truetype'),
         url('../fonts/segoeuil-webfont.svg#segoe_uilight') format('svg');
    font-weight: normal;
    font-style: normal;

}
  

body{margin:0px; padding:0px; font-family: 'segoe_uiregular';}
.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}
.blueFont{color:#2f3293;}
.orangeFont{color:#f78222;}
.whiteFont{color:#fff}
.marginL{margin-left:20px;}
.marginT{margin-top:30px;}
.marginB{margin-bottom:20px}
.marginR{margin-right:20px}
.borderBtm{border-bottom:#999 solid 1px;}

h1, h2, h3{font-weight:bold;  margin-bottom:10px;  font-family: 'segoe_uilight'; }
h1{font-size:40px;}
h2{font-size:32px;}
h3{font-size:26px;}
h4{font-size:18px; font-weight:normal}



.baseSlider{ background:#999 ;  top: 0; left: 0; right: 0; bottom: 0; position:fixed; 
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index:-1 }

.baseSlider2{ position:relative; width:100%; height:340px; }


.header{height:100px; position:fixed; width:100%; background:rgba(255,255,255,0.7);  display:block; z-index:999;}
.header2{background:rgb(255,255,255); box-shadow:#CCC 2px 2px 2px}
.header .companyLogo{background:url(../images/logo.png); width:350px; height:65px; display:block; margin-left:20px; margin-top:10px; cursor:pointer}

.header .topRight{margin-top:15px; margin-right:20px;}
.header ul.nav{  font-size:15px; border-radius:5px;  }
.header ul.nav li{display:inline; float:left; background:#2f3293; padding:12px 0px; color:#fff; border-right:#4145c1 solid 1px}
.header ul.nav li a{text-decoration:none; color:#fff; padding:12px 15px; }
.header ul.nav li:hover{background:#000;}
.header ul.nav li.active{background:#f78222;}
.header ul.nav li:first-child{border-top-left-radius:3px; border-bottom-left-radius:3px; padding-left:5px}
.header ul.nav li:last-child{border-top-right-radius:3px; border-bottom-right-radius:3px; padding-right:5px;  border-right: 0px}

.header ul.nav li ul.subMenu{position:absolute; display:none; font-size:13px; padding-top:12px}
.header ul.nav li:hover ul.subMenu{display:block; }
.header ul.nav li ul.subMenu li{display:block; float:none;  border-bottom:#4145c1 solid 1px; padding:0px 0px;}
.header ul.nav li ul.subMenu li a{text-decoration:none; color:#fff; padding:10px 15px; display:block; }

.header ul.nav li ul.subMenu li:first-child{border-top-left-radius:0px; border-bottom-left-radius:0px; }
.header ul.nav li ul.subMenu li:last-child{border-top-right-radius:0px; border-bottom-right-radius:0px;}


.category{bottom:0; position:fixed; width:100%; margin:0 auto; height: 350px;}

.categoryListing{background:rgba(0,0,0,0.9); width:43%; height:100px; display:block; margin:0 25px; color:#2f3293; font-size:30px;
	padding:0px 30px; line-height:100px; overflow:hidden; transition-property: height; transition-duration: 0.3s; transition-timing-function: linear; 
	transition-delay: 0s; bottom:0;	border-top-left-radius:5px;	border-top-right-radius:5px;}
.categoryListing:hover{}
.categoryListing p{font-size:15px; color:#CCC; line-height:20px;}
.categoryListing .link{background:#2f3293; padding:10px 20px; color:#fff; font-size:20px; float:left; margin-top:30px; cursor:pointer; border-radius:5px; line-height:20px; }

.listing1{position:absolute}
.listing2{position:absolute; right:0}
.listing1:hover{ height: 290px;}
.listing2:hover{ height: 290px;} 

.imgOpacity{opacity:0.2; filter: alpha(opacity=20);}

.contentPanel{ top:100px; position:absolute; padding:40px 50px 30px 50px; color:#333; font-size:14px; height:65%; bottom:0; width: 93.5%; overflow:auto; bottom:60px }
.contentPanel p{margin:20px 0px; line-height:20px;}

.container33{width:31%;}

.sectionStyle2 .container24{width:23%; border-right:#999 solid 0px; }
.sectionStyle2:last-child.container24{ padding-right:0px !important}

.container24 h4{font-weight:bold}

.productList .list{margin-right:30px; text-align:center; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; overflow:hidden; }

.productList .list h3{ position:absolute; font-weight:normal; width:150px; height:25px; margin:0 auto; padding-top:170px; font-size: 18px; }

.roundBox{  border:#CCC solid 10px; width:150px; height:150px; border-radius:100%; -webkit-border-radius:100; -moz-border-radius:100; -o-border-radius:100; margin-bottom:50px; }
 
.productList .list:hover{ z-index:999; -webkit-transform: scale(1.1); -moz-transform: scale(1.1);  -ms-transform: scale(1.1); -o-transform: scale(1.1);   
    transform: scale(1.1); cursor:pointer}
	
.productList .list:hover h3{color:#fff; font-size:20px; padding-top:65px;
	-webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;}
.productList .list:hover .roundBox .blackBg{width:100%; height:100%; background-color:rgba(0,0,0,0.0); margin:0px; padding:0px}
.productList .list:hover .roundBox .blackBg{ background-color:rgba(0,0,0,0.8)}
.footer{ bottom:0; position:fixed; padding:20px 30px; color:#333; background:#FFF; width:96.5%; color:#999; box-shadow:#CCC 2px -2px 3px }

.roundboxStyle1{background:#CCC; width:200px; height:200px; border-radius:100%; overflow:hidden; border:#FFF solid 8px; box-shadow:#CCC 2px 2px 3px; margin-bottom:30px }
.boxCotainerStyle1{background:#CCC; width:95%; height:100px; border-radius:5px; border:#FFF solid 5px; box-shadow:#CCC 2px 2px}
.marbleMines{background:url(../images/mines.png) no-repeat; width:100%; height:auto; background-size:100%; height:100%;}
.vision{background:url(../images/vision.png) no-repeat; width:100%; height:auto; background-size:100%; height:100%}
.quality{background:url(../images/quality.png) no-repeat center center; width:100%; height:auto; background-size:100%; height:100%}
.marketing{background:url(../images/marketing.png) no-repeat center center; width:100%; height:auto; background-size:100%; height:100%}
.clientSatisfaction{background:url(../images/clientSatisfaction.png) no-repeat center center; width:100%; height:auto; background-size:100%; height:100%}
.packaging{background:url(../images/packaging.png) no-repeat center center; width:100%; height:auto; background-size:100%; height:100%}
.shipping{background:url(../images/shipping.png) no-repeat center center; width:100%; height:auto; background-size:100%; height:100%}
.expertise{background:url(../images/expertise.png) no-repeat center center; width:100%; height:auto; background-size:100%; height:100%}
.marketRepute{background:url(../images/marketRepute.png) no-repeat center top; width:100%; height:auto; background-size:100%; height:100%}


.sliderDiv{width:96%; height:68%; display:block; background:#333; position:fixed; top:130px;  left:-100%; z-index:9999; border-radius:5px;}
.sliderDiv .container{padding:40px; width:94%; margin:0 auto; color:#CCC; position:relative}
.closeBtn{width:25px; height:25px; background:#FFF; border-radius:100%; cursor:pointer; text-align:center; font-weight:bold; line-height:24px; top:-6px; position:absolute; right:-6px; border:#333 solid 1px}
.sliderDiv .container .leftPanel{width:60%; height: 76%;
overflow-x: hidden;
overflow-y: auto;}
.sliderDiv .container .rightPanel{width:35%; min-height:200px; height:76%}
.sliderDiv .container .leftPanel2{width:30%}
.sliderDiv .container .rightPanel2{width:65%; min-height:200px; height:76%}
.leftPanel ul.list{margin:0px; padding:0px; list-style-type:none; margin-left:20px;}
.leftPanel ul.list li{margin-bottom:5px; list-style-type:circle}
a.link {text-decoration:none;}

a {text-decoration:none; color:#039}
a:hover {text-decoration:underline; color:#000}


/************************* minerals ****************************************/
.calcite{background-image:url(../images/minerals/calcite.jpg); background-size:100%; overflow:hidden;}
.dolomite{background-image:url(../images/minerals/dolomite.jpg); background-size:100%; overflow:hidden;}
.quartz{background-image:url(../images/minerals/quartz.jpg); background-size:100%; overflow:hidden;}
.talc{background-image:url(../images/minerals/talc.jpg); background-size:100%; overflow:hidden;}
.chinaClay{background-image:url(../images/minerals/chinaClay.jpg); background-size:100%; overflow:hidden;}
.pyrophyllite{background-image:url(../images/minerals/pyrophyllite.jpg); background-size:100%; overflow:hidden;}

/************************* minerals large ****************************************/
.calciteLarge{background:url(../images/minerals/calciteBig.jpg) no-repeat; width:100%; display:block; height:100%; background-size:auto 100%}
.dolomiteLarge{background:url(../images/minerals/dolomiteBig.jpg) no-repeat; width:100%; display:block; height:100%; background-size:auto 100%}
.quartzLarge{background:url(../images/minerals/quartzBig.jpg) no-repeat; width:100%; display:block; height:100%; background-size:auto 100%}
.talcLarge{background:url(../images/minerals/talcBig.jpg) no-repeat; width:100%; display:block; height:100%; background-size:auto 100%}
.chinaClayLarge{background:url(../images/minerals/chinaClayBig.jpg) no-repeat; width:100%; display:block; height:100%; background-size:auto 100%}
.pyrophylliteLarge{background:url(../images/minerals/pyrophylliteBig.jpg) no-repeat; width:100%; display:block; height:100%; background-size:auto 100%}



/************************* natural stones ****************************************/
.blackAbsolute{background-image:url(../images/naturalStones/blackAbsolute.jpg); background-size:100%; overflow:hidden;}
.blackGalaxy{background-image:url(../images/naturalStones/blackGalaxy.jpg); background-size:100%; overflow:hidden;}
.indianJuprana{background-image:url(../images/naturalStones/indianJuprana.jpg); background-size:100%; overflow:hidden;}
.jhansiRed{background-image:url(../images/naturalStones/jhansiRed.jpg); background-size:100%; overflow:hidden;}
.newImperialRed{background-image:url(../images/naturalStones/newImperialRed.jpg); background-size:100%; overflow:hidden;}
.raniwadaYellow{background-image:url(../images/naturalStones/raniwadaYellow.jpg); background-size:100%; overflow:hidden;}
.rawSilkPink{background-image:url(../images/naturalStones/rawSilkPink.jpg); background-size:100%; overflow:hidden;}
.rosyPink{background-image:url(../images/naturalStones/rosyPink.jpg); background-size:100%; overflow:hidden;}
.visconWhite{background-image:url(../images/naturalStones/visconWhite.jpg); background-size:100%; overflow:hidden;}
.vizagBlue{background-image:url(../images/naturalStones/vizagBlue.jpg); background-size:100%; overflow:hidden;}
.premiumBlack{background-image:url(../images/naturalStones/premiumBlack.jpg); background-size:100%; overflow:hidden;}

/************************* natural stones large ****************************************/
.BALarge, .BGLarge, .IJLarge, .JRLarge, .NIRLarge, .RYLarge, .RSPLarge, .RPLarge, .VWLarge, .PBLarge, .VBLarge{width:100%; display:block; height:100%; background-size:100& auto}
.BALarge{background-image:url(../images/naturalStones/large/blackAbsolute.jpg); }
.BGLarge{background-image:url(../images/naturalStones/large/blackGalaxy.jpg); }
.IJLarge{background-image:url(../images/naturalStones/large/indianJuprana.jpg); }
.JRLarge{background-image:url(../images/naturalStones/large/jhansiRed.jpg); }
.NIRLarge{background-image:url(../images/naturalStones/large/newImperialRed.jpg); }
.RYLarge{background-image:url(../images/naturalStones/large/raniwadaYellow.jpg); }
.RSPLarge{background-image:url(../images/naturalStones/large/rawSilkPink.jpg); }
.RPLarge{background-image:url(../images/naturalStones/large/rosyPink.jpg); }
.VWLarge{background-image:url(../images/naturalStones/large/visconWhite.jpg); }
.VBLarge{background-image:url(../images/naturalStones/large/vizagBlue.jpg); }
.PBLarge{background-image:url(../images/naturalStones/large/premiumBlack.jpg); }

input[type=text], textarea{border:#999 solid 1px; height:20px; line-height:20px; padding:5px; margin-bottom:10px; width:250px; font-family:Arial, Helvetica, sans-serif}
textarea{height:60px; resize:none}

input[type=submit], input[type=button]{background:#2f3293; border:#999 solid 1px; height:30px; line-height:20px; padding:5px 15px; font-family:Arial, Helvetica, sans-serif; color:#fff;}

.selectLanguage{margin-bottom:10px; text-align:right;}
.selectLanguage a img{ vertical-align:top; border:#CCC solid 1px; font-size:13px}
.selectLanguage select{border:#CCC solid 1px; height:18px; vertical-align:top; font-size:10px}
.btn1{padding: 12px 25px;  font-size: 24px; color: #000; margin-top: 30px; }
.btn1 a{color:#2f3293}

.sizeList{margin-top:10px; }
.sizeList li{ display:block; list-style-type:none; padding:2px 0px }


.icon{background:url(../images/social-link.png); width:32px; height:32px; display:inline-block; vertical-align:middle}
.twitter{background-position:0px 0px}
.facebook{background-position:0px 68px}
.linkedin{background-position:0px 35px}

@-webkit-keyframes smallToBig{
    from { -webkit-transform: scale(0.1);}
    to { -webkit-transform: scale(1);}
}
@-moz-keyframes smallToBig{
    from { -moz-transform: scale(0.1);}
    to { -moz-transform: scale(1);}
}
@-ms-keyframes smallToBig{
    from { -ms-transform: scale(0.1);}
    to { -ms-transform: scale(1);}
}


@-webkit-keyframes moveFromBottom {
    from { -webkit-transform: translateY(200%) scale(0.5); opacity: 0;}
    to { -webkit-transform: translateY(0%) scale(1); opacity: 1;}
}
@-moz-keyframes moveFromBottom {
    from { -moz-transform: translateY(200%) scale(0.5); opacity: 0; }
    to { -moz-transform: translateY(0%) scale(1); opacity: 1; }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -ms-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}


@media only screen 
and (min-width : 800px) 
and (max-width : 1100px) {
.header ul.nav li a{text-decoration:none; color:#fff; padding:12px 10px;}
h1{font-size:40px;}

.header ul.nav li{display:inline; float:left;  padding:12px 0px; color:#fff;}
.header ul.nav li a{text-decoration:none; color:#fff; padding:12px 10px; font-size:13px}



}