* {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
}
body {
overflow-x: hidden;
font-family: Roboto, sans-serif;
font-size: 16px;
}
a {
text-decoration: none;
}
p {
margin-bottom: 10px;
}
span {
color: inherit;
letter-spacing: inherit;
font-weight: inherit;
}
ul {
list-style-position: outside;
margin-left: 20px;
line-height: 22px;
}
img {
max-width: 100%;
}
.clearfix:after {
content: '';
display: block;
clear: both;
}
li.widget {
list-style: none;
margin-bottom: 20px;
} .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;
}
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;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }  .widgettitle {
margin-bottom: 10px;
}
.widget_archive ul {
list-style: none;
}
.widget_archive ul li {
margin-bottom: 5px;
}  .vc_row {
margin-left: 0!important;
margin-right: 0!important;
}
.container {
max-width: 1280px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.no-top-padding {
padding-top: 0!important;
}
.half {
width: 50%;
float: left;
box-sizing: border-box;
}
.half:first-of-type {
padding-right: 1%;
}
.half:last-of-type {
padding-left: 1%;
}
.third {
width: 33.33%;
float: left;
box-sizing: border-box;
position: relative;
}
.two-third {
width: 66.66%;
float: left;
box-sizing: border-box;
}
.third:first-of-type {
padding-right: 1%;
}
.third:last-of-type {
padding-left: 1%;
}
.quarter {
width: 25%;
float: left;
box-sizing: border-box;
}
.three-quarter {
width: 75%;
float: left;
box-sizing: border-box;
}
.three-quarter:first-of-type {
padding-right: 3%;
}
.vc_column_container:first-of-type >.vc_column-inner{
padding-left: 0!important;
}
.vc_column_container:last-of-type >.vc_column-inner {
padding-right: 0!important;
}
.title-line {
width: 100px;
height: 4px;
margin-right: 0;
margin-left: auto;
margin-bottom: 15px;
background-color: #fff;
}
.title-line.left {
margin-right: auto;
margin-left: 0;
}
.title-line.center {
margin-left: auto;
margin-right: auto;
}  .rb-social {
float: right;
}
.rb-social a {
padding: 0 10px;
transition: 300ms;
}
.to-top-button {
position: fixed;
bottom: 15px;
right: 20px;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
transform: translateY( 100px );
transition: 200ms;
z-index: 999999;
cursor: pointer;
}
.to-top-button i {
font-size: 18px;
transition: 300ms;
}
.to-top-button:hover i {
transform: translateY( -5px );
}   .archive-container {
padding-top: 50px;
padding-bottom: 50px;
}  .single-container {
padding-top: 50px;
padding-bottom: 50px;
}
.single-image {
margin-bottom: 30px;
}
.single-image img {
max-width: 100%;
max-height: 300px;
width: auto;
}    .container.page-container {
padding-top: 20px;
}
.page-title {
padding: 15px 0;
background-color: #333333;
position: relative;
}
.page-title h1 {
margin-bottom: 0;
color: #fff;
}  .rb-lightbox {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 999;
opacity: 0;
pointer-events: none;
transition: 300ms;
}
.rb-lightbox .background {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(39, 34, 34, 0.76);
}
.rb-lightbox .close {
position: absolute;
top: 5%;
right: 5%;
width: 50px;
height: 50px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.rb-lightbox .close i {
font-size: 32px;
line-height: 50px;
}
.rb-lightbox img {
position: absolute;
top: 50%;
left: 50%;
transform: translateX( -50% ) translateY( -50% );
-webkit-transform: translateX( -50% ) translateY( -50% );
max-height: 100%;
max-width: 95%;
width: auto;
height: auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: 300ms;
}
.rb-lightbox.show {
opacity: 1;
pointer-events: auto;
}
.left-button,
.right-button {
position: absolute;
top: 50%;
transform: translateY( -50% );
background-color: rgba(0, 0, 0, 0.3);
height: 450px;
width: 200px;
text-align: center;
line-height: 450px;
font-size: 50px;
color: #fff;
transition: 300ms;
}
.left-button i,
.right-button i {
transition: 300ms;
}
.left-button:hover,
.right-button:hover {
background-color: rgba(0, 0, 0, 0.6);
cursor: pointer;
}
.left-button:hover i {
transform: translateX( -10px );
}
.right-button:hover i {
transform: translateX( 10px );
}
.left-button {
left: 50px;
}
.right-button {
right: 78px;
}
@media screen and ( max-width: 1680px ) {
.left-button {
left: auto;
right: 50%;
bottom: 0;
top: auto;
transform: translateY( 0 );
height: 200px;
line-height: 200px;
}
.right-button {
right: auto;
left: 50%;
bottom: 0;
top: auto;
transform: translateY( 0 );
height: 200px;
line-height: 200px;
}
} .pre-footer {
transition: background-position 0ms linear;
} .rb-post-slider {
width: 100%;
overflow: hidden;
}
.rb-post-slider .rb-post-slider-inner {
width: 100%;
position: relative;
}
.rb-post-slider-slides {
position: absolute;
height: 100%;
}
.rb-post-slider-slides:after {
content: '';
display: block;
clear: both;
}
.rb-post-slider-slide {
float: left;
padding: 0 150px;
box-sizing: border-box;
height: 100%;
position: relative;
}
.rb-post-slider-left,
.rb-post-slider-right {
position: absolute;
top: 0;
height: 100%;
width: 100px;
text-align: center;
}
.rb-post-slider-left i,
.rb-post-slider-right i {
font-size: 36px;
color: #fff;
}
.rb-post-slider-left:hover,
.rb-post-slider-right:hover {
cursor: pointer;
}
.rb-post-slider-left i,
.rb-post-slider-right i {
transition: 200ms;
}
.rb-post-slider-left {
left: 0;
}
.rb-post-slider-right {
right: 0;
}
.rb-post-slider-left:hover i {
transform: translateX( -10px );
}
.rb-post-slider-right:hover i {
transform: translateX( 10px );
}
.rb-post-slider-content {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateX( -50% ) translateY( -50% );
}
.rb-post-slider-content img {
margin-bottom: 10px;
}
.rb-post-slider-content h3 {
margin-top: 10px;
}
.rb-post-slider-speech-mark i {
font-size: 60px;
margin-bottom: 25px;
color: #fff;
} .rb-social a:hover .fa-facebook { color: #3b5998; }
.rb-social a:hover .fa-twitter { color: #1da1f2; }
.rb-social a:hover .fa-google-plus { color: #dd4b39; }
.rb-social a:hover .fa-youtube { color: #ff0000; }
.rb-social a:hover .fa-instagram { color: #e1306c; }
.rb-social a:hover .fa-linkedin { color: #0077b5; } .rb-search {
width: 50px;
float: right;
text-align: center;
color: #fff ;
position: relative;
cursor: pointer;
}
.rb-search-bar {
position: absolute;
top: 0;
right: 0;
width: 250px;
text-align: left;
opacity: 0;
pointer-events: none;
transition: 100ms;
}
.rb-search-bar.show {
opacity: 1;
pointer-events: all;
}
.rb-search-bar form input {
width: 186px;
height: 37px;
padding: 0 5px;
border: none;
}
.rb-search-bar form button {
width: 50px;
height: 37px;
box-sizing: border-box;
border: none;
transition: 100ms;
cursor: pointer;
} .rb-button {
padding: 10px 15px;
margin: 10px 0;
text-align: center;
border-radius: 5px;
width: fit-content;
transition: 200ms;
display: block;
}
.rb-button.center {
margin-left: auto;
margin-right: auto;
}
.rb-button.right {
margin-left: auto;
margin-right: 0;
}
.rb-parallax-row {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.vc_row[data-vc-full-width="true"] .wpb_column .vc_column-inner .wpb_wrapper .rb-parallax-row {
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
.main-footer .container .half .rb-social a {
background-color: transparent!important;
}
ul.sub-menu .menu-item ul.sub-menu {
left: 100%;
top: 0;
opacity: 0!important;
pointer-events: none!important;
}
ul.sub-menu .menu-item:hover ul.sub-menu {
opacity: 1!important;
pointer-events: auto!important;
} .rb-sidebar-search-bar form input[type="text"] {
height: 30px;
padding: 10px;
box-sizing: border-box;
border: none;
}
.rb-sidebar-search-bar form button {
width: 30px;
height: 30px;
border: none;
transition: 100ms;
} .rb-image-gallery:after {
content: "";
display: block;
clear: both;
}
.rb-image-gallery .image-block {
position: relative;
width: 24.25%;
height: 250px;
margin-right: 1%;
margin-bottom: 10px;
float: left;
background-size: cover;
background-position: center center;
}
.rb-image-gallery a:nth-of-type(4n) .image-block {
margin-right: 0;
}
.rb-image-gallery .image-block .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba( 1,1,1,.5 );
opacity: 0;
transition: 300ms;
}
.rb-image-gallery .image-block:hover .overlay {
opacity: 1;
}
.rb-image-gallery .image-block .overlay i {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 32px;
color: #fff;
transition: 200ms ease-in;
}
.rb-image-gallery .image-block .overlay i:hover {
font-size: 36px;
}
.rb-lightbox .navigation {
display: none;
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
}
.rb-lightbox .navigation.show {
display: block;
}
.rb-lightbox .navigation .left {
margin-right: 15px;
}
.rb-lightbox .navigation .left,
.rb-lightbox .navigation .right {
width: 75px;
height: 50px;
float: left;
text-align: center;
background-color: rgba( 0, 0, 0, .4 );
color: #fff;
cursor: pointer;
}
.rb-lightbox .navigation .left i,
.rb-lightbox .navigation .right i {
transition: 200ms;
font-size: 26px;
line-height: 50px;
}
.rb-lightbox .navigation .left:hover i {
transform: translateX(-10px);
}
.rb-lightbox .navigation .right:hover i {
transform: translateX(10px);
}
@media screen and ( max-width: 1000px ) {
.rb-image-gallery .image-block {
width: 49.5%;
}
.rb-image-gallery a:nth-of-type(2n) .image-block {
margin-right: 0%;
}
}
@media screen and ( max-width: 800px ) {
.rb-image-gallery .image-block {
width: 100%;
margin-right: 0%;
}
}