
/* -------------------------------------------------------- */
/* Webgloss CSS Copyright 2017                              */
/*                                                          */
/* Do Not Copy It - it's been done - they have been sued!   */
/* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/*  mini - primary #B68CB0;                                 */
/*  business - tertiary #75A1D0;                            */
/*  gallery - info #A1979F;                                 */
/*  ecomm - success #ABCD4F;                                */
/* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/* Global                                                   */
/* Global                                                   */
/* -------------------------------------------------------- */


html {
    direction: ltr;
}

body {
  padding-top: 0px;
  background-color: #ffffff;
  font-family: 'Open Sans', Lato, 'Sans Serif';
  font-weight: 200;
  font-size: 16px;
  line-height: 160%;
  color: #111111;
  overflow-x: hidden;
}

body a {
    outline: none !important;
}


/* unvisited */
a:link {
    color: #418793;
    text-decoration: none;
    font-weight: 400;
}

/* visited */
a:visited {
    color: #418793;
    text-decoration: none;
    font-weight: 400;
}

/* mouse over */
a:hover {
    color: #000000;
    text-decoration: none;
    font-weight: 400;
}

/* selected */
a:active {
    color: #418793;
    text-decoration: none;
    font-weight: 400;
} 
/* -------------------------------------------------------- */
/* End Global                                               */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* Containers & Rows                                        */                 
/* Containers & Rows                                        */ 
/* -------------------------------------------------------- */

.container {
    padding-left: 0px;
    padding-right: 0px;
  }

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }

.cont-pad {
    margin-left: 40;
    margin-right: 40;
  }

.padmore {
    padding-left: 30px;
    padding-right: 30px;
  }
    
.row-wh {
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 0;
    background: #ffffff;
  }

.row-wh-nsp {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 0;
    background: #ffffff;
  }

.row-nsp {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 0;
  }
.row-npad {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0;
    margin-right: 0;
  }
  
.npad [class*="col-"] {padding-left:0;padding-right:0}
.npad .row {margin-left:0;margin-right:0}
.npad .container {width:100%;max-width:none;padding:0;}
  
.col-just {
    text-align: justify;
  }

.col-right {
    text-align: right;
  }

.jumbotron {
    background-color: #111111;
    color: #ffffff;
    padding: 100px 25px;
  }

#jumbotron-one {
    background-image: url("");
    background-size: cover;
    background-attachment: fixed;
    padding-top: 160px;
    padding-bottom: 160px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
} 
/* -------------------------------------------------------- */
/*  Headers, Titles & Texts                                 */
/*  Headers, Titles & Texts                                 */
/* -------------------------------------------------------- */



/*  main category headers no col */
h1 {
      font-family: 'Open Sans', Lato, sans-serif;
      font-size: 30px;
      color: #111111;
      font-weight: 400;
      line-height: 160%;
      margin-top: 0px;
      margin-bottom: 10px;
  }

 
h2 {
      font-family: 'Open Sans', Lato, sans-serif;
      font-size: 24px;
      color: #398B82;
      font-weight: 200;
      line-height: 165%;
      margin-top: 0px;
      margin-bottom: 5px;
  }
  
/* inside categories - topic titles col */
h3 {
      font-family: 'Open Sans', Lato, sans-serif;
      font-size: 22px;
      color: #398B82;
      font-weight: 200;
      line-height: 165%;
      margin-top: 10px;
      margin-bottom: 10px;
  }

/* inside categories - inside topic titles - sub titles col  */  
h4 {
      font-family: 'Open Sans', Lato, sans-serif;
      font-size: 24px;
      color:#50A098;
      font-weight: 400;
      line-height: 160%;
      margin-top: 0px;
      margin-bottom: 16px;
  }

/* call to action txt white  */
h5{
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    font-size: 26px;
    color: #FAFFFF;
    font-weight: 400;
    line-height: 190%;
    text-align: center;
    }

/* inside categories - larger topic titles col */
h6 {
      font-family: 'Open Sans', Lato, sans-serif;
      font-size: 18px;
      color: #AD7391;
      font-weight: 200;
      line-height: 165%;
      margin-top: 10px;
      margin-bottom: 10px;
          text-align: center;
  } 


.top {
    background: #FFFFFF;
    height: 35px;
    color: #999090;
    font-family: Roboto, Arial, Tahoma, sans-serif;
    font-size: 10px;
    font-weight: 200;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

.ln {
    background: #E1DBDB;
    height: 1px;
    color: #ffffff;
    font-family: Roboto, Arial, Tahoma, sans-serif;
    font-size: 10px;
    font-weight: 200;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  
.ln2 {
    background:#DCCBE1;
    height: 1px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
     
.head-block {
    position: center;
    padding-top: 5px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
    margin-top: 25px;
    margin-bottom: 15px;
    background: #ffffff;
  }
.head-block a:link { color:#50A098;  font-weight: 200; text-decoration: none;}
.head-block a:visited { color:#50A098; font-weight: 200; text-decoration: none;}
.head-block a:hover { color: #AD7BCE; font-weight: 200; text-decoration: none;}
.head-block a:active { color:#50A098; font-weight: 200; text-decoration: none;}


.head-block2 {
    position: center;
    color: #000000;
    font-family: Georgia, Roboto, Arial, Tahoma, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 200;
    line-height: 20px;
    text-align: center;
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    margin-top: 10px;
    margin-bottom: 0px;
    background: #ffffff;
  }
  
  
/*  reduce padding under for pages without slides   */
.head-block-page {
    position: center;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    margin-top: 20px;
    margin-bottom: 0px;
    background: #ffffff;
  }

.head-block-add {
    font-family: Roboto, Arial, Tahoma, sans-serif;
    font-size: 34px;
    font-weight: 700;
      line-height: 120%;
    text-align: center;
    letter-spacing: 1px;
    position: center;
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
.head-block-add a:link { color:#377F77;  font-size: 34px; font-weight: 400; text-decoration: none;}
.head-block-add a:visited { color:#377F77;  font-size: 34px; font-weight: 400; text-decoration: none;}
.head-block-add a:hover { color:#111111;  font-size: 34px; font-weight: 400; text-decoration: none;}
.head-block-add a:active { color:#377F77;  font-size: 34px; font-weight: 400; text-decoration: none;}

 
.head-block-sn {
    position: center;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
    
.rowpad {
    position: relative;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
    background: #ffffff;
}

.call-to-action {
    background: #B7A9A9;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Open Sans', Lato, sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 150%;
    text-align: center;
  }
.call-to-action a:link { color: #FFFFFF;  font-weight: 400; text-decoration: none; }
.call-to-action a:visited { color: #FFFFFF; font-weight: 400; text-decoration: none; }
.call-to-action a:hover { color: #111111; font-weight: 400; text-decoration: none; }
.call-to-action a:active { color: #FFFFFF; font-weight: 400; text-decoration: none; } 


.bar {
    background:#C86224;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 1px;
  }


.call-to-action1 {
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    font-size: 20px;
    color: #FAFFFF;
    font-weight: 400;
    line-height: 190%;
    text-align: center;
    background: #50A098;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
  }
.call-to-action1 a:link { color: #FFFFFF;  font-weight: 700; text-decoration: none; }
.call-to-action1 a:visited { color: #FFFFFF; font-weight: 700; text-decoration: none; }
.call-to-action1 a:hover { color: #111111; font-weight: 700; text-decoration: none; }
.call-to-action1 a:active { color: #FFFFFF; font-weight: 700; text-decoration: none; } 

  
  
.call-to-action2 {
    background: #50A098;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
  }
.call-to-action2 a:link { color: #FFFFFF;  font-weight: 700; text-decoration: none; }
.call-to-action2 a:visited { color: #FFFFFF; font-weight: 700; text-decoration: none; }
.call-to-action2 a:hover { color: #111111; font-weight: 700; text-decoration: none; }
.call-to-action2 a:active { color: #FFFFFF; font-weight: 700; text-decoration: none; } 


.impact {
  font-family: 'Open Sans', Lato, 'Sans Serif';
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #109CAC;
    }

.impact-script {
  font-family: Georgia, 'Open Sans', Lato, 'Sans Serif';
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
      color: #4A708A;
    }
    
.impact-inner {
  font-family: 'Open Sans', Lato, 'Sans Serif';
  font-weight: 200;
  font-size: 16px;
  line-height: 160%;
  color: #418793;
    }

.inner-lnk {
  font-family: 'Open Sans', Lato, 'Sans Serif';
  font-weight: 200;
  font-size: 16px;
  line-height: 160%;
  color: #AD7391;
  border-bottom: 1px dashed #CED1DE; 
  display: inline;
    }
.inner-lnk a:link { color: #AD7391 !important;  text-decoration: none; border-bottom: 1px dashed #AD7391; display: inline; }
.inner-lnk a:visited { color: #AD7391 !important; text-decoration: none; border-bottom: 1px dashed #AD7391; display: inline; }
.inner-lnk a:hover { color: #D6C8CF !important; text-decoration: none; border-bottom: 1px dashed #D6C8CF; display: inline; }
.inner-lnk a:active { color: #AD7391 !important; text-decoration: none; border-bottom: 1px dashed #AD7391; display: inline; } 
    
.impact-inner-lg {
  font-family: 'Open Sans', Lato, 'Sans Serif';
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: #9F5B7D;
    }

    
.sidelnks {
      font-family: 'Open Sans', Lato, sans-serif;
      font-size: 14px;
      color: #837669;
      font-weight: 200;
      line-height: 170%;
      padding-top: 0px;
  }
  
.sidelnks a:link { color: #837669 !important;  text-decoration: none; border-bottom: 1px dashed #CED1DE; display: inline; }
.sidelnks a:visited { color: #837669 !important; text-decoration: none; border-bottom: 1px dashed #CED1DE; display: inline; }
.sidelnks a:hover { color: #5A73AD !important; text-decoration: none; border-bottom: 1px dashed #CED1DE; display: inline; }
.sidelnks a:active { color: #837669 !important; text-decoration: none; border-bottom: 1px dashed #CED1DE; display: inline; }


.sect1 {
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
    text-align: center;
    }
 
.sect2 {
    padding-top: 0px;
    padding-right: 30px;
    margin-bottom: 20px;
    padding-left: 30px;
    text-align: center;
    }
      
.sect-title1 {
    color: #9F83B5;;
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    line-height: 160%;
    font-size: 28px;
    font-weight: 200;
 } 
    
.sect-title2 {
    color: #645E68;
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    line-height: 160%;
    font-size: 28px;
    font-weight: 200;
   }
     
/* txt blocks slide in  */
.slideinblocks {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  
.page-title {
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    line-height: 160%;
    font-size: 28px;
    font-weight: 200;
    color:#C86224;
    line-height: 160%;
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid#C86224;
    margin-bottom: 15px;
    position: relative;
  }
    
.page-title2 {
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    line-height: 160%;
    font-size: 28px;
    font-weight: 200;
    color: #9F9885;
    line-height: 160%;
  }
  
.column-title {
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    font-weight: 200;
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 12px;
    position: relative;
  }

  
.column-title:after {
    content: " ";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80%;
    border-bottom: 1px solid#C86224;
  }

.column-title2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    color:#C86224;
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid#C86224;
    margin-bottom: 15px;
    position: relative;
  }

.column-subtitle {
	font-size: 18px;
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
	color:#C86224;
    line-height: 160%;
  }
  
.faq-subtitle {
	font-size: 18px;
    font-weight: 200;
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
	color:#C86224;
    line-height: 160%;
  }
.steps-subtitle {
	font-size: 18px;
    font-weight: 200;
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
	color:#C86224;
    line-height: 160%;
  } 
.glyph-sp {
    padding-top: 12px;
  }
  
.faq-im {
    padding-top: 12px;
  }
        

.portfo {
	font-size: 13px;
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    line-height: 160%;
    font-weight: 400;
    } 


.thumbjust1 {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    font-family:'Open Sans', Lato, sans-serif;
    font-weight: 400;
    color: #B68CB0;
    font-size: 14px;
    line-height: 160%;
    text-align: justify;
  }

  .thumbjust2 {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    font-family:'Open Sans', Lato, sans-serif;
    font-weight: 400;
    color: #75A1D0;
    font-size: 14px;
    line-height: 160%;
    text-align: justify;
  }
  
  .thumbjust3 {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    font-family:'Open Sans', Lato, sans-serif;
    font-weight: 400;
    color: #A1979F;
    font-size: 14px;
    line-height: 160%;
    text-align: justify;
  }
  
  .thumbjust4 {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    font-family:'Open Sans', Lato, sans-serif;
    font-weight: 400;
    color: #ABCD4F; 
    font-size: 14px;
    line-height: 160%;
    text-align: justify;
  }
.thumbpad {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
  }

.thumbpad-press {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
  }

/* .img-thumbnail {
    border-color: #ABE8F7;
    box-shadow-color: #ABE8F7;
}
*/

.lgpnk {
    color: #C363B9;
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    line-height: 160%;
    font-size: 26px;
}

.lgmauve {
    color: #8082D0;
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    line-height: 160%;
    font-size: 26px;
}


.lggrn {
    color: #89BA3C;
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    line-height: 160%;
    font-size: 26px;
}

.lgbl {
    color: #177BAD;
    font-family: 'Open Sans', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    line-height: 160%;
    font-size: 26px;
    font-weight: 200;
}


/* Prim   */
.txt-primary {
    color: #B68CB0;
}
/* Tert   */
.txt-tertiary{
    color: #75A1D0;
}

/* Info   */
.txt-info{
    color: #A1979F;
}


/* Success   */
.txt-success{
    color: #ABCD4F;
}

/* Warning   */
.txt-warning{
    color: #8082D0;
}

/* Danger   */
.txt-danger{
    color: #F54900;
}

 
.narrow {
    padding-left: 30px;
    padding-right: 30px;
  }
/* end txt blocks slide in  */ 


.inthepress {
    font-family: 'Open Sans', Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #53A7E5;
    line-height: 170%;
    text-align: center;
    }
.inthepress a:link { color: #4A708A !important;  text-decoration: none;}
.inthepress a:visited { color: #4A708A !important; text-decoration: none;}
.inthepress a:hover { color: #C4CBCC !important; text-decoration: none;}
.inthepress a:active { color: #4A708A !important; text-decoration: none;}



.lownav{
    font-family: 'Open Sans', Lato, sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#111111;
    line-height: 150%;
    text-align: center;
    text-decoration: none;
  }
.lownav a:link {color: #111111;  font-weight: 400; text-decoration: none; border-bottom: 1px dotted;}
.lownav a:visited { color:#111111; font-weight: 400; text-decoration: none; border-bottom: 1px dotted;}
.lownav a:hover { color: #418793; font-weight: 400; text-decoration: none; border-bottom: 1px dotted;}
.lownav a:active { color:#111111; font-weight: 400; text-decoration: none; border-bottom: 1px dotted;}


.lowphrase{
    font-family: 'Open Sans', Lato, sans-serif;
    font-weight: 200;
    font-size: 14px;
    color: #C0B8BE;
    line-height: 150%;
    text-align: center;
    text-decoration: none;
  }
.lowphrase a:link { color: #C0B8BE;  font-weight: 200; text-decoration: none;}
.lowphrase a:visited { color: #C0B8BE; font-weight: 200; text-decoration: none;}
.lowphrase a:hover { color: #C0B8BE; font-weight: 200; text-decoration: none;}
.lowphrase a:active { color: #C0B8BE; font-weight: 200; text-decoration: none;}


.dashedlnks a:link { color: #4C728C;  font-weight: 200; text-decoration: none; border-bottom: 1px dashed #CED1DE; display: inline; }
.dashedlnks a:visited { color: #4C728C; font-weight: 200; text-decoration: none; border-bottom: 1px dashed #CED1DE; display: inline; }
.dashedlnks a:hover { color: #418793; font-weight: 200; text-decoration: none; border-bottom: 1px dashed #CED1DE; display: inline; }
.dashedlnks a:active { color: #4C728C; font-weight: 200; text-decoration: none; border-bottom: 1px dashed #CED1DE; display: inline; }

.foot { 
    background:#50A098;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
 }

.foot-smtxt {
    padding-top: 15px;
    font-family: 'Open Sans', Lato, sans-serif;
    font-size: 12px;
    font-weight: 200;
    color: #D1A285;
    line-height: 160%;
    text-align: center;
    }
.foot-smtxt a:link { color: #CAD0D8;  text-decoration: none;}
.foot-smtxt a:visited { color: #CAD0D8; text-decoration: none;}
.foot-smtxt a:hover { color: #111111; text-decoration: none;}
.foot-smtxt a:active { color: #CAD0D8; text-decoration: none;}

.foot-mdtxt {
    font-family: 'Open Sans', Lato, sans-serif;
    font-size: 14px;
    font-weight: 200;
    color: #ffffff;
    line-height: 160%;
    text-align: left;
    }
    
    
.foot-lgtxt {
    font-family: 'Open Sans', Lato, sans-serif;
    font-size: 14px;
    font-weight: 200;
    color: #FFFFFF;
    line-height: 160%;
    text-align: left;
    padding-left: 40px;
    }
.foot-lgtxt a:link { color: #FFFFFF;  text-decoration: none;}
.foot-lgtxt a:visited { color: #FFFFFF; text-decoration: none;}
.foot-lgtxt a:hover { color: #111111; text-decoration: none;}
.foot-lgtxt a:active { color: #FFFFFF; text-decoration: none;}
  
    
.end {
    background:#50A098;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

.endtxt {
    font-family: 'Open Sans', Lato, sans-serif;
    font-size: 12px;
    font-weight: 200;
    color: #B9BFC7;
    line-height: 130%;
    }
      
/* -------------------------------------------------------- */
/* End Containers & Rows                                    */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* Custom Nav                                               */
/* Custom Nav                                               */
/* -------------------------------------------------------- */


.row-nav {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background:#50A098;
  }
  
  
/* main strip   */
.navbar-inverse {
    background-color:#50A098;
    background-image: none;
    border-color: #38617E;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;

/* remove curved corners on nav             */
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
    border-radius: 0;
 }

 /* reduce space between links   */

 
/* main strip links             */
.navbar-inverse .navbar-nav>li>a {
    font-style: 'Open Sans', Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 0px;
  }
  
/* main strip hover  */
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { 
    background-color: #111111;
    font-style: 'Open Sans', Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
  }
  
/* active  */
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #111111;
    color: #ffffff;
  }

/* active  hover */
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #FFFFFF;
}

/* drop down    */
.navbar-inverse .dropdown-menu {
    background-color: #50A098;
    border-color:#50A098;
    color: #ffffff;
  }

/* drop down hover  - change bg col below as well */
.navbar-inverse .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #111111;
    background-image: none;
  }

/* dropdown links  */
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { 
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    }


/* ensure that dropdown mobile has hover bg col */
/* will change bg col on main drop hover as well */
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #111111; 
    color: #FFFFFF;
}

/* dropdown arrow icons   */
.navbar-inverse .navbar-nav>.dropdown>a .caret {
    border-top-color: #FFFFFF;
    border-bottom-color: #2792C9;
    color: #ffffff;
}

/* dropdown arrow icons hover   */
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    color: #ffffff;
}

/* mobile brand    */
.navbar-inverse .navbar-brand {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    margin-bottom: 0px;
  }
  
/* mobile brand hover   */
.navbar-inverse .navbar-brand:hover {
    color: #FFFFFF;
  }

/* hamburger   */ 
.navbar-inverse .navbar-toggle {
    border-color:#111111;
    background-color:#111111;
    margin-top: 6px;
}  

/* hamburger hover  */
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color:#111111;
}    


.mobile-margin-btn { margin-right: 22px; }


/* Nav Bar - Large Screens Only          */
/* Nav Bar - Large Screens Only          */
/* Nav Bar - Large Screens Only          */


/* Center the nav bar items              */
/* Set spacing between items (margin)    */


@media only screen and (min-width:960px){


.navbar-inverse {
    text-align:center;
  }
.navbar-inverse .nav {
    float:none;
  }


}
/* End Nav Bar - Large Screens Only          */
/* End Nav Bar - Large Screens Only          */
/* End Nav Bar - Large Screens Only          */


/* -------------------------------------------------------- */
/* Seps & HR                                                */
/* Seps & HR                                                */
/* -------------------------------------------------------- */

hr.col1 {
    border-top: 1px solid #AD7391;
    border-bottom: 1px solid #fff;
  }

hr.col2 {
    border-top: 1px solid #7DBB7D;
    border-bottom: 0px;
  }

hr.col3 {
    border-top: 1px solid #DADDE0;
    border-bottom: 1px solid #fff;
  }
  
hr.col4 {
    border-top: 1px solid #C949B2;
    border-bottom: 0px
  }  
  
hr.col5 {
    border-top: 1px solid #EBE0EE;
    border-bottom: 1px solid #fff;
  }
/* -------------------------------------------------------- */
/* end Seps & HR                                            */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* Bulls & Lists & Icons                                    */
/* Bulls & Lists & Icons                                    */
/* -------------------------------------------------------- */

ul.nostyle {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

ul.nostyle i {
  color: #B68CB0;
}

.glyphicon.glyphicon-asterisk {
    font-size: 24px;
    color: #B68CB0;
}
  
  ul.list-group.col-md-6 > li {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  line-height: 165%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #0D6FCB;
  color: white;
  text-align: center;
  }
/* -------------------------------------------------------- */
/* end Bulls & Lists & Icons                                */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* Buttons                                                  */
/* Buttons                                                  */
/* -------------------------------------------------------- */
.btn {
    padding: 11px 16px;
    border: 0 none;
    text-decoration: none;
    font-family:'Open Sans', Lato, sans-serif;
    font-weight: 400;
    color: #FFFFFF !important;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 15px;
}


.btn-lg-txt {
    font-family:'Open Sans', Lato, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 1px;
}

.btn-md-txt {
    font-family:'Open Sans', Lato, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 12px;
    letter-spacing: 1px;
}



/* Match   */
.btn-match {
    background: #34BCDE
}
.btn-match:hover {
    background: #8BD1E3;
}
.btn-match:focus  {
    background: #34BCDE
}
.btn-match:active {
    background: #34BCDE
}

/* Prim   */
.btn-primary {
    background: #B68CB0;
}
.btn-primary:hover {
    background: #D4ACCE;
}
.btn-primary:focus  {
    background: #B68CB0;
}
.btn-primary:active {
    background: #B68CB0;
}
/* Tert   */
.btn-tertiary{
    background: #75A1D0;
}
.btn-tertiary:hover {
    background: #BBD4ED;
}
.btn-tertiary:focus  {
    background: #75A1D0;
}
.btn-tertiary:active {
    background: #75A1D0;
}
/* Info   */
.btn-info{
    background: #A1979F;
}
.btn-info:hover {
    background: #BAB2BF;
}
.btn-info:focus  {
    background: #A1979F;
}
.btn-info:active {
    background: #A1979F;
}
/* Success   */
.btn-success{
    background: #ABCD4F;
}
.btn-success:hover {
    background: #D7E4B4;
}
.btn-success:focus  {
    background: #ABCD4F;
}
.btn-success:active {
    background: #ABCD4F;
}
/* Warning   */
.btn-warning{
    background: #8082D0;
}
.btn-warning:hover {
    background: #1DBCD9;
}
.btn-warning:focus  {
    background: #8082D0;
}
.btn-warning:active {
    background: #8082D0;
}
/* Danger   */
.btn-danger{
    background: #F54900;
}
.btn-danger:hover {
    background: #FD814B;
}
.btn-danger:focus  {
    background: #F54900;
}
.btn-danger:active {
    background: #F54900;
}

/* Return   */
.btn-return{
    background: #AEBDD4;
}
.btn-return:hover {
    background: #D5DEEB;
}
.btn-return:focus  {
    background: #AEBDD4;
}
.btn-return:active {
    background: #AEBDD4;
}


/* Circles   */
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
/* -------------------------------------------------------- */
/* End Buttons                                              */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* Testimonials                                             */
/* Testimonials                                             */
/* -------------------------------------------------------- */

.testimonial-author p {
    font-family: 'Open Sans', Lato, sans-serif, Arial, Tahoma;
    color: #767676;
    font-size: 12px;
    text-align: right;
    line-height: 150%;
}

.testimonial blockquote p {
    font-family: 'Georgia', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    font-style: normal;
    font-size: 16px;
    text-align: justify;
    line-height: 150%;
}

@media (min-width: 800px) {
.testimonial blockquote p {
    font-family: 'Georgia', 'Trebuchet MS', 'MS Sans Serif', 'sans-serif';
    font-style: italic;
    font-size: 16px;
    text-align: justify;
    line-height: 150%;
}
}


.r-testimonial1 {
    color: #329485;
}
.r-testimonial2 {
    color: #8E68C2;
}
.r-testimonial3 {
    color: #D59203;
}
.r-testimonial4 {
    color: #607AAE;
}
.r-testimonial5 {
    color: #A66298;
}

/* -------------------------------------------------------- */
/* End Testimonials                                         */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* Panels & Pricing                                         */
/* Panels & Pricing                                         */                               
/* -------------------------------------------------------- */

.shape{    
    border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;
	-ms-transform:rotate(360deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	transform:rotate(360deg);
}
.offer{
	background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
}
.offer:hover {
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform:rotate scale(1.1); 
    -webkit-transition: all 0.4s ease-in-out; 
-moz-transition: all 0.4s ease-in-out; 
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
    }
.shape {
	border-color: rgba(255,255,255,0) #F54900 rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-radius{
	border-radius:7px;
}

.offer-primary { border-color: #B68CB0; }
.offer-primary .shape{
	border-color: transparent #B68CB0 transparent transparent;
}

.offer-tertiary {	border-color: #75A1D0; }
.offer-tertiary .shape{
	border-color: transparent #75A1D0 transparent transparent;
}

.offer-info { border-color: #A1979F; }
.offer-info .shape{
	border-color: transparent #A1979F transparent transparent;
}

.offer-success { border-color: #ABCD4F; }
.offer-success .shape{
	border-color: transparent #ABCD4F transparent transparent;
}

.shape-text{
	color:#fff; font-size:12px; font-weight:bold; position:relative; right:-40px; top:2px; white-space: nowrap;
	-ms-transform:rotate(30deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(30deg); /* Safari and Chrome */
	transform:rotate(30deg);
}	
.offer-content{
	padding:0 20px 10px;
}
@media (min-width: 487px) {
  .container {
    max-width: 750px;
  }
  .col-sm-6 {
    width: 50%;
  }
}
@media (min-width: 900px) {
  .container {
    max-width: 970px;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  .col-lg-3 {
    width: 25%;
  }
  }

  
  
    
.content {
    padding: 30px 0;
}

/***
Pricing table
***/
.pricing {
  position: relative;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-left: 15px;
  border: 3px solid #eee;
}

.pricing-active {
  border: 3px solid#C86224;
  margin-top: -10px;
  box-shadow: 7px 7px rgba(54, 215, 172, 0.2);
}

.pricing:hover {
  border: 3px solid#C86224;
}

.pricing:hover h4 {
  color:#C86224;
}

.pricing-head {
  text-align: center;
}

.pricing-head h3,
.pricing-head h4 {
  margin: 0;
  line-height: normal;
}

.pricing-head h3 span,
.pricing-head h4 span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-style: italic;
}

.pricing-head h3 {
  font-weight: 300;
  color: #FFFFFF;
  padding: 12px 0;
  font-size: 18px;
  background:#C86224;
  border-bottom: solid 1px #41b91c;
}

.pricing-head h4 {
  color: #bac39f;
  padding: 5px 0;
  font-size: 54px;
  font-weight: 300;
  background: #fbfef2;
  border-bottom: solid 1px #f5f9e7;
}

.pricing-head-active h4 {
  color:#C86224;
}

.pricing-head h4 i {
  top: -8px;
  font-size: 28px;
  font-style: normal;
  position: relative;
}

.pricing-head h4 span {
  top: -10px;
  font-size: 14px;
  font-style: normal;
  position: relative;
}

/*Pricing Content*/
.pricing-content li {
  color: #575B5B;
  font-size: 16px;
  padding: 7px 15px;
  border-bottom: solid 1px #f5f9e7;
}

/*Priceing Active*/
.price-active,
.pricing:hover {
  z-index: 9;
}

.price-active h4 {
  color:#C86224;
}

.no-space-pricing .pricing:hover {
  transition: box-shadow 0.2s ease-in-out;
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
  color:#C86224;
  padding: 15px 0;
  font-size: 80px;
  transition: color 0.5s ease-in-out;
}


  
/* -------------------------------------------------------- */
/* End Pricing                                               */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* Google Maps                                              */
/* Google Maps                                              */
/* -------------------------------------------------------- */
.google-maps {
    position: relative;
    padding-bottom: 90%; // (450 ÷ 500 = 0.9 = 90%)
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* -------------------------------------------------------- */
/* End Google Maps                                          */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* Hover for Buy with Confidence logo                                         */
/* -------------------------------------------------------- */
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}



/* -------------------------------------------------------- */
/* Transforms & Scale ins                                   */
/* Transforms & Scale ins                                   */
/* -------------------------------------------------------- */

.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
  }
@-webkit-keyframes scaleIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
@keyframes scaleIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/* -------------------------------------------------------- */
/* End  Transforms & Scale ins                              */        
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* MQueries - specifics are                                 */
/*                                                          */
/* -------------------------------------------------------- */


/*
@media only screen and (max-width: 600px) and (min-width: 400px)  
screens that are 600-400px
*/

/* 
@media only screen and (min-width: 600px)
greater than or equal to 600px
*/

/* 
@media only screen and (max-width: 600px)
 is less than or equal to 600px,
*/


/* -------------------------------------------------------- */
/* end mq                                                   */
/* -------------------------------------------------------- */
