/*CSS Document*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400&display=swap');

* 

{

 margin: 0;

 padding:0;

 box-sizing: border-box;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary

  {

    display: block;

    }

body, html 

{

  height: 100%;
  font-family: 'Lato', sans-serif;
  color:#656565;

}

header

{

  padding: 0 0 0 15%;

  height: 80vh;

  width: 100%;

  background: #ccc;

  background-image: url('../images/header.jpg');

  background-size: cover;

  background-position: center;

    background-repeat: no-repeat;

  color: #fff;
}

header .title
{
    position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);

  }
header.slim

{


padding: 5% 0 0 15%; 
 height: 50vh;

 }

header span.maintitle

{ 

  color: #fff;

  display: inline-block;

  font-size: 1.5em;

  letter-spacing: 3px;

  margin: 0 auto;

  width: 50%;

}



header span.subtitle

{

color: #fff;

font-size: 32px;

margin-top: 10px; 

padding: 10px 0;

}

header h1 .light 
{
  font-size: 1.2em;
}


/***********************nav*********************/

.topbar

{

  display: block;

  width: 100%;

    height: 50px;

    position: fixed; 

  top:0;

    color: #000;

  text-align: right;

  padding: 0 5% 0 0;

    z-index: 99999;

    background: #f2f9f9;

    font-family: 'Lato', sans-serif;





}

.topbar .logo

{

height:100%;

width: 15%;

text-align: left;
padding: 5px 0 0 5px;

float:left;

line-height: 35px;

background-color: #f2f9f9;

}

nav 

{

  font-size: 1em;

}



nav.main{

font-size: 1vw;

line-height: 35px;

}



nav.footer ul li {


 font-size: 1.5em;
    display: inline-block;

    text-align: center;

    text-decoration: none;

    min-width: 5%;

    margin: 0 5px;



}

nav.main a { float:left; vertical-align: text-top;padding: 10px 2%; display: block;}

nav.main .dropdown .dropbtn {display:inline-block;       border: none;    outline: none;   color: inherit;      background-color: inherit;    font: inherit;    margin: 0; }



.dropdown-content {

    display: none;

    position: absolute;

  background-color: #fff;

    width: 100%;

    left: 0;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 20;

    margin: 55px 0 0 0;

    text-align:center;

    min-height: 500px;

    padding: 5% 0;



}

.dropdown:hover .dropdown-content {

    display: block;  

}

.dropdown-content .column {

  margin: 0 auto;

  font-size: 1em;

    display:inline-block;

    padding: 10px;

  vertical-align: text-top;

}

.dropdown-content .column a{

    float: none;

    padding: 10px 16px;

    text-decoration: none;

    display: block;

    text-align: left;



}

.dropdown-content .column a:before {

   content: ' | ';

   padding: 0 10px;

}



article

{ 
  text-align: center;

  width:100%;

  background: #FFF;



 }

 .content

{

   padding: 5% 20%;

   margin: 0 auto;

   text-align:justify;

   font-size: 1.2em;

   

}

.post-content

{

   padding: 1% 20%!important;

}

.content-wide

{

   padding: 0 5%;

   margin: 0 auto;

   text-align:justify;

   font-size: 1.3em;

   

}



footer

{

background-color: #242424;

  color: #fff;

   padding: 5% 0;
 font-size: 0.7em;
}



icon:before{line-height:1;display:inline-block;margin-right:0.6em;-webkit-font-smoothing:antialiased;}



/**************displays***********************/ 


.grid-container-10-90
    {
    display: grid;
   grid-template-columns: 10% 90%;
   align-items: center;


    }


 .grid-container-2 {

  display: grid;

  grid-template-columns: repeat(2, 50%);

  grid-auto-rows: minmax(200px, auto);

  align-items: center;



}


 .grid-container-3 {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

 grid-auto-rows: minmax(100px, auto);

  align-items: stretch; /* Pack items around the center */ 
}

 .grid-container-4 {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

 

}

 .grid-container-5 {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

 

}


 .grid-container-10-40-4 {

    display: grid;
    grid-template-columns:10% 40% 10% 40%;
    align-items: stretch; /* Pack items around the center */ 
  grid-auto-rows: minmax(200px, auto);
  align-items: center; /* Pack items around the center */
    text-align: center;
    padding: 0 5px;

  }

 .grid-container-30-70 {

  display: grid;

   grid-template-columns: 30% 70%;

 align-items: stretch; /* Pack items around the center */ 

  grid-auto-rows: minmax(200px, auto);

  align-items: center; /* Pack items around the center */ 



}

 .grid-container-70-30 {

  display: grid;

   grid-template-columns: 70% 30%;

 align-items: stretch; /* Pack items around the center */ 

  grid-auto-rows: minmax(200px, auto);

  align-items: center; /* Pack items around the center */ 



}

 .grid-container-40-60 {

  display: grid;

   grid-template-columns: 40% 60%;

 align-items: stretch; /* Pack items around the center */ 

  grid-auto-rows: minmax(200px, auto);

  align-items: center; /* Pack items around the center */ 



}

 .grid-container-60-40{

  display: grid;

   grid-template-columns: 60% 40%;

 align-items: stretch; /* Pack items around the center */ 

  grid-auto-rows: minmax(200px, auto);

  align-items: center; /* Pack items around the center */ 



}


.grid-centered

{

  text-align: center;

  align-items: center;

}






.spacer

{

  height: 50px;

}



/*******************img sizing***************/


.full-img {

width:auto;
height: 100%;
margin: 0;
padding:0;
display: block;

}
.full-width-img, img.fullwidth {

width:100%;
height: auto;
margin: 0;
padding:0;
display: block;

}
.rounded_img_left

{border-radius: 5% 0% 0% 5%;}

.rounded_img_right

{border-radius: 0% 5% 5% 0%;}


/***************widths**********************/


/***************heights**********************/

.eighty-vh
{
  height: 80vh;
}


/********************************text***********************/

.white-text

{

  color: #fff;

}



.small

{

  font-size:0.5vw;

}


.medium
{
  font-size: 1.2em;
}

.large

{

  font-size: 1.5em;

}

.x-large

{

  font-size: 1.8em;

  

}

.xx-large

{

    font-size: 2.5em;

}

.oversize

{

  font-size: 3em;

  margin: 20px 0;

}


.underline {
  text-decoration: underline!important;
}
/***************padding and alignments************/

.nopadd

{

  padding: 0!important;

}

.no-padding-top

{

  padding-top: 0!important;

}



.centered

{

  text-align: center !important;

}

.marginauto

{

  margin: auto;

}



.margin-10-pix

{

  margin:10px;

}

.left

{text-align: left;

}

.right

{text-align: right;

}

.justify

{text-align: justify;

}

.padd10

{

  padding: 10px;

}

.paddhoz30

{

  padding: 0 30px;

}

.paddhoz60

{

  padding: 0 60px;

}
.paddvert30

{

  padding:30px 0;

}

.padd15

{

  padding: 15px;

}

.padd20 

{

  padding: 2% 0 0 10%;

}

.padd50 

{

  padding: 50px;

}



.padd-10-perc

{

  padding:10%;

}

.topadd

{

  padding: 79px 0 0 0;

}

.border-left
{
  border-left: 10px solid #E8B30C;
}


.border-left-shadow
{
  border-left: 10px solid #E8B30C;
  filter: drop-shadow(10px 5px 15px #b3afaf);
}

blockquote {

  background: #f9f9f9;

  border-left: 10px solid #E8B30C;

  margin: 1.5em 10px;

  padding: 0.5em 10px;

  quotes: "\201C""\201D""\2018""\2019";

  min-height: 50vh;

  display: block;

}





blockquote p {

 

   vertical-align: middle;

 

}

blockquote:before {

 

   content:open-quote;

   font-size: 2em;





}

blockquote:after {

 

   content:close-quote;

   font-size: 2em;

 }

 .inherit

 {

  font: inherit;

 }





.bold

{

  font-weight: bold;

}

/*****************lists*********************/


ol.list_circle {
  
    list-style: none;
    counter-reset: process-diagram;
    padding: 0 50px;
}


li.list_circle_container

{

position: relative;
padding-right: 1rem;

margin-bottom: 1.5rem;

}

li.list_circle_container::before {
font-size: 1em;
position: absolute;
display: block;
width: 20px;
margin: 0 auto;
font-weight: 700;
line-height: 1;
color: #f1b21c;
text-align: center;
background-color: #fff;
border: 2px solid;
content: counter(process-diagram);
counter-increment: process-diagram;
z-index:1;
border-radius: 20%
}

.list_circle_container::after {
    position: absolute;
    z-index: 0;
    background-color: #f1b21c;
    content: '';
}
.list_circle_container:not(:last-child)::after {
    top: 1.1em;
    left: calc(0.5em - 1px);
    width: 2px;
    height: 100%;
}
div.list_circle_content
{
  margin: 0 0 0 10%;
}
ul

{ list-style-type: circle;  }

li span

{ 

  right:0;



}



ul.tick-list

{

list-style: none;

}

ul.tick-list li

{

  padding: 10px 0;

}

ul.tick-list li:before { 

content:''; 

display:inline-block; 

height:1em; 

width:1em; 

background-image:url('../images/svg/tick-mark.svg'); 

background-size:contain; 

background-repeat:no-repeat; 

vertical-align: middle;

padding: 0 2em 1em 0;

}

/************************banners******************/

hr.fancy{

    overflow: visible; /* For IE */

    padding: 0;

    border: none;

    border-top: medium double #333;

    color: #333;

    text-align: center;

}

hr.fnacy:after {

    content: "§";

    display: inline-block;

    position: relative;

    top: -0.7em;

    font-size: 1.5em;

    padding: 0 0.25em;

    background: white;

}

.banner-blue
{
  background-color: #6d9cbf;
  text-align: center;
  padding: 20px 0;
  font-size: 1.3em;
  color: #ffffff;
}

/*********************borders******************/

.border

{

  border: 2px solid #4e3f3f;

}

.border-thick-white

{

  border: 3px solid #fff;

}

.border-green

{

  border: 2px solid #45b587;

}

.border-bottom-white

{



    border-bottom:2px solid #fff;

}

.border-bottom-yellow

{



    border-bottom:1px solid #f1b21c;

}

.border-top-green

{



    border-top:2px solid #45b587;

}

.border-bottom-red

{



    border-bottom:2px solid #f51c1c;

}

.border-top-red

{



    border-top:2px solid #f51c1c;

}

.dotted-border

{

  border: 2px dotted #45b587;

}



/*************background*******************/


.white

{

   background-color: #fff;

}

.grey
  {
   background-color: #f9f9f9;
  }

.blue
{
  background-color:#4c6a9e;
}

.darkblue{
  background-color:#2f4073;
}

.yellow-grad
{
  background: linear-gradient(rgb(241, 178, 28), rgb(255, 180, 4));
}

.grey-blue-grad
{ background: linear-gradient(rgb(241, 178, 28), rgb(255, 180, 4));
}


/**************background textures************************/





/**************background images************************/

.eligibility

{

  background-image:url('../images/eligibility.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 50vh;
  padding: 5% 10%;
}


.featured

{

  background-image:url('../images/featured-bg.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 50vh;
  padding: 5% 10%;
}



.application

{



  background-image:url('../images/apply-business-loan-bg.jpg');
  background-size: cover;
  background-position: top center;
  padding: 10% 15%;

}

.benefits-of-finance

{

  background-image:url('../images/benefits-of-finance.jpg');

 

  background-size: cover;

}


.app-sidebar
{
background-image:url('../images/application.jpg');
  background-size: cover;
  background-position: bottom right;
  padding: 10% 15%;
}

.post img 

{ width:50%; text-align: center; float:left; padding:0.5em;}





/******************links****************************/

a:active, a:hover, a:visited, a:link

{

  color: inherit;

  text-decoration: none;

}

.post-content a:link

{

  text-decoration: underline;

}

.post-content a:link:after

{

  padding: 0 4px;

 background-image: url('/images/link.png');

    background-size: 20px 20px;

    background-repeat: no-repeat;

    display: inline-block;

    width: 20px; 

    height: 20px;

    content:"";



  }

            /* Ensure elements are hidden before fading in */

            [data-entrance] { visibility: hidden; }



    

/*fix fixed nav offset issues! */ 

:target:before 

{

  content:"";

  display:block;

  height:50px; /* fixed header height*/

  margin:-50px 0 0; /* negative fixed header height */

} 

    a.anchor {

    display: block;

    position: relative;

    top: -80px;

    visibility: hidden;

}



  

  /*************************form styling************************************/
.form_wrap
{
  width: 100%;
  text-align: center;
}

form

   {

    margin:0 auto;
    width: 80%;
    vertical-align: text-top;

  

}









text, input, textarea, select {

  width:35%;
  height: 30px;
margin: 1%;
  

}





form[name="partners"] label

{

  display: inline-block;

  width:10vw;

  padding: 0 0 0 10px;



}

form[name="partners"] input, form[name="partners"] select, .next

{

  width: 20vw;

}



select[name="timecall"], input[name="datecall"], input[name="latest_accounts"] 

{

  width: auto;

  padding: 3px;

}



.ui-slider

{

  width: 50vw;

  margin: 0 auto;

  background-color: #ccc;

}

.ui-slider-handle {

    background-color: #E8B30C !important;

}

.margin20

{

  margin: 10px 0;

}



textarea

{

  height:200px;

  width: 60vw;

  padding: 10px 0;

}

input[type=submit]

{   

  border:0;
 

  background-color: #f1b21c;
  color:#ffffff!important;
  width:20%;
  text-align: center;
  

  font-style: normal;
  font-size: inherit



}

}

.terms {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;





}

.terms input[type="checkbox"]

{

  width:30px;

  vertical-align: middle;

}

.terms a

{

  font-weight: bold;

  padding: 3px 10px;

  border: 1px dotted red;

}



.subscribe

 {

  background-color: #ff8a33;

  padding: 5% 15%;



 } 



 .subscribe input

 {

  background-color: inherit;



  border-radius: 0px;

  height: 45px;

  border-bottom:1px solid #fff;

  vertical-align: middle;

 }

 .subscribe input[type="submit"]

 {

 margin: 0!important;

 font-size: 1em;

}

 .subscribe input[type="submit"]:hover

 {

  font-weight: bolder;

 }

  .subscribe input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: white;

  opacity: 1; /* Firefox */

}



 .subscribe input:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: white;

}



 .subscribe input::-ms-input-placeholder { /* Microsoft Edge */

  color: white;

}



/************************tables******************************/

table.oldskool {

    border: 1px solid;
    width: 80%;
    border-collapse: collapse;
    margin: 0 auto;

}

table.oldskool td {

    border: 1px solid;

    padding: 10px 3px;

}


/************************bullets******************************/
.bullet
{
  margin: 0 auto;
  text-align: justify;
  font-size: 1.2em;
  padding: 5% 20%;
}
.process, .bullet-content    {
    display: grid;
   grid-template-columns: 10% 90%;
   align-items: center;


    }
.process .circle, .bullet-content .circle
{
        width: 40px;
        line-height: 40px;
        border-radius: 50%;
        text-align: center;
        background-color: #f1b21c;
        font-size: 25px;
        color:#ffffff;
        position: relative;
        z-index: 1;
        
}

.process .circle:first-child
{
margin-top: 0;
}

.process .circle:after 
{
  position: absolute;
  border: 1px solid #f1b21c;
  width: 0;
  height: 3em;
  content: '';
  left: 50%;
  z-index: -1;
  top: -3em;
  margin-left: -1px;
}

.process .circle:first-child:after 
{
display: none;
}

.process .text, .bullet-content .text
{
 padding: 1.5em 0 1.5em 1em;
}

ul.loan_terms  li
{
 list-style: none;

}




/************************icons/buttons******************************/
.nav_icon

{ 

  width: 60px;

  padding:0 5px;

}
.mini_icon
{
  width: 50px;
}

.small_icon

{ 
  width: 90px;
}

.med_icon

{ 

  width: 100%;

  padding:20px;

}

.med_img

{ 

  width: 100%;

  

}

.footer-icon

{

  width: 30%;

}

.logo img

{

  height:90%;

  width:auto;



}

.vert_middle

{ vertical-align:middle!important;}



.contact_btn

{

  position: fixed;

  bottom: 2vw;

  right: 2vw;

  border-radius: 20px;

  text-align: center;

  font-size: 1.2em;

  z-index: 9999;

}



.apply_btn

{

  


  padding: 5px 5%;
  margin:5% 0;
  background-color: #f1b21c;
  color:#ffffff!important;
  border-radius: 50px;

}



.apply_btn.black

{



background-color: #000;

}

.next_btn

{

  margin: 20px auto;

width: 200px;

padding: 5px 0;

font-size: 1.2em;

color: #fff;

height: auto;

 background-color: #E8B30C;

    text-align: center;

    border-radius: 3px;

}

.calendar

{

  background-image: url("../images/svg/calendar.svg");

  background-repeat: no-repeat;

  background-position: right center;

  min-width: 50px;

  min-height: 50px;



}



.menu-trigger

{

  

  position: fixed;

  z-index: 9999;

  top: 1em;

  left:1em;

}


/*****************text boxes****************/


.side_box
{
    margin:5%;
    background-color: rgba(255,255,255, 0.6);
    width: 50%;
    padding: 25px 50px;
    font-size: 1.2em;
}


.center_box
{

margin:5% auto;
    background-color: rgba(255,255,255, 0.6);
    width: 50%;
    padding: 25px 50px;
    font-size: 1.2em;
}

/*****************maps/iframes/video*****************/



#map



{

  height: 100%;

  width: 100%;

}



.msgwrap

{

  margin: 0 auto;

  padding: 10px 10%;

  background-color: rgba(255,147,143, 0.6);

  width: 40vw;

  font-size: 1.3em;

  text-align: left;

}

.greenmsgwrap

{

  margin: 0 auto;

  padding: 10px;

  background-color: rgba(211, 244, 114, 0.6);

  width: 40vw;

  font-size: 1.3em;

  text-align: left;

}





video

{

  height: auto;

  text-align: center;

  background-color: #000;

  width:100%;

}



.video video

{

  height:100%;

  margin:auto;

}



video{

   object-fit: inherit;

}

.post-video

{
  margin: 5% auto;
  width:50%;
  height: auto;
}






/**********************res nav*************************/

.res-nav-wrap-header

{

  height: 40px;

  position: fixed;

  top: 0;

  background-color: #fff;

  width: 100%;

  z-index: 99999;

}



.res-nav-wrap ul {

  margin: 0;

  padding: 0;

  list-style: none;

  overflow: hidden;

  background-color: #fff;

  float:right;



}



.res-nav-wrap li a, .dropdown a   {

  display: block;

  padding: 20px 20px;

  border-right: 1px solid #f4f4f4;

  text-decoration: none;



}



.res-nav-wrap li a:hover,

.res-nav-wrap .menu-btn:hover {

  background-color: #f4f4f4;

}



.res-nav-wrap .logo img {

  display: block;

  float: left;

  text-decoration: none;

  height: 40px;

  width: auto;

  padding: 2px;

  background-color: #fff;

}



/* menu */



.res-nav-wrap .menu {

  clear: both;

  max-height: 0;

  transition: max-height 0.2s ease-out;

  width: 100vw;

  padding-left: 10%;



}



/* menu icon */



.res-nav-wrap .menu-icon {

  cursor: pointer;

  display: inline-block;

  float: right;

  padding:20px;

  position: relative;

  user-select: none;

}



.res-nav-wrap .menu-icon .navicon {

  background: #333;

  display: block;

  height: 2px;

  position: relative;

  transition: background 0.2s ease-out;

  width: 18px;

}



.res-nav-wrap .menu-icon .navicon:before,

.res-nav-wrap .menu-icon .navicon:after {

  background: #333;

  content: "";

  display: block;

  height: 100%;

  position: absolute;

  transition: all 0.2s ease-out;

  width: 100%;

}



.res-nav-wrap .menu-icon .navicon:before {

  top: 5px;

}



.res-nav-wrap .menu-icon .navicon:after {

  top: -5px;

}



/* menu btn */



.res-nav-wrap .menu-btn {

  display: none;

}



.res-nav-wrap .menu-btn:checked ~ .menu {

  max-height: 100vh;

}



.res-nav-wrap .menu-btn:checked ~ .menu-icon .navicon {

  background: transparent;

}



.res-nav-wrap .menu-btn:checked ~ .menu-icon .navicon:before {

  transform: rotate(-45deg);

}



.res-nav-wrap .menu-btn:checked ~ .menu-icon .navicon:after {

  transform: rotate(45deg);

}



.res-nav-wrap .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,

.res-nav-wrap .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {

  top: 0;

}





.mobile-only

{

  display: none;

}



/* 48em = 768px */


/*********************fonts weights*********************/
.light
{
font-weight: 100;

font-style: normal;

}
.semi-bold
{
    /*semibold*/
  font-weight: 600;

  font-style: normal;
}




.application-form fieldset

{

  padding: 0;

  width: 90%;

  margin: 0 auto;

  border: 0;


}

.application-form fieldset .title

{

padding: 10px 0;

color: #fff;

background-color: #f1b21c;

}




.application-form fieldset:not(:first-of-type) {

    display: none;

  }


.application-form fieldset .error {

    font-weight: 900;

  }

.checkbox-container {
  display: inline-block;
  position: relative;
  padding: 0 50px 0 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


.checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  padding: 0 10% 0 0;
  background-color: #eee;
}


.checkbox-container:hover input ~ .checkmark {
  background-color: #F1B21C;
}


.checkbox-container input:checked ~ .checkmark {
  background-color: #F1B21C;
}


.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}


.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.application-form fieldset .btn {
    margin: 5% 5% 0 0;
    display: inline-block;
    font-size: 1em;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    border: 0;
    width:200px;
    color: #fff;
   
  }

  .btn-success 
  {
    background-color: #F1B21C;
  }
 .btn-warning 
  {
    background-color: #F11C1C;
  }



/********************datepicker********************/
.ui-datepicker 
{
  background-color: #fff;
  cursor: pointer;
  border: 3px solid #ccc;
}

.ui-datepicker-header
{
padding: 5px;
}

.ui-datepicker-prev

{
 padding: 5px;
 text-decoration: underline;
 cursor: 
}

.ui-datepicker-next 
{
 padding: 5px;
 text-decoration: underline;
}

.ui-datepicker-title
{
 padding: 5px;
}

.ui-datepicker-unselectable
{
 background-color: #ccc;
 cursor: not-allowed;
}

.ui-datepicker-calendar

{
  text-align: center;
  cursor: pointer;
}



@media screen and (max-width:1480px)
{.eligibility{background-position:right center;height:auto}.side_box{margin:10% 5%;width:50%}}

@media screen and (max-width:1280px)
{.grid-facilities{grid-template-columns:repeat(3,1fr)}.grid-container-10-40-4{grid-template-columns:15% 35% 15% 35%}.center_box{width:80%}}

@media screen and (max-width:1200px)
{nav.main{font-size:1.6vw}header span.maintitle{width:80%}}

@media screen and (max-width:1024px)
{.side_box{background-color:rgba(255,255,255,.8)}}

@media screen and (max-width:900px)
{.grid-container-4,.grid-container-40-60{grid-template-columns:repeat(2,1fr);grid-gap:.5em}.content, .bullet {padding:5%}.grid-container-3{grid-template-columns:repeat(1,1fr);grid-gap:.5em}.greenmsgwrap,.msgwrap{width:75%}.grid-container-2{grid-template-columns:repeat(1,1fr)}.grid-container-2 .full-img{width:100%;height:auto}.side_box{margin:25% 5%;width:80%}}

@media screen and (max-width:850px)
{header{padding-left:5%}header span.maintitle{font-size:6vw}header span.subtitle{font-size:5vw}header h1{font-size:inherit}.toppadd{padding:0}.oversize{font-size:1.8em}.testimonitals .thirty{width:80%}.grid-container-40-60{grid-template-columns:repeat(1,1fr)}.grid-container-30-70{grid-template-columns:repeat(1,1fr)}.grid-container-10-40-4{grid-template-columns:20% 80%;grid-auto-rows:minmax(100px,auto)}.dropdown:hover .dropdown-content{display:none!important}.mobile-only{display:block}.no-mobile{display:none}footer .padd20{padding:0 5%}}

@media screen and (max-width:600px)
{header{height:50vh}header h1 .light{font-size:3vw}.grid-container-2,.grid-facilities{grid-template-columns:repeat(auto-fill,100vw)}.grid-container-3,.grid-container-4,.grid-container-60-40,.grid-facilities{grid-template-columns:repeat(1,1fr);padding:0 15px}.banner .circle{height:150px;width:150px}.thirty{width:80%}.text-overlay-right{width:100%}.padd20{padding:1% 0 0 2%}.oversize{font-size:1.5em}.x-large{font-size:1.1em}.slick h2.padd10{padding:1% 0 0 2%}hr.white{margin:2% 0}.next,input,select,text,textarea{width:90%}.video{height:auto}.video video{width:100%;height:auto}.application{padding:5% 0}ol.list_circle{padding:0 10px}.center_box{width:90%;padding:10px}.side_box{margin:auto;width:85%}}

@media screen and (max-width:450px)
{header{padding-left:5%}header.index{background-image:none;text-align:center;background-color:#383838}header .indextitle{background-color:#383838;margin:0 auto;width:90%}.eligibility{padding:5% 0}.grid-container-10-40-4{grid-template-columns:40% 60%}.content,.content-wide{padding:10%}.large,.oversize,.x-large{font-size:1.2em}.padd50{padding:10px}.next,input,select,text,textarea{width:99%}nav.footer{text-align:center}.testimonitals .thirty{width:95%}}

@media screen and (max-width:390px)
{body{font-size:1em}header{padding:25% 5%;min-height:40vh}header span.maintitle{font-size:3em}header span.light{font-weight:300}.featured{padding:5%}.grid-container-3{padding:0}.list_circle_container:not(:last-child)::after{top:1em;left:calc(.5em + 1px);width:2px;height:110%}.padd-10-perc, .paddhoz30, .bullet{padding:3%}.side_box{width:90%}.medium{font-size:1.2em}}