
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans'), local('OpenSans'),
       url('../fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
       url('../fonts/open-sans-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-v10-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
       url('../fonts/montserrat-v10-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v10-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v10-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v10-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v10-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('../fonts/montserrat-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v10-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v10-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v10-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
       url('../fonts/montserrat-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v10-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v10-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('../fonts/montserrat-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v10-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v11-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
       url('../fonts/raleway-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v11-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}


/* josefin-slab-regular - latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/josefin-slab-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Josefin Slab Regular'), local('JosefinSlab-Regular'),
       url('../fonts/josefin-slab-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-slab-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-slab-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-slab-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-slab-v8-latin-regular.svg#JosefinSlab') format('svg'); /* Legacy iOS */
}
/* josefin-slab-600 - latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/josefin-slab-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Josefin Slab SemiBold'), local('JosefinSlab-SemiBold'),
       url('../fonts/josefin-slab-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-slab-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-slab-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-slab-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-slab-v8-latin-600.svg#JosefinSlab') format('svg'); /* Legacy iOS */
}
/* josefin-slab-700 - latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/josefin-slab-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Josefin Slab Bold'), local('JosefinSlab-Bold'),
       url('../fonts/josefin-slab-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-slab-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-slab-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-slab-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-slab-v8-latin-700.svg#JosefinSlab') format('svg'); /* Legacy iOS */
}

/*general*/


.backnav
{
  background-color: #fff;
}

img.displayed {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
            }

.imgcenter
{
  display: block;
  margin: 0 auto;
  padding: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}


.socialimg {
margin-bottom: 4rem;
margin-top: 3rem;
  }


.fullwidth
{
width: 100%;
margin: 0 auto;
    }

.img-fix-size
{
  max-width: none;
}


.button {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  color:#2f312d;
  border-radius: 10px;
  font-size: 1.2rem;
  line-height: 1;
     }


/*navigation*/



.top-bar, .title-bar, .menu a {
  background: #fff;
  }

/*hamburger color*/
.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    box-shadow: 0 7px 0 #000, 0 14px 0 #000;
    content: ''; }
  .menu-icon:hover::after {
    background: #000;
    box-shadow: 0 7px 0 #000, 0 14px 0 #000;
     }


/*menu links*/

.menu a {
    font-family: 'Open Sans', Helvetica, sans-serif;
    color: #656665;
    font-size: 0.9em;
    line-height: 1.4;
    font-weight: 300;
             }

.menu a:visited {
  color: #656665;
}

.menu a:hover {
  color: #099daa;
  font-weight: 600;
}

.menu a:active {
  color: #f30c38;
}

.menu a.actlink {
  font-family: 'Open Sans', Helvetica, sans-serif;
    color: #479aa3;
    font-size: calc(0.9em + (0.9 - 0.9) * ((100vw - 20em) / (120 - 20)));
    font-weight: 600;
          }


/*links on mobile, original*/
.menu a,
  .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem;
     }


/*links background on hover*/
 .top-bar ul {
    background-color: #fff; }


/*dropdown arrows color desktop*/
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #979696 transparent transparent;
    right: 7px;
    }

/*menu background on mobile*/
.drilldown a {
  padding: 0.7rem 1rem;
  background: #eff8fa; }

/*sub-menu background color on mobile*/
.drilldown .is-drilldown-submenu {
  background: #fff;
  transition: transform 0.15s linear; }

/* arrows color mobile*/
.drilldown .is-drilldown-submenu-parent > a::after {
    border-left-style: solid;
    border-color: transparent transparent transparent #2ba6cb; }

/* arrows color mobile back menu*/
.drilldown .js-drilldown-back > a::before {
  border-color: transparent #2ba6cb transparent transparent;
   }



@media screen and (max-width: 64em) {
  .top-bar-left {
    display: none;
  }
  .top-bar-right {
    display: block;
    width: 100%;
  }
  }




h1 {
                                           
font-size: calc(2em + (2.8 - 2) * ((100vw - 20em) / (120 - 20)));
font-family: 'Montserrat', Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 3rem;
padding: 0;
font-weight: 300;
}

@media screen and (max-width: 60em) {
  h1 {
    margin-top: 0;
  }
}


h2 {
font-size: calc(1em + (1.4 - 1) * ((100vw - 20em) / (120 - 20)));
font-family: 'Montserrat', Arial, sans-serif;
color: #464949;
line-height: 1.5;
margin-bottom: 1.5rem;
font-weight: 300;
padding-right: 1rem;
}



h3    
{
font-size: calc(1.9em + (2.7 - 1.9) * ((100vw - 20em) / (120 - 20)));
font-family: 'Montserrat', Arial, sans-serif;
color: #565858;
margin-bottom: 2rem;
font-weight: 200;
line-height: 1.2;
}


h4    
{
font-size: calc(1.3em + (2 - 1.3) * ((100vw - 20em) / (120 - 20)));
font-family: 'Open Sans', Arial, sans-serif;
color: #038f94;
line-height: 1.3;
margin-bottom: 0.5rem;
font-weight: 300;
}


h4 a:link {color: #038f94; } 
h4 a:visited {color: #038f94; } 
h4 a:hover {
  color: #025558;
text-decoration: none;
font-weight: 400;
   } 
h4 a:focus {color: #038f94; } 
h4 a:active {color: #038f94; } 


.hline-center /*Mid headline*/
{
font-size: calc(1.8em + (2.7 - 1.8) * ((100vw - 20em) / (120 - 20)));
font-family: 'Open Sans', Arial, sans-serif;
color: #565858;
margin-bottom: 0.5rem;
padding: 0;
font-weight: 200;
line-height: 1.2;
text-align: center;
}

.hline-center-white /*Mid headline white*/
{
font-size: calc(1.8em + (2.7 - 1.8) * ((100vw - 20em) / (120 - 20)));
font-family: 'Open Sans', Arial, sans-serif;
color: #fff;
margin-bottom: 0.5rem;
font-weight: 200;
line-height: 1.2;
text-align: center;
}


.maintext 
{
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #575656;
line-height: 1.7;
letter-spacing: 0.0025em;
font-size: calc(1em + (1.1 - 1) * ((100vw - 20em) / (120 - 20)));
margin-bottom: 0.8rem;
padding-right: 0.5em;
font-weight: 400;
}

.maintext a:link
{color: #4e9fcf;
}

.maintext a:visited
{color: #4e9fcf;}

.maintext a:hover {
    color: #0a5f92;
text-decoration: none;
font-weight: 600;
}


.maintextcbr  /*center bold large for gray background headline*/
{
text-align: center; 
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color:#575656;
font-size: calc(1.2em + (1.4 - 1.2) * ((100vw - 20em) / (120 - 20)));
font-weight: 600;
font-style: normal;
line-height: 1.7;
padding: 0;
margin-bottom: 0.5rem;
}


.maintextcbl  /*maintext but centered*/
{
text-align: center; 
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #575656;
font-size: calc(1em + (1.2 - 1) * ((100vw - 20em) / (120 - 20)));
font-weight: 400;
font-style: normal;
line-height: 1.7;
padding: 0 1rem;
margin: 1rem 0;
}






.maintextcb  /*center bold large for gray background text */
{
text-align: center; 
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
color:#2f312d;
font-size: calc(1.2em + (1.4 - 1.2) * ((100vw - 20em) / (120 - 20)));
font-weight: 200;
font-style: normal;
line-height: 1.4;
padding: 0;
margin-bottom: 0.5rem;
}





.maintextcw /*white text on green backround*/
{
text-align: center; 
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #fff;
font-size: calc(1.3em + (1.4 - 1.3) * ((100vw - 20em) / (120 - 20)));
font-weight: 300;
font-style: normal;
line-height: 1.7;
padding: 0;
margin: 0;
}



.maintextct /*centered turqiz color*/
{
color: #00aaad;
text-align: center; 
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
line-height: 1.4;
padding: 0;
margin: 0;
}

.maintexttt /*turqiz color*/
{
color: #00aaad;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 300;
font-style: normal;
line-height: 1.4;
padding: 0;
margin: 0;
}

.maintextsm  /*maintext but smaller*/
{
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
line-height: 1.7;
font-size: calc(0.9em + (1 - 0.9) * ((100vw - 20em) / (120 - 20)));
color: #000;
}

.maintextsm a:link
{color: #4e9fcf;}

.maintextsm a:visited
{color: #4e9fcf;}

.maintextsm a:hover {
  color: #0a5f92;
text-decoration: none;
font-weight: 600;
}


.maintextslog /*under slogans*/
{
text-align: center;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #479aa3;
padding: 0;
margin: 1rem 0 4rem 0;
font-size: calc(1em + (1.1 - 1) * ((100vw - 20em) / (120 - 20)));
font-weight: 600;
}

.underheadline /*under headline*/
{
text-align: center;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #479aa3;
padding: 0;
margin: 0.5rem 0 1rem 0;
font-size: calc(0.9em + (1.1 - 0.9) * ((100vw - 20em) / (120 - 20)));
font-weight: 400;
}

.maintextc /*center black text small*/
{
text-align: center;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #575656;
line-height: 1.7;
font-size: calc(0.9em + (1.2 - 1) * ((100vw - 18.75em) / (120 - 18.75)));
}


.maintextc a:link
{color: #4e9fcf;}

.maintextc a:visited
{color: #4e9fcf;}

.maintextc a:hover
{color: #4e9fcf;}

.maintextcred
{
  text-align: center; 
  color: #cd0728;
}





.headtitle  /*past h6*/
{
color: #575850;
background-color: #f6f6f6;
font-family: 'Montserrat', Arial, sans-serif;
font-size: calc(1.2em + (1.5 - 1.2) * ((100vw - 20em) / (120 - 20)));
text-align: center;
margin-bottom: 1.25rem;
font-weight: 400;
letter-spacing: 2px;
padding: 0.5rem 0; 
border-top: solid #d9e2dc 1px;
border-bottom: solid #d9e2dc 1px;  
line-height: 1.4;
}

.phead, .pheadl /*large centered paragraph headline*/
{
color: #4c4845;
font-family: 'Montserrat', Arial, sans-serif;
font-size: 2.2rem;
text-align: center;
margin-bottom: 1.25rem;
font-weight: 500;
letter-spacing: 1px;
padding: 0; 
line-height: 1.4;
}

.pheadl /*large left paragraph headline*/
{
text-align: left;
font-size: 1.6rem;
}

.bhead /*large centered banner headline*/
{
color: #4c4845;
font-family: 'Montserrat', Arial, sans-serif;
font-size: 2rem;
text-align: center;
margin-bottom: 1.25rem;
font-weight: 500;
letter-spacing: 1px;
padding: 0; 
line-height: 1.4;
}


.redcomment
{
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #cd0728;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.6;
font-style: italic;  
    margin-top: 2.5rem;
}



.button.turq {
    background-color: #00aaad;
    color: #fff;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
font-weight: 400;
     }


.card
{
	margin-bottom: 2rem;
}

.card-divider
{
justify-content: center;
color:#479aa3;
font-family: 'Open Sans', Arial, sans-serif;
font-size: calc(1.1em + (1.2 - 1.1) * ((100vw - 20em) / (120 - 20)));
font-weight: 400;
}

.card-content
{
font-family: 'Open Sans', sans-serif, Arial, Helvetica ;
color: #595858;
font-size: calc(1em + (1 - 1) * ((100vw - 20em) / (120 - 20)));
padding: 0 0.5rem;
text-align: center;
}


hr.line-orange-center {
            border: 0;
            height: 1px;
            background-color: #339196;
            width: 280px;}

hr.line-orange-left {
        border: 0;
        height: 1px;
        background-color: #fbd82f;
        width: 66px;
        padding: 0;
        margin: 0;
        }   


.coast
{
border: 0;
height: 1px;
background-color: #e5e7e8;
width: 100% ;
}


.largespace
{
margin-bottom: 7rem;
}        


.midspace
{
margin-bottom: 4rem;
}        

.smallspace
{
margin-bottom: 2rem;
}  

.backgray
{
background-color: #f6f6f6;    
margin-bottom: 7em;  
padding: 2.5rem 0;
} 

.backgray1
{
background-color: #f6f6f6;    
} 


.backgreen
{
background-color: #48a84f;    
margin-bottom: 7em;  
padding: 4rem 0;
} 

.backred
{
background-color: #f1c74e;    
margin-bottom: 7em;  
padding: 3rem 0;
} 


.backturq
{
background-color: #479aa3;    
margin-bottom: 7em;  
padding: 3rem 0;
} 


.backyell
{
background-color: #faf8f5;    
} 

.top-space
{
  margin-top: 1rem;
}



.footer
{
background-color:#00aaad;
font-size: 0.9rem;
color: #fff;
font-family: 'Raleway', Arial, Helvetica, sans-serif;
padding: 0.325rem 0;
letter-spacing: 2px;
text-align: center; 
font-weight: normal;
}



.eddie-form
{
background-color: #ffffff;
padding: 0;
margin-bottom: 1rem;
}


.formtitle
{
color:#565858;
font-family: 'Montserrat', Arial, sans-serif;
font-size: calc(1.2em + (1.5 - 1.2) * ((100vw - 20em) / (120 - 20)));
margin-bottom: 1rem;
text-align: center;
font-weight: 400;
line-height: 1.8;
border-bottom: 1px solid #b2b1af;
display: inline-block;
}


label {
  font-size: 0.8125rem;
    font-family: 'Montserrat', Arial, sans-serif;
    }

   input[type=text], textarea {
  background-color: #f5f5f5;
  color: 000;
}


.mediaquotesver
{
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #000000;
font-size: calc(0.9em + (1.125 - 0.9) * ((100vw - 20em) / (120 - 20)));
font-style: italic;
font-weight: 300;  
line-height: 1.875;  
padding: 1rem;    
margin: 1rem;
background-color: #f5f5f5;
border-left: 1px solid #a3a3a4;
}



.special-offer-intro, .special-offer-header, .special-offer-content  {
font-family: 'Montserrat', Helvetica, sans-serif;
color: #000;
font-size: 2.5rem;
text-align: center;
padding: 0.3rem 0;
margin: 0;
font-weight: 600;
line-height: 1.5;
}


.special-offer-header {
font-size: 0.9rem;
font-weight: 400;
padding: 0;
margin: 0;
letter-spacing: 1px;
}

.special-offer-content {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 1.2rem;
padding: 0;
margin: 0;
font-weight: 300;
}


ul.mylist
{
  list-style-type: disc;
  padding: 0;
  margin-left: 1rem;
}

ul.mylist li
{
padding:0;
margin: 0;
font-size: calc(0.9375em + (1.1 - 0.9375) * ((100vw - 20em) / (120 - 20)));
font-family: 'Open Sans', sans-serif;
font-weight: normal;
color: #615a54;
font-style: italic;}


ul.mylist a
{
padding:0;
margin: 0;
font-size: calc(0.9375em + (1.1 - 0.9375) * ((100vw - 20em) / (120 - 20)));
font-family: 'Open Sans', sans-serif;
font-weight: normal;
color: #000;
font-style: italic;}


ul.mylist-large
{
  list-style-type: disc;
  padding: 0;
  margin-left: 2rem;
}

ul.mylist-large li
{
font-family: 'Montserrat', sans-serif, Arial, Helvetica ;
color: #595858;
font-size: calc(1.1em + (1.2 - 1.1) * ((100vw - 20em) / (120 - 20)));
padding: 0 0.5rem;
font-weight: normal;
font-style: italic;
margin: 0;
}



ul.myarticles
{
  list-style-type: disc;
  padding: 0;
  margin-left: 1rem;
}

ul.myarticles li
{
padding:0;
margin: 0;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
line-height: 1.7;
font-size: calc(0.9em + (1 - 0.9) * ((100vw - 20em) / (120 - 20)));
color: #000;
}


ul.myarticles a
{
padding:0;
margin: 0;
font-size: calc(1.1em + (1.4 - 1.1) * ((100vw - 20em) / (120 - 20)));
font-family: 'Open Sans', sans-serif;
font-weight: 600;
color: #038f94;
font-style: italic;}

/*homepage*/


.statement
{
font-family: 'Josefin Slab', Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.9rem;
font-weight: 400;
text-align: center;
padding: 0 0.5rem;
margin: 2rem 2rem 1rem 2rem;
line-height: 1.6;
font-style: italic;
}




.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}


/*slogans*/

.sloganexample
{
background-color: #fff;
margin: 0 1.5rem; 
padding: 0;
font-family: 'Raleway', Arial, sans-serif;
font-size: 1.275rem;
color:#000;
font-weight: 600;
border-bottom: 1px solid #b7d9e5;
}

.sloganexamples
{
margin-bottom: 2.5rem; 
padding: 1rem;
font-family: 'Raleway', Arial, sans-serif;
font-size: 1.275rem;
color:#fff;
font-weight: 600;
background-color: #aaae37; 
}


.slogtype
{
background-color: #fff;
padding: 0 2.5rem; 
margin: 0 0 2rem 0; 
text-align: right;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 0.6875rem;
color: #000;
font-weight: 400;
}

.slogan-order-head
{
color:#343536;
font-family: 'Montserrat', 'Open Sans', Arial, sans-serif;
font-size: 1.5rem;
font-weight: 300;
text-align: center;
margin-bottom: 1rem;
}

.slogan-order-head-red
{
color:#cc4b37;
font-family: 'Montserrat', 'Open Sans', Arial, sans-serif;
font-size: 1.5rem;
font-weight: 600;
text-align: center;
margin-bottom: 1rem;
}

.slogan-order-text
{
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #479aa3;
font-size: 1.4rem;
text-align: center;  
font-weight: 600;
}

.slog-offer {
font-family: 'Montserrat', Helvetica, sans-serif;
padding-left: 1.5rem;
margin-bottom: 1rem;
font-weight: 400;
color: #595858;
font-size: 1rem;
line-height: 1.4;
}




.hero-section {
  padding: 5rem 0;
  background: url("https://www.m3globalconnect.com/imgs/banner.jpg") 50% no-repeat;
  background-size: cover;
  height: 100%;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-section .hero-section-text {
font-weight: 300;
text-align: center; 
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
color: #000;
font-size: calc(1.2em + (1.3 - 1.2) * ((100vw - 20em) / (120 - 20)));
font-style: normal;
line-height: 1.4;
padding: 0 1rem;
margin-bottom: 3em;
  }


  .hero-section1 {
  padding: 5rem 0;
  background: url("https://www.creoimage.com/m3/imgs/banner.jpg") 50% no-repeat;
  background-size: cover;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-section1 .hero-section1-text {
font-weight: 300;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
color: #000;
font-size: calc(1.2em + (1.3 - 1.2) * ((100vw - 20em) / (120 - 20)));
font-style: normal;
line-height: 1.4;
padding: 0 1rem;
margin-bottom: 3em;
  }

  
.first-name {
    display: none;
}

.nameexample
{
background-color: #f5f4ed;
padding: 1.5rem; 
margin: 0; 
font-family:'Open Sans', Georgia, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
color:#263248;
    font-weight: normal;
}


.nametype
{
background-color: #837f63;
padding: 1px 2px 1px 0; 
margin-bottom: 1rem; 
text-align: right;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.6875rem;
color: #f2f4ee;
}




.social {
  margin-right: .25rem;
}

.social.facebook {
  background-color: #3b5998;
  color: #fefefe;
}

.social.facebook:hover, .social.facebook:focus {
  background-color: #2f477a;
  color: #fefefe;
}

.social.linkedin {
  background-color: #007bb5;
  color: #fefefe;
}

.social.linkedin:hover, .social.linkedin:focus {
  background-color: #006291;
  color: #fefefe;
}


.social.instagram {
  background-color: #125688;
  color: #fefefe;
}

.social.instagram:hover, .social.instagram:focus {
  background-color: #0e456d;
  color: #fefefe;
}


.social > .fa {
  color: #fefefe;
  margin-right: .25rem;
}




.hero-section {
  background: url("https://www.ediwriter.com/imgs/banner.jpg") 50% no-repeat;
  background-size: cover;
  height: 100%;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-section .hero-section-text {
font-weight: 300;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
color: #000;
font-size: calc(1.2em + (1.3 - 1.2) * ((100vw - 20em) / (120 - 20)));
padding: 0;
margin: 0;
  }


  /*quote*/
.quotehead    
{
font-size: calc(1.9em + (2.7 - 1.9) * ((100vw - 20em) / (120 - 20)));
font-family: 'Montserrat', Arial, sans-serif;
color: #000;
margin: 0;
padding: 1rem 0;
font-weight: 200;
}

.quotetext 
{
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #000;
line-height: 2;
letter-spacing: 0.0025em;
font-size: calc(1em + (1.1 - 1) * ((100vw - 20em) / (120 - 20)));
margin: 0;
padding: 1rem 0;
font-weight: 400;
vertical-align: center;
}

.calloutcolor {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 3px;
  background-color: #f5f5f5;
  color: #c99b2b; }
  .calloutcolor > :first-child {
    margin-top: 0; }
  .calloutcolor > :last-child {
    margin-bottom: 0; }
  .calloutcolor.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .calloutcolor.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

 
.button.warning {
    background-color: #f0bd28;
    color: #ffffff; }


.button.hollow.trial {
      border: 1px solid #165366;
      color: #165366; }
      .button.hollow.trial:hover, .button.hollow.trial:focus {
        border-color: #165366;
        color: #f7101b; }
        .button.hollow.trial:hover.disabled, .button.hollow.trial:hover[disabled], .button.hollow.trial:focus.disabled, .button.hollow.trial:focus[disabled] {
          border: 1px solid #2ba6cb;
          color: #2ba6cb; }



