﻿/*fonts*/
@font-face {
  font-family: 'QuicksandLightOblique-Regular';
  src: url('fonts/QuicksandLightOblique-Regular.eot');
  src: url('fonts/QuicksandLightOblique-Regular.woff2') format('woff2'),
       url('fonts/QuicksandLightOblique-Regular.woff') format('woff'),
       url('fonts/QuicksandLightOblique-Regular.ttf') format('truetype'),
       url('fonts/QuicksandLightOblique-Regular.svg#QuicksandLightOblique-Regular') format('svg'),
       url('fonts/QuicksandLightOblique-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'QuicksandBoldOblique-Regular';
  src: url('fonts/QuicksandBoldOblique-Regular.eot');
  src: url('fonts/QuicksandBoldOblique-Regular.woff2') format('woff2'),
       url('fonts/QuicksandBoldOblique-Regular.woff') format('woff'),
       url('fonts/QuicksandBoldOblique-Regular.ttf') format('truetype'),
       url('fonts/QuicksandBoldOblique-Regular.svg#QuicksandBoldOblique-Regular') format('svg'),
       url('fonts/QuicksandBoldOblique-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'QuicksandBold-Regular';
  src: url('fonts/QuicksandBold-Regular.eot');
  src: url('fonts/QuicksandBold-Regular.woff2') format('woff2'),
       url('fonts/QuicksandBold-Regular.woff') format('woff'),
       url('fonts/QuicksandBold-Regular.ttf') format('truetype'),
       url('fonts/QuicksandBold-Regular.svg#QuicksandBold-Regular') format('svg'),
       url('fonts/QuicksandBold-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'QuicksandBook-Regular';
  src: url('fonts/QuicksandBook-Regular.eot');
  src: url('fonts/QuicksandBook-Regular.woff2') format('woff2'),
       url('fonts/QuicksandBook-Regular.woff') format('woff'),
       url('fonts/QuicksandBook-Regular.ttf') format('truetype'),
       url('fonts/QuicksandBook-Regular.svg#QuicksandBook-Regular') format('svg'),
       url('fonts/QuicksandBook-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'QuicksandBookOblique-Regular';
  src: url('fonts/QuicksandBookOblique-Regular.eot');
  src: url('fonts/QuicksandBookOblique-Regular.woff2') format('woff2'),
       url('fonts/QuicksandBookOblique-Regular.woff') format('woff'),
       url('fonts/QuicksandBookOblique-Regular.ttf') format('truetype'),
       url('fonts/QuicksandBookOblique-Regular.svg#QuicksandBookOblique-Regular') format('svg'),
       url('fonts/QuicksandBookOblique-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'QuicksandDash-Regular';
  src: url('fonts/QuicksandDash-Regular.eot');
  src: url('fonts/QuicksandDash-Regular.woff2') format('woff2'),
       url('fonts/QuicksandDash-Regular.woff') format('woff'),
       url('fonts/QuicksandDash-Regular.ttf') format('truetype'),
       url('fonts/QuicksandDash-Regular.svg#QuicksandDash-Regular') format('svg'),
       url('fonts/QuicksandDash-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'QuicksandLight-Regular';
  src: url('fonts/QuicksandLight-Regular.eot');
  src: url('fonts/QuicksandLight-Regular.woff2') format('woff2'),
       url('fonts/QuicksandLight-Regular.woff') format('woff'),
       url('fonts/QuicksandLight-Regular.ttf') format('truetype'),
       url('fonts/QuicksandLight-Regular.svg#QuicksandLight-Regular') format('svg'),
       url('fonts/QuicksandLight-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}






body { width:100%; max-width:100%; margin:0; padding:0; background-color:transparent; overflow-x:hidden; font-family: 'BrandonGrotesque-Regular' 'arial'; 
	font-size:12px; color:#000; position:relative; line-height: 24.99px;}

/*****GLOBAL*****/
.np { padding:0;}
.nm { margin:0;}
.row { max-width:100%; width:100%;}
.container { max-width:1280px; width:100%; padding:0;}

main { width:100%; background-color:transparent;}
header { width:100%; background-color:transparent; opacity:1; display:block; margin:0 auto; padding:30px 0; }
footer { width:100%; background-color:transparent;  position:static; padding:50px 0;}
h1, h2, h3, h4, h5, h6 { margin:0; font-weight:normal;}
/*****GLOBAL END*****/

/*header*/
.header-logo img { display:block; margin:0 auto;}
.header-link { text-align:center; margin:0 40px 0 0 !important;}
.header-link ul { margin:40px 0 0 0 !important;}
.header-link ul li { display:inline-block !important; font-family: 'QuicksandBook-Regular'; font-size:14px;letter-spacing: 1px; color:#000 !important;}
.header-link ul li:hover { font-family: 'QuicksandBold-Regular';letter-spacing: 1px; font-size:14px; color:#000 !important;}
.onit {font-family: 'QuicksandBold-Regular'!important;letter-spacing: 1px; font-size:14px; color:#000 !important;}
/**header end**/

/*home*/
.banner-text { text-align:center; font-family: 'QuicksandBook-Regular'; font-size:30px; margin:310px 0 0 0; line-height:40px;}

/*about*/
.about-text { text-align:center; font-family: 'QuicksandBook-Regular'; font-size:21px; margin:145px 0 0 0; line-height:30px;}

/*services*/
.men-border {  width: 100px; height: 100px; background:transparent; border-radius: 50px; display: inline-block; padding: 35px 0; text-align: center; font-size: 12px; float:right; margin: 260px 200px 0 0px; border: solid #000 1px;}
.men-border:hover{ border:solid #000 1px; cursor:pointer;  background:#FFF; }
.men-border p { font-family: 'QuicksandBook-Regular'; font-size:21px; text-transform:capitalize;}
.women-border {  width: 100px; height: 100px; background:transparent; border-radius: 50px; display: inline-block; padding: 35px 0; text-align: center; font-size: 12px; margin: 260px 0 0 200px; border: solid #000 1px;}
.women-border:hover{ border:solid #000 1px; cursor:pointer;  background:#FFF; }
.women-border p { font-family: 'QuicksandBook-Regular'; font-size:21px; text-transform:capitalize;}
.circle a { color:#000;}

/*contact*/
.conttext { text-align:center; margin:155px 0 0 0;}
.conttext p { font-family: 'QuicksandBook-Regular'; font-size:15.53px;}
.conttext a { color:#000;}

/**footer**/

.footer-text { text-align:center; font-family: 'QuicksandBook-Regular'; font-size:14px;}
@media(max-width:1024px){}
@media(max-width:991px){
.banner-text { margin:510px 0 0 0;}
.about-text { margin:405px 0 0 0; }
.men-border { margin:650px 0 0 0;}
.women-border { margin:650px 0 0 0;}
.conttext { margin:450px 0 0 0;}
}
@media(max-width:800px){}
@media(max-width:768px){
.banner-text { margin:410px 0 0 0;}
.about-text { margin:305px 0 0 0; }
.men-border { margin:450px 0 0 0;}
.women-border { margin:450px 0 0 0;}
.conttext { margin:350px 0 0 0;	}
}
@media(max-width:736px){
.banner-text { margin:310px 0 0 0;}
.about-text { margin:145px 0 0 0; }
.about-text br { display:none;}
.men-border { margin:260px 0 0 0;}
.women-border { margin:260px 0 0 0;}	
.conttext { margin:155px 0 0 0;	}	
}
@media(max-width:375px){.header-link ul { margin:20px 0 0 0 !important;}.header-link ul li { display:inline-block !important; font-family: 'QuicksandBook-Regular'; font-size:14px;letter-spacing: 0px; color:#000 !important;}.header-link ul li:hover { font-family: 'QuicksandBold-Regular';letter-spacing: 0px; font-size:14px; color:#000 !important;}
.onit {font-family: 'QuicksandBold-Regular'!important;letter-spacing: 0px; font-size:14px; color:#000 !important;}.about-text {
    font-size:18px;    padding-left: 10px;
    padding-right: 10px;
}.banner-text { text-align:center; font-family: 'QuicksandBook-Regular'; font-size:25px; margin:230px 0 0 0; line-height:32px;}
}
@media(max-width:360px){.header-link ul { margin:20px 0 0 0 !important;}.header-link ul li { display:inline-block !important; font-family: 'QuicksandBook-Regular'; font-size:12px;letter-spacing: 0px; color:#000 !important;}.header-link ul li:hover { font-family: 'QuicksandBold-Regular';letter-spacing: 0px; font-size:12px; color:#000 !important;}
.onit {font-family: 'QuicksandBold-Regular'!important;letter-spacing: 0px; font-size:12px; color:#000 !important;}.about-text {
    font-size:18px;    padding-left: 5px;
    padding-right: 5px;
}.banner-text { text-align:center; font-family: 'QuicksandBook-Regular'; font-size:18px; margin:230px 0 0 0; line-height:32px;}}
@media(max-width:320px){}