@import url(http://fonts.googleapis.com/css?family=Fjalla+One);

* { margin:0; padding:0;box-sizing: border-box;}

/*sample-2 page css start here*/
.item-block{width:245px;float:left;padding:5px 5px 5px 5px; border:1px outset #b2acfc;margin-bottom: 5px;}
.item-block img{width: 100%;}
.item-block img.enquiryBtn{width: auto;margin-top: 5px;}
.item-block>a{display: block;text-align:center;border:0px solid #e1e1e1;margin-right:0px;padding:1px;overflow:hidden;}
.item-block>h2>a{text-decoration:none;color:#b9292a;}
.item-block>ul>li{ list-style:circle;}
.item-block>ul>li>a{padding:2px 0;display:block;color:#000;}
.item-block:hover{background:#d1d8f9;}
.item-block>ul>li>a:hover{color:#d1d1d1;}
.product-block{border:1px solid #ececec; padding:20px 0px 10px 0px; border-left:none;border-right:none;}
.item-block h3 a{display: block;text-align: center;padding: 5px 0 10px;}
/*sample-2 page css end here*/

body{color:#24315c; background: #F7FAF9; } 
.cl{clear:both; } 
.header{background:#13a7a1 repeat-x; min-height:84px; padding-top: 6px; } 
.wrapper{margin:auto; width:984px; display: block; } 
.header .logo {float: left; width: 260px; } 
.header .mid {float: left; width: 460px; margin-left: 45px; } 
.header .rgt {float: right; width: 200px; } 
.header .rgt ul {list-style:none; float: right; } 
.header .rgt ul li {display:inline-block; float: left; } 
.header .rgt ul li a {color:#fff; } 
.header .rgt ul li a:hover {text-decoration:underline; } 
.social_net {float:right; width:190px; margin-top: 0px; text-align: right; } 
.nav{width:984px; margin:auto; } 
.nav .menu {background-image: url(../images/nav_bg.png); background-repeat: no-repeat; background-position: center bottom; width: 984px; margin: auto; } 
.nav .menu ul {list-style-type: none; margin: 0px; padding: 0px; } 
.nav .menu ul li {float: left; padding: 0 10px 14px; } 
.banner{padding-bottom: 0px; background:#f1eeee; padding-top: 0px; } 
.nav .menu {background-image: url(../images/nav_bg.jpg); background-repeat: repeat-x; background-position: center bottom; margin: 0; float: left; border-radius:3px; padding: 0 5px; } 
.nav .menu ul {list-style-type: none; margin: 0px; padding: 0px; } 
.nav .menu ul li {float: left; padding: 0 18px; display: block; background:url(../images/nav_line.png) no-repeat right center; } 
.nav .menu ul li.last {padding-right:0; background:none; } 
.nav .menu ul li a {color: #FFFFFF; text-decoration: none; font-size:15px; display: block; line-height: 40px; font-weight: 100; text-shadow: 0 1px 0 #00142c; font-family: Arial, Helvetica, sans-serif; } 
.nav .menu ul li a:hover, .menu ul li a.active {color: #1B2F27; text-decoration: none; } 
.contant_mid{width:100%; } 
.contant_mid{width:100%; padding: 30px 0 20px; } 
.contant_mid .wrapper{width:984px; margin:auto; } 
.contant_mid .wrapper .one_third{width:308px; margin-right:30px; float:left; } 
.contant_mid .wrapper .one_third.last{margin-right:0; } 
.contant_mid .wrapper .two_third{width:738px; margin-right:30px; float:left; } 
.contant_mid .wrapper .two_third.last{margin-right:0; } 
.contant_mid .wrapper .inner_lft {width:220px; margin-right:25px; float:left; } 
.contant_mid .wrapper .inner_lft h2 {margin:0; } 
.contant_mid .wrapper .inner_lft ul {list-style:none; margin-top:0px; background:url(../images/inner_lft_bg.png) repeat-y right bottom; padding-bottom:80px; } 
.contant_mid .wrapper .inner_lft li {list-style:none; padding:0; margin:0; } 
.contant_mid .wrapper .inner_lft li a{color:#014592; background:url(../images/arrow2.png) no-repeat 0px 12px; border-bottom: 1px dotted #CCCCCC; padding: 5px 0 5px 12px; display:block; line-height:20px;margin-bottom:0px; } 
.contant_mid .wrapper .inner_lft ul li ul {list-style:none; margin-top:0px; background:none; padding-bottom:0; } 
.contant_mid .wrapper .inner_lft ul li ul {list-style:none; margin-top:0px; background:none; line-height:24px; margin-bottom:3px; padding: 5px 0 0 10px; } 
.contant_mid .wrapper .inner_lft ul li li  {list-style:none; } 
.contant_mid .wrapper .inner_lft ul li li a {background:url(../images/arrow3.png) no-repeat 0px 13px; line-height:20px; padding:5px 0 5px 10px; color:#666666; border-bottom:1px dotted #CCCCCC; } 
.contant_mid .wrapper .inner_lft ul li li a:hover {color:#333; border-bottom:1px dotted #666; } 
.contant_mid .wrapper .inner_lft li ul {line-height:24px; background:none; margin-bottom:3px; padding: 5px 0 5px 10px; border-bottom: 0; color: #014592; } 
.contant_mid .wrapper .inner_rgt {width:730px; float:right; } 
.contant_mid h1{font-family: 'Fjalla One', sans-serif; padding: 0px 0px 8px 0px; font-weight:normal; color:#04B404; font-size:24px; margin-bottom: 10px; border-bottom: 1px dashed #666666; } .contant_mid h2{font-family: 'Fjalla One', sans-serif; padding: 0px 0px 8px 0px; font-weight:normal; color:#04B404; font-size:24px; margin-bottom: 10px; border-bottom: 1px dashed #666666; } .contant_mid h2 span{color:#444; font-family: 'Fjalla One', sans-serif; padding: 0px 0px 8px 0px; font-weight:normal; font-size:24px; } 
.contant_mid h4{font-family: 'Fjalla One', sans-serif; padding: 0px 0px 8px 0px; font-weight:700; color:#014592; font-size:16px; margin-bottom: 10px; border-bottom: 1px dashed #666666; } .contant_mid p{color:#555555; font-size:12px; line-height:1.5em; text-align:justify; } .contant_mid p strong{color:#444444; font-size: 13px; } 
.contant_mid .btn{background: url("../images/rd_btn.png") no-repeat scroll 0 0 transparent; float: right; font-size: 12px; height: 24px; padding: 3px 0 0 21px; width: 75px; color:#04B404; text-decoration:none; } .mrt_1{margin-top:30px !important; } 
.wrapper .col2 ul {margin: 30px 0px 0px 0px; padding: 0px; } 
.wrapper .col2 ul li {font-size:14px; padding: 5px 0 5px 30px; list-style: none; background:url(../images/ok_icon.png) no-repeat left 11px; } 
ul.list_1{list-style:none; margin-top:10px; } 
ul.list_1 li{line-height:24px; background:url(../images/arrow2.png) no-repeat 4px 12px; margin-bottom:3px; padding: 5px 0 5px 20px; border-bottom: 1px dotted #CCCCCC; color: #323232; } ul.list_2{list-style:none; margin: 10px 0 20px; float: left; margin-right: 30px; } 
ul.list_2 li{line-height:24px; background:url(../images/arrow2.png) no-repeat 4px 8px; margin-bottom:0px; padding: 0px 0 0px 20px; color: #444444; } 
.footer{background:#13a7a1; padding-bottom: 5px; } 
.footer .wrapper{width:984px; margin:auto; padding:10px 0; color:#FFFFFF; } 
.footer .one_fourth{width:216px; float:left; margin-right:40px; margin-top: 45px; } 
.footer .one_fourth.last{margin-right:0; }
.footer .one_fourth h2 {color:#fff; font-size:20px; font-weight:100; border-bottom: 1px solid; padding-bottom: 5px; margin-bottom: 10px; } 
.footer .one_fourth ul{list-style:none; margin-top:10px; } 
.footer .one_fourth ul li{line-height:18px; background:url(../images/arrow.png) no-repeat 6px 8px; margin-bottom:3px; padding: 2px 0 2px 16px; color: #014592; } 
.footer .one_fourth ul li a{color:#FFFFFF; } 
.footer .one_fourth ul li a:hover{color:#FFFFFF; } 
.footer .wrapper a {color: #415014; text-decoration: none; } 
.footer .wrapper a:hover {color: #333333; text-decoration: underline; } 
.footer .copyright {background:#fff; color: #00397e; padding: 5px 0; } 
.footer .copyright .lft {color:#333333; float:left; } 
.footer .copyright .rgt {color:#333333; float:right; } 
.footer .copyright .rgt a {color: #FA5023; text-decoration: underline; } 
.footer .copyright .wrapper a:hover {color: #333333; text-decoration: underline; } 
table {border:1px solid #d4d1d1; border-collapse:collapse; margin-bottom:20px; } 
table td {border:1px solid #d4d1d1; padding:3px 5px; text-align: center; } 
table td.bg1{background:#efefef; } 
.contact_rgt {float:left; margin-right:0; width:300px; } 
.contact_rgt .box {background:url(../images/inner_lft_bg.png) repeat-y right bottom; padding-right: 20px; padding-bottom:60px; margin-bottom: -10px; padding-top: 10px; } 
.contact_rgt ul {background:none; } 
.contact_rgt ul li {padding-left:38px; list-style:none; font-size: 14px; background:url(../images/footer_icon.png) no-repeat left -164px; } 
.contact_rgt ul li.mobile {background-position:left -63px; } 
.contact_rgt ul li.phone {background-position:left 5px; } 
.contact_rgt ul li.fax {background-position:left -99px; } 
.contact_rgt ul li.mail {background-position:left -133px; } 
.contact_rgt ul li.web {background-position:left -24px; } 
.contact_lft {float:right; width: 660px; } 
.contact_lft form {padding:0; margin:0; } 
.contact_lft form input, .contact_lft form textarea {border:1px solid #b5b5b5; float:left; width: 290px; margin: 10px 14px; padding: 3px 5px; font-size:14px; color:#636363; font-family:Arial, Helvetica, sans-serif; } 
.contact_lft form select{border:1px solid #b5b5b5; float:left; width: 300px; margin: 10px 14px; padding: 3px 5px; font-size:14px; color:#636363; font-family:Arial, Helvetica, sans-serif; } 
.contact_lft form textarea {width:620px; height:30px; } 
.contact_lft form input.btn{width:82px; border:0; background:none; float:right; padding:0; height:28px; }
.header-call{color:#F8F8F8;font-size:18px;text-align: right;}
.mobile-menu{display: none;background: #707070;font-size: 24px;color: #fff;padding: 5px 15px;text-align: right;border-bottom: 1px solid #fff;}
.mobile-menu i.fa{cursor: pointer;}
.enquiry-button{position:fixed;width:67px; height:178px; left:0; top:33%; z-index: 9;}
#contact_form1 input[type="image"]{line-height:27px; width:80px; background:#fff; border:none; color:#000;display: block;text-align: center;border-radius: 3px;height: 27px;}
.brochureCate{position:fixed; width:100px;left:0; top:33%; z-index: 9;}
.brochureCate a{display: block;}
.brochureCate a img{width: 100%;height: auto;}
.social_net div{display: inline-block;vertical-align: top;}
.mobileMenu { width: 100%; background: #000; color: #fff; cursor: pointer; font-size: 16px; padding: 8px 0; text-transform: uppercase; }
.table-responsive{overflow-x: auto;width: 100%;}
.inner_rgt.last .table-responsive table img{width: 100%;margin: 0 0 15px !important;}
.inner_rgt.last .table-responsive table img[src*="enq.jpg"]{width: auto;margin: 0 auto !important;}







/*media*/

@media (min-width: 992px) and (max-width: 1199px){
	.footer .wrapper,.contant_mid .wrapper,.wrapper{width: 960px;padding-left: 15px;padding-right: 15px;}
	.nav .menu{width: 960px;margin: 0 auto;float: none;}
	.contant_mid .wrapper .inner_lft,.contact_rgt{width: 26%;}
	.contant_mid .wrapper .two_third,.contant_mid .wrapper .inner_rgt,.contact_lft{width: 70%;}
	.footer .one_fourth{width: 210px;}
	.gallery-item{width: 142px;}
	.footer .one_fourth{margin-right: 30px;}
	.videoYouHome iframe{width: 49%;}
	.item-block{width: 325px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.footer .wrapper,.contant_mid .wrapper,.wrapper{width: 730px;padding-left: 15px;padding-right: 15px;}
	.nav .menu{width: 730px;margin: 0 auto;float: none;}
	.nav{width: 100%;}
	.contant_mid .wrapper .two_third,.contant_mid .wrapper .inner_rgt,.contact_lft{width: 63%;}
	.contant_mid .wrapper .inner_lft,.contact_rgt{width: 32%;}
	.contant_mid .wrapper .one_third{width: 100%;margin: 0 0 15px;}
	.footer .one_fourth{width: 47%;}
	.footer .one_fourth:nth-child(2){margin-right: 0;}
	.fixed-width-wrapper{width: 730px;padding: 0;}
	.box_skitter_home, .container_skitter{width: 722px;}
	.gallery-item{width: 127px;}
	.videoYouHome iframe{width: 49%;}
	.item-block{width: 220px;}
	.item-block h3 a{min-height: 60px;}
	.nav .menu ul li{padding: 0 8px;}
	.nav .menu ul li a{font-size: 14px;}
}

@media (max-width: 991px){
	.bottom-form,.bottom-form-area{width: 100%;}
	.fixed-width-wrapper img{width: 100%;}
	.contact_lft form textarea,.contact_lft form input, .contact_lft form textarea{width: 97%;margin: 0 0 10px;}
}

@media (max-width: 767px){
	.footer .wrapper,.contant_mid .wrapper,.wrapper{width: auto;padding:15px;}
	.fixed-width-wrapper{width: 100%;padding: 0 15px;}
	.mobile-menu{display: block;}
	.menu{display: none;}
	.nav{width: auto;}
	.nav .menu ul li{width: 100%;background: none;padding: 0;}
	.nav .menu ul li a{border-bottom: 1px solid #fff;padding: 0 15px;}
	.nav .menu{background: #707070;border-radius: 0;padding: 0;width: 100%;margin: 0 0 15px;}
	.contant_mid .wrapper .inner_lft,.contact_rgt{width: 100%;margin: 0;}
	.contant_mid{padding-top: 0;}
	.contant_mid .wrapper .inner_lft ul{padding-bottom: 20px;background-image: none;}
	.contant_mid .wrapper .two_third,.contant_mid .wrapper .inner_rgt,.contact_lft{width: 100%;}
	ul.list_2{margin: 0 0 15px;width: 100%;}
	.contant_mid .wrapper .one_third{margin: 0 0 15px;width: 100%;}
	.box_skitter_home, .container_skitter, .box_skitter .image img, .box_skitter .box_clone img{width: 100% !important;}
	.fixed-width-wrapper{padding: 0;width: 550px;}
	.footer .one_fourth{width: 46%;}
	.footer .one_fourth:nth-child(2){margin-right: 0;}
	.bottom-form,.bottom-form-area{width: 97%;}
	.flexdropdownmenu.jqflexmenu li a,.flexdropdownmenu.jqflexmenu{width: 92%;}
	.gallery-item a{display: block;width: 100%;}
	.gallery-item img{width: 100%;}
	.gallery-item{width: 20%;}
	.brochureCate{width: 80px;}
	.videoYouHome iframe{width: 49%;}
	.item-block{width: 33%;}
	.item-block h3 a{min-height: 60px;}
	#slider-shadow{background-image: none;}
}

@media (max-width: 580px){
	.fixed-width-wrapper{width: 450px;}
	.footer .one_fourth{width: 100%;margin: 0 0 20px;}
	.gallery-item{width: 27%;}
	.brochureCate{width: 60px;}
	.videoYouHome iframe{width: 100%;margin-bottom: 5px;}
	.item-block{width: 49%;}
	.header .logo{width: 150px;}
	.header .logo a{display: block;}
	.header .logo img{width: 100%;height: auto;}
	.header .rgt{width: calc(100% - 150px);}
	.header .rgt div{font-size: 12px !important;text-align: right;}
	.header .rgt ul li a{font-size: 11px;}
	.social_net{width: 100%;}
	.social_net div{width: 65px !important;}
	.social_net img{width: 20px;}
	.social_net a{display: inline-block;}
	.header .rgt ul li{padding-top: 0px;padding-bottom: 0px;}
	.header{padding-top: 0px;}
	.header .wrapper{padding-top: 10px;padding-bottom: 10px;}
	.inner_rgt.last img{width: 100%;margin: 0 0 15px !important;height: auto;}
	.inner_rgt.last img.pdfImg{width: auto;}
}

@media (max-width: 479px){
	.header-inner .logo img{width: 100%;}
	.fixed-width-wrapper{width: 370px;}
	.gallery-item{width: 43%;}
	.item-block{width: 100%;}
	.item-block h3 a{min-height: 15px;}
	.item-block img{height: auto;}
}

@media (max-width: 440px){
	.gallery-item{width: 41%;}
}

@media (max-width: 400px){
	.fixed-width-wrapper{width: 280px;}
	.box_skitter_home, .container_skitter, .box_skitter .image img, .box_skitter .box_clone img{width: auto !important;}
}

/* Min Width */
@media (min-width: 768px){
	.copyright{padding: 15px 0;}
	.mobileMenu{display: none;}
}