/*
Theme Name: Hexagon - Child
Version: 1.0
Description: A child theme of Schema by MyThemeShop
Template: mts_schema
Text Domain: schema
*/

/* Carousel */
@import url("../mts_schema/style.css");
/* general */
.video_holder{position:relative;}
.topImg {
    z-index: 1000;
}
.container {
    max-width: 1400px !important;
    padding:0px 10px !important;
    box-sizing: border-box;
}
@font-face {
  
  src: url("../../../"); 
}
@font-face {
  font-family: Aleo-LightI;
  src: url("../../../"); 
}
.braces-wrapper img {
    width: 70% !important;
    float: left;   
}
.showInfoHere {
    display: block;
    float: right;
    width: 25%;
    padding: 20px;
    border-radius: 4px;
    background-color: #1a2d64;
    color: #fff;
}
.showInfoHere {
    display: none;
}
.btn {
    color: #fff !important;
    background: #1179bd;
    padding: 10px 15px;
    text-transform: uppercase;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 1px 1px 1px #000;
    -moz-box-shadow: 1px 1px 1px #000;
}
.showInfoHere h2 {
    color: #fff;
    font-weight: bold;
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
@media screen and (max-width: 880px) {
    .video_wrapper  {
        display: none !important;
    }
    .showInfoHere {
        float: right;
        width: 100%;
        padding: 20px;
        border-radius: 4px;
        background-color: #1a2d64;
        color: #fff;
        box-sizing: border-box;
        margin-top: 10px;
        float: none;
    }
    .braces-wrapper img {
        width: 100% !important;
        float: none;   
    }
}
.alignleft {
    float: left;
    margin: 0px 20px 20px 0px;
    
    margin-bottom:20px;
    border:6px solid #e7e9df;
}
.alignright {
    float: right;
    margin: 0px 0px 20px 20px;  
    margin-bottom:20px;
    
    border:6px solid #e7e9df;
    /*
    border: 2px solid #ececec;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    */
}
.alignrightclean{   float: right;
    margin: 0px 0px 20px 20px;  }
.alignnone {
    
    margin-bottom:20px;
    /*-webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;*/
}
.center { text-align: Center; }
.clear { clear: both; }

/* header */
.main-header { background: #2b346b; }
#header { background: #fff; top: 0px;}
.logo-wrap, .headerPhone, .headerInfo { float: left; width: 31%; padding: 1%; }
.logo-wrap { margin: 10px 0 0 0; }
.headerInfo { width: 32%; text-align: right; margin-top: 30px; }
.headerInfo p { margin-bottom: 5px; }
.headerPhone { text-align: center; margin-top: 30px; }
.headerPhone a { color: #000 !important; }
div.header-social-icons { background: none; border: 0px; }
div.header-social-icons a { background: #fff; border-radius: 50%; padding: 10px; width: 30px; text-align: center; line-height: 30px; margin: 0px 5px; font-size: 26px;}
div.header-social-icons::before { border: 0px; }
#primary-navigation .header-social-icons a, .header-social-icons a { padding: 0px 10px; }
.social-icons a {
    display: inline-block;
    color: #fff;
    background: #677b4c;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 2px;
    color: #fff !important;
    line-height: 27px;
    box-sizing: border-box;
    padding: 0px;
}
.article {
    max-width: 1400px !important;
    width: 100%;
    padding:30px 15px !important;
    margin:0px auto !important;
    box-shadow: 0px 0px 0px !important;
}
.primary-slider-container { max-width: 100%; float: none; width: 100%;  overflow: hidden; margin: 0px; }
.primary-slider-container .slide-caption { width: 94%; padding: 2% 3%; bottom: 0%; left: 0px; max-height: 50px; }
.slide-title { font-size: 38px !important; line-height: 34px; }
.owl-carousel .owl-item img { max-width: 100% !important; }
.primary-slider .owl-dots { bottom: 8%; top: inherit; right: 16%; }

.carousel-video .slide-caption {
    max-width: 400px;
    right: 5%;
    left: auto;
    max-height: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 15px;
    background-color: transparent;
    bottom: auto;
    text-align: center;
    top: 5%;
    overflow: visible;
}
.video_holder video {
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100% !important;
    object-fit: cover;
    width: 100%;
}

.video_holder {
    height: 100vh;
   /* max-height: 700px;*/
    position: relative;
    overflow: hidden;
}
.carousel-video .slide-caption .logo-wrap { float: none; width: 100%; }
.carousel-video .slide-caption .logo-wrap #logo img { display: inline-block; }

@media screen and (max-width:1120px) {
    .carousel-video .slide-caption {
        top:-2%;
    }   
}   



.carousel-video .slide-caption-right {
    max-width: 425px;
    margin:0px auto;    
    right: -100px;
    max-height: 100%;
    height: auto;
    box-sizing: border-box;
    padding:15px;
    background-color: transparent;
    bottom: auto;
    text-align: left;
    top: 30%;
    position:absolute;
}

.slide-caption-right a {
    display:block;
    background-color:#1a2d64;
    padding:5px 10px;
    border:1px solid #5177d8;
    color:white;
    font-size:24px;
    font-weight:bold;
    width:200px;
    text-align:left !important;
}

.slide-caption-right a:first-child {
    border-radius:10px 10px 0 0;
}

.slide-caption-right a:last-child {
    margin-top:10px;
    border-radius:0 0 10px 10px;
}

.slide-caption-right span {
    padding-right:10px;
    border-right:1px solid #5177d8;
}

.fa-user-md {
    padding-right:13px !important;
}   

@media screen and (min-width:1600px) {
    .primary-slider-container .slide-caption-right {
        right:15%;
    }   
}   

#page { padding-top: 0px; width: 100%; max-width: 100%; }

/* home boxes */
.homeBoxes {
    margin: 0px auto;
    margin-top: 0px;
    height: 240px;
    text-align: left;
    padding: 25px 0px;
}
.homeBoxes h3{
    color: #000;
    font-size: 32px;
    margin-top: 0px;
}
.homeBoxes p{
    color: #000 !important;
    font-size: 14px !important;
}
.homeBoxes .box01,
.homeBoxes .box02,
.homeBoxes .box03 {
    float: left;
    height: 200px;
    width: 31%;
    position: relative;
    padding: 1%;
}
.homeBoxes .box02{
    width: 32%;
}

/* home widgets */
.homeWidgets {
    margin: 30px auto;
    text-align: left;
}
.widgetBox {
    margin-right: 3%;
    margin-bottom: 20px;
    padding: 2%;
    width: 27%;
    float: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background: rgba(255,255,255,0.8);
}
.widgetBox h3 { text-align: center; }

.widgetBox.noMargin {
    margin-right: 0px;
}
.widgetBox img { width: 100%; }

.textwidget p {
    font-size: 16px;
    line-height: 20px;
}



/* inner pages */
#page.single { float: left; }
.article { background: none;  margin: 0 auto; float: none; }
.page h1.title { margin-bottom: 20px; }

/* footer */
.copyrights { text-align: center; }
#copyright-note span { display: none; }
.to-top { float: none; }
#copyright-note .to-top span{ display: inline-block; font-size: 16px; line-height: 24px; }

.hide-d { display: none; }

.headerPhone {
    width: 100%;
    margin-top: 0px;
}
.headerPhone p {
    display: inline-block;
    font-size: 18px;
    margin:0px;
    color: #fff;
}
.headerPhone p a { color: #fff !important; }
header .navigation {
    float: none;
    width: 100%;
}

.navigation > ul {
    text-align: center;
}
#logo a {
    padding: 0px !important;
}
.navigation > ul > li {
    float: none;
    display: inline-block;
}

#secondary-navigation .navigation > ul > .menu-item-has-children > a {
    padding-right: 32px;
} 
#secondary-navigation .sub-menu a {
    font-size: 15px !important;
    letter-spacing: 0px;
}
#secondary-navigation a{
    padding: 10px 15px;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px !important;
    letter-spacing: 0.2em;
    
    color: #fff;
}

#header {
    padding: 10px 0px;
    box-sizing: border-box;
}
#regular-header {
    background-color: #1a2d64;
    border-bottom: 1px solid #677b4c;
}
.newCon {
    height: 650px;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
}
.newCon:before {
    height: 100%;
    left: 0px;
    background-color: #000;
    opacity: 0.2;
    position: absolute;
    content: "";
    width: 100%;
}
#logo img {
   /* max-width: 200px;*/
    display: block;
}
.slide-caption a.btnplm {
    display: inline-block;
    background-color: #32498a;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
}
.slide-caption h2 {
    color: #fff;
    font-size: 38px;
}
.slide-caption p {
    max-width: 550px;
}
#slider {
    margin: 0px;
}
.tabular_design {
    background-color: #f9f9f9;
    padding-top: 40px;
}
.welcome h1 {
    font-size: 30px;
    color: #282e67;
    margin-top: 0px;
}
.welcome img {
    padding: 3px;
    border: 1px solid #ccc;
}
.leftwow {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding:0px 15px;
}
.rightwow {
    width: 66.66%;
    box-sizing: border-box;
    padding:0px 15px;
    float: right;
}
.row {
    margin:0px -15px;
}
.row:after,
.container:after {
    clear: both;
    content: "";
    display: block;
    position: relative;
}
.main-header .container {
    background-color: transparent !important;
}
#reviews {
    padding-bottom: 20px;
    background: #f2f2f2;
    padding-top: 10px !important;
}
#reviews h2 {
    color: #1179bd;
    font-size: 32px;
    padding-top: 10px !important;
}
#reviews h4 {
    font-weight: normal;
    line-height: 26px;
    font-size: 16px;
}
.carousel-indicators {
    bottom: -9px !important;
}
.col-sm-6 {
    width: 50%;
    box-sizing: border-box;
    padding:0px 15px;
    float: left;
}
.featured {
    margin: 30px auto 10px;
}
.featured img {
    border: 2px solid #ececec;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}
.featured p {
    padding-right: 15px;
}
.homeBoxes {
    background: #2b4f97;
    border-bottom: 5px solid #2b4f97;
    font-size: 14px;
    padding: 30px 0px;
}
.homeBoxes h3 {
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
footer {
    margin-top: 0px;
    padding:10px 0px;
}
.to-top,.to-top a {
    color: #fff !important;
}
#page.single {
    float: none !important;
}
.article:after {
    clear:both;
    content: "";
    display: block;
    position: relative;
}
.post-info {
    display: none !important;
}
#featured-thumbnail {
    float: right;
    width: 30%;
}
.front-view-content {
    float: left;
    width: 68%;
}
.opacit_ { opacity: 0; }
.sticky { position: fixed !important; box-shadow: 0px 0px 17px rgba(0,0,0,0.9); }
.sticky img { max-width: 100px !important }

#logo a, #logo img { float: none !important; }
.innerImage {
    height: 550px;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
}
.page-id-11 .innerImage {
    background: url("../../uploads/2018/10/banner-team.png") no-repeat center 5% / cover !important; 
}
.page-id-244 .innerImage {
    background: url("../../uploads/2018/10/banner-family.png") no-repeat center 5% / cover !important; 
}

#site-footer .clearfix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 27px;
    padding-bottom: 20px;
    
    font-size: 17px;

     -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
#site-footer .right {
    text-align: right;
}
.right .inline {
    margin-right: 10px;
}
.right .socialIcons a {
    line-height: 30px;
    width: 30px;
    text-align: center;
    border:1px solid #b6c2c9;
    border-radius: 50%;
    height: 30pX;
    box-sizing: border-box;
    display: inline-block;
}
.inline,.socialIcons {
    display: inline-block;
}
footer a,footer {
    color: #fff !important;
}
footer .container{
    width: 100% !important;
}
.clearfix .left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 30%;
    text-align: left;
    margin-bottom: 0px;
    width: 40%;
}
.clearfix .right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 60%;
}
footer {
    box-sizing: border-box;
    border-top: 1px solid #b6c2c9;
}
footer {
    padding:0px !important;
}
.subFooter {
    background-color: #ccc;
    padding-top: 50px;
}
.flexy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
}
.col6 img {
    max-height: 80px;
}
.col6 {
    width: 60%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; 
    margin-bottom: 50px;
}
.col6.col4 { width: 40%; }
.col4 input {
    box-sizing: border-box;
    border: 0px;
    height: 42px;
    width: 60%;
    top: -1px;
    position: relative;
    margin-right: 10px;
}
body, p {
    
}
.col4 h3 {
    font-size: 18px;
    color:#1a2d64;
    letter-spacing: 0.2em;
    text-align: center;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
        font-weight: 500;
    margin-bottom: -15px;
    margin-top: 33px;
}
.col4 button {
    background-color: #5f686c;
    color: white;
    
    font-size: 17px;
    height: 46px;
    width: 100%;
    margin-top: 20px;
    border: 1px solid white;
    transition: all 0.15s ease-in-out;
    width: 31%;
    font-weight: 300;
    letter-spacing: 0.2em;
    
    color: #fff;
    text-transform: uppercase;
}
.col6 li {
    display: inline-block;
    margin-right: 40px;
}
.col6 li a {
    text-transform: uppercase;
    font-size: 15px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.2em;
    
    color: #fff;
}
.col2 { 
    width: 20%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; 
    margin-bottom: 50px; 
}
.col4 {
    width: 40%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; 
    margin-bottom: 50px;
}
.weWorkWith {
    text-align: center;
    padding: 20px 0 0;
    background: #fff;
}
.weWorkWith p{
    color: #fff;
    font-size: 20px;
    line-height: 36px;}
.owl-controls {
    opacity: 0;
}
.weWorkWith h2 {
    font-size: 45px;
    color: #fff;
}
.weWorkWith br {
    display: none;
}
.col3 p {
    color: #333;
}
html button.aicon_link {
    background-color: #32498a!important;
}
#tabs ul {
    text-align: center;
}
.slicktabi {
    text-align: center;
    padding: 80px 0px 60px; 
}
.slicktabi img + div {
    max-width: 900px;
    margin: 0px auto;
}
.slicktabi img {
    width: 50px;
    display: inline-block;
    margin-bottom: 40px;
}
.slicktabi img + div p {
    font-size: 19px;
    
    letter-spacing: 0.2em;
    line-height: 1.5em;
    text-align: center;
    font-weight: 300;
}
.slicktabi {
    height: 330px;
}
#tabs li {
    cursor: pointer;
    z-index: 1;
    height: 130px;
    width: calc(1/4*90%);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 1em;
}
#tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
     -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-items: center;
      align-items: center;
}
#tabs li a {
    width: 100%;
}
#tabs li:hover h3 {
    font-weight: bold;
}
#tabs li:hover img {
    margin-top: 0px;
}
li.ui-tabs-active {
    background: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 0px -4px 7px 0px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
}
.ui-tabs-panel {
    width: 100%;
    background-color: white;
    height: 100%;
    box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.16);
}
#tabs li h3 {
    font-size: 16px;
    
    font-weight: 300;
    letter-spacing: 0.15em;
    color: #767b7e;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-bottom: 20px;
    margin: 0px;
    text-transform: uppercase;
}
#tabs li img {
    width: 40px;
    height: 40px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 10px;
}
#tabs li {
    width: calc(1/4*70%);
    padding:16px;
    text-align: center;
    box-sizing: border-box;
}
/*.weWorkWith img {
    max-height: 155px;
    border: 0px solid #ececec;
    margin-bottom: 0px; 
    position: absolute;
  /*  width: 100%;*/
    left: 0px;
    right: 0px;
    top:50%;
    transform: translateY(-50%);
    -webkit-box-shadow: 0 0px 0px 0px black; 
    -moz-box-shadow: 0 0px 0px 0px black;
    box-shadow: 0 0px 0px 0px black; 
   /*   width: 100%;*/
    padding: 0px 10px;
    box-sizing: border-box;
}*/
.weWorkWith .container div {
    display: inline-block;
    height: 125px;
    position: relative;
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #bcc7cf;
    box-sizing: border-box;
    width: 155px;
    text-align: center;
    margin:0px 15px;
    background: #fff;
}
.col3 p {
    
    font-size: 20px;
    line-height: 26.5px;
}
.random-t-box {
    background-color:#1a2d64;
    margin-bottom: 0px;
    box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.16);
    padding: 60px 0;
}
.random-t-box h4,
.random-t-box p {
    color:white;
}   
.random-t-box .col3 a img {
  /*  filter: brightness(0) invert(1);*/
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transform:scale(1);
}
.random-t-box .col3 a:hover img {
    transform:scale(1.04);
}
.col3 {
    width: 33%;
    float: left;
    padding:0px 15px;
    box-sizing: border-box;
    text-align: center;
}
.col3 img {
    max-height: 100px;
    display: block;
    margin:0px auto 20px;
}
.hiveDesign { padding: 30px 0; background: #f1ebe6 url("../../uploads/2018/08/absurdity.png") repeat center center; }

.hiveDesign h2 {
    font-family: Aleo-LightI;
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;
    text-align: center;
    line-height: 1.2em;
}
.bigBannerImage {
    height: auto;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    padding: 120px 0px;
    position: relative;
}
.bigBannerImage:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(50,75,140,0.6);
}
/* Hexagons */
.hiveDesign .container {
    position: relative;
    margin: 110px auto 40px;
    height: 875px;
    max-width: 909px !important;
}
.hexaGon {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    right: 0px;
}
.hexagon:hover .hexaGon {
    right: -10px;
}
.hexagon h4 {
    margin-top: 17px;
    margin-bottom: 0px;
}
.hexagon {
  position: relative;
  width: 300px; 
  height: 173.21px;
  background-color: #ffffff;
  margin: 0px auto;
  border-left: solid 1px #e1e6e8;
  border-right: solid 1px #e1e6e8;
  transform: rotate(90deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hexagon img,.hexagon h4 {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.hoverMe:hover h4 {
    color: #fff;
}
.hoverMe:hover {
    background-color: #677b4c;
}
.hoverMe:hover img {
    filter: brightness(0) invert(1);
}


.hovered h4 {
    color: #fff;
}
.hovered {
    background-color: #677b4c;
}
.hovered img {
    filter: brightness(0) invert(1);
}


.hexagon:nth-child(2) {
    margin-left: 35px !important;
    top: -23px;
}
.hexagon:nth-child(3) {
    margin-right: 35px !important;
    top: -196px;
}
.hexagon:nth-child(4) {
    position: absolute;
    top: 300px;
    left: 0px;
    right: 0px;
    margin: 0px auto;   
}
.hexagon:nth-child(5) {
    margin-left: 35px;
    top: -70px;
}
.hexagon:nth-child(6) {
    top: -242px;
    margin-right: 35px;
}
.hexagon:nth-child(7) {
    top: -265px;
}
.hexaGon img {
    display: block;
    margin: 0px auto;
    position: relative;
    top: 8px;
	filter: brightness(0) invert(0);
	max-width:128px;
}
.hexaGon {
    position: relative;
    z-index: 10;
    width: 100%;
    position: absolute;
    left: 0px;
    text-align: center;
    right: 0px;
    margin: 0px auto;
    z-index: 10000;
    right: 0px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
}
@media screen and (min-width: 881px) {
	.navigation ul li li {
		width: 100%;
	}
    .hexagon:nth-child(1),.hexagon:nth-child(2),.hexagon:nth-child(3) {
        border-left: 0px;
    }
    .hexagon:nth-child(5),.hexagon:nth-child(6),.hexagon:nth-child(7) {
        border-right: 0px;
    }
    .hexagon:nth-child(1):before, .hexagon:nth-child(1):after {
        border-left: 0px;
        border-top: 0px;
    }
    .hexagon:nth-child(7):before, .hexagon:nth-child(7):after {
        border-right: 0px;
        border-bottom: 0px;
    }
    .hexagon:nth-child(2):before, .hexagon:nth-child(2):after,
    .hexagon:nth-child(5):before, .hexagon:nth-child(5):after {
        border-left: 0px;
        border-bottom: 0px;
    }
    .hexagon:nth-child(3):before, .hexagon:nth-child(3):after,
    .hexagon:nth-child(6):before, .hexagon:nth-child(6):after {
        border-right: 0px;
        border-top: 0px;
    }
}   

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 212.13px;
  height: 212.13px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 42.9340px;
}

.hexagon:before {
  top: -106.0660px;
  border-top: solid 1.4142px #e1e6e8;
  border-right: solid 1.4142px #e1e6e8;
}

.hexagon:after {
  bottom: -106.0660px;
  border-bottom: solid 1.4142px #e1e6e8;
  border-left: solid 1.4142px #e1e6e8;
}

@media screen and (max-width: 1600px) {
    .innerImage { height: 400px; }
}
@media screen and (max-width: 1400px) {
    #menu-item-228 .sub-menu {
        right: 0px;
        left: auto; 
    }
    .accessibility-location-right .accessability_container {
        top: 110px;
    }
    .random-t-box {
        margin-bottom: 20px;
        box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.16);
        padding-top: 45px;
    }
    #move-to-top {
        bottom: 70px;
    }
    .col4 h3 {
        margin-top: 15px;
    }
    #page {
        width: 100% !important;
        max-width: 100% !important;
    }
    .innerImage {
        height: 350px;
    }
    footer .container {
        width: 100%;
    }
    .headerPhone {
        box-sizing: border-box;
    }
}
@media screen and (max-width: 1200px) {
    .col4 button {
        font-size: 13px;
    }
    #tabs li h3 {
        font-size: 14px!important;
    }
    #secondary-navigation a {
        letter-spacing: 0.1em;
    }
    .col6 li a {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.1em;
    }
    .col6 li {
        margin-right: 10px;
    }
}
@media screen and (max-width: 1100px) {
    #tabs li {
        width: 20%;
    }
    #secondary-navigation a {
        letter-spacing: 0em;
        font-size: 15px !important;
    }
    .slicktabi {
        height: 275px;
    }
    .slicktabi img + div p {
        font-size: 18px;
        
        letter-spacing: 0.1em;
        line-height: 1.5em;
        text-align: center;
        font-weight: 300;
    }
    .col3 p {
        
        font-size: 18px;
        line-height: 25.5px;
    }
    .hiveDesign h2 {
        font-family: Aleo-LightI;
        text-align: center;
        font-size: 30px;
        margin-bottom: 30px;
        text-align: center;
        line-height: 1.2em;
    }
}

.col-sm-3, .col-sm-4 { float: left; width: 25%; padding: 2%; box-sizing: border-box; text-align: center; }
.col-sm-4 { width: 33.33%; }

/* mobile */
@media screen and (max-width: 880px) {
    .col-sm-3, .col-sm-4 { width: 50%; }
    .col-sm-3 img { width: 100% !important; }
    .hiveDesign .container {
        position: relative;
        margin: 110px auto;
        max-width: 909px !important;
        text-align: center;
    }
    #logo a, #logo img {
        float: none;
        letter-spacing: 0;
        margin: 20px auto;
        max-width: 540px;
        width: 100%;
    }
    .hexagon:nth-child(4) {
        display: none !important;
    }
    .hexagon:after {
        bottom: -69.066px;
        border-bottom: solid 1.4142px #e1e6e8;
        border-left: solid 1.4142px #e1e6e8;
    }

    .hexagon:before, .hexagon:after {
        content: "";
        position: absolute;
        z-index: 1;
        width: 135.13px;
        height: 135.13px;
        -webkit-transform: scaleY(0.5774) rotate(-45deg);
        -ms-transform: scaleY(0.5774) rotate(-45deg);
        transform: scaleY(0.5774) rotate(-45deg);
        background-color: inherit;
        left: 28.934px;
    }
    .hexagon:before {
        top: -69.066px;
        border-top: solid 1.4142px #e1e6e8;
        border-right: solid 1.4142px #e1e6e8;
    }
    .hexagon {
        position: relative !important;
        width: 195px;
        height: 140.21px;
        margin: 0px auto;
        border-left: solid 1px #e1e6e8;
        border-right: solid 1px #e1e6e8;
        transform: rotate(90deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        top: 0px !important;
        margin: 0px 34px!important;
        left: 0px !important;
        right: 0px !important;
        display: inline-block;
        float: none;
        margin-bottom: 68px !important;
    }
    #header #logo a { display:block; }
    #header:after,#regular-header:after {
        clear: both;
        content: "";
        display: block;
    }
    .hiveDesign .container {
        position: relative;
        margin: 110px auto 60px;
        max-width: 100%;
        text-align: center;
        height: auto;
    }
    .logo-wrap {
        width: 100% !important;
    }
    #header .logo-wrap {
        float: none !important;
    }
    #secondary-navigation {
        height: auto !important;
    }
    .home .sticks {
        background-color: #162f7b;
    }
    .col3 {
        width: 100%;
        float: left;
        padding: 0px 15px;
        box-sizing: border-box;
        text-align: center;
        margin-bottom: 30px;
    }
    .subFooter {
        padding-top: 10px;
    }
    .col4 h3 {
        text-align: center;
    }
    .col6,.col4, .col2 {
        margin:20px auto;
        width: 100%;
        text-align: center;
    }
    .clearfix .left,.clearfix .right {
        font-size: 14px;
        line-height: 30px;
    }
    .weWorkWith .container div {
        display: inline-block;
        height: 125px;
        position: relative;
        padding: 10px;
        vertical-align: middle;
        border: 1px solid #bcc7cf;
        box-sizing: border-box;
        width: 155px;
        text-align: center;
        margin: 0px 3px;
    }
    .col3 p {
        
        font-size: 18px;
        line-height: 25.5px;
        max-width: 560px;
        margin: 0px auto 15px;
    }
    .hide-d { display: block; }
    #header { background: none; padding: 0px 0 20px 0px; margin-bottom: 0px; }
    .mobileBtn { margin-bottom: 0px; }
    .mobileBtn a, .hours {
        display: block;
        color: #fff;
        text-align: center;
        background: #334a8b;
        padding: 7px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        margin: 10px !important;
    }
    .mobileBtn.phoneBtn { font-size: 20px; }
    .mobileBtn a:hover, .mobileBtn a:visited { color: #fff; }
    .primary-slider-container, .hide-xs { display: none; }
    .container, .welcome .container, .widgetBox { width: 96%; padding: 2%; }
    
    .innerImage { display: none; }
    .homeBoxes, .homeWidgets, .welcome, .footerSocial, div.footer .copy { width: 100%; height: auto;}
    .box01, .box02, .box03 { width: 96%; float: none; margin-bottom: 20px; padding: 2%;}
    .welcome {margin: 20px auto;}
    .homeBoxes .box01, .homeBoxes .box02, .homeBoxes .box03 { width: 98%; }
    .post-content img { width: 100% !important; height: auto !important; }
    .footer-widgets.widgets-num-4 .f-widget:nth-child(even), .footer-widgets.widgets-num-3 .f-widget:nth-child(even),
    .footer-widgets.widgets-num-4 .f-widget, .footer-widgets.widgets-num-3 .f-widget    { width: 100% !important; max-width: 100% !important; }
    .hours { display: none !important; }
    .main-header { background-color: #fff !important; }
    .leftwow {
         width: 100%;
    }
    .rightwow {
        width: 100%;
    }
    .col-sm-6 {
        width: 100%;
    }
    .row {
        margin:0px;
    }
    .welcome iframe {
        height: 400px !important;
    }
    .featured .btn {
        display: block;
        text-align: center;
    }
    .homeBoxes .box01, .homeBoxes .box02, .homeBoxes .box03 {
        height: auto;
    }
    .box02 .btn {
        display: block;
        max-width: 250px;
        margin:10px auto 0px;
    }
    footer .container {
        width: 100%;
    }
    #regular-header { display: none; }
    .sticky { background-color: #fff !important; }
    
    div.header-social-icons { float: none !important; text-align: center; background:none!important;}
    div.header-social-icons a { float: none; display: inline-block; position: relative; z-index: 9999; }
    .header-social-icons {  text-align: Center; float: none !important; }
    .header-social-icons a {  display: inline-block; font-size: 32px !important; width: 34px !important; line-height: 34px; color: #333 !important; }
    .navigation .menu {
        padding-top: 0px;
    }
}
.page h1.title {
    border-bottom: 1px solid #222;
}
@media screen and (max-width: 750px) {
    #tabs li {
        width: 50%;
    }
    .slicktabi {
        height: 400px;
    }
    .bigBannerImage {
        background: #1a2d64 !important;
    }
    .clearfix .left, .clearfix .right {
        width: 100%;
        text-align: center;
        margin-bottom: 8px;
    }
    li.ui-tabs-active {
        background: #fff;
        border-bottom: 1px solid #fff;
        box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.16);
        box-sizing: border-box;
    }

}
@media screen and (max-width: 540px) {

    .slicktabi {
        text-align: center;
        padding: 60px 0px 60px;
    }
    .hiveDesign .container {
        position: relative;
        margin: 80px auto 60px;
        max-width: 100%;
        text-align: center;
        height: auto;
    }
    #site-footer .right {
        text-align: center;
    }
    #site-footer .clearfix {
        display: block;
    }
    .weWorkWith .container div {
        margin-bottom: 10px;
    }
}

.innerImage img { width: 100% !important; }
#header .logo-wrap { padding: 0px; }
.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0 !important;}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;outline:0;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@media screen and (min-width:0) and (min-resolution: .001dpcm) { 
 .opacit_ {opacity:1;}
}

#menu-main-menu>li> a:after {
    display:none;
}   


#menu-main-menu>li>a:after, #menu-main-menu>li>a:before {
    content: '';
    width: 0;
    height: 3px;
    top: 0px;
    position: absolute;
    left: 0;
    display: block;
    background-color: #005f85;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#menu-main-menu>li>a:before {
    top: auto;
    bottom: 0px;
}
#menu-main-menu>li:hover>a:after, #menu-main-menu>li:hover>a:before {
    width: 100%;
}

/* Service Boxes */

@media screen and (min-width: 890px) {
    .boxes {
        display:flex;
        justify-content:space-around;
        align-items:center;
        flex-wrap: wrap;
        
    }   
    
    .boxes div {            
        flex-basis:49%;     
        margin:5px;
        box-sizing:border-box;
        /*margin:0.2em;
        display:flex;
        align-items:center;
        justify-content:center; 
        */
    }       
    
    .boxes div div {        
        height:200px;   
        width:200px;            
    }       
    
    .boxes img {        
        width:64px;
        height:64px;
        transition:all 0.3s;
        
    }   
    
    .boxes div:hover img {      
        width:84px;
        height:84px;
        
    }   
    
}

@media screen and (max-width: 889px) {
    .boxes img {        
        padding:15px;
        width:auto !important;
    }   
    
    .boxes h3 {
        position:relative;
        top:-50px;
    }   
    
    .boxes p {
        font-size:14px;
    }   
}

@media screen and (max-width: 420px) {
    .boxes p {
        font-size:12px;
    }   
}   

.boxes div div {        
    border-radius:4px;  
    /*background-color:blue;*/
    display:flex;
    align-items:center;
    justify-content:center; 
    /*float:left;*/ 
}       

.boxes {
    margin:1em 0;
}   

.boxes p {
    transform:translateY(-1000px);
    background-color:rgba(0,0,0,0.5);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding:10px;
    
    padding-top:20px;
    margin-top:20px;
    
}   

.boxes div:hover p {
    transition: all 0.3s ease-in-out;
    transform:translateY(0);
    color:white;
}   

.boxes div {
    overflow:hidden;
    text-align:center;
    background-size:cover;
    background-position:center;
    position:relative;
    height:300px;
}   

.boxes h3 {
    color:white;
    font-weight:bold;
    font-size:1.4em;
    text-align:center;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
    /*padding-top:75px;*/
}   


.box1 {
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(53, 186, 246, 0.75), 
      rgba(53, 186, 246, 0.75)
    ),
    /* bottom, image */
    url("../../uploads/2018/06/49-Ortho.png");    
    
}   

.box2 {
    
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(53, 186, 246, 0.75), 
      rgba(53, 186, 246, 0.75)
    ),
    /* bottom, image */
    url("../../uploads/2018/06/24-Ortho.png");        
}   

.box3 {
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(53, 186, 246, 0.75), 
      rgba(53, 186, 246, 0.75)
    ),
    /* bottom, image */
    url("../../uploads/2018/06/dental-55.png");   
}   

.box4 {
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(53, 186, 246, 0.75), 
      rgba(53, 186, 246, 0.75)
    ),
    /* bottom, image */
    url("../../uploads/2018/06/36-Ortho.png");
    
}   

.box5 {
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(53, 186, 246, 0.75), 
      rgba(53, 186, 246, 0.75)
    ),
    /* bottom, image */
    url("../../uploads/2018/06/14-Ortho.png");
    
}   

@media screen and (min-width:890px) {
    .archive article {
        width:50%;
        float:left;
    }   
}

.sidebar.c-4-12 {
    float:none;
    margin:auto;    
    max-width:1400px;
}   

.archive #sidebar .widget {
    width:50%;
    float:left;
    clear:unset;
}   

/*
.sidebar.c-4-12 {
    float:none;
    width:80%;  
}   

.archive #sidebar div {
    width:33.3%;
    float:left;
}   
*/


.carousel-inner img, .carousel-inner iframe {
    width:100%;
}
.carousel-inner {
    position: relative;
}
.carousel-video {
    height:100%;
    position: relative;
}
.carousel-video .carousel-inner {
    height:100%;
}
.carousel-video .carousel-inner .item {
    height:100%;
    position:relative;
}
.carousel-video .carousel-inner .item video {
    height: calc(100vw * (9/16));
    width: 100%;
}

.carousel-video {
    /*height: 100vh;*/
    overflow: hidden;
    position: relative;
}
.carousel-video .carousel-inner .item video {
    /*height: 100vh !important;
    width: 100%;
    position: absolute;
    object-fit: cover;
    */
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    
}
.carousel-video .carousel-caption {
    position: absolute;
    left: 0%;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-100%);
    color: #fff;
}
/*.carousel-video .logo-wrap {
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}*/

@media screen and (min-width:1400px) {
    .carousel-caption {
        transform: translateY(-117%);
    }   
}   

@media screen and (max-width:1121px) {
    .carousel-caption {
        transform: translateY(-88%);
    }   
}
.carousel-caption h1 {
    text-transform:uppercase;
    margin-bottom:5px;
    color:#fff;
    font-size:48px;
    font-weight:400;
    text-shadow: 1px 1px 1px #000;
}
.carousel-caption p {
    margin-bottom:25px;
    color:#fff;
    font-weight:700;
    font-size:18px
}
.carousel-caption a.btnplm {
    background-color:#1a2d64;
    border:none;
    box-shadow:none;
    color:#fff;
    border-style:none;
    padding:9px 27px;
    font-size:16px;
    display:inline-block;
    margin-bottom:0;
    border-radius:2px;
    text-align:center;
    vertical-align:middle;
    font-weight:700;
    line-height:1.43;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap;
    cursor:pointer
}

.videoOpacit:after {
    display: block;
    content: "";
    clear: both;
}

.preloaderofVideo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    opacity: 1;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

     -ms-box-orient: horizontal;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      
      -webkit-justify-content: space-around;
      justify-content: space-around;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-items: center;
      align-items: center;
      z-index: 11;
}
@keyframes move{
    0%{
        transform: scale(1) rotate(0deg);
    }
    50%{
        transform: scale(1.1) rotate(0.1deg);
    }
    100% {
       transform: scale(1) rotate(0deg); 
    }
}
.preloaderofVideo img {
    position: relative;
    animation:move 2s infinite ease-in-out;
    top: -5%;
    width:auto !important;
}
.preloaderofVideo.hideThis {
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-width:1046px) {
    .carousel-caption {
        top:45%;
    }   
}   

.carousel-video .container {
    max-width:1200px !important;
}   

.dont-break {
    white-space: nowrap;
}

@media screen and (min-width:890px) {
    .wp-image-373 {
        margin-right:10% !important;
    }
}

.btnplm {
    margin:10px;
}