body {
padding: 0 3rem;
}
.l-main-h, .l-titlebar-h {
max-width:90% !important;
}
.l-main {
background: url(//seebeautiful.gr/wp-content/uploads/2018/10/bg.png) no-repeat;
padding:60px 0;
}
.l-subheader.at_middle {
box-shadow: 0 0 0 0 !important;
}
.l-titlebar .g-breadcrumbs{
font-size:0.8rem !important;
width: 100%;
}
.header_hor .l-header.pos_fixed {
padding: 0 2rem !important;
}
span.w-nav-title {
font-size: 20px;
letter-spacing: 1px;
}
.top-home .l-section-img{
background-size: 50% !important;
background-position:top left !important;
}
.top-about .l-section-img {
background-size: 1200px !important;
background-position: left -220px !important;
}
.top-contact .l-section-img {
background-size: 1200px !important;
background-position: left -180px !important;
}
.top-home {
min-height:800px;
}
.top-about, .top-contact {
min-height:300px;
}
.top-home::before, .top-about::before, .top-contact::before {
background-color: #000;
content: '';
position: absolute;
right: 0;
width: 80%;
height: 700px;
animation: 1s ease-out 0s 1 slideInFromLeft;
}
.w-btn, .button, .l-body .cl-btn, .l-body .ubtn, .l-body .ultb3-btn, .l-body .btn-modal, .l-body .flip-box-wrap .flip_link a, .rev_slider a.w-btn, .tribe-events-button, button[type="submit"], input[type="submit"] {
border-radius: 0 !important;
}
.read-more-top {
margin-right:50px;
}
.banner-home img {
-webkit-filter: grayscale(100%); filter: grayscale(100%);
transition:filter 0.5s;
}
.banner-home img:hover {
-webkit-filter: grayscale(0); filter: grayscale(0);
}
.banner-home .g-cols.type_default>div>.vc_column-inner {
padding: 0;
}
.banner-home h2 {
z-index:3 !important;
top: -40px;
position: relative;
left: 60px;
}
.banner-home .vc_column-inner {
padding:0 !important;
}
.banner-home .w-image-h {
z-index:2 !important;
}
.yawp_wim_wrap ul li {
list-style-position:outside;
padding-left:0; 
}
.yawp_wim_wrap ul li {
list-style-position:outside;
} .yawp_wim_wrap a {
line-height: 30px !important;
width:400px !important;
padding: 0 !important;
padding-left:10px;
padding-bottom:10px;
color:#fff !important;
}
.level_2 .w-nav-title {
color:#fff;
}
.w-nav.type_desktop .menu-item[class*="columns"] .menu-item-has-children .w-nav-anchor.level_2 {
font-weight: normal !important;
background: none !important;
color:#000 !important;
margin-left: 25px !important;
}
ul.w-nav-list.level_2 {
border-right: 1px solid #000 !important;
}
@keyframes slideInFromLeft {
0% {
width: 0;
background-color: #fff;
}
30% {
width: 0;
background-color: #fff;
}
100% {
width: 80%;
background-color: #000;
opacity: 1;
}
}
.scroll-link {
transform: rotate(-90deg);
position: absolute;
left: 8%;
font-size: 30px;
top:-30%;
}
.scroll-arrow {
position: absolute;
left: 8.4%;
font-size: 30px;
top:-15%;
}
.text-about .g-cols.type_default>div>.vc_column-inner {
padding-left: 0;
padding-right: 0;
}
.text-about .w-image.align_right {
margin-left: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
font-weight: normal;
}
a.g-breadcrumbs-item {
text-transform: uppercase;
}
h3.widgettitle {
font-size: 2em;
}
@media (max-width:900px) {
body {
padding: 0 2rem;
}
.top-home .l-section-img {
background-size: 100% !important;
background-position: top left !important;
}
.top-home::before, .top-about::before, .top-contact::before {
background-color: #000;
content: '';
position: absolute;
right: 0;
width: 100% !important;
height: 400px !important;
animation: 1s ease-out 0s 1 slideInFromLeft;
}
.w-image.align_center.vc_custom_1538043005202 {
display:none;
}
.mobile-links {
text-align: center;
}
ul.w-nav-list.level_1.hover_simple {
background: #000 !important;
}
ul.w-nav-list.level_1.hover_simple a {
color:#fff !important;
}
}