h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 35px; color: #000000; line-height: 35px; font-weight: 400; }
h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 25px; color: #000000; line-height: 25px; font-weight: 400; }
h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height: 22px; font-weight: 600; }
p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; line-height: 22px; font-weight: 400; }
li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; line-height: 22px; font-weight: 400;  }body { background: #bbd49f url('/files/Philosophy-1.png') repeat fixed center bottom; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; line-height: 22px; font-weight: 400; }
a:link { text-decoration: underline; color: #000000; font-weight: 600; }
a:visited { text-decoration: underline; color: #000000; font-weight: 600; }
a:active { text-decoration: underline; color: #000000; font-weight: 600; }
a:hover { text-decoration: none; color: #000000; font-weight: 600; }
a:focus { text-decoration: none; color: #000000; font-weight: 600; }
.navbar-default li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; text-transform:none; }
.navbar-default .navbar-nav>li a { text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; background-color:#ffffff; height:40px; background-image:url(/files/Philosophy-1.png);; position:relative; }
div#top { margin-bottom:0px; background-color:#ffffff; background-image:url(/files/Philosophy-1.png);; }
main#contentholder { background-image:url(/files/Philosophy-1.png);; }
section#content { background-color:#ffffff; background-image:url(/files/Philosophy-1.png);; }
body { margin-bottom:30px; }
html { position:relative; min-height:100%; }
div#footer { background-color:#ffffff; min-height:30px; position:absolute; bottom:0; width:100%;; background-image:url(/files/Philosophy-1.png); }
#page .container { max-width:1170px; }
h3,h4,h5, p, td, ul li, a {font-family: Raleway, sans-serif; }

h1 {text-align:center;}
h1, h2, h1.entry-title.a  {   font-family: Pacifico, cursive;}
h2 a {font-family: Pacifico, cursive; font-size: 25px;}

a.menubotton {
    background: #666362;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
}
a.menubotton:hover {
    background: #69534a;
}
ul.dropdown-menu.level-0 {
    background: rgba(102, 99, 98, 0.5);
}
#header {position:absolute; width: 100%;}
#header .container  {position:relative;}

#header .logo-left {margin:20px 0 0 -100px;}

#header .fb_badge {    background: #337ab7;   -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: relative;       float: right;    height: 40px;    margin: 50px 0 0;    width: 40px;}
#header p.fb_badge .fa {    font-size: 17px;  color:#fff;  line-height: 40px;    padding: 0 15px;}

#header .menu {float: left; margin-top:40px;}
#header .menu ul li a {font-family: Pacifico, cursive;text-shadow: 1px 1px 1px #000; padding:15px 20px; color:#fff; background:none; font-weight:normal;}
#header .menu ul li a:hover {color:#cd9f8d;}
#header .menu ul li.current_page_item > a {color:#cd9f8d;}
#header .menu ul li.current-menu-parent> a {color:#cd9f8d;}

#header div#widget_sp_image-2 img.attachment-full.alignright {width: 75px; height: auto; margin: 35px 0px 0 0; filter: drop-shadow(0px 0px 3px #FFFFE5);}

#top .flex-control-nav {    bottom: 10px;    line-height: 11px;    z-index: 99;}
#top .flex-control-paging li a {background:#bbb;}

#top .container {max-width:none; width:100%; position:relative;}

/* ORGINAL#text-5

#text-5 {position:absolute; border:3px solid #fff; left:0; right:0; margin:0 auto; text-align:center; width:340px; height:340px; background: rgba(103, 76, 65, 0.9); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; top:25%; z-index:963; display: flex;
 align-items: center; justify-content: center;}*/

#text-5 {position:absolute; border:3px solid #fff; left:0; right:0; margin:0 auto; text-align:center; width:340px; height:340px; background: url(/files/hem02.jpg); background-size: cover; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; top:25%; z-index:963; display: flex;
 align-items: center; justify-content: center; background-color: rgba(0,0,0,0.4);
  background-blend-mode: multiply;}

#text-5 h2 {color:#fff;}
#text-5 p {color:#fff; font-size:14px;}

#content .entry-content {text-align:center; min-height:350px; }
.page-id-73 #content .entry-content {text-align:left;  }
.page-id-89 #content .entry-content {text-align:left;  }
.page-id-117 #content .entry-content {text-align:left;  }


.wpb_single_image  .vc_single_image-wrapper {position:relative; }

.wpb_single_image  .vc_single_image-wrapper:before {  bottom: 10px;    content: "";    left: 10px;    opacity: 0;    position: absolute;    right: 10px;    top: 10px; border-bottom: 1px solid #fff;    border-top: 1px solid #fff;    transform: scale(0, 1);  z-index:10; transition: opacity 0.5s ease 0s, transform 0.5s ease 0s; }

.wpb_single_image  .vc_single_image-wrapper:after{  bottom: 10px;    content: "";    left: 10px;    opacity: 0;    position: absolute;    right: 10px;    top: 10px;     border-left: 1px solid #fff;    border-right: 1px solid #fff;    transform: scale(1, 0);  z-index:10; transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;}

.wpb_single_image  .vc_single_image-wrapper:hover:before {    opacity: 1;    transform: scale(1);}
.wpb_single_image  .vc_single_image-wrapper:hover:after {    opacity: 1;    transform: scale(1);}


/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 340px;
    height: 340px;
    background: rgba(103, 76, 65, 0.9);
    top: 25%;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-post #content  .entry-content .img.attachment-post-thumbnail {
  display: none;
}

.single-post .page .entry-featured 
{ display: none !important; }

#content .entry-content .entry-featured .img{
    display:none;
}


h2.offscreen { ;}
div.textwidget li, div.textwidget a { color: #fff; font-size: 14px;}

.show {
    display: inline!important
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}


#content .las_mer {background:#98796d; color:#fff; font-size:13px; padding:7px 30px;  text-transform:uppercase;  display:inline-block; text-decoration:none; margin:0 5px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;}
#content .las_mer:hover  {background:#543d35;}


#content  table { border-collapse:collapse;margin-bottom:10px;}
#content table td {padding:2px; font-size:16px; line-height: 25px; vertical-align:top;}
#content table tr { margin-bottom:5px;}
#content  table td p {margin:0;}
#content  table td h2 {margin:0 0 10px;}


.wpcf7-form .check_box {margin:5px 0 20px; float:left;}
.wpcf7-form .check_box input {    margin: 2px 5px 7px 0px;   float:left;  width: auto;}
.wpcf7-form .check_box .wpcf7-list-item {width:100%; float:left;  margin:0; }

form.wpcf7-form input { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#000; padding:10px; margin-bottom:5px;}
form.wpcf7-form textarea {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  color:#000;  width: 100%; height: 100px; padding:10px; margin-bottom:5px;}

form.wpcf7-form input[type="submit"] { color: #fff; text-transform:uppercase;  margin-top:0px; display:inline-block; font-size:15px; padding:10px 10px;   background: #98796d;   -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px; -webkit-transition: background 0.35s ease; -moz-transition: background 0.35s ease; -ms-transition: background 0.35s ease; -o-transition: background 0.35s ease; transition: background 0.35s ease;}
form.wpcf7-form input[type="submit"]:hover { background:#543d35!important;  } 

form.wpcf7-form input::-webkit-input-placeholder {  color: #000;}
form.wpcf7-form input::-moz-input-placeholder {   color: #000;}
form.wpcf7-form textarea::-webkit-input-placeholder {  color: #000;}
form.wpcf7-form textarea::-moz-placeholder {   color: #000;}

form.wpcf7-form input:focus, form.wpcf7-form textarea:focus {outline: none;}
div.wpcf7-validation-errors {    border: 1px solid #000;    color: #000;    font-size: 14px;}
span.wpcf7-not-valid-tip {    color: #000;    font-size: 1em;    display: block;    text-align: left;    margin-top: 10px;}



.page-id-117 .vc_grid-item {    border-bottom: 1px solid #eee;    padding-bottom: 10px !important;    margin-bottom: 30px;}


.single-post .wpcf7 {width:40%;}
.vcard {display:none;}
.entry-footer {display:none;}
.meta-sep {display:none;}

.single-post #content {padding:20px 0;}
.single-post #content  .entry-content {padding:20px 0;}
.single-post #content .entry-meta {border-top:1px solid #eee; border-bottom:1px solid #eee; display: none;}
.single-post #content #nav-below {border-top:1px solid #eee; float:left; width:100%; margin:10px 0; font-size:15px; line-height:20px; padding:5px 0;}

.single-post #content .nav-previous {float:left;}
.single-post #content .nav-next {float:right;}

.single-post img.wp-post-image {max-width:100%; height:auto; margin-bottom:30px;}

.vc_gitem-col-align-left .post_date {    position: absolute;    background: #73615a;    margin: 10px;    z-index: 99;    padding: 10px;    border: 1px solid #fff;}
.vc_gitem-col-align-left .post_date h2 { color:#fff; font-size:14px;}

#footer .widget_recent_entries ul {    list-style: none!important;}
#footer .widget_recent_entries li {border-bottom:1px solid #69534a; float:left; width:100%; padding-bottom:5px; margin-bottom:5px; display:inline-block;}
#footer .widget_recent_entries li:last-child {border:none; margin:0; padding:0;}

#footer .widget_recent_entries li a {color:#fff; text-decoration:none; }
#footer .widget_recent_entries li a:hover { text-decoration:underline; }
#footer .widget_recent_entries li .post-date {float:left; width:100%; color:#e75c7e; display: none;}


/* ----sticky footer----*/

@media only screen and (min-width: 768px) {

#footer {  height: 280px;  position: absolute;  left: 0;  right:0;  bottom: 0;  width: 100%; }
body {    margin: 0 0 280px; }

}


#footer .container {padding:15px 0 0; text-align: center;}
#footer h2 {color: #fff; }
#footer p {font-size:14px; color:#fff; }
#footer a { color:#fff; }

#footer .cms-icons {    float: left;  text-align:left;  width: 100%; padding-top:15px;  padding-left:10px; color: #fff;    font-size: 14px; border-top:1px solid #7a6860; }

#footer .fa {color:#fff;}
#footer .fa-mobile {font-size:20px;}


.facebook #menu-item-105 {display:none;}
.facebook #header .fb_badge {display:none!important;}
.facebook .cms-FB {display:none!important;}

/* Mobile CSS */

@media (min-width: 1200px) and (max-width:1400px) {

#header .logo-left {    margin: 20px 0 0 0;}

}

@media (min-width: 992px) and (max-width:1199px) {

#header .logo-left {    margin: 20px 0 0 0;}
#header .menu ul li a {    padding: 15px 10px;}

#text-5 {    width: 300px;    height: 300px; top:22%;}

}


@media (min-width: 768px) and (max-width:991px) {

#header .logo-left {    margin: 20px 0 0 0;    width: 20%;}
#header .logo-left img {width:100%; height:auto;}
#header .menu ul li a {    padding: 15px 9px;    font-size: 13px;}

#text-5 {    width: 260px;    height: 260px; top:19%;}
#text-5 h2 {font-size:20px;}
#text-5 p {font-size:13px;}

#footer #c_c3883cde6399f6e6aec644921f85cff7 {width:100%!important;}
}

@media all and (max-width: 767px)  {
#header div#widget_sp_image-2 img.attachment-full.alignright {display: none;}
.container {    width: 97%;}
#header .logo-left {width:100%; text-align:center; margin:15px auto;}

#header .fb_badge {right: 85px;margin: 0px 0 0;}

#header .menu {    background: #533f37 none repeat scroll 0 0;    border: 1px solid #ccc;    float: left;   width: 100%;    margin: 0 0px 10px;    text-align: left;    }

#header .menu ul {    margin: 0;    padding: 5px 0;    width: 100%;  }
#header .menu ul li a { line-height:40px;  text-align:left; padding:0px 10px; font-size:16px; margin:0px 0 1px;}
#header .menu ul li ul {box-shadow:none!important; background:#533f37;}
#header .menu ul li ul li a{padding-left:30px;}

#header .menu ul li.menu-item-has-children > a{    background: none; }

.navbar-collapse {    z-index: 99;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {    border: medium none;}
.navbar-default .navbar-toggle {    border-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {    background-color: #533f37; color:#fff;}
.navbar-default .navbar-toggle .icon-bar {    background-color: #fff;}

.navbar-default .navbar-toggle:hover .icon-bar {    background-color: #fff;}
.navbar-default .navbar-toggle:focus .icon-bar {    background-color: #fff;}

.navbar-toggle { margin: 0px -10px 10px 0 ; padding: 12px 8px; border:1px solid #9f002e; position: relative;   }
.navbar-toggle:first-child {    float: right;    margin: 0px 10px 0 15px;    padding: 10px 10px 4px;    position: relative;   }
.navbar-toggle.modalinfo {margin: 0px 0px 10px 0; padding: 10px 10px 4px; }

.navbar-toggle.modalinfo .glyphicon {color: #fff; font-size:16px;}
.navbar-toggle.modalinfo:hover .glyphicon {color: #fff;}
.navbar-toggle.modalinfo:focus .glyphicon {color: #fff;}

.navbar-toggle:first-child .glyphicon {color: #fff; font-size:16px;}
.navbar-toggle:first-child:hover .glyphicon {color: #fff;}
.navbar-toggle:first-child:focus .glyphicon {color: #fff;}

#text-5 {    position: relative;    width: 100%;    height: auto;    background: rgba(103, 76, 65, 1);    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;   top: -40px;  padding-top:15px;   z-index: 1;    display: flex;    align-items: center;    justify-content: center;
}

#content .entry-content {padding:0 15px;}



.vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item {    width: 25%;    display: inline-block !important;}

#footer .cms-icons {    float: left;  text-align:center;  width: 100%;   padding-left:10px; color: #fff;    font-size: 14px; border:none; padding-top:25px;}
#footer .widget {margin-bottom:35px; }
#text-3 { text-align: center; margin: 0 auto;display: flex;justify-content: center; }

}


@media all and (max-width: 640px)  {


}
@media all and (max-width: 480px)  {

#header {position:relative; background:#533f37;}

.vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item {    width: 50%;    display: inline-block !important;}



}

@media all and (max-width: 320px)  {
.vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item {    width: 100%;    display: inline-block !important;}

}