@charset "utf-8";
/* CSS Document */
.project{ width:340px; margin-top:20px; border:1px solid #ccc; padding:10px; float:left; margin-right:10px;}
.project img{ width:318px;}
.project h2{ margin-top:10px; color:#FC0; font-size:16px; font-weight:bold; background:#f2f2f2; padding:10px;}
.top-tellow-band{ background:#f9d410; height:32px;}
.main-container{ max-width:1050px; margin:auto;  }
.main-container p {padding:7px 5px; font-size:12px;}
.main-container a{ color:#337ab7;}
.top-search-form input[type="text"]{border:1px solid #ccc; width:250px; padding:2px; margin-top:10px; }
.top-search-form input[type="submit"]{border:0px; background:#f9d410; border:1px solid #f9d410; padding:2px 10px; color:#fff; font-weight:bold; }
.menu-bg{ background:url(../images/menu-bg.jpg) repeat-x; padding:20px; margin-top:20px !important}
.container-fluid{ padding:0px; margin:0px; }

.top-menu ul{ padding:0px 14px 1px 14px;}
.top-menu ul li{ float:left; display:block; height:47px;      border-right:1px solid #4f5b9d; } 
.top-menu ul li a{  color:#fff; line-height:48px; padding-left:25px; padding-right:25px;} 
.top-menu ul li a:hover{ background: #66C; text-decoration:none;}
.menu-active{ background:#66C;  }
.left-block{ background:url(../images/bg-heading.jpg) repeat-x top; border-bottom:4px solid #FC0; margin-bottom:20px;}
.left-block h2{ background:#fff; display:inline-block; margin:0px; margin-right:0px; font-family:Verdana, Geneva, sans-serif; color:#818bbc; text-transform:uppercase; font-weight:bold; font-size:25px;}
.text-block{ padding-right:20px; font-size:18px; color:#646464;}
.read-btn a{ color:#FC0; border:2px solid #FC0; padding:5px 15px;}
.read-btn a:hover{ border:2px solid #ccc; text-decoration:none; color:#ccc;}
.right-block-newsletter{ border:3px solid #818bbc; min-height:300px; margin-bottom:20px; border-radius:10px;}
.client-logo{ background:#f0f0f0; margin-top:10px;}
.get-in-touch{border:10px solid #f2f2f2; min-height:355px; margin-top:10px;}
.download{ background:#eceefb; padding:20px; height:90px; border-radius:10px; border-bottom:2px solid #d7dcf6; border-right:2px solid #d7dcf6; margin: 0px 15px; margin-bottom:30px;}
.download h2{ font-size:22px; margin:0px; padding:0px; color:#505780;}
.hot-block{ margin-bottom:2px; background:url(../images/hot-img01.jpg) no-repeat; display:block; width:498px; height:89px;}
.hot-block p{ text-align:left; margin-left:100px; padding-top:20px;}
.hot-block p strong{ font-size:20px; color:#FC0;}
.gallery{ border-top:5px solid #ccc; margin-top:20px; }
.gallery-text{ background:url(../images/galer01.jpg) no-repeat; width:302px; height:251px; margin-top:30px; margin-left:15px;}
.gallery-text h2{ color:#FC0;  font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; font-size:25px; }
.gallery-text p{ color:#FC0; text-align:left; font-weight:bold; padding:60px 20px 0px 20px;}
.slider{ margin-top:30px;}
.footer-wider{ background:url(../images/fot-bg.jpg) repeat-x; height:244px; margin-top:40px;}
.footer-left-text h2{ font-family:Verdana, Geneva, sans-serif; font-size:18px; padding-top:20px; color:#354179;}
.footer-left-text p{color:#354179;}
.footer-left-text ul{ margin-left:-40px; list-style:none;}
.footer-left-text ul li a{ font-size:12px; color:#354179;}
.footer-bottom{ background:#313859; color:#FC0; font-size:11px;  padding:10px;}
.footer-bottom a{ color:#FC0; padding-left:10px; padding-right:10px;}
.top-inner-left-category{ border:5px solid #FC0;  margin-top:20px;  background:#f2f2f2; }
.top-inner-left-category h2{ margin:0px; padding:5px 10px; font-weight:bold; font-size:18px; background:#FC0; color:#fff; }
.top-inner-left-category ul{ margin-top:20px; margin-left:-40px; }
.top-inner-left-category ul li{ border-bottom:1px solid #ccc; border-top:1px solid #fff; display:block; color:#999;   padding:8px 20px; font-size:12px; list-style:none;}
.top-inner-left-category ul li a:hover{ color:#FC0; text-decoration:none;}
.top-banner{ margin-top:20px;}
.top-heading{ border-bottom:1px solid #e2e2e2;}
.top-heading h2{ border-bottom:5px solid #3b457b; padding-right:50px; display:inline-block; margin-top:20px; margin-bottom:0px; color:#3b457b;}
.content-inner p { font-size:14px;}
.content-inner h3{ font-weight:bold; font-size:18px;}

.content-inner .ws_images  img{ width:350px !important; height:350px !important; border:2px solid #ccc!important; box-shadow:inset 2px 2px 2px 2px #666;}
.content-inner  span strong{ border-bottom:1px solid #ccc; display:block; padding:0px; margin:0px;}
#left-block-fixed{ width:320px; z-index:4000;}
.contact-inner-left-category{border:5px solid #3b457b;  margin-top:20px;  background:#fff;  }
.contact-inner-left-category form{ margin-top:20px;}
.contact-inner-left-category h2{margin:0px; padding:5px 10px; font-weight:bold; font-size:18px; background:#3b457b; color:#fff;}
.contact-inner-left-category p input[type="text"],input[type="email"]{ border-bottom:3px; border-left:0px; border-right:0px; border-top:0px; border-style:solid; margin:0px 10px; border-color:#ccc; width:90%;  }
.contact-inner-left-category p textarea{ border-bottom:3px; border-left:0px; height:20px; color:#999; border-right:0px; border-top:0px; border-style:solid; margin:0px 10px; border-color:#ccc; width:90%;  }
.contact-inner-left-category p input[type="submit"]{ border:3px solid #FC0; padding:5px; color:#FC0; width:90%; background:#fff; text-align:center; font-size:16px; margin-left:10px; font-weight:bold;}
.product-row{  height:220px; padding-top:0px;}
.product-row h3{ font-size:16px; font-weight:bold; margin-bottom:10px; color: #FC0; margin-top:0px;  padding:0px; border-bottom:1px solid #ccc; }
.product-row span a{ padding:2px 5px; font-weight:bold; float:right; font-size:11px; border:1px solid #FC0; color:#FC0; margin-top:-10px;}
.product-block{ width:23%;  float:left; margin-right:14px; margin-bottom:20px;}
.product-block img{ height:130px; width:161px; border:1px solid #ccc; border-radius:10px; margin-bottom:10px; box-shadow:3px 3px 3px #ccc;}
.product-block span{ font-size:11px; display:none; color:#339; text-align:center; clear:left;}
.product-block h2{ background:#336; color:#fff !important; font-size:12px; margin:0px; padding:5px; font-weight:bold;}
.enquire-form{ border:1px solid #ccc; border-radius:0px 30px 30px 0px; box-shadow:2px 2px 2px #ccc; }
.enquire-form form{ padding:20px 20px 30px 15px;}
.enquire-form form input[type="text"]{ border:1px solid #ccc; padding:5px; margin-bottom:5px; font-size:11px !important;}
.enquire-form h2{ background:#06F; margin:0px; padding:0px; color:#fff !important; font-size:16px; font-weight:bold; padding:10px 10px 10px 30px;}
.terms{ border-top:1px solid #e2e2e2; margin-top:20px; border-bottom:2px solid #ccc; color: #fff; font-size:16px;  padding:0px; margin-bottom:20px; font-weight:bold;}
.terms span{ background:#093; padding:10px 20px; border-radius:0px 70px; font-size:14px; }
.terms span i{ background: #0C0; color:#fff; padding:5px; border-radius:50% 50% 50% 50%; border:1px solid #fff; font-size:16px;}
.content h2{ background:#e2e2e2; border-bottom:2px solid #ccc; font-weight:bold; color:#666; font-size:16px; padding:5px 10px;}




.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.pagination {
    background: #f2f2f2;
    padding: 10px;
    margin-bottom: 20px;
	float:right;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #FC0;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .3);
    color: #000;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}
.news{ backface-visibility:#f2f2f2; border-bottom:2px solid #f2f2f2; min-height:220px; height:auto; border-top:1px solid #f2f2f2; margin-bottom:10px; padding:0px 20px; box-shadow:1px 0px 2px 1px #e2e2e2;}
.news1{ backface-visibility:#f2f2f2; border-bottom:2px solid #f2f2f2; min-height:82px; height:auto; border-top:1px solid #f2f2f2; margin-bottom:10px; padding:0px 20px; box-shadow:1px 0px 2px 1px #e2e2e2;}
.news h2{ color: #FC0; font-size:18px; margin-bottom:0px;}
.news p{ padding-left:0px !important}
/*.news p a{ background:#FC0; padding:5px; float:right; color:#fff;}*/
.inquiry-form{ margin-top:20px; margin-left:30px;}
.inquiry-form input[type="text"]{ border:1px solid #ccc; padding:10px; width:500px; border-radius:3px; box-shadow:2px 2px #ccc;}
.inquiry-form select{ border:1px solid #ccc; padding:10px; width:500px; border-radius:3px; box-shadow:2px 2px #ccc;}
.inquiry-form textarea{ border:1px solid #ccc; padding:10px; width:650px; border-radius:3px; box-shadow:2px 2px #ccc;}
.inquiry-form  input[type="submit"]{ border:1px solid #F90; background:#FC0; padding:10px; color:#fff; border-bottom:2px solid #C90; font-weight:bold; margin-top:10px;}