@font-face {
    font-family: 'Futura-pt-light';
    src: url('../webfonts/FuturaPT-Light.eot');
    src: url('../webfonts/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/../webfonts/FuturaPT-Light.woff2') format('woff2'),
        url('../webfonts/FuturaPT-Light.woff') format('woff'),
        url('../webfonts/FuturaPT-Light.ttf') format('truetype'),
        url('../webfonts/FuturaPT-Light.svg#FuturaPT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura-Book';
    src: url('FuturaPT-Book.eot');
    src: url('../webfonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/FuturaPT-Book.woff2') format('woff2'),
        url('../webfonts/FuturaPT-Book.woff') format('woff'),
        url('../webfonts/FuturaPT-Book.ttf') format('truetype'),
        url('../webfonts/FuturaPT-Book.svg#FuturaPT-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura-heavy';
    src: url('../webfonts/FuturaPT-Heavy.eot');
    src: url('../webfonts/FuturaPT-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/FuturaPT-Heavy.woff2') format('woff2'),
        url('../webfonts/FuturaPT-Heavy.woff') format('woff'),
        url('../webfonts/FuturaPT-Heavy.ttf') format('truetype'),
        url('../webfonts/FuturaPT-Heavy.svg#FuturaPT-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura-medium';
    src: url('../webfonts/FuturaPT-Medium.eot');
    src: url('../webfonts/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/FuturaPT-Medium.woff2') format('woff2'),
        url('../webfonts/FuturaPT-Medium.woff') format('woff'),
        url('../webfonts/FuturaPT-Medium.ttf') format('truetype'),
        url('../webfonts/FuturaPT-Medium.svg#FuturaPT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura-lightObl';
    src: url('../webfonts/FuturaPT-LightObl.eot');
    src: url('../webfonts/FuturaPT-LightObl.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/FuturaPT-LightObl.woff2') format('woff2'),
        url('../webfonts/FuturaPT-LightObl.woff') format('woff'),
        url('../webfonts/FuturaPT-LightObl.ttf') format('truetype'),
        url('../webfonts/FuturaPT-LightObl.svg#FuturaPT-LightObl') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica-light';
    src: url('../webfonts/../webfonts/HelveticaNeue-Light.eot');
    src: url('../webfonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('../webfonts/HelveticaNeue-Light.woff') format('woff'),
        url('../webfonts/HelveticaNeue-Light.ttf') format('truetype'),
        url('../webfonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura-mediumObl';
    src: url('../webfonts/FuturaPT-MediumObl.eot');
    src: url('../webfonts/FuturaPT-MediumObl.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/FuturaPT-MediumObl.woff2') format('woff2'),
        url('../webfonts/FuturaPT-MediumObl.woff') format('woff'),
        url('../webfonts/FuturaPT-MediumObl.ttf') format('truetype'),
        url('../webfonts/FuturaPT-MediumObl.svg#FuturaPT-MediumObl') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}



html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

body {
    line-height: 1;
    margin: 0;
    padding: 0;
    font-family: 'Futura-pt-light';
   
    background-attachment: fixed;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}


::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #A8BDCF; font-family: 'Futura-pt-light';
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #A8BDCF; font-family: 'Futura-pt-light';
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #A8BDCF; font-family: 'Futura-pt-light';
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #A8BDCF; font-family: 'Futura-pt-light';
}

ul, li{font-family: 'Futura-pt-light';}



input,
select {
    vertical-align: middle;
}

body {
        font-family: 'Futura-pt-light';
    margin: 0;
    padding: 0;
    font-size:14px;
}

.page{overflow-x: hidden;  background:url("../images/black-overlay-bg.png") no-repeat right top; background-size:100% auto;
    }
#fullBg{width:100%;  top:100px; z-index: -1; position: absolute;  }


h2, h3, h4{font-weight: normal;}
p{font-family: 'Futura-pt-light'; font-weight: 300; font-size:18px; line-height: 26px; color:#0d0d0d;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
.mb-70{margin-bottom: 70px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mr-40{margin-right: 40px;}
ul{margin: 0; padding: 0; list-style: none;}
ul li{margin: 0; padding: 0; list-style: none;}
label {font-size: 14px;color: #000;margin: 0 0 10px;}
.container{max-width:1080px; margin: 0 auto; padding: 0 40px;}

.main-container{position: relative; z-index: 1;}


.top-header{background: #000; padding: 15px 0; position:fixed; top:0; left:0; width:100%; z-index: 99; transition: all .5s ease; transform: translateY(-100%)}

.top-header.fixed{transform: translateY(0)}


.top-header .container{display: flex; justify-content: space-between; align-items: center;}

.top-header .logo img{height: 40px;}

ul.navigation{margin: 0; padding: 0; list-style: none; 
  
     display: flex; }

ul.navigation li{ margin: 0; padding: 0; margin: 0 60px 0 0;}
ul.navigation li a {
    letter-spacing: .3em;
		/* font-weight: normal; */
    font-family: 'Futura-medium';
    font-size: 14px; 
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 24px; display: block;
    display: flex; align-items: center;
    font-family: 'Futura-pt-light';
}

ul.navigation li a span {
    width: 30px;
    height: 4px;
    background: #f08767;
    display: inline-block;
    margin: 0 15px 0 0;
}
ul.navigation li a:hover{color:#f08767;}
ul.navigation li a.current{color:#f08767;}

ul.navigation li.current a{color:#f08767;}

.main-container .logo{margin-top:100px;}
.header{position: relative;}
.header .head-section{margin-top:200px; display: flex; }

.header .head-section h1{font-size:90px; color:#fff; text-transform: uppercase;  font-family: 'Futura-heavy';}
.header .head-section h1 span{display: block; font-size:36px; font-style: italic; white-space: nowrap; font-family: 'Futura-pt-light';}
.header .head-section h1 span b{font-weight: normal; color:#f08767; font-style: normal; font-family: 'Futura-pt-light';}

.artrctive-logo img{ 
	height:630px;
	height:430px;
}

.artrctive-logo{position:relative; right: -200px; margin-top:-40px;   }
.main-heading{padding-top:100px;}
.main-heading h2{font-size:90px; color:#333333; text-transform: uppercase; position: relative; font-family: 'Futura-heavy'; }
.main-heading h2 span{display: block; font-size:36px; font-style: italic; white-space: nowrap; font-family: 'Futura-mediumObl';}
.main-heading h2 span b{font-weight: normal; color:#f08767; font-style: normal; font-family: 'Futura-pt-light';}

.main-heading h2:before{content:""; position: absolute; bottom: -30px; width:100px; height: 6px; background: #f08767; }


.main-heading{display: flex; justify-content: center; margin-top: 80px;padding-left: 110px;}

.content{margin-top:100px;}

.title-section{font-size:16px; line-height: 22px; line-height: 42px; position: relative;   display: flex;
    align-items: flex-start; padding-left: 55px;}

.title-section .rel span{width:30px; height:4px; background: #f08767; display: inline-block; margin: 0 15px 0 0;}

.title-section h2{letter-spacing: .3em; font-weight: normal; font-family: 'Futura-medium'; font-size:16px;     display: flex;
    justify-content: center;
    align-items: center; color:#0D0D0D;}

.title-section .rel {
    transform: rotate(-90deg);
    left: 0;
    top: 110px;
    position: absolute; transform-origin: left bottom;
}

.paragraph-section p{font-size:22px; line-height: 40px; margin: 0 0 15px 0; font-family: 'Futura-pt-light';}

.intro-section{margin-top:150px; display: block;}

.intro-section .title-section .rel{
padding: 0 10px; background: #fff; top: 87px;
}

}
.service{margin: 60px 0 80px;}
.service-section{display: block; width:100%; margin: 0 0 0 0;}
.service-section ul{display: flex; justify-content: space-between; align-items: center;}

.service-section ul li{width:31%; border:0; display: flex; justify-content: center;  padding: 60px 0; background: #fbe6e0; position: relative; overflow: hidden; transition: all .5s ease; }


.service-section ul li:before{content:"";  position: absolute; left:0; top:0; width:200%; height:50%; background: #ffd9ce; transform: translateY(-100%) ; transition: all .3s ease; z-index:1;}

.service-section ul li:after{content:"";  position: absolute; left:0; bottom:0; width:100%; height:50%; background: #ffd9ce; transform: translateY(100%); transition: all .3s ease; z-index:1;}


.service-section ul li:hover:before{transform: translateY(0)}

.service-section ul li:hover:after{transform: translateY(0)}

.service .icon-section{height:110px;display: block;}
.service ul li a b{display: block; text-decoration: none; color:#51515A; line-height: 34px;  }
.service ul li a {
    text-decoration: none;
    display: block;
    text-align: center; font-size:30px; font-family: 'Futura-pt-light'; position: relative; z-index: 2;
}

.main-container-panelOne{background:url("../images/brush-bg.png") no-repeat left -14px top 27px;}

.main-container-panelOne .container{padding: 0 80px 60px;}
.main-container-panel .container{ padding: 0 80px 100px;}

.paragraph-section span{color:#f08767;}
.contact-section .container{padding: 0 80px;}

.contact-section{background: #ebebeb; padding: 0 0 80px;}

.contact-panel{margin:80px 0 0; display: flex; justify-content: space-between;  width: 100%; align-items:flex-start;}

.contact-panel .form{margin-right: 60px;}
.contact-section .title-section .rel {
    background: #fff;
    top: inherit;
    top: 156px;
    transform-origin: left bottom;
    position: absolute;
}

.contact-section .title-section .rel:before {
    content: "";
    border: 24px solid transparent;
    border-top: 42px solid #fff;
    position: absolute;
    height: 100%;
    z-index: 1;
    left: -24px;
    
}
.contact-section .title-section h2{padding-left: 20px;}
.contact-section .title-section h2 b{padding-right: 40px;}


.contact-section h3{font-size:44px; font-family: 'Futura-pt-light'; color:#3B5367; margin: 0 0 30px 0; white-space: nowrap;}

.contact-section h3 span {
    font-family: 'Helvetica-light';
    font-size: 34px;
    margin-left:2px;
}

.contact-section input, .contact-section textarea{padding: 15px 20px; background: #fff; border-radius: 30px; font-size:22px;  border:1px solid transparent; margin: 0 0 30px 0; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: none; font-family: 'Futura-pt-light'; color:#0d0d0d; }

.contact-section input.error, .contact-section textarea.error{border:1px solid #f08767;}

.contact-section input:focus, .contact-section textarea:focus{ box-shadow: 0 0 10px rgba(240, 135, 103, .5);}

.contact-section textarea{border-radius: 20px; margin-bottom: 10px;}
.map{width:100%; }
#contact-us-form{width:50%;}

.contactInfoSection{width:50%;}
.contactInfoSection ul{margin: 74px 0 20px 0;}
.contactInfoSection ul li {
    margin-bottom: 10px;
    font-family: 'Futura-pt-light';
    font-size: 24px;
    line-height: 36px;
}
.contactInfoSection ul li a{display: flex; text-decoration: none; color:#000;}
.contactInfoSection i {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px 0 0;
    color: #3B5367;
    font-size: 14px;
    border: 2px solid #3B5367;
}

.contactInfoSection ul li a:hover{color:#f08767;}

.contactInfoSection ul li a:hover i{color:#f08767; border-color:#f08767;}


.map img{border:4px solid #fff!important; max-width: 100%;}

.btn{padding: 10px 20px; background: #f08767; color:#fff; border-radius: 30px; font-size:32px;  border:0; margin: 0 0 0 0; width:100%;
-webkit-appearance:none; cursor: pointer; font-family: 'Futura-pt-light';}

    
.btn:hover{background: #e96b44;}
.paragraph-section{font-size:22px;}

.footer-section{background: #fff; padding: 40px 0;}
.footer-section ul{display: flex; justify-content: center;}

.footer-section ul li{font-family: 'Futura-pt-light'; font-size:26px; line-height:30px; padding: 0 25px 0 25px; border-right:1px solid #f08767; color:#0d0d0d; }
.footer-section ul li a{text-decoration: none; color:#0d0d0d;}

.footer-section ul li a:hover{ color:#f08767;}

.footer-section ul li:last-child{border:0;}


.service-section ul li:hover{background: #ffe1d9;}
.dynamic{display: none;}
.success_message,
.dynamic {
    padding: 5px 20px;
    display: none;
    color: #000;
    text-align: center;
    font-size: 20px;
    margin-top:30px;
    border:2px solid #f08767;
    background: #fbe6e0;
    font-family: 'Futura-Book';

}

.success_message h5,
.dynamic h5 {
    padding: 0;
    margin: 0;
}



ul.nav{margin: 0; padding: 0; list-style: none;     transform: rotate(-90deg);
    bottom: 10%;
    bottom: -20%;
    position: absolute;
    transform-origin: left bottom; display: flex; margin-left: -100px; }

ul.nav li{ margin: 0; padding: 0; margin: 0 60px 0 0;}
ul.nav li a {
    letter-spacing: .3em;
		/* font-weight: normal; */
    font-family: 'Futura-medium';
    font-size: 14px; 
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 24px; display: block;
    display: flex; align-items: center;
    font-family: 'Futura-pt-light';
}

ul.nav li a span {
    width: 30px;
    height: 4px;
    background: #f08767;
    display: inline-block;
    margin: 0 15px 0 0;
}
ul.nav li a:hover{color:#f08767;}

label.error{display: none!important;}




.intro-section.current h2 b, .service-section.current h2 b, .contact-section.current h2 b{color:#f08767;}






.go-top {
  position: fixed;
  cursor: pointer;
  bottom: -100px;
  right: 20px;
  color: #ffffff;
  background-color: #f08767;
  z-index: 4;
  width: 50px;
  text-align: center;
  height: 50px;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  -webkit-transition: .9s;
  transition: .9s;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.go-top svg {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
}

.go-top.active {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}

.go-top:hover {
  background-color: #e96b44;
  color: #ffffff;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}