#main-content.subpage {
top: 30%;
}
@media (max-width: 599px) {
#main-content {
width: 90%;
position: absolute;
top: 65%;
padding-bottom: 100px;
margin-left: 5%;
}
}
@media (min-width: 600px) and (max-width: 849px) {
#main-content {
width: 550px;
position: absolute;
left: 50%;
top: 65%;
margin-left: -275px;
padding-bottom: 100px;
}
}
@media (min-width: 850px) and (max-width: 1149px) {
#main-content {
width: 800px;
position: absolute;
left: 50%;
top: 65%;
margin-left: -400px;
padding-bottom: 100px;
}
}
@media (min-width: 1150px) {
#main-content {
width: 1100px;
position: absolute;
left: 50%;
top: 65%;
margin-left: -550px;
padding-bottom: 100px;
}
}
#main-content {
z-index: 1;
}
#main-content #container:before {
position: absolute;
top: 2%;
left: 2px;
background: none;
content: '';
width: 10px;
height: 150px;
box-shadow: -5px 0 10px rgba( 0, 0, 0, 0.08 );
-webkit-transform: rotate( -2deg ); 
-moz-transform: rotate( -2deg );
transform: rotate( -2deg );
z-index: -5;
}
#main-content #container:after {
position: absolute;
top: 2%;
right: 1.5px;
background: none;
content: '';
width: 10px;
height: 150px;
box-shadow: -5px 0 10px rgba( 0, 0, 0, 0.08 );
-webkit-transform: rotate( 182deg ); 
-moz-transform: rotate( 182deg );
transform: rotate( 182deg );
z-index: -5;
}
section.standard-border {
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
}
section.left-right-border {
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
}
header {
width: 100%;
height: 75%;
position: absolute;
}
header.subpage {
height: 40% !important;
}
header #header-background-images {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
header #header-background-images .header-background-image {
background-size: cover !important;
height: 100%;
width: 100%;
z-index: 1 !important;
}
header .top-header-box {
background: rgba( 0, 0, 0, 0.7)
}
header .top-header-box .logo a img {
border: none;
width: 100%;
}
@media (max-width: 599px) {
header .top-header-box {
width: 100%;
position: absolute;
top: 0;
z-index: 5000;
}
header .top-header-box ul.menu-left,
header .top-header-box ul.menu-right {
display: none;
}
header .top-header-box .logo {
width: 160px;
height: 75px;
position: absolute;
top: 0;
left: 50%;
margin-left: -80px;
}
.responsive-menu {
left: 50%;
top: 80px !important;
}
#responsive-menu-window {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
z-index: 99999;
padding: 30px;
display: none;
}
#responsive-menu-window h3 {
font-size: 35px;
}
#responsive-menu-window ul { 
list-style: none;
margin-top: 25px;
} 
#responsive-menu-window ul li a {
text-decoration: none;
padding: 10px;
display: block;
font-size: 15px;
margin-top: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#responsive-menu-window ul.sub-menu {
margin: 0 0 0 20px;
}
#responsive-menu-window .close-responsive-menu {
font-size: 25px;
position: absolute;
top: 40px;
right: 30px;
cursor: pointer;
}
#scrollable-menu-wrapper {
margin-left: 5%;
}
#scrollable-menu-wrapper .scrollable-menu-list { display: none; }
}
@media (min-width: 600px) and (max-width: 849px) {
header .top-header-box {
width: 550px;
position: absolute;
top: 0;
z-index: 5000;
left: 50%;
margin-left: -275px;
}
header .top-header-box ul.menu-left,
header .top-header-box ul.menu-right {
display: none;
}
header .top-header-box .logo {
width: 160px;
height: 75px;
position: absolute;
top: 0;
left: 0;
}
#responsive-menu-window {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
z-index: 99999;
padding: 30px;
display: none;
}
#responsive-menu-window h3 {
font-size: 35px;
}
#responsive-menu-window ul { 
list-style: none;              
margin-top: 25px;
} 
#responsive-menu-window ul li a {
text-decoration: none;
padding: 10px;
display: block;
font-size: 15px;
margin-top: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#responsive-menu-window ul.sub-menu {
margin: 0 0 0 20px;
}
#responsive-menu-window .close-responsive-menu {
font-size: 25px;
position: absolute;
top: 40px;
right: 30px;
cursor: pointer;
}
#scrollable-menu-wrapper {
width: 548px;
left: 50%;
margin-left: -275px;
}
#scrollable-menu-wrapper .scrollable-menu-list { display: none; }
}
@media (min-width: 850px) and (max-width: 1149px) {
header .top-header-box {
width: 800px;
position: absolute;
top: 0;
z-index: 5000;
left: 50%;
margin-left: -400px;
}
header .top-header-box ul.menu-left,
header .top-header-box ul.menu-right {
list-style: none;
margin-top: 20px;
}
header .top-header-box ul.menu-left li,
header .top-header-box ul.menu-right li {
display: inline-block;
margin: 0 10px;
position: relative;
}
header .top-header-box ul.menu-left li a,
header .top-header-box ul.menu-right li a {
padding: 0 0 30px 0;
}
header .top-header-box ul.menu-left li a,
header .top-header-box ul.menu-right li a {
font-size: 12px !important;
}
header .top-header-box .logo {
width: 160px;
height: 75px;
position: absolute;
top: 0;
left: 50%;
margin-left: -80px;
}
#scrollable-menu-wrapper {
width: 798px;
left: 50%;
margin-left: -400px;
}
#scrollable-menu-wrapper .scrollable-menu-list li a {
font-size: 12px !important;
padding: 0 9px !important;
}
#scrollable-menu-wrapper .scrollable-menu-responsive { display: none; }
.responsive-menu { display: none; }
}
@media (min-width: 1150px) {
header .top-header-box {
width: 1100px;
position: absolute;
top: 0;
z-index: 5000;
left: 50%;
margin-left: -550px;
}
header .top-header-box ul.menu-left,
header .top-header-box ul.menu-right {
list-style: none;
margin-top: 30px;
}
header .top-header-box ul.menu-left li,
header .top-header-box ul.menu-right li {
display: inline-block;
margin: 0 20px;
position: relative;
}
header .top-header-box ul.menu-left li a,
header .top-header-box ul.menu-right li a {
padding: 0 0 30px 0;
}
header .top-header-box .logo {
width: 190px;
height: 90px;
position: absolute;
top: 0;
left: 50%;
margin-left: -85px;
}
#scrollable-menu-wrapper {
width: 1098px;
left: 50%;
margin-left: -550px;
}
#scrollable-menu-wrapper .scrollable-menu-responsive { display: none; }
.responsive-menu { display: none; }
}
#responsive-menu-wrapper {
display: none;
}
header .top-header-box .responsive-menu {
position: absolute;
top: 20px;
right: 0;
font-size: 15px;
font-weight: 600;
cursor: pointer;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
header .top-header-box .responsive-menu i {
font-size: 21px;
position: absolute;
margin-left: -35px;
margin-top: -2px;
}
header .responsive-menu-list a {
cursor: pointer;
}
header .top-header-box ul.menu-left li a,
header .top-header-box ul.menu-right li a {
text-decoration: none;
font-size: 18px;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
cursor: pointer;
}
header .top-header-box ul.menu-left {
float: left;
}
header .top-header-box ul.menu-left li:first-child,
header .top-header-box ul.menu-right li:first-child { 
margin-left: 0;
}
header .top-header-box ul.menu-left li:last-child,
header .top-header-box ul.menu-right li:last-child { 
margin-right: 0;
}
header .top-header-box ul.menu-right {
position: absolute;
top: 0;
right: 0;
} #scrollable-menu-wrapper {
-webkit-box-shadow: 0 3px 1px -1px rgba( 0, 0, 0, 0.05 );
-moz-box-shadow: 0 3px 1px -1px rgba( 0, 0, 0, 0.05 );
box-shadow: 0 3px 1px -1px rgba( 0, 0, 0, 0.05 ); 
height: 70px;
position: fixed;
border-left: 1px solid #cecece;
border-bottom: 1px solid #cecece;
border-right: 1px solid #cecece;
background: #fff;
top: 0;
display: none;
z-index: 400;
}
#scrollable-menu-wrapper .logo {
position: absolute;
top: 50%;
margin-top: -17px;
margin-left: 25px;
}
#scrollable-menu-wrapper .scrollable-menu-list {
list-style: none;
padding: 24px 20px 13px 0;
float: right;
}
#scrollable-menu-wrapper .scrollable-menu-list li {
display: inline-block;
position: relative;
}
#scrollable-menu-wrapper .scrollable-menu-list li a {
text-decoration: none;
font-size: 13px;
padding: 0 12px 30px 12px;
}
#scrollable-menu-wrapper .scrollable-menu-responsive {
position: absolute;
top: 24px;
right: 40px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#scrollable-menu-wrapper .scrollable-menu-responsive i {
font-size: 21px;
position: absolute;
margin-left: -5px;
} header ul.sub-menu {
position: absolute;
margin-left: -10px;
margin-top: 20px;
background: #fff;
padding: 5px 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.5 );
width: 150px;
display: none;
}
header ul.sub-menu:before {
width: 10px;
height: 10px;
background: #fff;
position: absolute;
content: ' ';
top: -5px;
left: 20px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg); 
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
header ul.sub-menu ul.sub-menu:before {
top: 14px;
left: -6px;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
header ul.sub-menu li {
padding: 5px 0 5px 0 !important;
display: block !important;  
border-bottom: 1px dashed #eee;
margin: 0 !important;
}
header ul.sub-menu li:last-child {
border-bottom: none;
}
.sub-menu .sub-menu {
margin-left: 100%;
margin-top: -29px !important;
}
#scrollable-menu-wrapper .sub-menu {
position: absolute;
width: 150px;
border: 1px solid #ddd;
background: #fff;
margin-top: 20px;
border-radius: 3px;
padding: 5px 15px;
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.1 );
display: none;
}
#scrollable-menu-wrapper .sub-menu:before {
width: 10px;
height: 10px;
background: #fff;
position: absolute;
content: ' ';
top: -6px;
left: 20px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg); 
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}
#scrollable-menu-wrapper .sub-menu ul.sub-menu:before {
top: 14px;
left: -6px;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-top: none;
}
#scrollable-menu-wrapper .sub-menu li {
padding: 5px 0 5px 0 !important;
display: block !important;  
border-bottom: 1px dashed #eee;
margin: 0 !important;
}
#scrollable-menu-wrapper .sub-menu li:last-child {
border-bottom: none;
}
#scrollable-menu-wrapper .sub-menu li a {
margin: 0 !important;
padding: 0 !important;
}
@media (min-width: 850px) and (max-width: 1149px) {
header ul.sub-menu,
#scrollable-menu-wrapper ul.sub-menu {
width: 120px;
}
}
header.subpage #slogan {
display: none;
}
@media (max-width: 599px) {
#slogan {
position: absolute;
top: 35%;
padding: 0 40px;
text-align: center;
z-index: 1000;
}
#slogan h1 {
font-size: 35;
text-align: center;
font-weight: 500;
color: cb33cb;
}
#slogan p {
text-align: center;
font-size: 30px;
}
}
@media (min-width: 600px) and (max-width: 849px) {
#slogan {
position: absolute;
top: 35%;
width: 400px;
left: 50%;
margin-left: -200px;
z-index: 1000;
}
#slogan h1 {
font-size: 40px;
text-align: center;
font-weight: 500;
}
#slogan p {
text-align: center;
font-size: 35px;
}
}
@media (min-width: 850px) and (max-width: 1149px) {
#slogan {
position: absolute;
top: 35%;
width: 600px;
left: 50%;
margin-left: -300px;
z-index: 1000;
}
#slogan h1 {
font-size: 50px;
text-align: center;
font-weight: 500;
}
#slogan p {
text-align: center;
font-size: 35px;
padding: 0 45px;
}
}
@media (min-width: 1150px) {
#slogan {
position: absolute;
top: 35%;
width: 770px;
left: 50%;
margin-left: -385px;
z-index: 1000;
}
#slogan h1 {
text-align: center;
font-weight: 500;
font-size: 55px;
}
#slogan p {
text-align: center;
font-size: 40px;
padding: 0 90px;
}
}
h2 {
font-size: 40px;
margin-bottom: 30px;
}
h3 {
font-size: 25px;
}
p {
font-size: 13px;
margin-top: 20px;
line-height: 1.8em;
}
a {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
.header-line {
margin: 10px 0 0 0;
}
.header-line .gray-line {
width: 100%;
height: 1px;
background: #eee;
}
.header-line .color-line {
width: 25px;
height: 1px;
margin-top: -1px;
}
.alert-box {
margin-top: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
padding: 10px;
}
.alert-box p {
margin: 0;
padding-right: 30px;
}
.alert-box i {
position: absolute;
right: 13px;
top: 50%;
margin-top: -8.5px;
cursor: pointer;
}
.alert-box.alert-yellow {
background: #fcf8e3;
border: 1px solid #e3d9a2;
color: #c1af4c;
}     
.alert-box.alert-blue {
background: #c8e3f8;
border: 1px solid #87b9e0;
color: #5f91b7;
}  
.alert-box.alert-green {
background: #def6de;
border: 1px solid #a1c4a1;
color: #75ac75;
}  
.alert-box.alert-red {
background: #f6dbdb;
border: 1px solid #d09090;
color: #c96464;
}  
#container ul {
margin: 20px 0 0 40px;
font-size: 13px;
line-height: 1.8em;
list-style-type: square;
}
#container ol {
margin: 20px 0 0 40px;
font-size: 13px;
line-height: 1.8em;
}
blockquote {
background: #eee;
padding: 5px 15px;
margin-top: 20px;
color: #666;
}
blockquote p {
margin-top: 0;
padding: 10px 0;
}
table {
width: 100%;
margin-top: 20px;
border-collapse: collapse;
font-size: 13px;
text-align: center;
}                                                        
table td {
border: 1px solid #cecece;
padding: 15px;
} 
table tr:nth-child(even) td {
background: #f6f6f6;
}
table tr:nth-child(odd) td {
background: #f0f0f0;
}
table.ui-datepicker-calendar td {
background: none !important;
}
.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sticky {}
.gallery-caption {} .pricing-table {      
box-shadow: 0 2px 3px rgba( 0, 0, 0, 0.05 );
}
.pricing-table .head {
font-weight: 600;
text-align: center;
}
.pricing-table .name {
text-align: left;
}
.pricing-table .first,
.pricing-table .second {
width: 20%;
}
.pricing-table tr.recommended td {
font-weight: 600;
} .half-container {
list-style: none;
margin: 20px 0 0 0 !important;
padding: 0 !important;
}
.half-container li.half-element {
list-style: none;
display: inline-block;
width: 49%;
vertical-align: top;
}
.half-container li.half-element:first-child {
margin-right: 1%;
}
.half-container li.half-element:last-child {
margin-left: 1%;
}
@media (max-width: 849px) {
.half-container li.half-element {
width: 100%;
display: block;
}
.half-container li.half-element:first-child {
margin-right: 0%;
}
.half-container li.half-element:last-child {
margin-left: 0%;
}
}
.button {
padding: 10px 18px;
font-size: 13px;
text-decoration: none;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-user-select: none;
-moz-user-select: none;
outline: none;
}
.button i {
margin-right: 5px;
}
.button-brown {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
color: #fff;
}
.button-gray {
border: solid 1px #b5b5b5;
background: #dfdfdf;
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
color: #838383;
}
.button-gray:hover {
background: #e5e5e5;
}
@media (max-width: 319px) {
.button {
padding: 7px 11px;
font-size: 11px;
}
}
#go-top {
width: 40px;
height: 40px;
position: fixed;
bottom: 150px;
left: 50%;
background: #ddd;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
display: none;
}
#go-top:hover {
background: #d5d5d5;
}
#go-top i {
font-size: 35px;
color: #f5f5f5;
position: absolute;
margin-top: 0px;
margin-left: 8px;
}
#small-appointment {
background: #fbfbfb;
border: 1px solid #cecece;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
padding: 50px;
}
#small-appointment .appointment-title {
float: left;
}
#small-appointment .appointment-form {
float: right;
}
#small-appointment .appointment-form .input {
width: 206px;
display: inline-block;
margin-right: 20px;
position: relative;
}
#small-appointment .appointment-form .input .input-helper {
width: 35px;
height: 34px;
float: left;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
position: relative;
margin-top: 1px;
}
#small-appointment .appointment-form .input .input-helper i {
font-size: 17px;
position: absolute;
top: 7px;
left: 9px;
}
#small-appointment .appointment-form .input input[type=text] {
font-size: 13px;
padding: 5px 12px 5px 12px;
outline: none;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
border-left: none;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
background: #fff;
width: 145px;
height: 25px;
color: #858585;
float: right;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#small-appointment .appointment-form input[type=button] {
margin: 0;
display: inline-block;
vertical-align: top;
}
#small-appointment .appointment-form .input .approximate-time,
#small-appointment .appointment-form .input .appointment-datepicker {
cursor: text;
}
#small-appointment .appointment-form .input .approximate-time-box {
position: absolute;
width: 190px;
background: #fff;       
z-index: 99999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 10px;
box-shadow: 0 0 6px rgba( 0, 0, 0, 0.2 );
padding: 7px;
display: none;
-webkit-user-select: none;
-moz-user-select: none;
}   
#small-appointment .appointment-form .input .approximate-time-box .approximate-time-box-arrow {
width: 7px;
height: 7px;
background: #fff;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
top: -5px;
left: 13px;
}
#small-appointment .appointment-form .input .approximate-time-box .element {
display: inline-block;
width: 63px;
margin-left: -4px;
}
#small-appointment .appointment-form .input .approximate-time-box.approximate-time-box-24h .element {
width: 95px !important;
}
#small-appointment .appointment-form .input .approximate-time-box .element.element-first {
margin-left: 0;
}
#small-appointment .appointment-form .input .approximate-time-box .element i,
#small-appointment .appointment-form .input .approximate-time-box .element span {
display: block;
text-align: center;
}
#small-appointment .appointment-form .input .approximate-time-box .element i {
font-size: 13px;
padding: 10px 0;
cursor: pointer;
}
#small-appointment .appointment-form .input .approximate-time-box .element span {
background: #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 3px;
padding: 10px 0;
font-size: 15px;
color: #777;
}
@media (min-width: 850px) and (max-width: 1149px) {
#small-appointment .appointment-title {
float: left;
}
#small-appointment .appointment-form {
float: none;
display: block;
margin-top: 65px;
}
}
@media (min-width: 600px) and (max-width: 849px) {
#small-appointment .appointment-title {
float: left;
}
#small-appointment .appointment-form {
float: none;
display: block;
margin-top: 65px;
}
#small-appointment .appointment-form .input {
width: 158px;
margin-right: 10px;
}
#small-appointment .appointment-form .input input[type=text] {
width: 97px;
}
}
@media (max-width: 599px) {
#small-appointment .appointment-title {
float: none;
}
#small-appointment .appointment-form {
float: none;
display: block;
margin-top: 20px;
}
#small-appointment .appointment-form .input {
display: block;
width: 100%;
margin-bottom: 10px;
}
#small-appointment .appointment-form input[type=submit] {
float: right;
}
}
.presentation-v1 {
background: #fff;
position: relative;
}
.presentation-v1 .presentation-prev-button {
color: #ccc;
font-size: 20px;
width: 13px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
left: 30px;
cursor: pointer;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
z-index: 4999;
}
.presentation-v1 .presentation-next-button {
color: #ccc;
font-size: 20px;
width: 13px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
right: 30px;
cursor: pointer;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
z-index: 4999;
}
.presentation-v1 .single-presentation {
display: table-row;
background: #fff;
}
.presentation-v1 .single-presentation .presentation-left {
display: table-cell;
vertical-align: bottom;
font-size: 0;
width: 50%;
}
.presentation-v1 .single-presentation .presentation-left img.main-image {
width: 100%;
}
.presentation-v1 .single-presentation .presentation-right {
display: table-cell;
vertical-align: middle;
padding: 100px 100px 100px 50px;
width: 50%;
}
@media (max-width: 1149px) {
.presentation-v1 .single-presentation .presentation-right {
padding: 50px 50px 50px 30px;
}
}
@media (max-width: 849px) {
.presentation-v1 .single-presentation .presentation-left,
.presentation-v1 .single-presentation .presentation-right {
display: block !important;
width: auto !important;
}
.presentation-v1 .single-presentation .presentation-right {
padding: 50px 50px;
}
.presentation-v1 .presentation-prev-button {
top: auto;
bottom: 20%;
left: 22px;
}
.presentation-v1 .presentation-next-button {
top: auto;
bottom: 20%;
right: 22px;
}
}
@media (max-width: 479px) {
.presentation-v1 .single-presentation .presentation-right {
padding: 30px 30px 60px 30px;
}
.presentation-v1 .presentation-prev-button {
bottom: 22px;
left: 30px;
}
.presentation-v1 .presentation-next-button {
bottom: 22px; 
right: 30px;
}
}
.presentation-v2 {
position: relative;
background: #fbfbfb;
}
.presentation-v2 .presentation-container {
display: table-row;
}
.presentation-v2 .content-left {
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 100px 50px 100px 100px;
}
.presentation-v2 .content-right {
display: table-cell;
vertical-align: middle;
width: 50%;
}
@media (max-width: 1149px) {
.presentation-v2 .content-left {
padding: 50px 30px 50px 50px;
}
}
@media (max-width: 849px) {
.presentation-v2 .content-left,
.presentation-v2 .content-right {
display: block;
width: auto;
padding: 50px 50px 20px 50px;
}
}
.special-content {
background: #fbfbfb;
padding: 100px;
position: relative;
}
.special-content .background-icon {
position: absolute;
bottom: 50px;
right: 90px;
font-size: 325px;
color: #f6f6f6;
}
.special-content .box {
position: relative;
display: table-row;
}
.special-content .box .special-content-element {
display: table-cell;
vertical-align: middle;
}
.special-content .box .special-content-element-left {
text-align: center;
}
.special-content .single-post {
width: 300px;
padding-left: 40px;
}
@media (max-width: 849px) {
.special-content .box {
position: relative;
display: block;
}
.special-content .box .special-content-element {
display: block;
margin: 0 auto;
}
.special-content .single-post {
padding-left: 0;
margin: 40px auto 0 auto !important;
}
}
@media (max-width: 599px) {
.special-content {
padding: 25px;
}
.special-content .single-post { width: 100%; }
.special-content .background-icon { display: none; }
}
.special-content .single-post h4 {
font-size: 15px;
margin: 0;
padding: 0;
} 
.special-content .single-post h4 a {
color: #3b3b3b;
text-decoration: none;
}
.special-content .single-post .blog-post-info {
font-size: 13px;
color: #c5c5c5;
margin: 10px 0 10px 0;  
}
.special-content .single-post .blog-post-info a {
color: #c5c5c5;
text-decoration: none;
}
.special-content .single-post .blog-post-info a:hover {
color: #aaa;
}
.special-content .single-post .blog-post-info .divider {
margin: 0 5px;
}
.special-content .single-post .blog-post-info i {
margin-right: 5px;
}
.special-content .single-post .blog-post-content p {
padding: 0;
margin: 10px 0 0 0;
font-size: 13px;
line-height: 1.8em;
}
#about-us .team-box {
background: #fff;
width: 350px;
border: 1px solid #cecece; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 80px auto;
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.05 );
}
#about-us .team-box .header {
border-bottom: 1px solid #cecece; 
padding: 15px;
background: #f1f1f1;
text-transform: uppercase;
font-weight: 800;
font-size: 13px;
border-top: 1px solid #fff;
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
-webkit-user-select: none;
-moz-user-select: none;
}
#about-us .team-box .profile {
border-top: 1px solid #f9f9f9;
background: #fafbfd;
border-bottom: 1px solid #d1d3d2;
height: 110px;
position: relative;
}
#about-us .team-box .profile .image {
width: 100px;
height: 100px;
padding: 5px;
background: #fff;
border: 1px solid #d1d3d2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;   
border-radius: 2px;  
position: absolute; 
top: 20px;
left: 20px;
}
#about-us .team-box .profile .image img {
width: 100px;
height: 100px; 
}
#about-us .team-box .profile .name {
font-size: 13px;
font-weight: 700;
top: 25px;
position: absolute;
left: 144px;
}
#about-us .team-box .profile .specialization {
position: absolute;
top: 45px;
font-size: 12px;
left: 144px;
color: #a8a9ad;
}
#about-us .team-box .profile .social {
position: absolute;
bottom: 11px;
left: 144px;
}
#about-us .team-box .profile .social a {
text-decoration: none;
font-size: 13px;
display: inline-block;
width: 25px;
height: 25px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: 0.3;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#about-us .team-box .profile .social a:hover {
opacity: 1;
}
#about-us .team-box .profile .social a.facebook {
color: #fff;
background: #3b5998;
}
#about-us .team-box .profile .social a.facebook i {
padding: 6px 0 0 10px;
display: block;
}
#about-us .team-box .profile .social a.google-plus {
color: #fff;
background: #dd4c39;
}
#about-us .team-box .profile .social a.google-plus i {
padding: 6px 0 0 7px;
display: block;
}
#about-us .team-box .skills {
padding: 40px 20px 10px 20px;
border-bottom: 1px solid #d1d3d2;
}
#about-us .team-box .skills p {
margin-top: 0;
margin-bottom: 15px;
font-size: 12px;
line-height: 1.5em;
}
#about-us .team-box .skills .progress-bar {
background: #eaeaea;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
height: 25px;
}
#about-us .team-box .skills .progress-bar .progress-value {
height: 25px;
display: block;
width: 0%;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
}
#about-us .team-box .skills .progress-bar .progress-bar-name {
position: absolute;
font-size: 12px;
color: #fff;
margin-top: 6px;
margin-left: 7px;
}
#about-us .team-box .persons-switch {
border-top: 1px solid #e5e5e5;
background: #eee;
padding: 8px 10px 10px 10px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
#about-us .team-box .persons-switch span.prev,
#about-us .team-box .persons-switch span.next {
font-size: 11px;
cursor: pointer;
display: block;
}
#about-us .team-box .persons-switch span.prev i { margin-right: 5px; }
#about-us .team-box .persons-switch span.next i { margin-left: 5px; }
#about-us .team-box .persons-switch span.prev { float: left; }
#about-us .team-box .persons-switch span.next { float: right; }
@media (max-width: 1149px) {
#about-us .team-box {
margin: 20px 20px 20px 0;
float: right;
}
}
@media (max-width: 849px) {
#about-us .team-box {
float: none;
margin: 0 auto 50px auto;
}
}
@media (max-width: 550px) {
#about-us .team-box {
width: auto;
margin: 0 auto;
}
}
@media (max-width: 479px) {
#about-us .team-box .profile .image {
left: 50%;
margin-left: -55px;
}
#about-us .team-box .profile .name {
top: 150px;
left: 20px;
}
#about-us .team-box .profile .specialization {
top: 170px;
left: 20px;
}
#about-us .team-box .profile .social {
left: 20px;
top: 190px;
}
#about-us .team-box .skills {
margin-top: 75px;
}
}
#opening-hours {
background: #fff;
position: relative;
max-height: 365px;
}
#opening-hours .opening-hours-container h3 {
margin-bottom: 15px;
} #opening-hours table.opening-hours-table {
border-spacing: 0;
border-collapse: separate;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1);
margin-top: 0;
}       
#opening-hours table.opening-hours-table tr.head td:first-child {
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
}
#opening-hours table.opening-hours-table tr.head td:last-child {
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
}
#opening-hours table.opening-hours-table tr.head td {
border: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #e5e5e5;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}
#opening-hours table.opening-hours-table tr.hours-from td {
border: none;
border-top: 1px solid #fff;
}
#opening-hours table.opening-hours-table tr.hours-to td:first-child {
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
}
#opening-hours table.opening-hours-table tr.hours-to td:last-child {
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#opening-hours table.opening-hours-table td {
width: 14.28571428571729%;
border: none;
}
#opening-hours table.opening-hours-table tr.head td {
text-align: center;
font-size: 14px;
font-weight: 700;
padding: 20px 0;
background: #f5f5f5 !important;
}
#opening-hours table.opening-hours-table tr.head td:nth-child(odd) {
background: #eee;
}
#opening-hours table.opening-hours-table tr.hours-from td {
background: #fefefe;
}
#opening-hours table.opening-hours-table tr.hours-from td:nth-child(odd) {
background: #f9f9f9;
}
#opening-hours table.opening-hours-table tr.hours-to td {
background: #fbfbfb;
}
#opening-hours table.opening-hours-table tr.hours-to td:nth-child(odd) {
background: #f6f6f6;
}
#opening-hours table.opening-hours-table tr.hours-from td,
#opening-hours table.opening-hours-table tr.hours-to td {
text-align: center;
padding: 20px 0;
font-size: 13px;
} #opening-hours .opening-hours-table-mobile {
border-spacing: 0;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.05 );
}
#opening-hours .opening-hours-table-mobile td {
width: 33.3333%;
padding: 10px 0;
font-size: 13px;
text-align: center;
}
#opening-hours .opening-hours-table-mobile td.head {
font-weight: 700;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
background: #f5f5f5;
border-right: 1px solid #e5e5e5;
}
#opening-hours .opening-hours-table-mobile tr:nth-child(odd) td.head {
background: #eee;
}
#opening-hours .opening-hours-table-mobile td.hours-from {
background: #fefefe;
border-left: 1px solid #fff;
}
#opening-hours .opening-hours-table-mobile tr:nth-child(odd) td.hours-from {
background: #f9f9f9;
}
#opening-hours .opening-hours-table-mobile td.hours-to {
background: #fbfbfb;
}
#opening-hours .opening-hours-table-mobile tr:nth-child(odd) td.hours-to {
background: #f6f6f6;
} #opening-hours .appointment-button {
margin-top: 20px;
float: right;
} @media (max-width: 599px) {
#opening-hours .opening-hours-container table.opening-hours-table { display: none; }
#opening-hours .opening-hours-container {
position: absolute;
top: 7%;
width: 80%;
left: 10%;
}
#opening-hours .opening-hours-container h3 {
text-align: right;
font-size: 22px;
}
#opening-hours {
max-height: none;
height: 450px;
}
#opening-hours img {
width: 45%;
position: absolute;
bottom: 0;
}
}
@media (min-width: 600px) and (max-width: 849px) {
#opening-hours img {
font-size: 0;
}
#opening-hours .opening-hours-container {
position: absolute;
top: 20%;
width: 80%;
left: 10%;
}
#opening-hours .opening-hours-container h3 {
text-align: right;
font-size: 22px;
}
#opening-hours .opening-hours-container table.opening-hours-table .type {
display: block;
}
#opening-hours .opening-hours-container table.opening-hours-table td {
padding: 13px 0 !important;
}
#opening-hours .opening-hours-container table.opening-hours-table .responsive-name { display: block; }
#opening-hours .opening-hours-container table.opening-hours-table .standard-name { display: none; }
#opening-hours .opening-hours-container .opening-hours-table-mobile { display: none; }
}
@media (min-width: 850px) and (max-width: 1149px) {
#opening-hours img {
max-width: 30%;
float: left;
}
#opening-hours .opening-hours-container {
width: 445px;
float: right;
padding: 35px 50px 0 0;
}
#opening-hours .opening-hours-container table.opening-hours-table .type {
display: block;
}
#opening-hours .opening-hours-container table.opening-hours-table td {
padding: 13px 0 !important;
}
#opening-hours .opening-hours-container table.opening-hours-table .responsive-name { display: block; }
#opening-hours .opening-hours-container table.opening-hours-table .standard-name { display: none; }
#opening-hours .opening-hours-container .opening-hours-table-mobile { display: none; }
}
@media (min-width: 1150px) {
#opening-hours img {
max-width: 30%;
float: left;
}
#opening-hours .opening-hours-container {
width: 62%;
float: right;
padding: 50px 100px 0 0;
}
#opening-hours .opening-hours-container table.opening-hours-table .responsive-name { display: none; }
#opening-hours .opening-hours-container .opening-hours-table-mobile { display: none; }
}
#contact-form {
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
background: #fbfbfb;
position: relative;
}
#contact-form #contact-form-section-form {
position: absolute;
background: #fbfbfb;
width: 40%;
top: 75px;
padding: 40px;
border: 1px solid #cecece;
border-radius: 3px;
right: 75px;
}
#contact-form h2 {
text-align: center;
margin-bottom: 0;
}
#contact-form #contact-form-fields {
margin-top: 20px;
}
#contact-form .textarea {
padding: 12px;
display: block;
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #cdcdcd;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
background: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#contact-form .textarea textarea {
height: 100px;
resize: none;
font-size: 13px;
outline: none;
color: #858585;
width: 99%;
border: none;
}
#contact-form .input.error,
#contact-form .textarea.error {
border: 1px solid #e74c3c;
}
#contact-form .input {
position: relative;
padding: 5px 12px 5px 45px;
height: 25px;
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #cdcdcd;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
background: #fff;
color: #858585;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#contact-form .input .input-helper {
width: 35px;
height: 34px;
float: left;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
position: absolute;
top: 0;
left: -1px;
}
#contact-form .input .input-helper i {
font-size: 17px;
position: absolute;
top: 7px;
width: 100%;
text-align: center;
}
#contact-form .input input[type=text] {
border: none;
padding-top: 5px;
outline: none;
width: 100%;
color: #858585;
}
#contact-form button[name=send] {
float: right;
outline: none;
}
#contact-form .map-box {
width: 100%;
height: 650px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#contact-form .contact-form-thanks {
text-align: center;
color: #3b9f3b;
font-weight: 600;
font-size: 15px;
padding: 70px 0;
display: none;
}
@media (min-width: 600px) and (max-width: 849px) {
#contact-form .map-box {
height: 1000px;
}
#contact-form #contact-form-section-form {
position: absolute;
background: #fbfbfb;
width: 70%;
padding: 40px;
border: 1px solid #cecece;
border-radius: 3px;
top: 450px;
}
}
@media (max-width: 599px) {
#contact-form .map-box {
height: 1000px;
position: relative;
}
#contact-form #contact-form-section-form {
position: absolute;
background: #fbfbfb;
padding: 40px;
border: 1px solid #cecece;
border-radius: 3px;
left: 10px;
top: 460px;
}
}
.twitter-box {
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1);
width: 275px;
}
@media (max-width: 599px) {
.twitter-box { width: 100%; }
}
.twitter-box a {
color: #69a5dc;
}
.twitter-box .twitter-header-border {
border: 1px solid #5994cb;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
}
.twitter-box .twitter-box-header {
padding: 10px;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
border-top: 1px solid #95c0e8;
-webkit-user-select: none;
-moz-user-select: none;
background: #69a5dc;
position: relative;
}
.twitter-box .twitter-box-header i.icon-twitter {
font-size: 20px;
color: #e3f6ff;
text-shadow: -1px -1px 0 #558fc4;
}
.twitter-box .twitter-box-header .title {
color: #fff;
font-weight: 700;
font-size: 15px;
margin-left: 8px;
position: absolute;
top: 11px;
text-shadow: -1px -1px 0 #558fc4;
}
.twitter-box .twitter-box-header .follow {
font-weight: 800;
position: absolute;
top: 7px;
right: 11px;
font-size: 18px;
}
.twitter-box .twitter-box-header .follow a {
color: #9cc9f3;
text-decoration: none;
}
.twitter-box .twitter-content-border {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.twitter-box .twitter-stats {
background: #f8f8f8;
border-bottom: 1px solid #ddd;
font-size: 0;
}
.twitter-box .twitter-stats .stat {
display: inline-block;
width: 88px;
text-align: center;
padding: 15px 0;
font-size: 0;
}
.twitter-box .twitter-stats .stat .name {
display: block;
text-transform: uppercase;
color: #ccc;
font-size: 10px;
font-weight: 700;
}
.twitter-box .twitter-stats .stat .count {
display: block;
display: block;
margin-top: 5px;
font-weight: 700;
font-size: 15px;
}
.twitter-box .tweet-content {
font-size: 13px;
padding: 20px 20px 0 20px;
line-height: 1.8em;
}
.twitter-box .tweet-time {
font-size: 13px;
padding: 20px;
line-height: 1.8em;
}
.twitter-box .tweet-time i {
margin-right: 7px;
color: #ddd;
}
footer {
position: absolute;
right: 0;
bottom: 70px;
font-size: 13px;
color: #aaa;
}
#appointment-popup {
display: none;
}
#appointment-popup .appointment-popup-background {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #1b1b1b;
z-index: 5001;
opacity: 0;
}
#appointment-popup .appointment-popup-content {
position: fixed;
width: 500px;
background: #fff;
top: 50%;
margin-top: -300px;
left: 50%;
margin-left: -250px;
z-index: 99999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}
#appointment-popup .appointment-popup-content .appointment-header {
position: relative;
}
#appointment-popup .appointment-popup-content .appointment-header .h3-box {
padding: 40px 40px 10px 40px;
}
#appointment-popup .appointment-popup-content .appointment-header .h3-box h3 {
font-size: 22px;
}
#appointment-popup .appointment-popup-content .appointment-header #close-popup {
position: absolute; 
top: 45px;
right: 38px;
font-size: 16px;
cursor: pointer;
color: #ccc;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#appointment-popup .appointment-popup-content .appointment-form {
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
position: relative;
}
#appointment-popup .appointment-popup-content .appointment-form form {
margin: 20px 40px 40px 40px;
}
#appointment-popup .appointment-popup-content .appointment-form input[type=text],
#appointment-popup .appointment-popup-content .appointment-form textarea {
font-size: 13px;
padding: 5px 12px;
height: 25px;
outline: none;
display: block;
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #cdcdcd;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
background: #fff;
color: #858585;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media (min-width: 600px) {
#appointment-popup .appointment-popup-content .appointment-form input[type=text] { width: 359px; }
#appointment-popup .appointment-popup-content .appointment-form textarea { width: 394px }  
}
#appointment-popup .appointment-popup-content .appointment-form textarea {
padding: 12px;
height: 100px;
resize: none;
}
#appointment-popup .appointment-popup-content .appointment-form input[type=text].error,
#appointment-popup .appointment-popup-content .appointment-form textarea.error {
border: 1px solid #e74c3c;
}
#appointment-popup .appointment-popup-content .appointment-form .input {
position: relative;
}
#appointment-popup .appointment-popup-content .appointment-form .input .input-helper {
width: 35px;
height: 34px;
float: left;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
position: relative;
margin-top: 1px;
}
#appointment-popup .appointment-popup-content .appointment-form .input .input-helper i {
font-size: 17px;
position: absolute;
top: 7px;
width: 100%;
text-align: center;
}
#appointment-popup .appointment-popup-content .appointment-form .input input[type=text] {
float: right;
border-left: none;
-webkit-border-top-left-radius: 0;
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
}
#appointment-popup .appointment-popup-content .appointment-form .input .approximate-time {
cursor: text;
}
#appointment-popup .appointment-popup-content .appointment-form .input .approximate-time-box {
position: absolute;
width: 190px;
background: #fff;       
z-index: 99999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 0;
box-shadow: 0 0 6px rgba( 0, 0, 0, 0.2 );
padding: 7px;
display: none;
-webkit-user-select: none;
-moz-user-select: none;
}   
#appointment-popup .appointment-popup-content .appointment-form .input .approximate-time-box .approximate-time-box-arrow {
width: 7px;
height: 7px;
background: #fff;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
top: -5px;
left: 13px;
}
#appointment-popup .appointment-popup-content .appointment-form .input .approximate-time-box .element {
display: inline-block;
width: 63px;
margin-left: -4px;
}
#appointment-popup .appointment-popup-content .appointment-form .input .approximate-time-box.approximate-time-box-24h .element {
width: 95px !important;
}
#appointment-popup .appointment-popup-content .appointment-form .input .approximate-time-box .element.element-first {
margin-left: 0;
}
#appointment-popup .appointment-popup-content .appointment-form .input .approximate-time-box .element i,
#appointment-popup .appointment-popup-content .appointment-form .input .approximate-time-box .element span {
display: block;
text-align: center;
}
#appointment-popup .appointment-popup-content .appointment-form .input .approximate-time-box .element i {
font-size: 13px;
padding: 10px 0;
cursor: pointer;
}
#appointment-popup .appointment-popup-content .appointment-form .input .approximate-time-box .element span {
background: #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 3px;
padding: 10px 0;
font-size: 15px;
color: #777;
}
#appointment-popup .thanks {
text-align: center;
color: #3b9f3b;
font-weight: 600;
font-size: 15px;
padding: 70px 0;
display: none;
}
#appointment-popup .appointment-popup-content .appointment-form input[type=submit] {
float: right;
}
@media (min-width: 600px) and (max-width: 849px) {
#appointment-popup .appointment-popup-content {
position: absolute;
top: 20px;
margin-top: 0;
left: 50%;
margin-left: -250px;
}    
}
@media (max-width: 599px) {
#appointment-popup .appointment-popup-content {
width: 100%;
margin-left: 0;
left: 0;
margin-top: 0;
top: 0;
border-radius: 0;
position: absolute;
}
}
#gallery-popup {
display: none;
}
#gallery-popup .gallery-popup-background {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #1b1b1b;
z-index: 5001;
opacity: 0;
}
#gallery-popup .gallery-popup-content {
position: fixed;
background-size: cover;
top: 50%;
left: 50%;
z-index: 99999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}
#gallery-popup .gallery-popup-content .gallery-popup-prev-image {
height: 100px;
width: 40px;
background: red;
position: absolute;
left: 0;
top: 50%;
margin-top: -50px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
cursor: pointer;
background: #fff;
opacity: 0.1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-user-select: none;
-moz-user-select: none;
}
#gallery-popup .gallery-popup-content .gallery-popup-next-image {
height: 100px;
width: 40px;
background: red;
position: absolute;
right: 0;
top: 50%;
margin-top: -50px;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
cursor: pointer;
background: #fff;
opacity: 0.1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-user-select: none;
-moz-user-select: none;
}
#gallery-popup .gallery-popup-content .gallery-popup-prev-image i {
position: absolute;
font-size: 40px;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -13px;
}
#gallery-popup .gallery-popup-content .gallery-popup-next-image i {
position: absolute;
font-size: 40px;
top: 50%;
right: 50%;
margin-top: -20px;
margin-right: -13px;
}
#gallery-popup .gallery-popup-content .gallery-popup-next-image:hover,
#gallery-popup .gallery-popup-content .gallery-popup-prev-image:hover {
opacity: 0.2;
}
#gallery {
background: #fbfbfb;
padding: 100px;
}
#gallery h4 {
text-align: center;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 15px;
}
#gallery h3 {
text-align: center;   
font-size: 35px;
}
#gallery p.description {
text-align: center;
width: 450px;
margin: 15px auto;
}
#gallery .haircut-line {
width: 340px;
margin: 15px auto 0 auto;
}
#gallery .haircut-line .left-line {
height: 1px;
background: #ddd;
float: left;
width: 150px;
}
#gallery .haircut-line .right-line {
height: 1px;
background: #ddd;
float: right;
width: 150px;
}
#gallery .haircut-line i {
color: #ddd;
position: absolute;
margin-top: -8px;
left: 50%;
margin-left: -8px;
}
#gallery .gallery-filters {
margin: 70px 0 30px 0;
text-align: center;
}
#gallery .gallery-items {
font-size: 0;
width: 102%;
margin-left: -1%;
}                                                        
#gallery .gallery-item {
width: 287px;
margin: 0 1%;
display: inline-block; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px;  
background-size: cover !important;
position: relative;
}
#gallery .gallery-item .item-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px;
cursor: pointer;
}
#gallery .gallery-item .item-background .icon-box {
width: 50px;
height: 50px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
position: absolute;
top: 50%;
margin-top: -25px;
left: 50%;
margin-left: -25px;
}
#gallery .gallery-item .item-background .icon-box i {
font-size: 20px;
position: absolute;
top: 14px;
left: 15px;
}
@media (max-width: 849px) {
#gallery {
padding: 50px;
}
#gallery p.description {
width: 100%;
}
#gallery .haircut-line {
width: 100%;
}
#gallery .haircut-line .left-line,
#gallery .haircut-line .right-line {
width: 45%;
}
#gallery .gallery-item {
width: 100%;
margin: 10px 0;
display: block;
}
}
@media (max-width: 599px) {
#gallery .gallery-filters button {
width: 100%;
display: block;
margin-bottom: 5px;
}
}
#blog {
border: 1px solid #cecece;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
background: #fbfbfb;
} #blog #content {
float: left;
padding: 50px 50px 0 50px;
}
#blog #content article.blog-post {
margin-bottom: 35px;
}
#blog #content .blog-special-page-description {
margin-bottom: 35px;
} #blog #content article.blog-post .blog-post-images {
position: relative;
}
#blog #content article.blog-post .blog-post-images .blog-post-image {
width: 100%;
}
#blog #content article.blog-post .blog-post-images .image-change {
width: 30px;
height: 60px;
background: #f5f5f5;
opacity: 0.45;
position: absolute;
cursor: pointer;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
z-index: 999;
}
#blog #content article.blog-post .blog-post-images .image-change:hover {
opacity: 0.8;
}
#blog #content article.blog-post .blog-post-images .image-change-left {
top: 50%;
margin-top: -30px;
left: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
#blog #content article.blog-post .blog-post-images .image-change-right {
top: 50%;
margin-top: -30px;
right: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
#blog #content article.blog-post .blog-post-images .image-change i {
font-size: 35px;
color: #aaa;
display: block;
margin-top: 12px;
}
#blog #content article.blog-post .blog-post-images .image-change-left i { margin-left: 6px; }
#blog #content article.blog-post .blog-post-images .image-change-right i { margin-left: 11px; } #blog #content article.blog-post h2 {
margin: 20px 0;
padding: 0;
font-size: 22px;
}
#blog #content article.blog-post h2 a {
text-decoration: none;
}
#blog #content article.blog-post .desc {
margin: 15px 0 12px 0;
}
#blog #content article.blog-post .desc,
#blog #content article.blog-post .desc a {
color: #ccc;
text-decoration: none;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
font-size: 13px;
}
#blog #content article.blog-post .desc a:hover {
color: #aaa;
}
#blog #content article.blog-post .desc i {
margin-right: 7px;
}
#blog #content article.blog-post .desc span.divider {
margin: 0 5px;
}
#blog #content article.blog-post .actions {
margin-top: 15px;
padding: 20px 0;
} #blog #content article.blog-post .blog-post-content ul {
margin-top: 20px;
font-size: 13px;
line-height: 1.8;
margin-left: 18px;
list-style-type: square;
}
#blog #content article.blog-post .blog-post-content ol {
margin-top: 20px;
font-size: 13px;
line-height: 1.8;
margin-left: 18px;
}
#blog #content article.blog-post .blog-post-content ul ul,
#blog #content article.blog-post .blog-post-content ul ol,
#blog #content article.blog-post .blog-post-content ol ul,
#blog #content article.blog-post .blog-post-content ol ol {
margin-top: 0;
}
#blog #content article.blog-post .blog-post-content h3,
#blog #content article.blog-post .blog-post-content h4,
#blog #content article.blog-post .blog-post-content h5 {
margin-top: 20px;
}
#blog #content article.blog-post .blog-post-content h3 {
font-size: 20px;
}
#blog #content article.blog-post .blog-post-content table {
width: 100%;
margin-top: 20px;
border-collapse: collapse;
font-size: 13px;
text-align: center;
}                                                        
#blog #content article.blog-post .blog-post-content table td {
border: 1px solid #cecece;
padding: 15px;
} 
#blog #content article.blog-post .blog-post-content table tr:nth-child(even) td {
background: #f6f6f6;
}
#blog #content article.blog-post .blog-post-content table tr:nth-child(odd) td {
background: #f0f0f0;
} #blog #content article.blog-post .blog-post-tags {
margin-top: 30px;
font-size: 13px;
text-align: right;
}
#blog #content article.blog-post .blog-post-tags .blog-post-tags-title {
margin-right: 10px;
}
#blog #content article.blog-post .blog-post-tags .tag {
font-size: 11px;
background: #eee;
border: 1px solid #eee;
padding: 7px 13px;
display: inline-block;
margin: 0 4px 4px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
color: #888;
text-decoration: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-user-select: none;
-moz-user-select: none;
}
#blog #content article.blog-post .blog-post-tags .tag:hover {
border: 1px solid #ccc;
} #blog #content article.blog-post .blog-post-comments {
margin-top: 50px;
border-top: 1px solid #eee;
}
#blog #content article.blog-post .blog-post-comments h2 i {
margin-right: 10px;
font-size: 20px;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list {
list-style: none;
margin-top: 40px;
margin-left: 0;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list ul.children {
list-style: none;
margin-left: 60px;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-author-avatar {
float: left;
position: relative;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .bypostauthor .comment-author-avatar:before {
content: "\f005";
font-family: 'FontAwesome';
position: absolute;
top: -10px;
right: -6px;
} 
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-author-info {
position: relative;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-author-info .comment-author-name .name {
font-size: 14px;
font-weight: 700;
padding-left: 20px;
padding-top: 13px;
display: inline-block;
color: #3b3b3b;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-author-info .comment-author-name .name a {
text-decoration: none;
color: #3b3b3b;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-author-info .comment-author-name a.comment-reply-link {
display: inline-block;
margin-left: 13px;
font-size: 13px;
text-decoration: none;
color: #bbb;
background: #eee;
padding: 7px;
border-radius: 3px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-user-select: none;
-moz-user-select: none;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-author-info .comment-author-name a.comment-reply-link:hover {
color: #fff;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-author-info time {
font-size: 13px;
color: #bbb;
position: absolute;
top: 0;
right: 0;
}             
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-content {
margin-bottom: 35px;
padding-left: 60px;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-content p {
margin: 10px 0;
} #blog #content article.blog-post .blog-post-comments-reply {
margin-top: 50px;
border-top: 1px solid #eee;
position: relative;
}
#blog #content article.blog-post .blog-post-comments-reply h2 i {
margin-right: 10px;
font-size: 20px;
}          
#blog #content article.blog-post .blog-post-comments-reply .blog-post-comments-reply-form {
margin: 20px 0 50px 0;
}
#blog #content article.blog-post .blog-post-comments-reply input[type=text],
#blog #content article.blog-post .blog-post-comments-reply textarea {
font-size: 13px;
padding: 5px 12px;
height: 25px;
outline: none;
display: block;
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #cdcdcd;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
background: #fff;
color: #858585;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#blog #content article.blog-post .blog-post-comments-reply textarea {
height: 100px;
resize: none;
padding: 12px;
}
#blog #content article.blog-post .blog-post-comments-reply input[type=text].error,
#blog #content article.blog-post .blog-post-comments-reply textarea.error {
border: 1px solid #e74c3c;
}
#blog #content article.blog-post .blog-post-comments-reply .input {
position: relative;
}
#blog #content article.blog-post .blog-post-comments-reply .input .input-helper {
width: 35px;
height: 34px;
float: left;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
position: relative;
margin-top: 1px;
}
#blog #content article.blog-post .blog-post-comments-reply .input .input-helper i {
font-size: 17px;
position: absolute;
top: 7px;
width: 100%;
text-align: center;
}
#blog #content article.blog-post .blog-post-comments-reply .input input[type=text] {
float: right;
border-left: none;
-webkit-border-top-left-radius: 0;
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
}
#blog #content article.blog-post .blog-post-comments-reply button[name=send] {
float: right;
outline: none;
}  
#cancel-comment-reply-link {
position: absolute;
font-size: 13px;
text-decoration: none;
color: #bbb;
background: #eee;
padding: 7px;
border-radius: 3px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-user-select: none;
-moz-user-select: none;
top: 17px;
right: 0;
}   
#cancel-comment-reply-link:hover {
color: #fff;
} #blog #sidebar {
float: right;
padding: 50px 50px 0 0;
}
#blog #sidebar .widget {
margin-bottom: 40px;
}
#blog #sidebar .widget h3 {
font-size: 17px;
}
#blog #sidebar .widget h3 a {
text-decoration: none;
color: #3b3b3b;
}
#blog #sidebar .widget .header-line {
margin-bottom: 15px;
}
#blog #sidebar .widget ul {
list-style: none;
font-size: 13px;
margin: 0;
}
#blog #sidebar .widget ul li {
line-height: 1.7em;
}
#blog #sidebar .widget .tagcloud {
font-size: 0;
}
#blog #sidebar .widget .tagcloud a {
font-size: 11px !important;
background: #eee;
border: 1px solid #eee;
padding: 7px 13px;
display: inline-block;
margin: 0 4px 4px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
color: #888;
text-decoration: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-user-select: none;
-moz-user-select: none;
}
#blog #sidebar .widget .tagcloud a:hover {
border: 1px solid #ccc;
}
#blog #sidebar .widget .small-posts-list .single-post {
font-size: 13px;
margin-bottom: 15px;
position: relative;
}
#blog #sidebar .widget .small-posts-list .single-post .title {
width: 70%;
display: block;
}
#blog #sidebar .widget .small-posts-list .single-post .when {
display: block;
color: #888;
margin-top: 10px;
}
#blog #sidebar .widget .small-posts-list .single-post .value {
position: absolute;
top: -6px;
right: 0;
color: #ddd;
font-size: 28px;
font-weight: 600;
}
#blog #sidebar .widget strong {
font-weight: 600;
}
#blog #sidebar .widget .rss-date {
color: #bbb;
text-align: right;
display: block;
margin-bottom: 10px;
}
#blog #sidebar .widget cite {
margin-bottom: 15px;
display: block;
text-align: right;
}
#blog #sidebar .widget .rsswidget img {
width: 14px;
height: 14px;
}
#blog #sidebar .widget img {
width: 100%;
height: auto;
}
#blog #sidebar #wp-calendar {
width: 100%;
border-collapse: collapse;
}
#blog #sidebar #wp-calendar caption {
padding: 10px 0;
font-size: 15px;
font-weight: 600;
}
#blog #sidebar #wp-calendar thead tr th {
font-weight: 400;
font-size: 13px;
padding: 6px;
}
#wp-calendar tbody td {
font-size: 13px;
text-align: center;
border: 1px solid #eee;
padding: 6px;
}
#wp-calendar tbody td a {
text-decoration: none;
}
#blog #sidebar .widget select {
font-size: 13px;
outline: none;
display: block;
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #cdcdcd;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
background: #fff;
color: #858585;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
width: 224px;
padding: 9px;
}
#searchform input#search-form {
font-size: 13px;
padding: 5px 12px;
height: 25px;
outline: none;
display: block;
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #cdcdcd;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
background: #fff;
color: #858585;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
width: 200px;
}
@media (min-width: 850px) and (max-width: 1149px) {
#searchform input#search-form {
width: 125px;
}
#blog #sidebar .widget select {
width: 150px;
}
} #blog #blog-pagination {
margin-bottom: 40px;
}
#blog #blog-pagination p.left { float: left; }
#blog #blog-pagination p.right { float: right; }
#blog #blog-pagination p.left,
#blog #blog-pagination p.right {
margin: 0;
}
#blog #blog-pagination p.left a,
#blog #blog-pagination p.right a {
color: #3b3b3b;
font-weight: 700;
text-decoration: none;
} @media (min-width: 1150px) {
#blog #content {
width: 724px;
}
#blog #sidebar {
width: 224px;
}
}
@media (min-width: 850px) and (max-width: 1149px) {
#blog #content {
width: 499px;
}
#blog #sidebar {
width: 149px;
}
}
@media (min-width: 600px) and (max-width: 849px) {
#blog #content {
padding: 50px;
float: none;
}
#blog #sidebar {
padding: 0 50px;
float: none;
}
#blog #blog-pagination {
margin-bottom: 0;
}
}
@media (max-width: 599px) {
#blog #content {
padding: 50px;
float: none;
}
#blog #sidebar {
padding: 0 50px;
float: none;
}
#blog #blog-pagination {
margin-bottom: 0;
}
#blog #blog-pagination p.left,
#blog #blog-pagination p.right {
float: none;
text-align: center;
}
#blog .blog-post .desc .element {
display: block;
margin: 6px 0;
}
#blog .blog-post .desc .divider {
display: none;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-author-info time {
display: none;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-content {
padding-left: 0;
margin-top: 40px;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .children {
margin-left: 0 !important;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-author-info .comment-author-name a.url {
padding-top: 0;
}
#blog #content article.blog-post .blog-post-comments ol.comments-list .comment-author-info .comment-author-name a.comment-reply-link {
position: absolute;
left: 60px;
margin-left: 0;
margin-top: 22px;
font-size: 11px;
padding: 4px;
}
} .next-page-links {
margin-top: 30px;
text-align: center;
font-size: 13px;
}
.next-page-links .single-link {
color: #313131;
padding: 7px 15px;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: 700;
}
.next-page-links a .single-link {
text-decoration: none;
background: #eee;
font-weight: 400;
border: 1px solid #eee;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.next-page-links a .single-link:hover {
border: 1px solid #ccc;
} .paginate-comments-links {
font-size: 13px;
text-align: center;
}
.paginate-comments-links a.page-numbers {
text-decoration: none;
background: #eee;
font-weight: 400;
border: 1px solid #eee;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
color: #313131;
padding: 7px 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.paginate-comments-links span.page-numbers.current {
color: #313131;
padding: 7px 15px;
font-weight: 700;
}
.custom-html-white {
background: #fff;
}
.custom-html-gray {
background: #fbfbfb;
}
#not-found {
border: 1px solid #cecece;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
background: #fbfbfb;
padding: 50px;
}
#not-found p {
text-align: center;
font-size: 25px;
color: #ccc;
padding: 0 50px;
margin-top: 0;
}
#not-found p.space {
margin-top: 50px;
}
#not-found #searchform input#search-form {
margin: 35px auto;
width: 400px;
}
@media (max-width: 599px) {
#not-found p {
padding: 0 0;
}
#not-found #searchform input#search-form {
width: 200px;
}
}
#standard-page {
border: 1px solid #cecece;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
background: #fbfbfb;
padding: 50px;
min-height: 300px;
}
section.address {
background: #fff;
position: relative;
padding: 50px;
}
section.address h4 {
font-size: 25px;
font-weight: 600;
}
section.address p span {
font-size: 16px;
font-weight: 600;
}
section.address .facebook h4 {
margin-bottom: 20px;
font-size: 20px;
} 
@media (min-width: 1150px) {
section.address .contact-data {
float: left;
width: 490px;
}
section.address .facebook {
float: right;
width: 490px;
}
}
@media (min-width: 850px) and (max-width: 1149px) {
section.address .contact-data {
float: left;
width: 340px;
}
section.address .facebook {
float: right;
width: 340px;
}
section.address .facebook .fb-follow,
section.address .facebook .fb-follow span,
section.address .facebook .fb-follow span iframe {
width: 340px !important;
}
}
@media (min-width: 600px) and (max-width: 849px) {
section.address .contact-data {
float: none;
width: auto;
}
section.address .facebook {
float: none;
width: auto;
margin-top: 30px;
}
}
@media (max-width: 599px) {
section.address .contact-data {
float: none;
width: auto;
}
section.address .facebook {
float: none;
width: auto;
margin-top: 30px;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}
} * {
margin: 0;
padding: 0;
font-family: 'Raleway';
}
body {
background: #eee;
color: #3b3b3b;
}
.clear {
clear: both;
display: block;
}
a {
cursor: pointer;
}
a, img {
border: none;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}