@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

.clear{clear: both;}
img{max-width: 100%; height: auto;}
a{text-decoration: none;}

.home-wrapper{width: 100%; max-width: 1570px; padding: 0px 20px; margin: 0px auto;}

.header{height: 287px; background: #840052 url(../images/header-img.jpg) no-repeat bottom center;}

.head-top{background: #79004b; padding: 13px 0px 11px;}
.head-pnl{padding: 0px 74px;}
.head-top .h-left{float: left; width: 50%;}
.head-top .h-right{float: right; width: 50%; text-align: center;}
.head-top .h-right .login{font-size: 14px; font-family: 'Open Sans', Arial; font-weight: 600; text-transform: uppercase; float: right; padding-right: 14px; padding-top: 4px;}
.head-top .h-right .login a{color: #ffffff;}
.head-top .h-right .cart{float: right;}

ul.social{margin: 0px; padding: 0px; list-style: none;}
ul.social li{font-size: 24px; padding-right: 16px; color: #ffffff; float: left; line-height: 28px;}
ul.social li:first-child{font-size: 18px; font-family: 'Open Sans', Arial; font-weight: 600;}
ul.social li a{color: #ffffff;}

.head-main{padding-top: 15px; height: 120px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.head-main a{color: #ffffff;}
.head-main .h-lft{width: 50%; float: left; font-size: 15px; font-family: 'Open Sans', Arial; font-weight: 700; line-height: 26px;}
.head-main .h-lft .language{float: left;}
.head-main .h-lft .phone{float: left; border-left: 1px solid #c26f95; padding-left: 18px; margin-left: 16px;}
.head-main .h-lft .phone a{background: url(../images/phone.jpg) no-repeat left center; padding-left: 28px;}
.head-main .h-rgt{width: 50%; float: right;}
.head-main .h-rgt .top-menu{}
.head-main .h-rgt .top-menu ul{margin: 0px; padding: 0px; list-style:none; text-align: right;}
.head-main .h-rgt .top-menu ul li{display: inline-block; font-size: 15px; font-family: 'Raleway', Arial; font-weight: 700; line-height: 26px; text-transform: uppercase; border-left: 1px solid #c26f95; padding-left:18px;
	margin-left: 15px;}
.head-main .h-rgt .top-menu ul li:first-child{padding-left:0px; border: none; margin:0px;}
.head-main .h-rgt .top-menu ul li a{}

.mainmenu{margin-top: -66px;}

.main-header{background: #ffffff; padding: 24px 17px 21px 26px;}
.main-header .logo{float: left; width: 304px;}
.main-header .main-menu{float: right; width:-moz-calc(100% - 304px); width:-webkit-calc(100% - 304px); width:calc(100% - 304px); padding-left: 20px; -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; box-sizing: border-box;}

.main-header .main-menu{}
.main-header .main-menu ul{margin: 0px; padding: 0px; list-style: none; text-align: right;}
.main-header .main-menu ul li{display: inline-block; font-size: 20px; font-family: 'Raleway', Arial; font-weight: 500; line-height: 50px; letter-spacing: 0.5px; text-transform: uppercase; padding: 22px 17px 0px;
	position: relative;}
.main-header .main-menu ul li a{color: #222222;}
.main-header .main-menu ul li ul{display: none; width: 200px; left: -14px; position: absolute; text-align: left; background: #ffffff; z-index: 99; border: 1px solid #222222;}
.main-header .main-menu ul li:hover ul{display: block;}
.main-header .main-menu ul li ul li{display: block; padding: 0px 20px; font-size: 18px; border-top: 1px solid #222222;}
.main-header .main-menu ul li ul li:first-child{border-top: none;}
.main-header .main-menu ul li ul li a{display: block}
.head-top .h-right .login .nav-top-login{background-color: transparent !important;}
footer{font-size: 18px; font-family: 'Raleway', Arial; font-weight: 400; background: url(../images/footer-bg.jpg) no-repeat center center; background-size: cover; color: #777777; padding-top: 56px;}
footer .f-logo{max-width: 342px;}
footer .footer-left{width:-moz-calc(100% - 275px); width:-webkit-calc(100% - 275px); width:calc(100% - 275px); float: left;}
footer .footer-right{width: 275px; float: right;}
footer h3{margin: 0px 0px 44px; padding: 28px 0px 0px 0px; color: #222222; font-size: 21px; line-height: 25px; font-family: 'Raleway', Arial; font-weight: 500; text-align: center; text-transform: uppercase;}
footer h3 span{position: relative; display: inline-block; padding-bottom: 18px;}
footer h3 span:after{position: absolute; content: ''; display: block; width: 136px; height: 1px; background: #222222; left: 50%; transform: translate(-50%, 0); bottom: 0px;}
footer a{color: #777777;}
footer .f-logo{}
footer .footer{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: none;}
footer .footer-1{width: 36.44%; float: left; font-size: 19px; line-height: 26px; padding-right: 80px;}
footer .footer-2{width: 27.79%; float: left; padding-right: 100px;}
footer .footer-2 ul{columns: 2; -webkit-columns: 2; -moz-columns: 2; margin: 0px; padding: 0px; list-style: none;}
footer .footer-2 ul li{line-height: 36px;}
footer .footer-2 ul li a{}
footer .footer-3{width: 32.66%; float: left; padding-right: 100px;}
footer .footer-3 .date{color: #840052; font-size: 13px; font-weight: 600;}
footer .footer-3 .latest-post{padding-bottom: 24px;}
footer .footer-3 h4{margin: 0px; padding: 0px; font-size: 18px; font-weight: normal;}
footer .footer-4 ul.contact{margin: 0px; padding: 0px; list-style: none;}
footer .footer-4 ul.contact li{padding-bottom: 36px;}
footer .footer-4 ul.contact li a{padding-left: 32px;}
footer .footer-4 ul.social li{color: #222222; padding-right: 14px;}
footer .footer-4 ul.social li a{color: #840052;}
footer .footer-4 ul.social li:last-child{padding: 0px;}
footer .footer-4 .email a{background: url(../images/email-icon.png) no-repeat left center;}
footer .footer-4 .phone a{background: url(../images/ph-icon.png) no-repeat left center;}
footer .footer-4 .address span{background: url(../images/add-icon.png) no-repeat left center; padding-left: 32px;}
footer .copyright{text-align: center; background: url(../images/copyright-bg.jpg) no-repeat center center; background-size: cover; padding: 20px 0px; margin-top: 40px;}