@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
img{max-width: 100%}
a{text-decoration: none;}
p{margin-bottom: 18px; line-height: 29px;}
p:last-child{margin-bottom: 0;}
body { margin: 0; padding: 0; font-size: 21px; color: #6d6e70; font-family: 'Oswald', sans-serif;}
.wrapper{width: 1040px; margin: 0 auto;}

/* Header Section */

header#header{float: left; width: 100%;}
.top-header{float: left; width: 100%;}
.logo{float: left; width: 400px; height: 150px; background: #002856; text-align: center;}
.logo a{float: left; width: 100%;}
.top-right{float: left; width: 640px;}
.top-right .findus{float: left; width: 320px; padding: 0px 2px; box-sizing:border-box;}
.newsleter{float: left; text-align: center; width: 320px; padding: 0px 2px; box-sizing:border-box;}
.newsleter label{float: left;width: 100%;text-align: center;font-size: 21px; color: #777; font-weight: 300; padding-bottom: 10px;}
.newsleter input[type="text"]{float: left;width: 100%;padding: 5px 8px;min-height: 25px;}
.newsleter input[type="submit"]{display: inline-block;padding: 6px 42px 6px;background: #1e3e71;color: #fff;border: none;margin-top: 2px;text-transform: capitalize;font-size: 15px; font-family: 'Oswald', sans-serif;}
.address{float: left;width: 100%;text-align: center;font-style: normal;padding: 4px 0 5px;font-size: 16px;font-weight: 300;letter-spacing: 1px;}
.address i{font-size: 20px; padding-right: 10px; color: #777;}
nav#navigation{float: left; width: 100%; background: #efefef;}
nav#navigation .main-nav, nav#navigation .main-nav ul{float: left; width: 100%;}
nav#navigation .main-nav ul li{float: left; position: relative;}
nav#navigation .main-nav ul li:last-child:before{position: absolute; width: 3px; height: 56px; background: #fff; content: ''; right: -8px;}
nav#navigation .main-nav ul li a{float: left; color: #4f4f4f;font-size: 20px;font-weight: 300;padding: 18px 48px;letter-spacing: 1px;border-left: 3px solid #fff; -webkit-transition: all .3s; transition: all .3s; z-index: 99;}
nav#navigation .main-nav ul li a:hover{background: #1e3e71; color: #fff;}
nav#navigation .main-nav ul li.active a{background: #1e3e71; color: #fff;}
         
/* Slider Section */

.flexslider, .slider{float: left; width: 100%;}
.flexslider img{width: 100%;}
.flex-control-nav, .flex-direction-nav{display: none;} 

/* Mid Section */

.mid-section{float: left; width: 100%; padding: 40px 0;}
.mid-section-top{float: left; width: 100%;}
.women-sec, .men-sec{float: left; box-sizing:border-box; width: 520px;}
.women-sec a, .men-sec a{float: left; width: 100%;  position: relative;}
.men-sec h3, .women-sec h3{position: absolute;top: 5%;left: 0;width: 100%;background: rgba(30, 62, 113, .8);text-align: center;color: #fff;font-weight: 400;font-size: 25px;padding: 13px 0;letter-spacing: 1px; -webkit-transition: all .3s; transition: all .3s; z-index: 99;}
.men-sec{padding-right: 5px;}
.women-sec{padding-left: 5px;}
.women-sec:hover h3, .men-sec:hover h3{top: 45%;}
.women-sec a:after, .men-sec a:after{position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .1); content: ''; -webkit-transition: all .3s;transition: all .3s;}
.men-sec a:hover:after, .women-sec a:hover:after{display: block;}
.mid-section-bottom{float: left; width: 100%; background: #efefef; padding: 40px 0;}
.mid-sec{float: left; box-sizing:border-box; width: 208px; padding-right: 10px}
.mid-sec h3{position: absolute;top: 5%;left: 0;width: 100%;background: rgba(30, 62, 113, .8);text-align: center;color: #fff;font-weight: 400;font-size: 17px;padding: 8px 0;letter-spacing: 1px;-webkit-transition: all .3s; transition: all .3s; z-index: 99;}
.mid-sec:hover h3{top: 45%;}
.mid-sec a{float: left; width: 100%;  position: relative;}
                                                                       
/* Footer Section */

footer#footer{float: left; width: 100%; background: #1e3e71; padding: 40px 0; margin-top: 50px;}
.ourshop{float: left; width: 300px;}
.footer-last, .footer-mid{float:left;width: 370px; padding: 0 20px; box-sizing:border-box; color: #fff;}
.footer-mid p{font-size: 14px;line-height: 20px;font-weight: 300;letter-spacing: 1px;}
.footer-last p{font-size: 14px;line-height: 20px;font-weight: 300;letter-spacing: 1px; float: left; width: 100%;}
.footer-mid h3{float: left;width: 100%;text-transform: uppercase;font-weight: 400;padding-bottom: 12px;}
.staytouch, .findusfooter{float: left;width: 100%;padding-bottom: 12px;font-size: 20px;}
.findusfooter i{font-size: 28px;display: inline-block; padding-left: 12px;}
.staytouch a{color: #fff;font-size: 27px; padding-left: 15px;}
                                                                                                                     
/* Menswear */

.menswear-grid{float: left; width: 100%; padding: 40px 0 0;}
.menswear-grid ul{float: left; width: 100%;}
.menswear-grid ul li{float: left; width: 25%; list-style: none; padding: 0 5px; box-sizing:border-box;}
.menswear-grid ul li a{float: left; width: 100%; padding-bottom: 10px;}

/* Personal shoppers */

.main-cont{float: left; width: 100%; padding: 50px 0 0;}
.personal-left{float: left; width: 50%; padding-right:5%; box-sizing:border-box; position: relative;}
.personal-left label{position: absolute; top: 50%; right: 68px; text-align: right; background: rgba(30, 62, 113, .5); padding: 7px 15px; color: #fff; font-size: 27px; line-height: 29px;}
.personal-left label em{font-style: normal; font-size: 20px; letter-spacing: 2px;}
.personal-right{float: left; width: 50%; padding-left:5%; box-sizing:border-box; font-size: 14px;}
.personal-right form{float: left; width: 100%;}
.personal-right form input{float: left; width: 100%;}
.personal-right h3{font-family: 'Oswald', sans-serif; float: left; width: 100%; font-weight: 400; color: #4f4f4f; font-size: 25px; padding-bottom: 20px;}
.personal-right p{float: left;width: 100%; font-size: 16px; font-weight: 300;}
.personal-right form{float: left; width: 70%}
.personal-right form input[type="text"]{float: left; width: 100%; padding: 5px; min-height: 33px; margin-bottom: 15px;}
.personal-right form input[type="submit"]{float: left; width: 100%; padding: 5px; min-height: 33px; background: #1e3e71; border: none; color: #fff;}
.news-main{float: left; width: 100%;}
.news-main ul{float: left; width: 100%;}
.news-main ul li{float: left; width: 50%; list-style: none; box-sizing: border-box; margin-bottom: 40px;}
.news-main ul li:nth-child(odd){padding-right: 1%;}
.news-main ul li:nth-child(even){padding-left: 1%;}
.news-main ul li .news-thumb{float: left; width: 52%;}
.news-main ul li .news-cont{float: right; width: 43%;}
.news-main ul li .news-cont h3{font-size: 23px; font-weight: 400; font-family: 'Oswald', sans-serif; color: #4f4f4f; display: inline-block; padding-bottom: 10px;}
.news-main ul li .news-cont p{font-size: 16px;font-weight: 300;line-height: 25px;}

/* Contact Page */

.titlearea{background-size:cover !important; height:200px; width:100%; float:left; width:100%; position: relative;}
.titlearea:before{position: absolute; top: 0; left:0; width:100%; height:100%; content: ''; background: rgba(0,0,0,.7);}
.titlearea label{position: relative; text-align: center; color: #fff; z-index: 99; float: left; width: 100%; font-size: 40px; top: 40%;}
.contact-left{float: left; width: 50%; padding-right:5%; box-sizing:border-box;}
.contact-right{float: left; width: 50%; padding-left:5%; box-sizing:border-box; font-size: 14px;}
.contact-left h3, .contact-right h3{font-family: 'Oswald', sans-serif; float: left; width: 100%; font-weight: 400; color: #4f4f4f; font-size: 25px; padding-bottom: 20px;}
.contact-left h3{padding-bottom: 30px;}
.contact-right p{float: left;width: 100%; font-size: 16px; font-weight: 300;}
.contact-left iframe{margin-bottom: 30px;}
.contact-left form{float: left; width: 100%}
.contact-left form input[type="text"]{float: left; width: 100%; padding: 5px; min-height: 33px; margin-bottom: 15px;}
.contact-left form textarea{ height: 100px; float: left; width: 100%; padding: 5px; min-height: 33px; margin-bottom: 15px;}
.contact-left form input[type="submit"]{float: left; width: 100%; padding: 5px; min-height: 33px; background: #1e3e71; border: none; color: #fff;}


.indi-left{float: left; width: 50%; padding-right: 2%; box-sizing:border-box;}
.indi-left img{float: left; width: 100%; padding-bottom: 20px;}
.indi-left p{float: left; width: 100%; font-size: 16px; font-weight: 300;}
.indi-right{float: left; width: 50%; padding-left: 2%; box-sizing:border-box;}
.indi-right ul{float: left; width: 100%;}
.indi-right ul li{float: left; width: 50%; list-style: none; margin-bottom: 20px;}
.indi-right ul li:nth-child(odd){padding-right: 2%; box-sizing:border-box;}
.indi-right ul li:nth-child(even){padding-left: 2%; box-sizing:border-box;}
.indi-right ul li a img, .indi-right ul li a{float: left; width: 100%;}
#PopupSignupForm_0{display: none;}