/****************reset css starts here*****************/
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset,figure { margin:0; padding:0; outline:none; font-weight:normal; border:0 }
form, fieldset { float:left; width:100% }
figure{float: left}
img { border:0 none; max-width: 100%; height: auto;display: inline-block;} 
a { text-decoration:none; border:0; outline:none!important;} 
ul { list-style:none; }
input,select,a,textarea{outline: none!important}

/****************reset css ends here*****************/

.layout{width:100%; float: left;}

/****************Header css starts here*****************/
.header{width:100%; float: left; background-color: #2b3181;padding-top: 21px;}
.container{width:940px; margin: 0 auto;}
.logo{float: left;padding-top: 21px;}
.header-right{float: right;margin-right: 7px;}
.header-right span.telephone{float: right; font:700 38px 'Oswald';color: #fff;}
.header-right a{float: right;font:400 22px/22px 'Oswald'; color: #fff;clear: both;}
.header-right a:hover{text-decoration: underline;}
.header-right ul{float: right;clear: both;margin: 20px 0px 0px 0px;}
.header-right ul li{float: left;}
.header-right ul li{padding-left: 6px;}
.header-right ul li a.fb{width:27px; height: 28px;background: url('/images/fb-icon.png') no-repeat;margin: 0px;}
.header-right ul li a.twit{width:27px; height: 28px;background: url('/images/twit-icon.png') no-repeat;margin: 0px;}
.header-right ul li a.linkd{width:27px; height: 28px;background: url('/images/linkd.png') no-repeat;margin: 0px;}
/****************Header css ends here*****************/

/****************Navigation css starts here*****************/
.nav{width:100%; float: left;padding: 23px 0px 13px;}
.nav ul  li{float: left;background-color: #feeb34; margin-left: 7px;position: relative; padding-left:7px; padding-right:7px;}
.nav ul  li:first-child{margin-left: 0px;}
.nav ul li a{font:700 15px 'Quattrocento Sans'; color: #2b3181;padding:6px 10px;float: left;}
.nav ul li:hover, .nav ul li.active{background-color: #fff;}
.nav ul li.drop-down:hover{margin-bottom: -3px;}
.nav ul li ul li:hover{background-color: #fff;margin-bottom: 0px;}
.nav li ul{list-style: none;top: 100%;width: 165px;display: none;z-index: 9999;position:absolute;}
.nav li ul li{text-decoration: none;width:100%;padding:0px; display: inline-block; background-color: #fff;margin: 0px;}
.nav li ul li a{font:700 15px 'Quattrocento Sans'; color: #2b3181;padding: 7px 10px; text-align: left;}
.nav li ul li a:hover {color: #666666;}
.nav li ul li a.subselected {color: #666666;}
.nav ul li.drop-down:hover a {padding: 6px 8px 8px;}
.menu{display: none;}
.nav ul li:hover ul{display: block;}
/****************Navigation css ends here*****************/

/****************Banner css starts here*****************/
.banner{width:100%; float: left; background-color: #feeb34;}
.banner-left{width:65%;float: left;}
.banner-left h1{font:700 52px 'Oswald'; color: #2b3181;margin-top: 25px;}
.banner-left h2{font:400 52px/70px 'Oswald'; color: #2b3181;}
.banner-right{width:22%;float: left;padding-left: 90px;}
.banner-container{width:100%; float: left;}
.banner-container h1{font:700 52px 'Oswald'; color: #2b3181;margin-top: 27px;}
.banner-container h2{font:400 52px/49px 'Oswald'; color: #2b3181;}
.inner-container{width:100%; float: left;background-color: #fff;margin-top: 30px;padding: 6px 6px 3px;}
.inner-container img{width:100%;  height: auto;}
.banner-container ul{margin: 22px 0px 35px; float: left;}
.banner-container ul li{float: left;width:370px;background: url('/images/banner-square.png') 0px 15px no-repeat;padding-left: 29px;}
.banner-container ul li h5{font:700 30px 'Oswald';color: #393d7c;}
.banner-container ul li h6{font:400 17px/26px 'Oswald';color: #393d7c;padding-top: 4px;}
.even{margin-left: 97px;}
.banner-container ul.bxslider{margin:0;}
.banner-container ul.bxslider li{padding: 0;background: none;}
/****************Banner css ends here*****************/

/****************Body-content css starts here*****************/
.body-content{width:100%; float: left;padding-top: 36px;}
.body-container{width:100%; float: left;border-bottom: 1px solid #2e347f;padding-bottom: 71px;}
.body-left{width:61.4%; float: left;}
.body-left img{margin-bottom: 37px;width:100%; height: auto; float: left;}
.body-left p{font:700 18px/27px 'Quattrocento Sans';color: #2b3181;padding-bottom: 13px;float: left;}
.body-left p a{color: #2b3181; text-decoration:underline;}
.body-left p a:hover{color: #333; }

.normalpage p{font:300 18px/27px 'Quattrocento Sans';color: #2b3181;padding-bottom: 13px; clear:both !important; width:100% !important;}
.normalpage h2{font:700 25px/27px 'Quattrocento Sans';color: #2b3181;padding-bottom: 4px; clear:both !important; width:100% !important;}
.normalpage strong{font:700 18px/27px 'Quattrocento Sans';}
.fullwidth { width:100%;}


.body-right{width:31%; float: right; background-color: #2b3181;padding: 26px 20px 37px;}
.body-right h3{font:400 35px/27px 'Oswald'; color:#feeb34;}
.body-right p{font:300 25px/29px 'Oswald'; color:#feeb34;}
.storage-calculation{width:100%; float: left;margin-top: 37px;}
.storage-calculation ul li{width:100%;float: left;background-color: #feeb34;margin-bottom: 10px;}
.storage-calculation ul li label{font:700 19px 'Quattrocento Sans';color: #2b3181;padding: 11px 0px 6px 12px;float: left;}
.storage-calculation ul li select{width:100%;border: none;font:700 19px 'Quattrocento Sans';color: #2b3181;padding: 7px 0px 6px 7px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing:border-box;}
.storage-calculation ul li input{width:100%;float: left;border: none;font:700 19px 'Quattrocento Sans';color: #2b3181;padding: 11px 0px 6px 12px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing:border-box;}
.storage-calculation ul li input[type="submit"], .storage-calculation ul li input[type="button"]{width:100%;padding-left:0;text-align: center;font:700 25px/43px 'Oswald';color: #2b3181; text-transform: uppercase; background-color: #feeb34;cursor: pointer;}
.top{margin-top: 29px;}
.store-container{width:100%; float: left;}
.store-container ul{padding-bottom: 60px;}
.store-container ul li{width:45%;float: left;padding-top: 44px;}
.store-container a{color: #2b3181; text-decoration:underline;}
.store-container a:hover{color: #333; }
.store-details{width:84.88%; float: left;}
.store1{background: url('/images/store1.png') no-repeat;padding-left: 63px;}
.store2{background: url('/images/store3.png') no-repeat;padding-left: 74px; margin-left:30px;}
.store3{background: url('/images/store5.png') no-repeat;padding-left: 63px;}
.store4{background: url('/images/store4.png') no-repeat;padding-left: 104px;}
.store-container ul li h4{float: left;font:700 19px 'Quattrocento Sans';color: #2b3181;padding-bottom: 15px;}
.store-container ul li p{float: left;font:400 17px 'Quattrocento Sans';color: #2b3181;}
.left{padding-left: 60px;}
.bottom-container{width:100%; float: left; background-color: #2b3181; padding: 22px 0px 19px 15px;margin: 64px 0px 36px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing:border-box;}
.bottom-container h5{width:66%; float: left;font:400 35px/38px 'Oswald'; color: #feeb34;}
.bottom-container small{font:700 35px 'Oswald'; color: #fff;}
.bottom-container small a{color: #feeb34; display: block;}
.bottom-container a.bottom-no{font:700 35px 'Oswald'; color: #fff;}
.bottom-container a.bottom-no:hover{text-decoration:underline;}
.bottom-container img{float: right;padding: 8px 40px 0px !important;}
.inner-body-left{width:47%; float: left;}
.inner-body-left img{width:100%;height:auto;padding-bottom: 32px;float: left;}
.inner-body-left p{font:400 16px/20px 'Quattrocento Sans';color: #2b3181;padding-bottom: 13px;float: left;}
.inner-body-left a{color: #2b3181; text-decoration:underline;}
.inner-body-left a:hover{color: #333;}
.inner-body-right{width:43.23%; float: left;margin-left: 67px; font:700 16px 'Quattrocento Sans';color: #2b3181;}
.inner-body-right a{color: #2b3181; text-decoration:underline;}
.inner-body-right a:hover{color: #333;}
#BoxesLI {width: 92%}
.inner-body-right ul, #BoxesLI ul{padding-top: 10px;}
.inner-body-right ul li, #BoxesLI ul li{background: url('/images/store3.png') no-repeat;padding-left: 72px; min-height: 73px !important;padding-bottom: 40px !important;}
#BoxesLI ul li{ min-height: 93px !important;}
.inner-body-right ul li h4, #BoxesLI ul li h4{float: left;font:700 19px 'Quattrocento Sans';color: #2b3181;}
.inner-body-right ul li p, #BoxesLI ul li p{clear: both;font:400 17px/17px 'Quattrocento Sans';color: #2b3181;padding-top: 10px;}
.bottom-border{border: none;padding-bottom: 6px;}



.container4cols { width: 100%; max-width: 900px; min-width: 150px; margin: 0 auto; clear: both;font:500 17px/20px 'Quattrocento Sans';color: #2b3181;padding-bottom: 13px;float: left; border-bottom: 1px solid #B4B7C4; margin-top:15px;}
.col4 { float: left;  width: 23%; margin-right: 2.5%;  margin-bottom:20px !important;}
.last4cols { margin-right: 0; }

.normalpage ul {font:300 18px/27px 'Quattrocento Sans';color: #2b3181;padding-bottom: 13px; clear:both !important; width:100% !important; list-style:disc; margin-left:10px;}
.normalpage ul li { padding-left:10px;}
.normalpage ul li a{color: #2b3181;}
.normalpage ul li a:hover {color: #333;}

.invalid-entry { color:#FB0307}
.hightlight {
				border:1px solid #ff0000 !important;
				background-color:#F3BDBE;
			}
#success, #error {
display:none
}
#success span, #error span  {
display:block;
width:100%
}
#success span  p, #success span  p a, #success span  p a:hover {
color:#FFFFFF;
}
#errorspan   p , #error span  p a, #error span  p a:hover{
color:#c0392b;
} 

/****************Body-content css ends here*****************/

/****************Footer css starts here*****************/
.footer{width:100%; float: left;background-color: #2b3181;}
.footer-container{width:100%; float: left; padding: 16px 0px 23px; }
.contact{width:220px; float: left;}
.contact small{font:700 19px 'Quattrocento Sans'; color: #e2d23e;display: inline-block;padding-bottom: 5px;}
.contact ul li{font:700 16px 'Quattrocento Sans';color: #fff;clear: both;}
.contact ul li:first-child{padding-bottom: 11px;}
.contact ul li a{font:700 16px 'Quattrocento Sans';color: #fff;padding-bottom: 11px;}
.contact ul li a:hover{text-decoration: underline;}

.open-hour{width:265px; float: left;margin-left: 156px;}
.open-hour small{font:700 19px 'Quattrocento Sans'; color: #e2d23e;padding-bottom: 8px;display: inline-block;}
.open-hour ul li{font:700 16px 'Quattrocento Sans';color: #fff;padding-bottom: 1px;clear:both;}
.timing{float: left;margin-left: 5px;}

.foot-socials{float: right;}
.foot-socials ul{float: right;}
.foot-socials ul li{float: left;}
.foot-socials ul li{padding-left: 6px;}
.foot-socials ul li a.fb{width:41px; height: 41px;background: url('/images/foot-fb.png') no-repeat;display: block;}
.foot-socials ul li a.twit{width:41px; height: 41px;background: url('/images/foot-twit.png') no-repeat;display: block;}
.foot-socials ul li a.linkd{width:41px; height: 41px;background: url('/images/foot-linkd.png') no-repeat;display: block;}

.footer-bottom{width:100%; float: left;margin: 12px 0px 48px;font:400 14px 'Quattrocento Sans'; color: #fff;border-top: 2px solid #6b6fa7;}
.footer-bottom ul li{float: left;padding-right: 24px;padding-top: 12px;}
.footer-bottom ul li a{font:400 14px 'Quattrocento Sans'; color: #fff;}
.footer-bottom ul li a:hover{text-decoration: underline;}
.footer-bottom a.site{padding-left: 24px;color: #fff;font:400 14px 'Quattrocento Sans';}
.site:hover{text-decoration: underline;}
.responsive-menu{width:100%; float: left;}
.bottom-right{float: right;padding-top: 12px;}
.right{margin-right: 7px;}
.day{float: left;min-width: 116px;}
/****************Footer css ends here*****************/
 .ie9 .nav li ul{width:169px;}
 .ie9 .header-right{margin-right:17px;}
 .ie9 .nav ul li a{padding: 4px 7px!important;}
 body.ie10 .header-right{margin-right:35px!important;}
 body.ie10 .nav ul li a{padding: 4px 7px!important;}
 body.ie11 .header-right{margin-right:35px!important;}
 body.ie10 .nav ul li a{padding: 4px 7px!important;}
 body.ie11 .nav ul li a{padding: 4px 7px!important;}
 body.unknown_browser .header-right{margin-right:20px!important;}
 body.unknown_browser .nav ul li a{padding: 4px 7px!important;}
 body.mac .nav li ul{width:171px;}
 body.firefox.mac .nav li ul{width:168px;}
 body.safari.mac .nav li ul{width:169px;}
.video-responsive{ clear:both !important}

 @media only screen and (min-width:1200px){
     .nav ul li.drop-down:hover a{padding:6px 8px 9px}
     .nav ul li a{padding: 6px 8px;}
     body.ie10 .nav ul li a{padding: 6px 11px!important;}
     body.ie11 .nav ul li a{padding: 6px 11px!important;}
     body.firefox.mac .header-right{margin-right:23px;}
     body.safari.mac .header-right{margin-right:23px;}
 }
@media only screen and (max-width:1200px){
    .nav li ul{top:30px;width:165px;}
    .nav ul li{margin-left:4px;}  
	.nav ul li a{padding: 6px 8px;}
} 

@media only screen and (max-width:992px){
    .container{width:98%;}
    .header-right {margin-right:25px;}
    .header-right ul{margin: 18px 0  0 0;}
    .header-right a.telephone{}
    .nav ul li{margin-left:3px;}
    .nav li ul{top:30px;width:151px;}
    .nav ul li a{padding:4px 3px;font: 700 14px 'Quattrocento Sans';}
    .nav ul li.drop-down:hover a{padding:6px 3px; margin-bottom:3px;}
    .banner-left{width:77%;}
    .banner-right{width:22%; padding-left:0px;}
    .bottom-container{width:100%;}
    .left{padding-left:31px;}
    .copyright{padding-left:209px;}
    .open-hour{margin-left:60px;}
    .banner-container ul li{width:347px;}
    .even{margin-left:0px;}
    .inner-container{width:98%;}
    .banner-container ul li h5{font: 700 28px "Oswald";}
    .bottom-container img{padding: 28px 23px 0;}
	.MobHide { display:none !important;}
	.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
} 


@media only screen and (min-width:768px){
    
    .nav{display:block !important;}
}

@media only screen and (max-width: 767px){
    .container{width:100%;}
    .body-content .container{width:99%;float:left;}
    .logo{float: left;margin-left: 20%;text-align: center;width: 60%;}
    .header-right{float:left; text-align:center;width:100%;}
    .header-right span.telephone{float:none;display:block;}
    .header-right a{float:none; display:block;}
    .menu{display:block;padding-left:8px;}
    .nav{display:none;padding: 0 0 1px;margin-left:-4px;position:absolute;z-index:9999;}
    .nav ul li{width:100%;float:left;background:#feeb34;}
    .nav ul li.drop-down{background:#feeb34 url('/images/nav-down.png') 97% 10px no-repeat;}
    .nav ul li.uparrow{background:#feeb34 url('/images/nav-up-arrow.png') 97% 10px no-repeat;}
    .nav ul li.drop-down:hover{background-color:#fff;}
    .nav ul li:hover ul{display:none;}
    .nav ul li a:hover .nav li ul{display:block;}
    .nav li ul li{width:100%;color:#fff;background-color:#fff;margin-right:5px;}
    .header-right ul{float:none; display:inline-block;}
    .banner-container{width: 95%;float: left;padding: 0 2.5%;}
    .inner-container{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .banner-container ul.bxslider li{margin:0;}
    .nav li ul{width:100%;}
    .banner-container h1{font: 700 49px "Oswald";}
    .banner-container h2{font: 400 38px/49px "Oswald";}
    .inner-body-left{width:100%;}
    .inner-body-left img{width:100%;}
    .inner-body-right{margin-left:0px; width:100%;}
    .bottom-container h5{width:100%;}
    .contact{width:98%;padding-left:5px;}
    .open-hour{width:100%;margin-left:0px;padding-left:5px;}
    .timing{float:left;}
    .foot-socials{float:left;}
    .copyright{padding-left:97px;}
    .site{padding-left:0px;}
    .responsive-menu{position:relative;}
    .banner-left h1{font: 700 32px "Oswald";padding-left:5px;}
    .banner-left h2{font: 400 41px/49px "Oswald";padding-left:5px;}
    .body-left{width:100%;}
    .body-right{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .store-container ul li{width:100%;}
    .left{padding-left:0px;}
    .store-details{width: 78.88%;}
    .open-hour small{padding-top:10px;}
    .foot-socials ul{padding-top:10px;}
    .footer-bottom ul{padding:5px; float:left;}
    .copyright {clear: both;display: block;padding: 5px;width: 98%;}
    .footer-bottom a.site {display: block;float: left;padding: 5px;width: 98%;margin-left:2px;}
    .store1{padding-left:101px;}
    .store3{padding-left:101px;}
    .store4{padding-left:101px;}
    .store2{background: url("/images/store2.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);}
    .nav ul li a{padding:6px 10px;}
    .nav ul li:first-child {margin-left:2px;}
    .nav ul li ul li:first-child {margin-left: 0px;}
    .header-right a.telephone{float:none;display:inline-block;}
    .bottom-right{float: left;padding-top: 5px;clear:both;}
    .nav li ul {top: 27px;position:static;float:left; clear:both;}
    .nav ul li:hover{margin-bottom: 0px;}
    .nav ul li.drop-down:hover a{margin-bottom:0px;}
    .nav ul li.drop-down:hover{margin-bottom: 0px;}
    .nav ul li.drop-down:hover a {padding:6px 10px 6px;}
    .banner-container ul li {background: url("/images/banner-square.png") no-repeat scroll 0 12px rgba(0, 0, 0, 0);margin-left:0;padding-left:30px;}
    .body-content{width:95%;padding: 22px 2.5% 0;}
    .body-left p{padding-left:5px;}
    .nav ul li a {padding: 6px 10px !important;}
    .inner-body-left p{padding-left:5px;}
    .bottom-container{text-align:center;margin-top:0;}
    .footer-container,.footer-bottom{width:95%;padding-left: 2.5% ;padding-right: 2.5% ;}
    .store-container{padding-bottom:70px;}
    .banner-left{width: 75%;margin-left: 2.5%;}
    .bottom-container img{float:none;}
    .inner-body-right ul li {padding-bottom:30px;}
	.MobFrame {width:100% !important;}
	.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
}

@media only screen and (max-width: 479px){
    .banner-container h1{font: 700 39px "Oswald";}
    .banner-container h2{font: 400 25px/49px "Oswald";}
    .banner-container ul{width:100%;}
    .banner-container ul li{margin-left: 3px;padding-left: 10%;width:89%;}
    .banner-container ul li h5 {font: 700 21px "Oswald";}
    .banner-container ul li h6{font: 400 18px/26px "Oswald";}
    .bottom-container a.bottom-no{font: 700 28px "Oswald";}
    .storage-calculation ul li input {width: 96%;}
    .banner-left h1{font: 700 20px "Oswald";padding-left:5px;}
    .banner-left h2 {font: 400 26px/49px "Oswald";padding-left:5px;}
    .nav ul li a{padding:6px 10px;}
    .store-details {width: 66.88%;}
    .banner-container ul li {background: url("/images/banner-square.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);margin-left:0;padding-left:30px;}
    .store-container ul li h4 {font: 700 18px "Quattrocento Sans";}
}