/* reset css */
body{margin: 0; font-family: 'robotoregular'; font-weight: normal; font-size: 14px; color: #333; background: url(../img/sdr-bg.jpg) repeat-x left top #FFF; background-attachment: fixed;}
input, select, fieldset, textarea{font-family: 'open_sansregular'; font-weight: normal; font-size: 14px; border: 0; outline: 0; resize: none; color: #333;}
p{margin: 0; padding: 2px 0; font-weight: normal; font-size: 14px; font-family: 'robotoregular'; color: #333;}
img{border: none; outline: none;}
a{display: inline-block; text-decoration: none; outline: none; cursor: pointer; transition: all 0.4s;}
ul, ol, li{padding: 0; margin: 0; list-style: none; font-family: 'robotoregular';}
.clear{clear: both;}
/* -- heading -- */
h1, h2, h3, h4, h5, h6{margin: 0; font-family: 'ralewayregular';}
h1{font-size: 24px;}
h2{font-size: 20px;}
h3{font-size: 16px;}
/* --under-line-- */
.under-line{margin: 4px 0; width: 100%; height: 1px; overflow: hidden; border-bottom: 1px dashed #ccc;}
/* --fix-wrapper-- */
.fix-wrapper{margin: 0 auto; width: 980px;}
@media screen and (max-width: 980px){
    .wrapper .hdr-cntr{width: 980px;}
    .wrapper .nav-cntr{width: 980px;}
    .wrapper .sdr-cntr{width: 980px;}
    .wrapper .sdr-cntr-inn{width: 980px;}
    .wrapper .txt-cntr{width: 980px;}
    .wrapper .ftr-cntr{width: 980px;}
    .wrapper .txt-cntr-inn{width: 980px;}
    .wrapper .contno-cntr{width: 980px;}
    .wrapper .cont-cntr{width: 980px;}
}
/* --fonts-- */
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
	 url('../fonts/opensans-regular-webfont.woff') format('woff'),
	 url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/Raleway-Regular-webfont.eot');
    src: url('../fonts/Raleway-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Raleway-Regular-webfont.woff') format('woff'),
         url('../fonts/Raleway-Regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*--------------------------------------------index page css--------------------------------------------*/
/*--------------------------nav-cntr---------------------*/
.nav-cntr{padding: 2px 0 3px; width: 100%; background: #ff6666; box-shadow: 0 2px 2px #EEE;}
	/*----------------------nav-Box----------------------*/
	.nav-Box{display: block;}
    .nav-lft{float: left;}
    .nav-rgt{padding: 3px 5px 0 0; float: right;}
    .nav-lft li{padding-right: 2px; float: left; text-align: center;}
    .nav-lft li a{padding: 5px 0px; width: 130px; color: #FFF; background: rgba(255,255,255,0.5); border-radius: 2px;}
    .nav-lft li a:hover, .nav-lft li a.active{color: #ff6666; background: rgba(255,255,255,0.95);}
    .nav-rgt a{margin-left: 8px; float: left; width: 24px; height: 24px; border-radius: 100%; box-shadow: 0 2px 2px #cc0000; overflow: hidden;}
    .nav-rgt a:hover{background: #cc0000;}
/*--------------------------hdr-cntr---------------------*/
.hdr-cntr{padding: 10px 0px; width: 100%;}
	/*----------------------hdr-Box----------------------*/
    .hdr-Box{display: block;}
    .hdr-lft{padding-left: 10px; float: left;}
    .hdr-rgt{padding: 48px 5px 0 0; float: right;}
    .hdr-lft a{margin-right: 10px; float: left; font-size: 40px; color: #ff6666; font-family: "Times New Roman", Times, serif; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 2px 2px #CCC;}
    .hdr-lft a span{font-size: 32px;}
    .hdr-rgt li{text-align: right; color: #999;}
    .hdr-rgt li img{margin-right: 8px;}
    .hdr-rgt li a{color: #ff6666;}
    .hdr-rgt li a:hover{color: #009999;}
/*--------------------------sdr-cntr---------------------*/
.sdr-cntr{padding: 5px 0; width: 100%; height: 300px; background-color: #f8f8f8; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;}
	/*----------------------sdr-Box----------------------*/
    .sdr-Box{display: block; position: relative;}
    .sdr-Box span{border-radius: 6px; overflow: hidden;}
/*--------------------------txt-cntr---------------------*/
.txt-cntr{width: 100%;}
	/*----------------------txt-Box----------------------*/
    .txt-Box{padding: 20px 0;}
	.txt-lft{padding-left: 10px; width: 750px; float: left; text-align: justify;}
	.txt-rgt{padding-right: 10px; width: 182px; float: right; margin-top: 62px; text-align: center;}
	.txt-lft h2{font-size: 30px; color: #cc0000; text-transform: capitalize; font-weight: normal;}
	.txt-lft p{padding: 10px 0; color: #333;}
	.txt-rgt a{padding: 8px 40px; margin-top: 38px; display: inline-block; color: #FFF; background-color: #ff6666; color: #FFF; border: 1px solid #cc0000;}
	.txt-rgt a:hover{background-color: #F5F5F5; color: #cc0000; border-color: #ff6666;}
    .prod-Box{padding-bottom: 25px; display: block;}
    .prod-Box li:nth-child(1) h3{background: #9C3;}
    .prod-Box li:nth-child(2) h3{background: #FC3;}
    .prod-Box li:nth-child(3) h3{background: #F63;}
    .prod-Box li:nth-child(4) h3{background: #00bff3;}
    .prod-Box li:nth-child(5) h3{background: #cc66cc;}
    .prod-tile{margin: 0 2px; float: left; width: 156px; background: #f8f8f8; border: 1px solid #EEE; border-radius: 2px;}
    .prod-tile h3{margin: 1px; padding: 2px 10px; text-transform: uppercase; font-size: 16px; font-family: 'robotoregular'; font-weight: normal; color: #FFF; background: #009999; border-radius: 2px;}
    .prod-tile li{border-bottom: 1px solid #EEE;}
    .prod-tile li:last-child{border-bottom: none;}
    .prod-tile li a{padding: 5px 0 5px 20px; display: block; color: #666; background: url(../img/arrow.png) no-repeat 2px center;}
    .prod-tile li a:hover{padding: 5px 0 5px 25px; color: #009999; background: url(../img/arrow.png) no-repeat 5px center #FFF;}
/*--------------------------ftr-cntr----------------------*/
.ftr-cntr{width: 100%; border-top: 2px solid #ff6666; background-color: #2A2A2A;}
    /*----------------------ftr-Box----------------------*/
    .ftr-Box{padding: 15px 0 0px; display: block; text-shadow: 0px 1px 0px #111;}
	.ftr-center{padding-bottom: 10px; text-align: center;}
	.ftr-center ul{padding-bottom: 10px; display: inline-block; border-bottom: 1px dashed #353535;}
	.ftr-center li{padding: 0 20px; float: left; text-transform: uppercase; border-right: 1px solid #666;}
	.ftr-center li:first-child{padding-left: 0;}
	.ftr-center li:last-child{border:none; padding: 0 0 0 20px;}
	.ftr-center a{display: inline-block; color: #ff6666;}
	.ftr-center a:hover{color: #FFF;}
	.ftr-center p{padding-top: 10px; color: #fafafa; font-size: 14px;}
	.ftr-center .blue{color: #ff6666;}
	.ftr-lft{float: left; width: 600px;}
	.ftr-lft p{color: #555; font-size: 12px;}
	.ftr-rgt{float: right; width: 200px;}
	.ftr-rgt p{display: inline-block; color: #555; font-size: 12px;}
	.ftr-rgt p a{color: #555;}
	.ftr-rgt p a:hover{color: #ff6666;}

/*--------------------------------------------inner page css--------------------------------------------*/
.txt-cntr-inn{padding: 20px 0; width: 100%; background: #f8f8f8;}
	.txt-Box-inn{padding: 10px 10px 0px; display: block; min-height: 300px;}
    .txt-Box-inn h2{margin-bottom: 10px; padding: 0 10px 2px 10px; color: #ff6666; border-bottom: 1px dashed #ffb3b3; text-transform: uppercase;}
    .txt-Box-inn p{padding: 0 10px 2px 10px; text-align: justify; line-height: 25px;}
    .bold{font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
    .border{border-bottom: 1px dotted #DDD;}
    .txt-Box-inn li{padding-left: 40px; background: url(../img/arrow.png) no-repeat 10px center;}
    .txt-lft-inn{width: 280px; float: left;}
    .txt-lft-inn h3{text-transform: uppercase;}
    .txt-lft-inn li{padding: 1px 0 0 0; background-color: #ddd;}
    .txt-lft-inn li:first-child{padding: 0px;}
    .txt-lft-inn li a{padding: 6px 10px 6px 45px; display: block; color: #666; background: url(../img/arrow.png) no-repeat 20px center #f1f1f1;}
    .txt-lft-inn li a:hover{background-position: 26px center; color: #ff6666; background-color: #fff;}
    .txt-lft-inn ul{text-align:center; }
    .txt-lft-inn img{ padding:10px; border:8px solid #FFF; margin:20px 0;}
    .txt-rgt-inn{width: 660px; float: right;}
    .txt-rgt-inn .prod-desc{margin: 20px 0;}
    .txt-rgt-inn h2{margin-bottom: 10px; padding: 0px 5px; color: #ff6666; border-bottom: 1px dashed #ffb3b3; text-transform: uppercase;}
    .txt-rgt-inn h3{margin: 0 5px 5px; padding: 5px; color: #666; font-size: 16px; font-family: Arial, Helvetica, sans-serif; border: 1px dashed #ffb3b3; border-radius: 5px;}
    .txt-rgt-inn p{padding: 0 2px 0 6px; line-height: 20px;}
    .txt-rgt-inn table{margin: 6px; border-collapse: collapse;}
    .txt-rgt-inn tr td{padding: 2px 5px; border: 1px dashed #DDD;}
    .txt-rgt-inn tr td:nth-child(2){width: 160px;}
    .txt-rgt-inn tr td li{padding: 0 0 0 20px; background-position: left 5px;}
    .txt-rgt-inn .heading{color: #cc0000;}

/*------------------------------------contact enquiry pages------------------------------------*/
.contno-cntr{padding: 30px 0; width: 100%; background: #F9F9F9;}
	.contno-Box{display: block; text-align: center;}
.cont-cntr{padding: 20px 0 10px; width: 100%; -moz-box-shadow: inset 0 -10px 10px -10px #666; -webkit-box-shadow: inset 0 -10px 10px -10px #666; box-shadow: inset 0 -10px 10px -10px #666;}
	.cont-Box{padding: 20px 20px 20px; display: block; min-height: 200px; background: rgba(255,255,255,0.5); min-height: 280px;}
	.cont-Box .lft-cntr{width: 300px; min-height: 245px; background: url(../img/img-shadow.png) no-repeat center bottom; float: left;}
	.cont-Box .rgt-cntr{width: 604px; float: right;}
	.cont-Box .lft-cntr h2{padding-left: 2px; padding-bottom: 4px; color: #ff6666; border-bottom: 1px dashed #ffb3b3; text-transform: uppercase;}
	.cont-Box .rgt-cntr h2{margin-bottom: 15px; padding-bottom: 4px; padding-left: 2px; color: #ff6666; border-bottom: 1px dashed #ffb3b3; text-transform: uppercase;}
    .cont-Box .rgt-cntr iframe{width: 600px; height: 186px; float: right; border: 1px solid #DDD;}
	/*------------------form-Box------------------*/
	.form-Box{width:662px; display: block; margin: 0 auto;}
	.form-Box h2{margin-bottom: 15px; padding-bottom: 4px; color: #ff6666; border-bottom: 1px dashed #ffb3b3; text-transform: uppercase;}
	.text-field{display: block; margin-bottom: 5px;}
	.form-Box input[type="text"]{padding: 10px 10px; width: 640px; height: 16px; border-radius: 2px; border: 1px solid #D4D4D4; background: #fff;}
	.form-Box input[type="email"]{padding: 10px 10px; width: 640px; height: 16px; border-radius: 2px; border: 1px solid #D4D4D4; background: #fff;}
	.form-Box input[type="tel"]{padding: 10px 10px; width: 640px; height: 16px; border-radius: 2px; border: 1px solid #D4D4D4; background: #fff;}
	.form-Box textarea{padding: 10px 10px; margin-bottom: 10px; width: 640px; height: 100px; font-size: 14px; border-radius: 2px; border: 1px solid #D4D4D4; background: #fff;}
	.form-Box input[type="button"]{padding: 6px 40px; float: right; cursor: pointer; color: #FFF; transition: all 0.5s; border-radius: 2px; background: #ff6666; border: 1px solid transparent;}
	.form-Box input[type="button"]:hover{background: #ffb3b3;}
	.form-Box input:focus{border: 1px solid #ffb3b3;}
	.form-Box textarea:focus{border: 1px solid #ffb3b3;}
	/*------------------add-Box------------------*/
	.adrs-Box{display: block;}
	.adrs-detail{display: block;}
	.adrs-info{margin: 10px 0; display: block;}
	.adrs-lft{float: left; width: 70px; text-align: right;}
	.adrs-rgt{float: right; width: 220px;}
	.adrs-rgt li{padding: 0; font-size: 14px; background-image: none;}
	.adrs-rgt li:hover{color: inherit;}
	.adrs-lft .bg-tel{padding: 0px 0 5px 5px; font-size: 14px;}
	.adrs-lft .bg-email{padding: 0px 0 5px 5px; font-size: 14px;}
	.adrs-lft .bg-add{padding: 0px 0 5px 5px; font-size: 14px;}
	.adrs-rgt li a{display: inline-block; color: #ff6666;}
	.adrs-rgt li a:hover{color: #ffb3b3;}
#back-top {
	position: fixed;
	bottom: 30px;
	right: 9%;
}
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: #666 url(../img/up-arrow.png) no-repeat center center;
	transition: all 0.5s;
}
#back-top a:hover span{
	background-color: #222;
}