/*** CUSTOM UPLOADED FONTS 
  * Remove the @font-face block below if you're loading Adobe Type Kit.
***/

@font-face {
 font-family: 'ProximaNova-Regular'; 
 src: url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/ProximaNova-Regular.eot?') format('eot'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/ProximaNova-Regular.woff') format('woff'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/ProximaNova-Regular.ttf') format('truetype');
}

@font-face {
 font-family: 'ProximaNova-Bold'; 
 src: url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/ProximaNova-Bold.eot?') format('eot'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/ProximaNova-Bold.woff') format('woff'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/ProximaNova-Bold.ttf') format('truetype');
}

@font-face {
 font-family: 'Queens_W-Regular'; 
 src: url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/Queens_W-Regular.eot?') format('eot'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/Queens_W-Regular.woff') format('woff'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/Queens_W-Regular.ttf') format('truetype');
}

@font-face {
 font-family: 'Queens_W-Bold'; 
 src: url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/Queens_W-Bold.eot?') format('eot'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/Queens_W-Bold.woff') format('woff'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/Queens_W-Bold.ttf') format('truetype');
}

@font-face {
 font-family: 'Queens_W-Medium'; 
 src: url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/Queens_W-Medium.eot?') format('eot'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/Queens_W-Medium.woff') format('woff'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/Queens_W-Medium.ttf') format('truetype');
}

@font-face {
 font-family: 'ProximaNova-Regular'; 
 src: url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/ProximaNova-Regular.eot?') format('eot'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/ProximaNova-Regular.woff') format('woff'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/ProximaNova-Regular.ttf') format('truetype');
}

@font-face {
 font-family: 'DMSerifDisplay-Regular'; 
 src: url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/DMSerifDisplay-Regular.eot?') format('eot'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/DMSerifDisplay-Regular.woff') format('woff'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/DMSerifDisplay-Regular.ttf') format('truetype');
}

@font-face {
 font-family: 'DenteksDisplay-Regular'; 
 src: url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/sf-pro-display_bold.eot?') format('eot'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/sf-pro-display_bold.woff') format('woff'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/sf-pro-display_bold.ttf') format('truetype');
}

@font-face {
 font-family: 'DenteksText-Regular'; 
 src: url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/sf-pro-text_regular.eot?') format('eot'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/sf-pro-text_regular.woff') format('woff'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/sf-pro-text_regular.ttf') format('truetype');
}

@font-face {
 font-family: 'DenteksText_light-Regular'; 
 src: url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/sf-pro-text_light.eot?') format('eot'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/sf-pro-text_light.woff') format('woff'), url('https://26108336.fs1.hubspotusercontent-eu1.net/hubfs/26108336/fonts/sf-pro-text_light.ttf') format('truetype');
}



  /*** FONTS FOR EASY COPY & PASTE 
   * 
   * Add Name of Your Fonts Here
   * 
   * ***/
body {

  font-family: 'DenteksText_light-Regular', sans-serif;
  font-weight: normal !important;
 
  
}

/******  WEBSITE HEADINGS ******/
h1 {font-family: 'DMSerifDisplay-Regular', serif; }
h2 {font-family: 'DMSerifDisplay-Regular', serif; }
h3 {font-family: 'DenteksDisplay-Regular', sans-serif;}
h4 {font-family: 'DenteksDisplay-Regular', sans-serif;}
h5 {font-family: 'DenteksDisplay-Regular', sans-serif;}
h6 {font-family: 'DenteksDisplay-Regular', sans-serif;}

/****** PARAGRAPHS AND LISTS ******/

p {font-family: 'DenteksText_light-Regular', sans-serif;}
li, ol {font-family: 'DenteksText_light-Regular', sans-serif;}
blockquote {font-family: 'DenteksText_light-Regular', sans-serif;}


/******  BLOG HEADINGS ******/
h1.blog-post__title {font-family: 'DenteksDisplay-Regular', sans-serif;}
.blog-post h2 {font-family: 'DenteksDisplay-Regular', sans-serif;}
.blog-post h3 {font-family: 'DenteksDisplay-Regular', sans-serif ;}
.blog-post h4 {font-family: 'DenteksDisplay-Regular', sans-serif ;}
.blog-post h5 {font-family: 'DenteksDisplay-Regular', sans-serif ;}
.blog-post h6 {font-family: 'DenteksDisplay-Regular', sans-serif ;}


/****** BLOG PARAGRAPHS AND LISTS ******/

#comments-listing .comment-body p,
.blog-post p,
.blog-post span {font-family: 'DenteksText_light-Regular', sans-serif;}
.blog-post li, .blog-post ol {font-family: 'DenteksText_light-Regular', sans-serif;}


/****** CALLS TO ACTION ******/

.cta-primary,
.cta-primary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary 
  {font-family: 'DenteksDisplay-Regular', sans-serif ;}

.cta-secondary,
.cta-secondary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary
  {font-family: 'DenteksDisplay-Regular', sans-serif ;}

.cta-tertiary,
.cta-tertiary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary
  {font-family: 'DenteksDisplay-Regular', sans-serif ;}


/****** FORM ELEMENTS ******/

.hs-button,
.button--primary {font-family: 'DenteksText_light-Regular', sans-serif;}

.submit-alt .hs-button,
.submit-alt .button--primary {font-family: 'DenteksText_light-Regular', sans-serif;}

/* INPUT TEXT FIELD */

form,
.submitted-message,
select,
.hs-input {font-family: 'DenteksText_light-Regular', sans-serif;}

/* FORM LABEL */

.hs-fieldtype-checkbox > label,
.hs-form label {font-family: 'DenteksText_light-Regular', sans-serif;}

/* CHECKBOX AND RADIO BUTTONS */

.hs_radio_buttons .hs-form-radio label,
.hs_single_checkbox label,
.hs-form label.hs-form-radio-display span,
.hs-fieldtype-checkbox .hs-form-checkbox label,
.hs-form-booleancheckbox label 
  {font-family: 'DenteksText_light-Regular', sans-serif;}

/* HELP TEXT */

.hs-form legend {font-family: 'DenteksText_light-Regular', sans-serif;}

/* GDPR TEXT */

.legal-consent-container,
.legal-consent-container p {font-family: 'DenteksText_light-Regular', sans-serif;}

/* ERROR MESSAGE */

.hs-error-msgs label {font-family: 'DenteksText_light-Regular', sans-serif;}


/* HEADER */

.hhs-lang-switch .lang_list_class li a,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-family: 'DenteksText_light-Regular', sans-serif;
  
}

/* FOOTER  */

.hhs-foot-rss h5, .hhs-foot-nav-col h5 {
  font-family: 'DenteksDisplay-Regular', sans-serif ;
}

.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  font-family: 'DenteksText_light-Regular', sans-serif;
}




@media (min-width: 992px) {
  #main-content {
   margin-bottom: 690px; 
    position: relative;
    z-index: 2;
    background-color: #fff;
  }

  .footer {
   position: fixed;
    bottom: 0;
    width: 100%;
    z-index: -1;
  }
}



.mega-menu {
 max-width: 1280px; 
  left: 50% !important;
  transform: translateX(-50%);
}

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    
    font-size: 15px !important;
    font-style: normal;
    font-weight: 600 !important;
    
}

.customMenuList>p{
    
  position: relative;
  Padding: 10px ! important;
 
}

.customMenuList>p::before{
    
  background: hsl(118, 53%, 95%);
  content: "";
  inset: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s ease-in-out;
  z-index: -1;

    
    
}

.customMenuList>p:hover::before{
    
    
     transform: scaleX(1);
    transform-origin: left;
  border: 1px solid #049977 !important;
  
    
    
}

.customMenuList>p>a:hover{

  color : #efefef !important;
  
  
}



.customMenuList .customMenuListUl li{
    padding-top: 0 !important;
    padding-bottom: 0 !important;

}


.customMenuList .customMenuListUl li a {
    color: #444444;
    font-size: 16px !important;
    font-weight: normal;
    text-transform: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.customMenuList>ul li {
    margin-bottom: 10 !important;
}

.hhs-blog-post-card h3, .hhs-blog-post-card h4, .hhs-blog-post-card h5 {
    font-family: 'DenteksDisplay-Regular', sans-serif !important;
    letter-spacing: 0.3 px !important;
    text-transform: none !important;
    line-height: 1.2em !important;
    color: #193120 !important;
}


.flexiSecOne{

  padding-left:0 !important;
  padding-right:0 !important;

}

#hs_cos_wrapper_module_16829552381693 .clean-base .row {
        z-index:auto !important;
    }


.cta-primary,.cta-primary:active,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary {
    background-color: #0d95a3;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #fff!important;
    font-family: Albert Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .3px;
    padding: 18px 40px;
    text-transform: none
}

.cta-primary:focus,.cta-primary:hover,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:focus,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:hover,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:focus,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:hover,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:focus,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:hover {
    background-color: #0d95a3!important;
    color: #fff!important;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.cta-secondary,.cta-secondary:active,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary {
    background-color: #049977;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #fff!important;
    font-family: Albert Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .3px;
    padding: 18px 40px;
    text-transform: none
}

.cta-secondary:focus,.cta-secondary:hover,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:focus,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:hover,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:focus,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:hover,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:focus,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:hover {
    background-color: #049977!important;
    color: #fff!important;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.cta-tertiary,.cta-tertiary:active,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary {
    background-color: transparent;
    border: 1px solid hsla(0,0%,100%,0);
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #000!important;
    font-family: Albert Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .3px;
    padding: 18px 40px;
    text-transform: none
}

.cta-tertiary:focus,.cta-tertiary:hover,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:focus,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:hover,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:focus,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:hover,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:focus,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:hover {
    background-color: transparent;
    border: 1px solid hsla(0,0%,100%,0);
    color: #000!important;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.cta-four,.cta-four:active,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four {
    background-color: #0d95a3;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    color: #fff!important;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 20px 25px;
    text-transform: uppercase
}

.cta-four:focus,.cta-four:hover,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:focus,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:hover,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:focus,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:hover,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:focus,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:hover {
    background-color: #0d95a3!important;
    color: #fff!important;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.cta-five,.cta-five:active,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five {
    background-color: #049977;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    color: #fff!important;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 20px 25px;
    text-transform: uppercase
}

.cta-five:focus,.cta-five:hover,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:focus,.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:hover,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:focus,.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:hover,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:focus,.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:hover {
    background-color: #049977!important;
    color: #fff!important;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.button--primary,.hs-button {
    background-color: #0d95a3;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #fff!important;
    font-family: helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 22px 25px;
    text-transform: none
}

.button--primary:focus,.button--primary:hover,.hs-button:focus,.hs-button:hover {
    background-color: #0d95a3;
    color: #fff!important;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}


.homeClick img{
transition: 1s ease;
}

.homeClick img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}

/* ----------- CSS for devices ----------- */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

h1 {font-family: 'DMSerifDisplay-Regular', serif !important;}
h2 {font-family: 'DMSerifDisplay-Regular', serif !important;}
h3 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h4 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h5 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h6 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}


}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
h1 {font-family: 'DMSerifDisplay-Regular', serif !important;}
h2 {font-family: 'DMSerifDisplay-Regular', serif !important;}
h3 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h4 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h5 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h6 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
h1 {font-family: 'DMSerifDisplay-Regular', serif !important;}
h2 {font-family: 'DMSerifDisplay-Regular', serif !important;}
h3 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h4 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h5 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h6 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}


}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}




















/* ----------- CSS for devices ----------- */

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    
h1 {font-family: 'DMSerifDisplay-Regular', serif !important;}
h2 {font-family: 'DMSerifDisplay-Regular', serif !important;}
h3 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h4 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h5 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
h6 {font-family: 'DenteksDisplay-Regular', sans-serif !important;}
    
    
    
    
    

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {

}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- Laptop Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}