/*
Theme Name: U-Design
Theme URI: https://themeforest.net/item/udesign-responsive-wordpress-theme/253220?ref=AndonDesign
Description: A slick, powerful and clean theme U-Design provides an intuitive set of options to help you setup your WordPress site quickly and effectively. Flexibility is key and it has been optimized for SEO and speed. It is also responsive &amp; mobile ready should you choose that option. The U-Design theme features include: unlimited colors, widgetized home page, over 600 fonts to choose from, WooCommerce Integration, it is also translation and multilingual ready, step by step documentation, exclusive U-Design support forum and a helpful community. Always up-to-date security and many new features are constantly added as the theme evolves.
Author: Andon
Author URI: https://themeforest.net/user/andondesign/portfolio?ref=AndonDesign
Version: 2.13.18
License: Located in 'licensing' folder
License URI: Located in 'licensing' folder
*/

/*
    Do not remove any of the commented text above as it is used by the theme for proper function!

    All the themes' CSS files are located under the 'styles/' sub-folder...

    If you would like to use this file to add any custom CSS, you'll need to enable it first  
    from the theme's "General Options" section.
    Please note: After enabling the use of this file, you will not see any change here, 
    feel free to add your custom CSS below.
    On the other hand, if you need access to the theme's main style sheet, you will 
    need FTP client to access it, is it located in: "styles/style1/css/style.css"
*/

.postmetadata {
    display: none;
}


div#wrapper-1 {
    background: url(/wp-content/uploads/2017/12/cream_pixels.png) center center repeat transparent!important;
}

.shop_table td {
    color: white;
}

.shop_table td span {
    color: black !important;
}

.shop_table td.product-name {
    color: black;
}

.shop_table span.subscription-details {
    color: white !important;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--subscriptions {
    display: none;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address {
    display: none;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

.woocommerce-info {
    display: none;
}


.form-row.place-order {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 800px) {
	
 		.SUB-FAQ {
			margin-left:-15px !important;
			margin-right:-15px !important;
			margin-bottom:-60px !important;
		}	
	
 div#main-content {
    background-color: white;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding-top: 40px;
    padding: 40px 5px;
    margin:auto;
    margin-top:-20px !important;
    width: calc(100% + 2px) !important;
    margin-left: -6px;
}  

#top-wrapper {
    padding-bottom: 0px !important;
} 
	
	.subsciption-container {
    width: calc(100% - 60px);
    margin: 20% 10px !important;
}

.sub-layout {
    width: calc(100% + 132px) !important;
    margin-left: -30px;
    flex-direction: column;
    margin-right: -30px;
}

.plan-item {
    margin-right: 0px !important;
    margin-bottom: 70px;
}

.plan-item .tag {
    right: 18px;
    width: 75px;
}

.subscription-header {
    font-size: 18px !important;
    padding: 12px 5px !important;
}

.content-locked-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
	
}

button#button {
    max-width:100%;

}




li.categories > ul {
    margin-top: -50px;
}

.woocommerce {
    margin-top: 40px;
    margin-bottom: 20px;
}

li.categories>ul>li>ul>li {
    padding: 0px !important;
    margin: 0px !important;
}

.woocommerce form span.required {
    display: none;
}

.woocommerce form .form-row label {
    text-transform: uppercase;
    font-family: "Lato";
    font-size: 0.8em;
    color: #157daa;
    font-weight: 600;
}

button.woocommerce-Button.button {
    background-image: linear-gradient(60deg,#2b94ca,#157daa);
    color: white;
	margin-top: 20px;
}

button.woocommerce-Button.button:hover {
    background-image: linear-gradient(60deg,#2b94ca,#157daa);
    color: white;
}



input {
    background-color: transparent;
    color: #949494;
}

.u-column1.col-1 {
    background-color: white;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 2px 2px 20px gainsboro;
    width: calc(50% - 50px) !important;
    display: flex;
    flex-direction: column;
    min-height: 500px;
    justify-content: center;
}

.combine-rememberme {
    display: flex;
    align-items: center;
	margin-top:10px;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.inline {
    display: flex !important;
    align-items: center;
    width: 50%;
    justify-content: flex-start;
}

p.woocommerce-LostPassword.lost_password {
    width: 50%;
    justify-content: flex-end;
    display: flex;
}


form.woocommerce-form.woocommerce-form-register.register {
    border: none;
}

form.woocommerce-form.woocommerce-form-login.login {
    border: navajowhite;
    display: flex;
    flex-direction: column;
}


.woocommerce h2::before {
    content: '';
    display: none;
}

.woocommerce h2 {
    border: none;
}
.SLHeader {
			   text-transform: uppercase;    font-family: "Lato";    font-size: 0.8em;
    color: #157daa;    font-weight: 600;
	}

	
	span.bg-light.text-uppercase.small {
		color: #adb5bd;position: relative;top: 0.8rem;background-color: #ffffff;padding: 0px 8px;font-family: "Open sans";font-family: "Lato";

	}

.u-column2.col-2 {
    background-color: white;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 2px 2px 20px gainsboro;
    /* width: 310px !important; */
    width: calc(50% - 50px) !important;
    display: flex;
    flex-direction: column;
    min-height: 500px;
    justify-content: center;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.inline {
    display: flex !important;
}

p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide span em {
    font-size: 0.7em;
    color: gray;
    font-weight: bold;
    font-family: "Open Sans";
    font-style: normal;
}


fieldset legend {
    font-family: "Open sans";
    text-transform: capitalize;
    font-weight: bold;
    color: #418ab2;
    text-align: center;
    border: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
    display: block;
    width: 100%;
    border-radius: 40px;
    margin-bottom: 30px;
}

form.woocommerce-EditAccountForm.edit-account fieldset {
    margin-top: 40px;
}

li.categories>ul>li {
    width: 150px;
    margin: 0px 15px;
}

ul >li > ul > li > ul.children > li {
  display:none;
}

li {
  font-family:"Titillium Web" !important;
}

body, #page-content-title .title-description {
    font-family: 'Titillium Web' !important;
}

li.categories > ul > li > a {
    background-color: white;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 1px 2px gainsboro;
    color: #3F51B5;
    text-decoration: none;
    text-transform: uppercase;
      display: block;
    width: 150px;
    text-align: center;
    font-weight: bold;
}

li.categories > ul > li {
    padding: 20px;
}

li.categories > ul > li > ul {
    padding: 20px;
      border-radius: 20px;
    box-shadow: 0px 1px 2px gainsboro;
    width: 150px;
}

li.categories {
    visibility: hidden;
	margin:0px !important
}

li.categories > ul {
    visibility: visible;
}

li.categories > ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    justify-content: center;
}

li.categories > ul > li > ul > li > a {
    text-decoration: none;
    color: #2f4f4fa8;
    text-transform: uppercase;
    display: block;
    font-size: 0.9em;
    text-align: center;
    font-weight: bold;
}

li.categories {
    width: 100%;
}

li.cat-item.cat-item-4 {
    display: none;
}

li.cat-item.cat-item-1 {
    display: none;
}



li.cat-item.cat-item-2 {
    order: 1;
}

li.cat-item.cat-item-1021 {
    order: 3;
}

li.cat-item.cat-item-988 {
    order: 4;
}

li.cat-item.cat-item-4 {
    order: 5;
}

li.cat-item.cat-item-1030 {
    order: 6;
}

li.cat-item.cat-item-3 {
    order: 2;
}

div#feedback {
position: fixed;
    left: 0px;
    text-transform: capitalize;
    bottom: 200px;
    transform: rotate(270deg);
    margin-left: -50px;
    background-color: #df3e35;
    padding-bottom: 5px;
    color: #ffffff;
    letter-spacing: 1px;
    padding-left: 16px;
    padding-right: 18px;
    border-radius: 6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-top: 5px;
    font-family: "Titillium Web" !important;
    font-weight: normal !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	cursor: pointer;			
}

.woocommerce button {
    transition: 0.5s;
    /* display: block; */
    border-radius: 20px;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgb(212,212,213);
    text-align: center;
    width: 100%;
    margin: 20px auto;
    padding: 6px;
    background-image: linear-gradient(60deg,#2b94ca,#157daa);
    border-style: none;
    max-width: 220px;
    font-weight: bold;
    margin-right: 20px;
    font-size: 1.05em;
    cursor: pointer;
    letter-spacing: 1.2px;
    font-family: 'Titillium Web'!important;
}

.woocommerce button:hover {
    transform: scale(1.1,1.1);
}


.plan-item a:visited {
	color:white;
}
input{
	    border: 0px solid #dcdcdc;
    /* border-radius: 5px; */
    min-height: 30px;
    padding-left: 10px!important;
    border-bottom: 1px solid #dcdc;
}

input:focus {
    border-bottom: 1.8px solid #2384af;
}

textarea {
    border: 1px solid gainsboro;
    border-radius: 10px;
    padding: 10px;
}


.sub-layout {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
}

.plan-item {
    background: white;
    padding: 20px;
    border: 1px solid #e5e8eb;
    border-radius: 20px;
    position: relative;
    font-family: 'Titillium Web' !important;
    transition: transform 0.5s;
    max-width: 300px;
}

.plan-item:hover {
      transform: scale(1.07,1.07);
    box-shadow: 0 4px 20px 4px rgba(0, 0, 0, 0.08);
}

.tag {
    width: 102px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -11px;
    position: absolute;
    right: 28px;
    color: white;
    border-radius: 9px;
    background: linear-gradient(60deg,#fd5c53,#dc352b);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgb(212, 212, 213);
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    }

.plan-name {
    font-size: 20px;
    /* font-weight: bold; */
    text-transform: uppercase;
    background-color: white;
    width: max-content;
    padding: 10px;
    z-index: 2;
    display: flex;
}

.separator {
    width: calc(100% + 41px);
    margin: 0px -20px;
    height: 1px;
    background-color: #eef0f1;
    position: relative;
    display: flex;
    z-index: 0;
}

.plan-desc {
    margin-top: 12px;
    font-family: 'Titillium Web';
    color: #717171;
}


.plan-item a {
    transition: 0.5s;
    display: block;
    border-radius: 20px;
    text-transform: uppercase;
    color: #ffffff;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgb(212, 212, 213);
    text-align: center;
    width: 70%;
    margin: 20px auto;
    padding: 6px;
    background-image: linear-gradient(60deg, #2b94ca, #157daa);
}

.plan-item a:hover {
    transform: scale(1.1,1.1);
	    color: white;
}


li.woocommerce-MyAccount-navigation-link a {
    color: #404d5b;
    font-weight: normal;
    display: block;
}



li.woocommerce-MyAccount-navigation-link:hover {
    cursor: pointer;
    
    color: white;
}





#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent;
    color: gray;
}

button#place_order {
    background-image: linear-gradient(60deg,#2b94ca,#157daa);
    color: white;
    margin-top: 20px;
}

button#place_order:hover {
    background-image: linear-gradient(60deg,#2b94ca,#157daa);
    color: white;
}




li i {
    transition: width 0.3s linear;
}



#navigation-menu {
    font-size: 16px;
}

#page-title h1.category-pagetitle {
    margin-bottom: 20px !important;
}


div#feedback a {
    color: white;
}

#logo h1 {
    border: none;
}

div#feedback a:visited {
    color: white;
}


@media screen and (min-width: 960px) {
	div#ajaxsearchpro1_1 {
    margin-top: -7px !important;
    min-width: 230px;
}

.probox {
    padding-left: 8px !important;
}
	
	
#sticky-menu-alias, #sticky-menu-logo {
    display: none !important;
}
}


div#loader {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 100000000;
    display: flex;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  margin:auto;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #F44336;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #0679d4 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}





#navigation-menu .sf-menu li li {
    background-color: #fff;
    border: solid 1px #eeeeee;
    border-top: none;
}

ul.sub-menu {
    margin-top: 8px !important;
   
}

#navigation-menu .sf-menu li li:first-child {
    border-top: solid 1px #eeeeee !important;
}

@media screen and (max-width: 800px) {
	.mean-container #top-elements {
    display: none !important;
    height: 100%;
}
.d-flex.justify-content-between.align-items-center.opacity-30 {
    display: grid !important;
}


.d-flex.justify-content-between.align-items-center.opacity-30 img {
    margin-top: 10px !important;
}
	
	
div#logo {
    display: none !important;
}

div#headerspace {
    width: 100% !important;
}
	
}


#navigation-menu ul.sf-menu > li > a > span {
    color: #000000c2 !important;
}

#ftwp-container #ftwp-list.ftwp-strong-first>.ftwp-item>.ftwp-anchor .ftwp-text {
    font-size: 14.2px !important;
}

h5.wpProQuiz_header {
    background: #f8faf5;
    color: #333333;
}

span#readmoretext {
    text-align: center;
    width: 100%;
    display: block;
    padding-top: 11px;
    padding-bottom: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e8e8e8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e8e8e8;
    color: #51485b;
    font-weight: bolder;
    font-size: 17px;
    text-transform: uppercase;
}


#readmoretext::before {
    content: '';
    position: relative;
    top: -300px;
    right: 0;
    left: 0;
    width: 100%;
    height: 300px;
    max-height: 100%;
    background: -moz-linear-gradient(to bottom,rgba(255,255,255,0),#fff);
    background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
    display: block;
    margin-bottom: -300px;
}

@media screen and (min-width: 800px) {
div.mobiletabs  {
 display: none; 
}
}


div.tab button:hover {
    background-color: #ddd;
}


div.tab button.active {
    background-color: #fff;
    border-bottom: 5px;
    border-bottom-color: #ef392b;
    border-bottom-style: solid;
}


.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 5px;
}

.button1:hover {
    width: 180px;
    background-position-x: 128px !important;
}
@media screen and (max-width: 800px) {
div#menucontainer {
display:none !important;
}
}
@media screen and (max-width: 800px) {
	#linkadplace {
		margin-left:0px !important;
		margin-right:0px !important;
	}
	
div#containerforarms {
    width: 100% !important;
}
}
@media screen and (min-width: 800px) {
div#menucontainer {
    width: 150px;
float:left;
height:650px;
}

div#subcontainermenu1 {
    display:none;
}
}
@media screen and (min-width: 800px) {
div#interfacecontainer {
    width: calc(100% - 150px);
float:right;
}
}
@media screen and (min-width: 800px) {
div#anatomical_interface {

    margin-bottom: 30px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-top-width: 5px !important;
    border-bottom-width: 5px !important;
    background-color: #ffffff !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border-top-color: #f44336 !important;
    border-top-style: solid !important;
    border-bottom-color: #f44336 !important;
    border-bottom-style: solid !important;
    margin-top: 30px;
}
}

img#nochangenormal {
        max-height: 100% !important;
    width: auto;
        display: initial;
}
@media screen and (min-width: 800px) {
div#containerforarms {
    width: 95% !important;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 800px) {
div#containerforinfo {
margin-left: 50px !important;
}

}
@media screen and (max-width: 800px) {
div#subcontainermenu {
    display:none;
}    

div#subcontainer {

}

div#containerforinfo {
display:none !important;
}
}
@media screen and (max-width: 800px) {
.containerformobile:hover {
    margin-bottom: 160px;
}
}
@media screen and (min-width: 800px) {
div#menucontainermobile {
display:none !important;
}
}

h2#content-interactive-anatomical-interface::before {
    display:none;
}


@media screen and (min-width: 800px) {
div#containerforinfomobile {
display:none !important;
}
}
h2#content-interactive-anatomical-interface.ftwp-heading {
    box-shadow: 0px 0px 0 0 #157daa;
    border: 10px;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #157daa;
    font-weight: bold;
    text-transform: uppercase;
    color: #e74c3c !important;
    margin-bottom: 50px;
    border-radius: 20px;
    margin-top: 10px !important;
    font-size: 25px;
    margin-left: auto !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}




div#image-highlight-Heading2 {
    display: inline-block;
    background-color: #e74c3c;
    border: none;
    color: #ffffff;
    text-align: center;
    font-family: 'Titillium Web';
    font-size: 20px;
    width: 150px;
    padding: 3px;
    transition: all 0.5s;
    cursor: pointer;
    border-bottom-left-radius: 20px;
    margin-left: -50px;
    border-bottom-right-radius: 20px;
    padding-top: 12px;
}

div#image-highlight-Heading {
    display: inline-block;
    background-color: #e74c3c;
    border: none;
    color: #ffffff;
    text-align: center;
    font-family: 'Titillium Web';
    font-size: 20px;
    width: 150px;
    padding: 3px;
    transition: all 0.5s;
    cursor: pointer;
    border-top-left-radius: 20px;
    margin-left: -50px;
    border-top-right-radius: 20px;
}

div#image-highlight {
    display: inline-block;
    background-color: #50485b;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-family: 'Titillium Web';
    font-size: 13px;
    width: 150px;
    transition: all 0.5s;
    cursor: pointer;
    margin-left: -50px;
    text-transform: capitalize;
    padding-left: 5px;
    line-height: 23px;
    padding-right: 5px;
}

.wpb_wrapper_arms {
    transform: translateY(25%);
}

div#anatomical_interface a {
    padding: inherit;
        font-weight: inherit;
}

div#anatomical_interface a:hover::before, div#anatomical_interface a:hover::after {
    opacity: 0 !important;
}

@media screen and (max-width: 800px) {
div#anatomical_interface {

    margin-bottom: 30px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-top-width: 5px !important;
    border-bottom-width: 5px !important;
    background-color: #ffffff !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border-top-color: #f44336 !important;
    border-top-style: solid !important;
    border-bottom-color: #f44336 !important;
    border-bottom-style: solid !important;
    margin-top: 30px;
}

div#image-highlight {

    width: 100px;

}

div#image-highlight-Heading2 {

    width: 100px;

}
div#image-highlight-Heading {

    width: 100px;

}

div#image-map-pro-2144 {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}
}


div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #ffffff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    width: 100%;
    height: auto;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

div.tabs {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #ffffff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    width: 100%;
    height: auto;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}


div.tabs button {
	background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    border-bottom: 5px;
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
}

div.tab button {
	background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    border-bottom: 5px;
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
}

div.tabs button:hover {
    background-color: #ddd;
}


div.tabs button.active {
    background-color: #fff;
    border-bottom: 5px;
    border-bottom-color: #ef392b;
    border-bottom-style: solid;
}

@media screen and (max-width: 800px) {
div.tabs  {
 display: none; 
}

div.mobiletabs button   {
 width: 100%;
    border-style: solid;
    border-width: 2px;
    border-color: #f3f3f3;
    color: #d74838;
    font-variant: all-small-caps;
    font-family: Titillium Web;
    text-transform: uppercase;
    font-size: 28px;
    background-color: white;
}

}


#top-wrapper {
    background: url(/wp-content/uploads/2017/12/cream_pixels.png) center center repeat transparent!important;
}

#page-content {
	background: url(/wp-content/uploads/2017/12/cream_pixels.png) center center repeat transparent!important;
}

.tablepress thead th {
	background-color: #ffffff !important;
}

strong.search-excerpt {
    background-color: #9e9e9e00 !important;
}

@media screen and (max-width: 800px) {
div#main-content {
    margin-top: -40px;
}
}

		@media screen and (min-width: 800px) {
div#main-content {
    width: calc(100% - 25% - 120px ) !important;
    margin-left: calc(5% + -7px)!important;
    background-color: white;
    padding-left: 30px;
    padding-right: 30px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding-top: 40px;
}
	
			
#sidebar {
    width: 33%;
    position: fixed;
    z-index: 990;
    top: 70px;
    width: calc(21% + 30px) !important;
    right: 10px;
    padding-left: 8px!important;
    background-color: white !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-top-color: #df3e35;
    border-top-width: 6px;
    border-top-style: solid;
    border-radius: 50px;
    padding-top: 20px !important;
}
}
		div#main-menu {
    width: calc(100%) !important;
    margin-left: 0px !important;
    padding-left: 30px;
    padding-right: 30px;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
    -webkit-backface-visibility: hidden;
    border: 1px solid #1e1e1e11;
    border-top-color: #df3e35;
    border-top-width: 6px;
    border-top-style: solid;
    background-color: white;
	    color: #404d5b;
			padding-top: 7px;
    padding-bottom: 7px;
}
		#top-elements {
    height: 210px;
}
	h1 {
    box-shadow: 0px 0px 0 0 #157daa;
    border: 2px;
    border-style: solid;
    border-color: #157daa;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Titillium Web";
    color: #404d5b !important;
    margin-bottom: 50px;
    /* border-radius: 20px; */
    background-color: #00000000;
    margin-top: -40px;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    /* display: flex; */
    align-items: center;
    /* background: #f9f9f9; */
    border: 1px solid #e8e9eb;
    height: auto;
    margin-top: 3px;
    padding: 10px 20px 5px 18px;
    padding-bottom: 8px !important;
    border-radius: 50px;
}
	div.breadcrumbs {
    margin-bottom: 70px;
    /* background: #f2f2f2; */
    border: 1px solid #eeeded;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 7px 0px 5px 12px;
    box-shadow: inset 1px 1px 1px #e0e0e0;
    overflow-x: hidden;
    overflow-y: hidden;
    letter-spacing: 1px;
    line-height: 1.6em;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 50px;
    padding-left: 23px;
    padding-right: 23px;
		color: #404d5b;
}
	div.breadcrumbs a {
    color: #404d5b;
	}
	div.breadcrumbs a:visited {
    color: #404d5b;
	}
	
	h2 {
		font-family: "Titillium Web", sans-serif;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0px;
		    font-size: 25px;
		text-transform: uppercase;
    align-items: center;
    border: 1px solid #e8e9eb;
    height: auto;
    margin-top: 3px;
    padding: 10px 20px 5px 18px;
    padding-bottom: 8px !important;
	}
	h2::before {
    content: "≣";
    color: rgb(155, 155, 155);
    padding-right: 5px;
    margin-right: 10px;
    margin-left: -5px;
}
	
	h3 {
	color: #d04331;
	font-size: 20px;
	font-family: "Titillium Web", sans-serif;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0px;
	text-transform: uppercase;
    display: flex;
    align-items: center;
    border: 1px solid #e8e9eb;
    height: auto;
    margin-top: 3px;
    padding: 10px 30px 10px 22px;
	}
	h4 {
	font-family: "Titillium Web",  sans-serif;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0px;
		    text-transform: uppercase;
    display: flex;
    align-items: center;
    background: #f9f9f9;
    border: 1px solid #e8e9eb;
    height: auto;
    margin-top: 3px;
    padding: 10px 30px 10px 22px;
		    font-size: 17px;
	}
		h5 {
	font-family: "Titillium Web",  sans-serif;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0px;
		    text-transform: uppercase;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #e8e9eb;
    height: auto;
    margin-top: 3px;
    padding: 10px 30px 10px 22px;
	font-size: 15px;
	}
	
div#headerspace {
    width: calc(100% - 280px);
    float: right;
    background-color: white;
    bottom: 0 !important;
    right: 0;
    position: absolute;
    border: 1px solid #1e1e1e24;
    margin-left: 40px;
    display: flex;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    padding-bottom: 30px;
    border-top-color: #157daa;
    border-top-width: 6px;
    border-top-style: solid;
	min-height: 160px;
}
		a{
			color:#d04c3f;
			font-weight: bold;
		}
		a:hover{
			color:#404d5b
		}
		a:visited{
			color:#404d5b
		}
		div#main-menu a {
    font-weight: normal;
}

#ftwp-container.ftwp-wrap #ftwp-trigger {
    border-color: rgba(206, 206, 206, 0.26) !important;
    border-width: 2px;
    border-radius: 0px;
}

.breadcrumbs {
    margin-bottom: 5px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 10px !important;
}

input#searchsubmit {
display:none;
}

li#menu-item-38943 {
    margin-top: -4px !important;
}

.searchform input#s {
    height: 17px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	font-family:'Open Sans';
}
	

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('/wp-content/uploads/fonts/open-sans-v15-latin-300.eot'); src: local('Open Sans Light'), local('OpenSans-Light'), url('/wp-content/uploads/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), url('/wp-content/uploads/fonts/open-sans-v15-latin-300.woff2') format('woff2'), url('/wp-content/uploads/fonts/open-sans-v15-latin-300.woff') format('woff'), url('/wp-content/uploads/fonts/open-sans-v15-latin-300.ttf') format('truetype'), url('/wp-content/uploads/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); }


@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 400; src: url('/wp-content/uploads/fonts/cairo-v4-latin-regular.eot'); src: local('Cairo'), local('Cairo-Regular'), url('/wp-content/uploads/fonts/cairo-v4-latin-regular.eot?#iefix') format('embedded-opentype'), url('/wp-content/uploads/fonts/cairo-v4-latin-regular.woff2') format('woff2'), url('/wp-content/uploads/fonts/cairo-v4-latin-regular.woff') format('woff'), url('/wp-content/uploads/fonts/cairo-v4-latin-regular.ttf') format('truetype'), url('/wp-content/uploads/fonts/cairo-v4-latin-regular.svg#Cairo') format('svg'); }

@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; src: url('/wp-content/uploads/fonts/titillium-web-v6-latin-regular.eot'); src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url('/wp-content/uploads/fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), url('/wp-content/uploads/fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), url('/wp-content/uploads/fonts/titillium-web-v6-latin-regular.woff') format('woff'), url('/wp-content/uploads/fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), url('/wp-content/uploads/fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); }

@media screen and (min-width: 800px) {
#fragmentad1 {
text-align: center;
    margin: 0;
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding-top: 10px;
    background-color: rgba(255,255,255,.8);
    border-top: 2px solid rgba(225,225,225,.8);
	width: calc(100% - 25% - 165px)!important;
    margin-left: calc(5% - -19px)!important;
    padding-left: 30px;
    padding-right: 30px;
        border-radius: 5px;
    box-shadow: 0 1px 5px 0px RGBA(0, 0, 0, 0.2);
    min-height: 100px;
    background-color: white;
}

#closead1 {
cursor: pointer;
    color: #dfdfdf;
    border: 1px solid #cbcbcb;
    border-radius: 20px;
    background: #fff;
    line-height: 20px;
    display: inline-block;
    font-size: 20px;
    font-family: arial,sans-serif;
    padding: 0px 5px;
    position: absolute;
    top: 10px;
    right: 10px;
}
}

@media screen and (max-width: 800px) {
#fragmentad1 {
display:none !important;
}

#closead1 {
display:none !important;
}    
    
}
div#main-content {
    margin-top: 15px;
    margin-bottom: 15px;
	border-radius: 40px !important;
}

.custom-half-width {
	width: 50%;
}

.row-fluid {
	display:flex;
}

.custom-js-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.span12.widget-span.widget-type-cell.hs-page-width-normal {
    width: 100%;
}

h2.for-404 {
    border: none;
    padding: 0px;
}

h4.for-404 {
    border: none;
    background: none;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

h2.for-404::before {
    display: none;
}

div#navigation-menu::before {
    content: '';
    height: 100%;
    width: 50px;
    display: flex;
    position: absolute;
    background: transparent url(https://www.earthslab.com/wp-content/uploads/2017/12/logo.png) no-repeat 0 100%;
    background-size: contain;
}

#top-elements {
    display: none;
}

div#ftwp-postcontent {
    overflow-x: auto;
}