/*****************************************/
/********** MAIN ELEMENTS ****************/
/*****************************************/
body{background-color: #ffffff;color: #333333;font-family: 'Lato', sans-serif;font-size: 16px;}
/*****************************************/
/********** DESIGN ELEMENTS **************/
/*****************************************/
hr.style1 {display: block; position: relative; padding: 0; margin: 8px auto; height: 0; width: 50%; max-height: 0; font-size: 1px; line-height: 0; clear: both; border: none; border-top: 2px solid #17a2b8; border-bottom: 2px solid #17a2b8;}
.overlapSection{position: relative;background-color: transparent;z-index: 10; padding-top:35px; padding-bottom:65px;}
@media (min-width:1200px){.overlapSection{margin-top:-70px; padding-top:0px;}}
.cardShadow{-webkit-box-shadow: 0 0 4px #000;box-shadow: 0 0 4px #000;}
.cardAbout{width:100%;height:100%;}
@media(min-width: 1470px){.cardCol{max-width:calc(100% - 100px / 2);min-height:228px;}}
.diamond-middle{position: absolute;right: 0;top: 30px;width: 15px;height: 15px;transform: translate(50%, -50%) rotate(45deg);background-color: #16b6d2;}
/*****************************************/
/********** SPACING ELEMENTS *************/
/*****************************************/
@media (min-width: 320px) {.topspacing{padding-top: 61px;}}
@media (min-width: 1200px) {.topspacing{padding-top: 88px;}}
.no-padding {padding: 0;}
.no-padding img{width: 100%;}
.containerMax{max-width:1500px;}
.section35{padding-top:35px;padding-bottom:35px;}
.section45{padding:45px;}
.section25{padding:25px;}
.sectionHeader{padding-top: 100px;}
.sectionVertical{height: 300px;position: relative;}
.text-center-vertical{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.cardMinHeight{min-height:225px;}
/*****************************************/
/********** BACKGROUND COLORS ************/
/*****************************************/
.white{background-color: #FFFFFF; color: #000000;}	
.grayLight{background-color: #dddddd; color: #333333;}
.grayLightest{background-color:#efefef; color: #333333;}
.grayDark{background-color: #333333; color: #dddddd;}
.blueLight{background-color: #16b6d2; color: #000000;}
/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #dddddd; font-size: 16px; text-decoration: underline;}
a.a1:visited{color: #dddddd; font-size: 16px; text-decoration: underline;}
a.a1:hover{  color: #ff9933; font-size: 16px; text-decoration: underline;}
a.a2:link{   color: #000000; font-size: 18px; text-decoration: none;}
a.a2:visited{color: #000000; font-size: 18px; text-decoration: none;}
a.a2:hover{  color: #FF3333; font-size: 18px; text-decoration: none;}
a.a3:link{   color: #dddddd; font-size: 16px; text-decoration: underline;}  /*LINKS IN FOOTER -> Privacy Policy*/
a.a3:visited{color: #dddddd; font-size: 16px; text-decoration: underline;}
a.a3:hover{  color: #999999; font-size: 16px; text-decoration: underline;}
a.a4:link{   color: #17a2b8; font-size: 18px; text-decoration: none;}       /*LINKS IN FOOTER -> Menu Items*/
a.a4:visited{color: #17a2b8; font-size: 18px; text-decoration: none;}
a.a4:hover{  color: #007DBA; font-size: 18px; text-decoration: none;}
a.a5:link{   color: #000000; font-size: 20px; text-decoration: none;}       /*LINKS IN SERVICES SECTION*/
a.a5:visited{color: #000000; font-size: 20px; text-decoration: none;}
a.a5:hover{  color: #16b6d2; font-size: 20px; text-decoration: none;}
a.a6:link{   color: #FFFFFF; font-size: 18px; text-decoration: none;}       /*LINKS IN SERVICES SECTION*/
a.a6:visited{color: #FFFFFF; font-size: 18px; text-decoration: none;}
a.a6:hover{  color: #333333; font-size: 18px; text-decoration: none;}
/*****************************************/
/********** TEXT *************************/
/*****************************************/
.latoFont{font-family: 'Lato', sans-serif;}
.ubuntoFont{font-family: 'Ubuntu', sans-serif;}
h1{color: #333333;}
h2{color: #333333;}
h3{color: #333333;}
h4{color: #333333;}
h5{color: #333333;}
.whiteText{color: #FFFFFF;}
.grayLightText{color: #dddddd;}
.grayDarkText{color: #333333;}
.shadowDark{text-shadow: 2px 2px #000000;}
.shadowLight{text-shadow: 2px 2px #dddddd;}
.infoText{color:#16b6d2;}
@media (max-width: 575px) {.textHuge{font-size: 50px;} .textLarge{font-size:30px;} .textMedium{font-size:20px;}}
@media (min-width: 576px) {.textHuge{font-size: 70px;} .textLarge{font-size:40px;} .textMedium{font-size:24px;}}
/*****************************************/
/****** DEFINE HERO IMAGE TEXT OVERLAY  **/
/*****************************************/
.header-text-divider::before{content: '';left: 0;top: 0;bottom: 0;width: 4px;border-left: 4px solid #16b6d2;border-left-color: rgb(22, 182, 210);border-left-style: solid;border-left-width: 4px;padding-right:22px;}
@media (min-width: 320px){.header-text {position: absolute;top: 20%;left: 40%;-webkit-transform: translateX(-50%);transform: translateX(-50%)}}
@media (min-width: 720px){.header-text {position: absolute;top: 20%;left: 40%;-webkit-transform: translateX(-50%);transform: translateX(-50%)}}
@media (min-width: 1200px){.header-text {position: absolute;top: 20%;left: 30%;-webkit-transform: translateX(-50%);transform: translateX(-50%)}}
@media (min-width: 320px){.header-text h1 {font-size: 30px;}.header-text h3 {font-size: 16px;}}
@media (min-width: 720px){.header-text h1 {font-size: 40px;}.header-text h3 {font-size: 20px;}}
@media (min-width: 1200px){.header-text h1 {font-size: 60px;}.header-text h3 {font-size: 30px;}}
/*****************************************/
/********** IFRAME RESIZING **************/
/*****************************************/
.videoWrapper{position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*****************************************/
/********** BACKGROUND PICS***************/
/*****************************************/
/*@media (min-width: 0px) {.heropicture{background-image: url("pictures/spanish-peaks-custom-home-builders-construction-mobile.jpg");width: 100%;min-height: 320px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 321px) {.heropicture{background-image: url("pictures/spanish-peaks-custom-home-builders-construction-tablet.jpg");width: 100%;min-height: 768px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 769px) {*/.heropicture{background-image: url("pictures/shaneyfelt-dental-services-dentists-in-livingston-montana.jpg");width: 100%;min-height: 800px; background-position: center;background-repeat: no-repeat;background-size: cover;}
/*****************************************/
/********** BUTTONS **********************/
/*****************************************/
.btn-success{color:#fff;background-color:#17a2b8;border-color:#007DBA}
.btn-success:hover{color:#fff;background-color:#007DBA;border-color:#17a2b8}
.btn-success:focus,.btn-success.focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:teal;border-color:#005a5a}
.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#00b3b3;border-color:#000}
.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
/*****************************************/
/********** NAVIGATION BAR ***************/
/*****************************************/
.navbar-inner{max-width:1500px;}
.navbar-custom {background-color: #fff;}
.navbar-custom .navbar-nav .nav-link {font-size: 18px;font-family: 'Ubuntu', sans-serif;color: rgba(0, 71, 171, 1);}
.navbar-custom .navbar .navbar-nav>li>a:hover,
.navbar-custom .navbar .navbar-nav>li>a:focus {color: rgba(0, 153, 204, 1);}
#navbar{overflow: hidden;background-color: #FFFFFF;padding: 10px 10px;transition: 0.4s;position: fixed;width: 100%;top: 0;z-index: 99;border-bottom:1px solid black;}
#navbar a.nav-link {float: left;color: #17a2b8;text-align: center;text-decoration: none;padding: 12px;font-size: 20px; font-family: neue-aachen-pro,sans-serif;font-weight: 700;}
#navbar a.nav-fa {float: left;color: #333333;text-align: center;text-decoration: none;padding: 5px;font-size: 40px;}
#navbar a.nav-main {float: left;color: white;text-align: center;text-decoration: none;padding: 12px 20px;font-size: 20px;background-color: #333333; font-family: 'Ubuntu', sans-serif;}
#navbar a:hover {color: #007DBA;}
#navbar .navbar-brand{padding: 0px;}
#navbar #logo {transition: 0.4s;}
@media screen and (max-width: 580px) {#navbar {padding: 10px 10px !important;}#navbar a {float: none;display: block;text-align: left;}#navbar-right {float: none;}}
.custom-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 70, 99, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.custom-toggler.navbar-toggler{border-color: rgb(0, 70, 99);}
@media (min-width: 0px) {.navLinkSpace{margin-left:0px;}}
@media (min-width: 992px) {.navLinkSpace{margin-left:25px;}}
@media (min-width: 1470px) {.navLinkSpace{margin-left:51px;}}
/*****************************/
/*********SERVICES ***********/
/*****************************/
.servicesLine{position: relative;display: flex;align-items: center;font-weight: 400;margin-top:15px;}
.servicesLine::before{content: '';flex-shrink: 0;display: inline-block;width: 15%;height: 4px;margin-right: 4%;background-color: #16b6d2;}
.servicesThumb{max-width:267px;margin-left: auto;margin-right: auto;}
.cardMaxWidth{max-width:357px;}
/*****************************************/
/********** QUAD CORE SECTION RAN SHORT OF TIME I'll CLEAN THIS UP LATER*************/
/*****************************************/
/*****SHELL****/
.shell{
 margin-right: auto;
 margin-left: auto;
 margin-right: auto;
 margin-left: auto;
 padding-left: 15px;
 padding-right: 15px;
}
.shell{
 max-width: 1470px;
 padding-left: 0;
 padding-right: 0;
}
/*****RANGE****/
* + .divider-default,
.divider-default + .range,
.divider-default + * {
 margin-top: 25px;
}
.divider-modern + .range,
.divider-modern + * {
 margin-top: 20px;
}
@media (min-width: 1200px) {
 * + .divider-modern {
  margin-top: 20px;
 }
 .divider-modern + .range,
 .divider-modern + * {
  margin-top: 30px;
 }
}
.range + h3 {
 margin-top: 80px;
}
.range + .range {
 margin-top: 35px;
}
.range-0 {
 margin-bottom: 0px;
}
.range-0 > * {
 margin-top: 0;
 margin-bottom: 0px;
}
.range-10 {
 margin-bottom: -10px;
}
.range-10 > * {
 margin-top: 0;
 margin-bottom: 10px;
}
.range-15 {
 margin-bottom: -15px;
}
.range-15 > * {
 margin-top: 0;
 margin-bottom: 15px;
}
.range-20 {
 margin-bottom: -20px;
}
.range-20 > * {
 margin-top: 0;
 margin-bottom: 20px;
}
.range-30 {
	/*! margin-bottom: -30px; */
}
.range-30 > * {
 margin-top: 0;
 margin-bottom: 30px;
}
.range-35 {
 margin-bottom: -35px;
}
.range-35 > * {
 margin-top: 0;
 margin-bottom: 35px;
}
.range-40 {
 margin-bottom: -40px;
}
.range-40 > * {
 margin-top: 0;
 margin-bottom: 40px;
}
/**********************************************/

.range-right {
 -webkit-justify-content: flex-end;
 -ms-flex-pack: end;
 justify-content: flex-end;
}
.range-justify {
 -webkit-justify-content: space-between;
 -ms-flex-pack: justify;
 justify-content: space-between;
}
.range-around {
 -webkit-justify-content: space-around;
 -ms-flex-pack: distribute;
 justify-content: space-around;
}
.range-top {
 -webkit-align-items: flex-start;
 -ms-flex-align: start;
 align-items: flex-start;
}
.range-reverse {
 -webkit-flex-direction: row-reverse;
 -ms-flex-direction: row-reverse;
 flex-direction: row-reverse;
}
.range-middle {
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
}
.range-bottom {
 -webkit-align-items: flex-end;
 -ms-flex-align: end;
 align-items: flex-end;
}
.range-spacer {
 -webkit-flex-basis: 100%;
 -ms-flex-preferred-size: 100%;
 flex-basis: 100%;
 max-width: 100%;
}
[class*="cell-"] {
 padding-left: 15px;
 padding-right: 15px;
}
/**********************************************/
.range {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex: 0 1 auto;
 -webkit-flex: 0 1 auto;
 flex: 0 1 auto;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
 flex-direction: row;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.range > .range {
 -webkit-flex-basis: 100%;
 -ms-flex-preferred-size: 100%;
 flex-basis: 100%;
 max-width: 100%;
}
.range-vertical {
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
}
.range > [class*='cell'] {
 -ms-flex: 0 0 auto;
 -webkit-flex: 0 0 auto;
 flex: 0 0 auto;
 -webkit-flex-basis: 100%;
 -ms-flex-preferred-size: 100%;
 flex-basis: 100%;
 max-width: 100%;
}
@media (min-width: 480px) {
 * + [class*='cell-xs-'] {
  margin-top: 0;
 }
 .range-xs-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
 }
 .range-xs-left {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
 }
 .range-xs-right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
 }
 .range-xs-justify {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
 }
 .range > .cell-md-8 {
  -webkit-flex-basis: 80%;
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%;
  max-width: 80%;
 }
 .range > .cell-md-preffix-8 {
  margin-left: 80%;
 }
 .range > .cell-md-9 {
  -webkit-flex-basis: 90%;
  -ms-flex-preferred-size: 90%;
  flex-basis: 90%;
  max-width: 90%;
 }
 .range > .cell-md-preffix-9 {
  margin-left: 90%;
 }
 .range > .cell-md-10 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
 }
 .range > .cell-md-preffix-10 {
  margin-left: 100%;
 }
 .range > .cell-md-1-5 {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
 }
}
@media (min-width: 992px) and (min-width: 480px) {
 .range > .cell-xs-25 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
 }
}
@media (min-width: 992px) and (min-width: 768px) {
 .range > .cell-sm-25 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
 }
 .range > .cell-sm-33 {
  -webkit-flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
 }
}
@media (min-width: 992px) and (min-width: 992px) {
 .range > .cell-md-25 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
 }
}
@media (min-width: 992px) and (min-width: 1200px) {
 .range > .cell-lg-25 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
 }
}
@media (min-width: 992px) and (min-width: 1470px) {
 .range > .cell-xl-25 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
 }
}
@media (min-width: 1200px) {
 * + [class*='cell-lg-'] {
  margin-top: 0;
 }
 .range-lg-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
 }
 .range-lg-left {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
 }
 .range-lg-right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
 }
 .range-lg-justify {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
 }
 .range-lg-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
 }
 .range-lg-top {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
 }
 .range-lg {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
 }
 .range-lg-reverse {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
 }
 .range-lg-middle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
 }
 .range-lg-bottom {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
 }
 .cell-lg-top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
 }
 
 .cell-lg-middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
 }
 .cell-lg-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
 }
 .range > .cell-lg-preffix-0 {
  margin-left: 0;
 }
 .range > .cell-lg-1 {
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
  max-width: 10%;
 }
 .range > .cell-lg-preffix-1 {
  margin-left: 10%;
 }
 .range > .cell-lg-2 {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
 }
 .range > .cell-lg-preffix-2 {
  margin-left: 20%;
 }
 .range > .cell-lg-3 {
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  max-width: 30%;
 }
 .range > .cell-lg-preffix-3 {
  margin-left: 30%;
 }
 .range > .cell-lg-4 {
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  max-width: 40%;
 }
 .range > .cell-lg-preffix-4 {
  margin-left: 40%;
 }
 .range > .cell-lg-5 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
 }
 .range > .cell-lg-preffix-5 {
  margin-left: 50%;
 }
 .range > .cell-lg-6 {
  -webkit-flex-basis: 60%;
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
  max-width: 60%;
 }
 .range > .cell-lg-preffix-6 {
  margin-left: 60%;
 }
 .range > .cell-lg-7 {
  -webkit-flex-basis: 70%;
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  max-width: 70%;
 }
 .range > .cell-lg-preffix-7 {
  margin-left: 70%;
 }
 .range > .cell-lg-8 {
  -webkit-flex-basis: 80%;
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%;
  max-width: 80%;
 }
 .range > .cell-lg-preffix-8 {
  margin-left: 80%;
 }
 .range > .cell-lg-9 {
  -webkit-flex-basis: 90%;
  -ms-flex-preferred-size: 90%;
  flex-basis: 90%;
  max-width: 90%;
 }
 .range > .cell-lg-preffix-9 {
  margin-left: 90%;
 }
 .range > .cell-lg-10 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
 }
 .range > .cell-lg-preffix-10 {
  margin-left: 100%;
 }
 .range > .cell-lg-1-5 {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
 }
}
@media (min-width: 1200px) and (min-width: 480px) {
 .range > .cell-xs-25 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
 }
}
@media (min-width: 1200px) and (min-width: 768px) {
 .range > .cell-sm-25 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
 }
 .range > .cell-sm-33 {
  -webkit-flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
 }
}
@media (min-width: 1200px) and (min-width: 992px) {
 .range > .cell-md-25 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
 }
}
@media (min-width: 1200px) and (min-width: 1200px) {
 .range > .cell-lg-25 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
 }
}
@media (min-width: 1200px) and (min-width: 1470px) {
 .range > .cell-xl-25 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
 }
}
/**************************************************************/
/*
** About out
*/
.about-out-item-inner {
 display: inline-flex;
 justify-content: center;
 align-items: center;
 padding: 30px;
 min-height: 228px;
 width: 100%;
 text-align: center;
 background-color: #fff;
}
.about-out-item-inner p {
 color: #8591a6;
}
.about-out-item-inner svg {
 fill: #16b6d2;
}
.about-out-item-inner svg + * {
 margin-top: 10px;
}

@media (max-width: 767px) {
 .about-out-item + .about-out-item {
  position: relative;
  margin-top: 60px;
 }
 .about-out-item + .about-out-item:before {
  content: '';
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  border-top: 1px solid #677998;
 }
}
@media (min-width: 768px) {
 .about-out {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
 }
 .about-out-item {
  flex-basis: 50%;
 }
 .about-out-item-inner {
  max-width: calc(100% - 60px / 2);
 }
 .about-out-item-inner,
 .about-out-item-inner:first-child,
 .about-out-item-inner:last-child {
  margin-top: 60px;
 }
}
@media (min-width: 768px) and (min-width: 1200px) {
 .about-out-item-inner,
 .about-out-item-inner:first-child,
 .about-out-item-inner:last-child {
  max-width: calc(100% - 60px / 2);
  margin-top: 60px;
 }
}
@media (min-width: 768px) and (min-width: 1470px) {
 .about-out-item-inner,
 .about-out-item-inner:first-child,
 .about-out-item-inner:last-child {
  max-width: calc(100% - 100px / 2);
  margin-top: 100px;
 }
}
@media (min-width: 768px) {
 .about-out-item:nth-child(1) .about-out-item-inner,
 .about-out-item:nth-child(2) .about-out-item-inner {
  margin-top: 0;
 }
 .about-out-item:nth-child(even) {
  text-align: right;
 }
 .about-out-item:nth-child(odd):not(:first-child) {
  position: relative;
 }
 .about-out-item:nth-child(odd):not(:first-child):before {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  right: 30px;
  height: 1px;
  border-top: 1px solid #dfdfdf;
 }
}
@media (min-width: 768px) and (min-width: 1200px) {
 .about-out-item:nth-child(odd):not(:first-child):before {
  top: 30px;
 }
}
@media (min-width: 768px) and (min-width: 1470px) {
 .about-out-item:nth-child(odd):not(:first-child):before {
  top: 50px;
 }
}
@media (min-width: 768px) {
 .about-out-item:nth-child(odd):not(:nth-child(1)) {
  position: relative;
 }
 .about-out-item:nth-child(odd):not(:nth-child(1)):after {
  content: '';
  position: absolute;
  right: 0;
  top: 48px;
  bottom: -12px;
  width: 1px;
  border-left: 1px solid #dfdfdf;
 }
}
@media (min-width: 768px) and (min-width: 1200px) {
 .about-out-item:nth-child(odd):not(:nth-child(1)):after {
  top: 48px;
  bottom: -12px;
 }
}
@media (min-width: 768px) and (min-width: 1470px) {
 .about-out-item:nth-child(odd):not(:nth-child(1)):after {
  top: 80px;
  bottom: -20px;
 }
}
@media (min-width: 768px) {
 .about-out-item:nth-child(1) {
  position: relative;
 }
 .about-out-item:nth-child(1):after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: -12px;
  width: 1px;
  border-left: 1px solid #dfdfdf;
 }
}
@media (min-width: 768px) and (min-width: 1200px) {
 .about-out-item:nth-child(1):after {
  bottom: -12px;
 }
}
@media (min-width: 768px) and (min-width: 1470px) {
 .about-out-item:nth-child(1):after {
  bottom: -20px;
 }
}
@media (min-width: 768px) {
 .about-out-item:nth-child(even):not(:last-child) {
  position: relative;
 }
 .about-out-item:nth-child(even):not(:last-child):before {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 30px;
  right: 0;
  height: 1px;
  border-top: 1px solid #dfdfdf;
 }
}
@media (min-width: 768px) and (min-width: 1200px) {
 .about-out-item:nth-child(even):not(:last-child):before {
  bottom: -30px;
 }
}
@media (min-width: 768px) and (min-width: 1470px) {
 .about-out-item:nth-child(even):not(:last-child):before {
  bottom: -50px;
 }
}
@media (min-width: 768px) {
 .about-out-item:nth-child(2n + 3) .about-out-item-inner-decor {
  position: absolute;
  right: 0;
  top: 30px;
  width: 15px;
  height: 15px;
  transform: translate(50%, -50%) rotate(45deg);
  background-color: #16b6d2;
 }
}
@media (min-width: 768px) and (min-width: 1200px) {
 .about-out-item:nth-child(2n + 3) .about-out-item-inner-decor {
  top: 30px;
 }
}
@media (min-width: 768px) and (min-width: 1470px) {
 .about-out-item:nth-child(2n + 3) .about-out-item-inner-decor {
  top: 50px;
 }
}
.ie-11 .about-out .about-out-item-inner {
 height: 228px;
}
/*******************************************************************************
STARTING DOCTOR SECTION*/
 .reveal-lg-flex {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
 }
 .about-unit {
 padding: 30px;
 background-color: rgba(255, 255, 255, 0.8);
 width: 100%;
 max-width: 100%;
}
.about-unit-title + * {
 margin-top: 18px;
}
.about-unit-quote-body {
 margin-top: 20px;
 width: 100%;
 max-width: 100%;
}
.about-unit-quote-title {
 font-weight: 400;
}
.about-unit-quote-cite {
 color: #16b6d2;
}
* + .about-unit-quote-cite {
 margin-top: 5px;
}
.about-unit-quote-divider {
 width: 100%;
 height: 1px;
 border-top: 1px solid #dfdfdf;
}
* + .about-unit-quote-divider,
.about-unit-quote-divider + * {
 margin-top: 20px;
}
.about-unit-quote-content {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: flex-start;
 -ms-flex-align: start;
 align-items: flex-start;
}
.about-unit-quote-content-body {
 margin-left: 15px;
 font-style: italic;
 color: #9b9b9b;
 transform: translateY(-5px);
}
.about-unit-quote svg {
 fill: #16b6d2;
}
* + .about-unit-quote {
 margin-top: 30px;
}
@media (min-width: 768px) {
 .about-unit-quote {
  display: flex;
  align-items: center;
 }
 .about-unit-quote-left {
  flex-shrink: 0;
 }
 .about-unit-quote-body {
  margin-top: 0;
  margin-left: 30px;
 }
}
@media (min-width: 1200px) {
 .about-unit {
  margin-left: 30px;
  padding: 30px;
 }
}
@media (min-width: 1470px) {
 .about-unit {
  padding: 64px 44px 64px 67px;
 }
 .about-unit-quote-divider + * {
  margin-top: 30px;
 }
}