*{
   padding: 0;
   border: 0;
   margin: 0;
}
*,*:before, *:after {
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
   }
:focus, :active {outline: none;}
a:focus, a:active {outline: none;}
nav, footer, header, aside {display: block;}
html, body {
   height: 100%;
   width: 100%;
   background-color: #000000;
   font-family: 'PT Sans';
   font-weight: 400;
   line-height: 1;
   font-size: 14px; 
   color: #FFFFFF;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}
input, button, textarea {font-family:  inherit;}
input::-ms-clear {display: none;}
button {cursor: pointer;}
button::-moz-focus-inner {padding: 0; border: 0;}
a, a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
ul li {list-style: none;}
img {vertical-align: top;}
a:active, a:hover,  a {
 text-decoration: none;
 color: inherit;
}
a:hover {font-weight: 700;}
h1,h2,h3,h4,h5,h6 {font-size: inherit; font-weight: 400;}

@font-face {
  font-family: 'Post No Bills Jaffna';
  src: url('../fonts/PostNoBillsJaffna-Bold.eot');
  src: local('☺'), url('../fonts/PostNoBillsJaffna-Bold.woff') format('woff'), url('../fonts/PostNoBillsJaffna-Bold.ttf') format('truetype'), url('../fonts/PostNoBillsJaffna-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PT Sans';
  src: url('../fonts/PTSans-Regular.eot');
  src: local('☺'), url('../fonts/PTSans-Regular.woff') format('woff'), url('../fonts/PTSans-Regular.ttf') format('truetype'), url('../fonts/PTSans-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PT Sans';
  src: url('../fonts/PTSans-Bold.eot');
  src: local('☺'), url('../fonts/PTSans-Bold.woff') format('woff'), url('../fonts/PTSans-Bold.ttf') format('truetype'), url('../fonts/PTSans-Bold.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-Bold.eot');
  src: local('☺'), url('../fonts/PlayfairDisplay-Bold.woff') format('woff'), url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype'), url('../fonts/PlayfairDisplay-Bold.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-Regular.eot');
  src: local('☺'), url('../fonts/PlayfairDisplay-Regular.woff') format('woff'), url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype'), url('../fonts/PlayfairDisplay-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.wrapper {
   max-width: 1920px;
   min-height: 100%;
   overflow: hidden;
   margin: 0 auto;
}
._conteiner {
   max-width: 1110px;
   padding: 0 15px;
   margin: 0 auto;
   box-sizing: content-box;
}
._header {
   font-family: 'Playfair Display';
   font-size: 36px;
   font-weight: 700;
   line-height: calc(48/36*100%);
   text-align: center;
   color: #FFFFFF; 
   text-transform: uppercase;
}
@media (max-width: 340px){
   ._header {
      font-size: 30px;
   }
}
._buttom {
   border: 1px solid #FFFFFF ;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 18px;
   line-height: 23px;
   text-align: center;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   color: #FFFFFF;   
}
/* -----------------header----------------- */
.header {
   position: fixed;
   max-width: 1920px;
   height: 124px;
   top: 0; 
   left: 0;
   right: 0;
   margin: 0 auto;
   z-index: 11;
   color: #969696;
}
/* ------------------top-line------------------ */
.header__top-line {
   height: 44px;
   font-size: 12px;
   background-color: #000000;
}
.top-line__conteiner {
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.top-line__phone {
   width: 386px;
   display: flex;  
   align-items: center;
}
.top_line__icon-Phone {
   width: 16px;
   margin-right: 15px;
}
.top-line__phone-content {
   width: 355px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.top_line__unit_width {
   margin-right: -3px;
   width: 98px;
}
.top_line__log-in {
   width: 133px;
   margin-right: -2px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.top_line__icon-log-in {
   width: 14px;
   margin-right: 10px;
}
.top_line__log-in-content {
   width: 109px;
}
/* ------------------------second-line------------ */
.second-line {
   width: 100%;
   height: 80px;
   background-color: #0F0F0F;
}
.second-line__conteiner {
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.second-line__logo {
   width: 104px;
   font-family: 'Post No Bills Jaffna';
   font-size: 36px;
   line-height: calc(54/36*100%);   
   color: #FFFFFF;
}
.menu__list {
   width: 537px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   line-height: calc(18/14*100%);
   text-transform: uppercase;
}
.menu__item {
   height: 80px;
   padding: 31px 20px;
}
.menu__item_burger{
   display: none;
}
.menu__item_last {
   margin-right: -20px;
}
.menu__item:hover {
   background-color: #1F1F1F;
   color: #FFFFFF;
}
.menu__list a:hover {
   font-weight: 400;
}
.menu__item_icon1 {
   margin-left: 20px;
}
.menu img {
   width: 22px;
   height: 22px;
}
.second_line__burger {
   display: none;
}
@media (max-width:768px){
   body.lock {
      overflow: hidden;
   }
   .header__top-line{
      display: none;
   }
   .header__second-line {
      height: 54px;
      position: relative;
   }
   .header__second-line::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      height: 54px;
      width: 100%;
      background-color: #000000;
      z-index: 3;
   }
   .second-line__menu {
      width: 265px;
      height: 100vh;
      top: 0;
      right: -100%;
      position: absolute;
      background-color: #1F1F1F;
      transition: all 0.9s ease 0s;
      overflow: auto;
   }
   .menu__list {
      display: block;
      width: auto;
      margin-left: auto;
      margin: 54px 0 0 0;
   }
   .menu__item{
      width: auto;
      height: 50px;
      padding-bottom: 0;
   }
   .menu__item:last-child::after {
      content: '';
      display: block;
      height: 15px;
   }
   .menu__item_no-properties:hover {
      background-color: inherit;
      color: inherit;
   }
   .menu__item_icon1 {
      margin: 0;
   }
   .menu__item_burger {
      display: block;
   }
   .second-line__logo {
      z-index: 4;
   }
   .second_line__burger {
      display: block;
      position: relative;
      width: 30px;
      height: 20px;
      z-index: 4;
   }
   .second_line__burger span{
      position: absolute;
      background-color: #fff;
      width: 100%;
      height: 2px;
      left: 0; 
      top: 9px;
      transition: all 0.3s ease 0s;
   }
   .second_line__burger:before,
   .second_line__burger:after{
      content: '';
      background-color: #fff;
      position: absolute;
      width: 100%;
      height: 2px;
      left: 0; 
      transition: all 0.3s ease 0s;
   }
   .second_line__burger:before{
      top: 0;
   }
   .second_line__burger:after{
      bottom: 0;
   }
   .second-line__menu.active {
      right: 0;
      transition: all 0.9s ease 0s;
   }
   .second_line__burger.active span {
      transform: scale(0);
   }
   .second_line__burger.active:before{
      transform: rotate(45deg);
      top: 9px;
   }
   .second_line__burger.active::after{
      transform: rotate(-45deg);
      bottom: 9px;
   }   
   .header__zero {
      width: 0;
      height: 100vh;
      top: 0;
      background-color: #4140405f;
      z-index: 2;
      transition: all 0.9s ease 0s;
   }
   .header__zero.sheet {
      width: 100%;
      transition: all 0.9s ease 0s;
   }
}
/* ---------------main--------------------- */
.main {
   margin: 122px 0 0 0;
}
/* ---------------------first-screen----------- */
.first-screen {
   width: 100%;
   height: 810px;
   background: url(../img/Rectangle\ 3.png) center;
   display: flex;
   align-items: center;
   justify-content: space-around;
}
.first-screen-content {
   margin: 6px;
   max-width: 800px;
   height: 496px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
}
.square {
   width: 320px;
   height: 320px;
   border: 4px solid #ffffff;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.heading {
   margin: 1px;
   width: 185px;
   height: 133px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.porten {
   width: 185px;
   height: 65px;
   font-family: 'Post No Bills Jaffna';
   font-size: 64px;
   font-weight: 700;
   line-height: 96px;
   letter-spacing: 0em;
   text-align: center;
   color: #ffffff;
}
.line1 {
   margin: 13px 0 10px;
   height: 0px;
   width: 179px;
   border: solid #ffffff;
   border-width: 2px 0 0 0;
}
.city {
   font-family: PT Sans;
   font-size: 22px;
   font-weight: 400;
   line-height: 28px;
   letter-spacing: 0em;
   text-align: center;
   color: #ffffff;
   text-transform: uppercase;

}
.content {
   max-width: 730px;
   height: 96px;
   margin: 0 10px;
   font-size: 16px;
   line-height: calc(24/16*100%);
   text-align: center;
   color: #ffffff;
   text-transform: uppercase;
}@media (max-width: 768px) {
   .main {
      margin: 54px 0 0 0;
   }
 }
@media (max-width: 340px) {
  .square {
      width: 220px;
      height: 220px;
   }
  .first-screen {
      height: 660px;
   }
   .content {
      min-height: 260px;
   }
   .first-screen-content { 
      height: 570px;
   }
}
/* --------------------second-section------------------------- */
.second-section {
   width: 100%;
   display: flex;
   justify-content: space-around;
}
/* -------------------new-season------------------ */
.new-season {
  width: 54.2%;
  height: 730px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.new_season_header{
  width: 376px;
  height: 39px;   
}
.new_season_line_2 {
  margin: 50px 0;
}
.watch_conteiner {
  width: calc(880/1040*100%);
  max-height: 405px;
  display: flex;
}
.watch-content {
  width: calc(260/880*100%);
  height: 100%;
  margin-right: calc(50/880*100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}
.watch-content:last-child {
   margin-right: 0;
}
.watch {
  width: 100%;
  height: 100%;
  margin: 0 auto;  
  padding: 0 calc(22/260*100%) 0 calc(23/260*100%);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #191B1C;
}
.watch img {
   width: 100%;
   max-width: 215px;
   margin: calc(55/215*100%) 0 calc(56/215*100%) 0;
}
.watch-name {
  min-height: 24px;
  height: 100%;
  margin: 25px 0 10px 0;
  font-family: Playfair Display;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF;
}
.watch-price {
  min-height: 21px;
  height: 100%;
  font-family: Playfair Display;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  color: #D0D0D0;
}
.watch-content a:hover {
  font-size: 17px;
}
/* ---------------------new_collection------------------------ */
.new_collection {
  width: 45.8%;
  height: 730px;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  background-image: url(../img/Rectangle\ 8.png);
  background-size: cover;
}
.new_collection_box {
  max-width: 406px;
  min-height: 146px;
  margin: 0 auto 100px;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new_collection_header {
  width: 100%; 
  min-height: 39px;  
}
.new_season_line_2 {
  margin: 30px 0;
}
.new_collection_catalog {
  width: 144px;
  height: 46px;
}
.new_collection_catalog:hover {
  box-shadow:0 0 5px #FFFFFF;
}
.new_collection_catalog_content {
  width: 82px;
  height: 23px;
}
@media (max-width: 992px) {
  .second-section {
     height: 1460px;
     display: flex;
     flex-direction: column;
     align-items: center;      
  }
  .new_collection {
     width: 100%;
     height: 730px;
  }
  .new-season {
     width: 100%;   
  }
}
@media (max-width: 767px) {
   .second-section {
      height: auto;
   }
   .new-season {
      height: auto;
      padding: 60px 0;
   }
}
@media (max-width: 425px) {
   .second-section {
      height: auto;
   }
   .watch_conteiner {
      width: auto;
      display: block;
      height: 100%;
      max-height: none;
   }
   .watch-content {
     width: auto;
     margin-right: 0;
     margin-bottom: 20px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: start;
   }
}
@media (max-width: 340px) {
  .new_collection {
     width: 100%;
     height: 730px;
   }
  .new_season_header{
     font-size: 30px; 
   }
}
/* -------------------third-section----------------------------- */
.third-section {
   width: 100%;
   height: 600px;
   display: flex;
}
.suit {
   width: 45.84%;
   height: 100%;
   background: 
   url(../img/Rectangle\ 9.png)center;
}
.collection_2018 {
   width: 54.16%;
   height: 100%;
   background-color: #000000;
   display: flex;
   justify-content: center;
   align-items: center;
}
.collection_2018_box {
   margin: 0 0 0 1px;
   max-width: 501px;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.collection_2018_box_header {
   max-width: 376px;
   min-height: 39px;
   font-weight: 400;
   }
.collection_2018_box_line_2 {
   margin: 40px 0;
}
.collection_2018_box_content {
   max-width: 501px;
   padding: 0 15px;
   line-height: calc(21/14*100%);
   text-align: center;
   box-sizing: content-box;
}
.collection_2018_box_catalog {
   width: 311px;
   min-height: 47px;
   margin-top: 61px;
}
.collection_2018_box_catalog:hover {
   box-shadow: 0 0 5px #FFFFFF;
}
@media (max-width: 767px) {
   .suit {
      display: none;
   }
   .collection_2018 {
      width: 100%;
      height: 100%;
      background: 
      url(../img/Rectangle\ 9.png)center;     
   }
}
@media (max-width: 340px){
   .collection_2018_box {      
      min-height: 500px; 
   }
   .collection_2018_box_catalog {
      width: 200px;
      margin-top: 20px;
   }
   .collection_2018_box_line_2 {
      margin: 20px 0;
   }
}
/* --------------------------------new_arrivals ----------------- */
.new_arrivals {
   width: 100%;
   height: 1289px;
   background: #000000;
}
.new_arrivals_conteiner {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding-top: 1px;
}
.new_arrivals_header {
   min-height: 48px;
   }
.new_arrivals_line_2 {
   width: 120px;
   height: 1px;
   margin: 40px 0 81px;
}
.new_arrivals_watch_box {
   width: 100%;
   max-height: 850px;   
   display: grid;
   grid-template: repeat(2, 1fr)/repeat(4, 1fr);
   grid-column-gap: 23px;
   grid-row-gap: 40px;
}
.new_arrivals_watch_box__swiper-container {
   display: none;
}
.watch-content {
   width: 100%;
}
@media (max-width: 992px){
   .new_arrivals {
      height: 1040px;
   }
}
@media (max-width: 768px){
   .new_arrivals {
      height: auto;
      padding: 35px;
   }
   .new_arrivals_header {
      margin: 0 auto;
      }
   .new_arrivals_line_2 {
      margin: 40px auto 81px;
   }
   .new_arrivals_conteiner {
      display: block;
      padding-top: 1px;
   }
   .new_arrivals_watch_box {
      display: none;
      max-width: 515px;
      max-height: 100%; 
   }
   .new_arrivals_watch_box__swiper-container {
      display: block;
      position: relative;
   }
   .new_arrivals_swiper-wrapper {
      width: 300px;
   }
   .watch-content {
      width: 260px;
      height: 100%;
      margin-right: calc(50/880*100%);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: start;
   }
   .new_arrivals .swiper-button-next:after, .new_arrivals .swiper-button-prev:after {
      color: #FFFFFF;
      font-size: 50px;
   }
}
@media (max-width: 425px) {
   .new_arrivals_watch_box {
      
      max-width: 215px;
   }
   .watch-content {
      width: 200px;
   }
   .new_arrivals .swiper-button-next:after, .new_arrivals .swiper-button-prev:after {
      font-size: 25px;
   }
   .new_arrivals .swiper-button-next, .new_arrivals .swiper-button-prev {
      top: auto;
   }
}
/* --------------------our_brands------------------ */
.our_brands {
   width: 100%;
   min-height: 362px;
   padding: 60px 0 80px;
   background: #0F0F0F;
}
.our_brands_conteiner {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;   
}
.our_brands_header {
   width: 289px;
   min-height: 48px;
   }
.our_brands___line_2 {
   margin: 40px auto;
}
.our_brands_box {
   width: 100%;
   min-height: 94px;
   display: grid;
   grid-template: repeat(1, 1fr)/repeat(4, 1fr);
   grid-column-gap: 30px;
   grid-row-gap: 30px;
}
.our_brands_box a {
   width: 100%;
   display: block;
}
.our_brands_box img {
   width: 100%;
   max-height: 94xp;
}
@media (max-width: 767px){
   .our_brands_box {
      max-width: 540px;
      grid-template: repeat(2, 1fr)/repeat(2, 1fr);
   }
}
@media (max-width: 340px){
   .our_brands_box {
      max-width: 255px;
      grid-template: repeat(4, 1fr)/repeat(1, 1fr);
   }
}
/* ------------------last_section----------------- */
.last_section {
   width: 100%;
   min-height: 400px;
   padding: 0 0 21px;
   background: url(../img/Rectangle\ 15.png);
   background-size: cover;
   background-position: center;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #FFFFFF;
}
.last_section_conteiner {
   min-height: 219px;
   display: flex;
   justify-content: center;
} 
._box-content {
   max-width: 350px;
   width: calc(350/1110*100%);
   margin-right: 30px;
}
._box-content:last-child {
   margin-right: 0;
}
.last_section_headers {
   width: 151px;
   height: 32px;
   margin: 0 0 40px;
   font-family: 'Playfair Display';
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   line-height: 32px;
   text-transform: uppercase;
}
.about_store_content {
   width: 100%;
   line-height: 21px;
}
.categories_first_line {
   display: flex;
   flex-wrap: wrap;
}
.categories_box { 
   width: auto;
   padding: 10px 20px;
   margin-right: 20px;
   margin-bottom: 20px;
   background: #0F0F0F;
}
.categories_box:hover {
   box-shadow: 0 0 5px #ffffff75;
}
.categories_box div {
   width: auto;
   line-height: 21px;
   color: #D0D0D0;
}
.newsletter_content {
   min-height: 42px;
   margin: 0 0 37px;
   line-height: 21px;
}
.newsletter_form form {
   display: flex;
   flex-wrap: wrap;
}
.newsletter_form input {
   width: 60%px;
   height: 42px;
   padding: 0  0 0 16px;
   margin-bottom: 10px;
   background: rgba(255, 255, 255, 0.4);
   display: block;
}
::-webkit-input-placeholder { 
   color:    #FFFFFF66;
}
:-moz-placeholder { 
   color:    #FFFFFF66;
}
::-moz-placeholder { 
   color:    #FFFFFF66;
}
:-ms-input-placeholder {
   color:    #FFFFFF66;
}
.newsletter_form button {
   width: 40%;
   height: 41px;
   background: #0F0F0F;
   color: #ffffff;
}
.newsletter_form button:hover {
   background: #0f0f0f8e;
}
@media (max-width: 992px){
   .newsletter_form input {
      width: 100%;
   }
   .newsletter_form button {
      width: 140px;
   }
}
@media (max-width: 650px){
   .last_section {
      width: 100%;
      min-height: auto;
   }
   .last_section_conteiner {
      width: 100%;
      display: block;
      margin: 0 auto;
   }
   ._box-content {
      max-width: none;
      width: 80%;
      margin: 0 auto;
   }
   ._box-content:last-child {
      margin-right: auto;
   }
   .last_section_headers {
      margin-top: 30px;
   }
   ._section {
      display: none;
   }
   /* -----------open---------- */
   .last_section_headers {
      width: 200px;
      margin: 30px auto 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
   .last_section__about_store__open {
      width: 0px;
      height: 0px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 20px solid #969696;
      transition: all 0.3s ease 0s;
   }
   .last_section__about_store__open.active1 {
      width: 20px;
      height: 20px;
      border-left: 0px;
      border-right: 0px;
      border-top: 0px;
      border-radius: 50%;
      background-color: #969696;
   }
   .about_store_content.active1 {
      display: block;
   } 
   .last_section__categories__open {
      width: 0px;
      height: 0px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 20px solid #969696;
      transition: all 0.3s ease 0s;
   }
   .last_section__categories__open.active2 {
      width: 20px;
      height: 20px;
      border-left: 0px;
      border-right: 0px;
      border-top: 0px;
      border-radius: 50%;
      background-color: #969696;
   }
   .categories_first_line.active2 {
      display: flex;
      justify-content: center;
      margin-top: 20px;
   } 
   .last_section__newsletter__open {
      width: 0px;
      height: 0px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 20px solid #969696;
      transition: all 0.3s ease 0s;
   }
   .last_section__newsletter__open.active3 {
      width: 20px;
      height: 20px;
      border-left: 0px;
      border-right: 0px;
      border-top: 0px;
      border-radius: 50%;
      background-color: #969696;
      transition: all 0.3s ease 0s;
   }
   .newsletter-conteiner.active3 {
      display: block;
      justify-content: center;
      margin-top: 20px;
   } 
}
/* -----------------footer------------------- */
.footer {
   width: 100%;
   height: 50px;
   color: #D0D0D0;
   font-size: 12px;
   line-height: 16px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.footer_conteiner {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}
.box2 {   
   font-weight: 700;
   text-align: right;
   text-decoration-line: underline;
}
.box2:hover {
   text-decoration-line: none;
}