@charset "utf-8";

/* By Ankur */



@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');



body{ margin:0; padding:0; font-family: 'Roboto', sans-serif;}

img{ max-width:100%;}



.header-top{ background:#3e4095; min-height:32px;}

.header-top ul{ margin:0; padding:0;}

.header-top ul li{ list-style:none; display:inline-block;}

.header-top ul li a{ color:#00111a; text-decoration:none; background:#fff; margin:4px 0; display:inline-block; padding:2px 8px;}

.header-top ul li a:hover, .header-top ul li a.active{ margin-bottom:0; padding-bottom:6px;}

.print-house{ border-bottom:1px solid #c8cbcc; color:#00111a; font-size:13px; font-weight:300; padding:4px 0;}

.print-house img{ margin:-1px 5px 0 0;}

header{ border-bottom:1px solid #c8cbcc; margin-bottom:18px;}

.logo{ margin:25px 0;}

.cus-support{width: 172px;text-align:left;display:inline-block;margin:27px 0 10px 0;}

.cus-support img{ float:left; margin:0 10px 0 0;}

.cus-support p{ font-size:16.5px; color:#3e4095; margin:1px 0 5px 0;}

.cus-support a{ text-decoration:none; color:#696969; font-size:16px;}

.navbar-default{ margin:0; border:0; background:none; min-height:inherit; margin-bottom:8px;}

.navbar-default .navbar-nav>li>a{ padding:5px 12.9px; color:#222222; font-size:14.5px; border-right:1px solid #c8cbcc;}

.navbar-default .navbar-nav>li:first-child a{ padding-left:0;}

.navbar-default .navbar-nav>li:last-child a{ border:0; padding-right:0;}

.navbar-collapse{ padding:0;}

.carousel-fade .carousel-inner .item {  opacity: 0;  transition-property: opacity;}

.carousel-fade .carousel-inner .active {  opacity: 1;}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {  left: 0;  opacity: 0;  z-index: 1;}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {  opacity: 1;}

.carousel-fade .carousel-control {  z-index: 2;}

.main-heading{ background:url(../images/heading-bg.png) repeat-x center; text-align:center; color:#333333; font-size:18px; font-weight:normal; margin:30px 0 0 0;}

.main-heading span{ display:inline-block; background:#fff; padding:0 20px;}

.featured-main{ margin:30px 0 0 0;}

.featured-in{ position:relative;}

.featured-in p{position:absolute;bottom:0;margin:0;background:rgba(0,0,0,0.6);color:#fff;font-size:16px;padding:5px 12px;width: 142px;}

.featured-main h2{ margin:10px 0 0 0; font-weight:normal; color:#3e4095; font-size:16px; text-align:center;}

.featured-main h2 a{ text-decoration:none; color:#3e4095;}

.home-bags{ background:#f2f2f2; height:350px; margin:40px 0 0 0;}

.home-bags .main-heading span{background:#f2f2f2;}

.home-bags img{ margin:30px 0;}



footer{ background:#3e4095;  margin:40px 0 0 0;}

.bottom-address{ background:#5a5cab; text-align:center; padding:18px 0 25px 0;}

.bottom-address img{ margin-bottom:18px;}

.bottom-address p{ margin:3px 0 0 0; font-size:14px; color:#fff; font-weight:300;}

.bottom-address ul{ margin:15px 0 0 0; padding:0;}

.bottom-address ul li{ list-style:none; display:inline-block; font-size:13px;}

.bottom-address ul li a{ text-decoration:none; color:#fff; border-right:1px solid #eee; padding:0 6px 0 4px;}

.bottom-address ul li:last-child a{ border:0;}

.copyright{ font-size:12px;}

.footer-tabs h2{ color:#fff; margin:24px 0 0 0; padding:0; font-size:17px; font-weight:500; text-transform:uppercase;}

.footer-tabs ul{ margin:10px 0 0 0; padding:0;}

.footer-tabs ul li{ list-style:none; font-size:15px; font-weight:300; line-height:28px;}

.footer-tabs ul li a{ color:#fff; text-decoration:none;}

.footer-tabs ul li a:hover{ padding-left:2px;}

.connect{ border-top:1px solid #494bae; margin:20px 0 0 0; text-align:center;}

.connect p{ font-weight:500; color:#fff; margin:15px 0 0 0; font-size:16px; text-transform:uppercase;}

.connect img{ margin:5px 4px;}

ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }

.dropdown-menu>li>a{ padding:6px 20px;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:none;}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ border-color:#c8cbcc;}

.caret{ border:0; background:url(../images/drop-icon.png); width:10px; height:6px; margin:0 0 0 6px;}



.enquire-modal .modal-header{padding:10px 15px;background: #3e4095;color: #fff;text-transform: uppercase;font-weight: 300;}
.enquire-modal .modal-header h4{font-weight: 400;font-size: 16px;}

.enquire-modal .modal-content{ border-radius:0;}

.enquire-modal label{ font-weight:normal; text-transform:uppercase; margin:8px 0 2px 0;}

.enquire-modal .form-control{ border-radius:0;}

.enquire-modal .modal-footer{ border:0;}

.enquire-modal .btn, .enquire-modal .btn:hover{ background:#3e4095; color:#fff;}



.breadcrumb-area{background: #eee;border-top: 1px solid #fff;}

.breadcrumb>li a{ color: #3e4095;}

.breadcrumb>li a:hover{ text-decoration:none;}



.price-package{ border:1px solid #eee; text-align:center; margin:30px 0 0 0; padding:2px;}

.price-package h2{margin: 10px 0;padding:0;color: #3e4095;font-size: 20px;text-transform: uppercase;}

.price-package h3{margin: 0;font-size: 16px;background: #f5f5f5;padding: 10px 0;border-top: 1px solid #fff;}

.price-package ul{margin: 12px 0 0 0;padding: 0 0 0 32px;min-height: 96px;}

.price-package ul li{    text-align: left;    font-size: 13px;    margin: 3px 0;}
.price-package p{font-size: 13px; margin:0; padding:0 8px;}
.price-package a{    margin: 18px 0 25px 0;    display: inline-block;    background: #3e4095;    color: #fff;    text-decoration: none;    padding: 6px 16px;    border-radius: 4px;}
.price-package p span{ display:block; font-size:18px; margin:10px 0 0 0;}
.price-package a:hover{ background:#5a5cab;}

.price-package:hover{   box-shadow: 0 0 10px #ccc;}

.carousel{ background:url(../images/banner-bg.png);}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{ margin:0 auto;}
.mrgn-t-30{ margin-top:30px;}

.our-feature{ margin:40px 0; background:url(../images/banner-bg.png);  text-align:center; padding-bottom:40px;}
.our-feature h2{ text-align:center; font-weight:normal; text-transform:uppercase; font-size:22px; margin:32px 0 0 0; padding:0;}
.our-feature-in { margin:25px 0 0 0;}
.our-feature-in i{ font-size:52px; color:#3e4095;}
.our-feature-in h3{ margin:20px 0 0 0; font-weight:normal; text-transform:uppercase; font-size:22px;}
.our-feature-in p{ margin: 0 auto; max-width: 300px; margin-top: 15px;}

.search-bar{display:inline-block;vertical-align:top;width:220px;margin: 46px 28px 0 0;}
.search-bar input{width: 160px;float: left;outline: none;font-size: 13px;background: #f1f1f1;padding: 10px 12px;border:0;}
.search-bar input[type=submit]{width: 40px;float:none;vertical-align: top;background: url(../images/search.png) no-repeat center center #3e4095;color: #fff;margin: 0 0 0 -2px;}

/*searchbar*/
.autocomplete {  position: relative;  display: inline-block;}

.autocomplete-items {  position: absolute;  border: 1px solid #d4d4d4;  border-bottom: none;  border-top: none;  z-index: 99;  top: 100%;
  left: 0;  right: 0;}
.autocomplete-items div {padding: 8px 10px;cursor: pointer;text-align: left;font-size: 13px;background-color: #fff;border-bottom: 1px solid #d4d4d4;}
.autocomplete-items div:hover {  background-color: #e9e9e9; }
.autocomplete-active {  background-color: #3e4095 !important;  color: #ffffff; }

.modal-header .close{color:#fff;opacity: 1;text-shadow: none;font-size: 24px;font-weight: 300;}

.about-us{margin: 25px 0 0 0;}
.about-us h2{color:#3e4095;font-size: 20px;margin: 10px 0 10px 0;font-weight: 500;}
.about-us p{margin: 0 0 15px 0;color: #333;font-size: 14px;}
.about-us ul{
    margin: 0;
    padding: 0px 0 0 18px;
}
.about-us ul li{
    margin: 2px 0;
    color: #333;
}

.well-sm{margin:6px 0 0 0;border-radius: 0; box-shadow: none; padding:15px;}
.well-sm button, .well-sm button:hover { background:#3e4095; border:0;}

.well-sm a{color:#3e4095}

.samples{ list-style:none; text-align:center !important;}
.samples img{ border-radius:50%; width:32px; margin:0 8px;}

.right-price-chart{text-align: left;}
.inner-uper-div{ color: #fff;    background: #3e4095; padding: 5px 15px;}
.qty-left-div{ width:35%; display:inline-block;}
.qty-right-div{ display:inline-block;}
.inner-subd-div{padding: 5px 15px; }

.fa-youtube-square{ color: #fff; font-size: 34px; vertical-align: top; padding: 3px 0 0 4px;}

@media (max-width: 768px) 

{

	.navbar-default .navbar-toggle{ margin:0;}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background:#3e4095;}

	.navbar-default .navbar-nav>li>a{ color:#fff; border:0;}

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

	.navbar-nav{ margin:0;}

	.navbar-default .navbar-nav>li:first-child a{ padding:5px 12.5px;}

	.home-bags{ height:inherit;}

	.bottom-address{ margin:20px 0 0 0; padding:18px;}
	.search-bar{ display:none;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ color:#fff;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{ color:#fff;}
	.banner-right{ margin:20px 0 0 0;}

}



@media (max-width: 400px)

{

	.col-xs-6{}

}