html { scroll-behavior: smooth; }
body { font-family: 'TT Firs Neue Trl'; color: #000000; font-size: 1.5rem; font-weight: normal; margin: 0; }
::-moz-selection {
background: #212123;
color:#ffffff;
}
::selection { background: #212123; color: #ffffff; }
a { color: #212123; transition: all ease 0.5s; }
a:hover { color: #00ccff; text-decoration: none; transition: all ease 0.5s; }
@font-face { font-family: 'Canopee'; src: url('../fonts/Canopee-Regular.eot'); src: url('../fonts/Canopee-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Canopee-Regular.woff2') format('woff2'),  url('../fonts/Canopee-Regular.woff') format('woff'),  url('../fonts/Canopee-Regular.ttf') format('truetype'),  url('../fonts/Canopee-Regular.svg#Canopee-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Bold Outline'; src: url('../fonts/TTFirsNeue-BoldOutline.eot'); src: url('../fonts/TTFirsNeue-BoldOutline.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeue-BoldOutline.woff2') format('woff2'),  url('../fonts/TTFirsNeue-BoldOutline.woff') format('woff'),  url('../fonts/TTFirsNeue-BoldOutline.ttf') format('truetype'),  url('../fonts/TTFirsNeue-BoldOutline.svg#TTFirsNeue-BoldOutline') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Bold Outline'; src: url('../fonts/TTFirsNeue-BoldOutlineItalic.eot'); src: url('../fonts/TTFirsNeue-BoldOutlineItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeue-BoldOutlineItalic.woff2') format('woff2'),  url('../fonts/TTFirsNeue-BoldOutlineItalic.woff') format('woff'),  url('../fonts/TTFirsNeue-BoldOutlineItalic.ttf') format('truetype'),  url('../fonts/TTFirsNeue-BoldOutlineItalic.svg#TTFirsNeue-BoldOutlineItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-BlackIt.eot'); src: url('../fonts/TTFirsNeueTrl-BlackIt.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-BlackIt.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-BlackIt.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-BlackIt.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-BlackIt.svg#TTFirsNeueTrl-BlackIt') format('svg'); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-BoldIt.eot'); src: url('../fonts/TTFirsNeueTrl-BoldIt.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-BoldIt.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-BoldIt.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-BoldIt.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-BoldIt.svg#TTFirsNeueTrl-BoldIt') format('svg'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-Black.eot'); src: url('../fonts/TTFirsNeueTrl-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-Black.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-Black.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-Black.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-Black.svg#TTFirsNeueTrl-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-Bold.eot'); src: url('../fonts/TTFirsNeueTrl-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-Bold.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-Bold.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-Bold.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-Bold.svg#TTFirsNeueTrl-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-DemiBoldIt.eot'); src: url('../fonts/TTFirsNeueTrl-DemiBoldIt.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-DemiBoldIt.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-DemiBoldIt.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-DemiBoldIt.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-DemiBoldIt.svg#TTFirsNeueTrl-DemiBoldIt') format('svg'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-DemiBold.eot'); src: url('../fonts/TTFirsNeueTrl-DemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-DemiBold.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-DemiBold.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-DemiBold.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-DemiBold.svg#TTFirsNeueTrl-DemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-ExtraBoldIt.eot'); src: url('../fonts/TTFirsNeueTrl-ExtraBoldIt.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-ExtraBoldIt.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-ExtraBoldIt.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-ExtraBoldIt.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-ExtraBoldIt.svg#TTFirsNeueTrl-ExtraBoldIt') format('svg'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-ExtraBold.eot'); src: url('../fonts/TTFirsNeueTrl-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-ExtraBold.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-ExtraBold.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-ExtraBold.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-ExtraBold.svg#TTFirsNeueTrl-ExtraBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-ExtraLightIt.eot'); src: url('../fonts/TTFirsNeueTrl-ExtraLightIt.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-ExtraLightIt.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-ExtraLightIt.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-ExtraLightIt.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-ExtraLightIt.svg#TTFirsNeueTrl-ExtraLightIt') format('svg'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-It.eot'); src: url('../fonts/TTFirsNeueTrl-It.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-It.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-It.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-It.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-It.svg#TTFirsNeueTrl-It') format('svg'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-ExtraLight.eot'); src: url('../fonts/TTFirsNeueTrl-ExtraLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-ExtraLight.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-ExtraLight.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-ExtraLight.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-ExtraLight.svg#TTFirsNeueTrl-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-LightIt.eot'); src: url('../fonts/TTFirsNeueTrl-LightIt.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-LightIt.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-LightIt.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-LightIt.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-LightIt.svg#TTFirsNeueTrl-LightIt') format('svg'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-Light.eot'); src: url('../fonts/TTFirsNeueTrl-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-Light.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-Light.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-Light.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-Light.svg#TTFirsNeueTrl-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-MediumIt.eot'); src: url('../fonts/TTFirsNeueTrl-MediumIt.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-MediumIt.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-MediumIt.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-MediumIt.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-MediumIt.svg#TTFirsNeueTrl-MediumIt') format('svg'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-Medium.eot'); src: url('../fonts/TTFirsNeueTrl-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-Medium.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-Medium.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-Medium.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-Medium.svg#TTFirsNeueTrl-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-Regular.eot'); src: url('../fonts/TTFirsNeueTrl-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-Regular.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-Regular.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-Regular.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-Regular.svg#TTFirsNeueTrl-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-ThinIt.eot'); src: url('../fonts/TTFirsNeueTrl-ThinIt.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-ThinIt.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-ThinIt.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-ThinIt.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-ThinIt.svg#TTFirsNeueTrl-ThinIt') format('svg'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trl'; src: url('../fonts/TTFirsNeueTrl-Thin.eot'); src: url('../fonts/TTFirsNeueTrl-Thin.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrl-Thin.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrl-Thin.woff') format('woff'),  url('../fonts/TTFirsNeueTrl-Thin.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrl-Thin.svg#TTFirsNeueTrl-Thin') format('svg'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trial Var'; src: url('../fonts/TTFirsNeueTrialVarItalic.eot'); src: url('../fonts/TTFirsNeueTrialVarItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrialVarItalic.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrialVarItalic.woff') format('woff'),  url('../fonts/TTFirsNeueTrialVarItalic.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrialVarItalic.svg#TTFirsNeueTrialVarItalic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'TT Firs Neue Trial Var Roman'; src: url('../fonts/TTFirsNeueTrialVarRoman.eot'); src: url('../fonts/TTFirsNeueTrialVarRoman.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTFirsNeueTrialVarRoman.woff2') format('woff2'),  url('../fonts/TTFirsNeueTrialVarRoman.woff') format('woff'),  url('../fonts/TTFirsNeueTrialVarRoman.ttf') format('truetype'),  url('../fonts/TTFirsNeueTrialVarRoman.svg#TTFirsNeueTrialVarRoman') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
.top-area { background: url(../images/top-bg.svg); background-repeat: no-repeat; width: 100%; height: auto; display: inline-block; background-position: center bottom; background-size: cover }
.bottom-area { background: url(../images/bottom-bg.svg); background-repeat: no-repeat; width: 100%; height: auto; display: inline-block; background-position: center top; background-size: cover }
.logo img { height: 47px; width: auto }
.intro h4 { font-weight: normal; line-height: 1.5 }
.intro h4 strong { font-weight: 600; }
.services-area .col { transition: all ease 0.5s; }
.services-area .col img.normal, .services-area .col img.hover { transition: all ease 0.5s; }
.services-area .col img { height: 80px; transition: all ease 0.5s; }
.services-area .col img.normal { height: 80px; transition: all ease 0.5s; }
.services-area .col img.hover { display:none; transition: all ease 0.5s; }
.services-area .col:hover img.normal { display:none; transition: all ease 0.5s; }
.services-area .col:hover img.hover { display:inline-block; transition: all ease 0.5s; }


.services-area h3 { font-weight: 600; font-size: 1.5rem; line-height: 1; transition: all ease 0.5s; }
.services-area .col:hover h3 { color: #00ccff; transition: all ease 0.5s; }
.services-area .col:hover h3 > span { color: #000000; }
.services-area .col:hover { cursor: pointer }
.services-area h3 span { font-weight: 300 }
.bg-light { background-color: #f3f3f3 !important; }
ul.social { margin: 0px; padding: 0px; }
ul.social li { list-style-type: none; display: inline-block; }
ul.social li a { text-decoration: none; color: #212123; outline: none; font-weight: normal; }
ul.social li a:hover { text-decoration: none; color: #212123; outline: none; }
ul.social li i { font-size: 2.5rem; font-weight: normal; }
.footer { }
.footer img.logo { height: 80px }
.footer .copyright_area { font-size: 0.813rem; }
.footer h5 { font-size: 1.5rem }
.footer .pin svg { transition: all ease 0.5s; }
.footer .pin:hover svg { fill:#00ccff; transition: all ease 0.5s; }
.footer h5 strong { font-size: 2rem; font-weight: 600 }
.footer address { font-size: 1.5rem; font-weight: 300; line-height: 1.25 }
.footer address.border-left { border-left-style: dashed !important; border-left-width: 2px !important; }
.footer .footer-right { font-weight: 500 }
 @media screen and (max-width:768px) {
.intro h4 { font-size: 1.25rem; line-height: 2 }
body, .footer h5, .footer address, .services-area h3 { font-size: 1.25rem; }
.footer h5 strong { font-size: 1.5rem; }
ul.social li i { font-size: 2rem; }
}
@media screen and (max-width:767px) {
.logo img { height: 36px; }
.intro h4 { font-size: 1.125rem;}
body, .footer h5, .footer address, .services-area h3 { font-size: 1.125rem; }
.footer h5 strong { font-size: 1.25rem; }
ul.social li i { font-size: 1.5rem; }
.services-area .col img { height: 60px; }
.services-area .col img.normal { height: 60px; }

}