/* start global */
.xmlhead{
padding-top: 155px;
}
.wow {
visibility: hidden;
}
a{
color: #fff;
}
.alternativebody{
background-color: #ece1da;
}
.ontop p{
text-align: center;
}
.goportal{
text-align: center;
padding: 0!important;
color:#3b5b86!important;
text-transform: uppercase!important;
}
.goportal:hover{
box-shadow: none !important;
}
.ontop {
position: fixed;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
z-index: 9999;
background: rgba(0, 0, 0, 0.47);
align-items: center;
}
.ontop > div {
background: #fff;
max-width: 800px;
padding: 0px 41px;
border-radius: 26px;
}
.ontop h2 {
text-align: center;
text-transform: uppercase;
color: #1b4073;
font-weight: 700;
letter-spacing: 2px;
font-size: 34px;
}
.cvbt{
color: #000;
font-weight: 900;
margin: 7px 0;
display: block;
}
.gt-lang-code{
display: none!important;
}
.gt_float_switcher img {
width: 20px!important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
padding: 5px 9px!important;
}
#gt_float_wrapper{
top: 15px!important;
right: 15px!important;
}
#chceck1-info{
margin-bottom: 2rem;
padding-left: 26px;
}
.margin-left-6p{
margin-left: 6%!important;
}
.fbform label b{
text-transform: uppercase;
}
label b{
display: block;
}
.fbform label{
line-height: 5px;
}
.fbform input{
margin-top: 4px !important;
margin-bottom: 14px !important;
}
.infoforum b{
display: block;
text-transform: uppercase;
}
.bluebtm{
background-color: #1b4073 !important;
width: 55%!important;
}
.langbt{
position: relative;
top: 17px;
}
.flagicon{
width: 16px;
}
.mobilsend{
position: fixed;
bottom: 13px;
display: none;
width: 75%;
right: 20px;
z-index: 1000;
}
.mbt{
background: #FF8F00;
padding: 20px;
color: #fff;
text-align: center;
border-radius: 6px;
text-transform: uppercase;
letter-spacing: 1px;
width: 44%;
padding-top: 10px;
padding-bottom: 9px;
display: inline-block;
}
.roundbt{
border-radius: 10px;
border: 1px solid #fff;
padding: 10px 20px;
display: inline-block;
margin-top: 30px;
text-transform: uppercase;
}
#whatwedo{
width: 100%;
margin-bottom: 6%;
display: inline-block;
}
#worklist li{
position: relative;
}
#worklist ul{
padding-left: 14px;
}
#worklist li::before{
content: " ";
width: 6px;
height: 6px;
border-radius: 10px;
background: #ff6501;
position: absolute;
left: -12px;
top: 8px;
}
.slider a{
background-color: red;
}
#whatwedo ul{
padding: 0;
margin: 0;
}
#whatwedo h3 {
text-align: center;
font-size: 1.2rem;
font-weight: 900;
padding: 0 10%;
color: #6a526c;
margin-top: 10px;
}
#whatwedo li:hover > div{
opacity: 1;
}
#whatwedo li:hover{
top:-3rem;
}
.pinfo{
text-transform: uppercase;
letter-spacing: 1px;
font-size: 18px;
display: block;
border-top: 1px solid #1b4073;
padding-top: 23px;
margin-top: 53px;
}
.bluelink{
color:#1b4073!important;
text-transform: uppercase;
}
.bluelink:hover{
opacity: 0.6;
}
.pinfo a{
color: #FFF!important;
border-radius: 9px;
background: #1b4073;
padding: 8px 15px;
font-size: 12px;
position: relative;
top: -2px;
margin-left: 10px;
}
.pinfo a:hover{
opacity: 0.6;
}
.standard h4 {
font-size: 1rem;
}
.standard hr{
border: 0;
width: 8%;
height: 3px;
background-color: #69516d;
margin: 1px 0px;
}
.addinfo {
font-size: 0.8rem;
line-height: 1.4rem;
color: #7b7b7b;
}
.standard h3 {
font-size: 1.3rem;
font-weight: 400;
text-align: left;
letter-spacing: 1px;
color: #69516d;
padding: 1% 0 1%;
margin: 0;
text-transform: uppercase;
}
.standard ul {
}
.standard li:before{
content: "- ";
color: #69516d;
position: absolute;
top: 0;
left: 0;
font-weight: 800;
}
.standard li{
padding-left: 10px;
position: relative;
}
#whatwedo h2 {
font-size: 1.3rem;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
color: #69516d;
padding: 6% 0 5%;
margin: 0;
text-transform: uppercase;
}
#whatwedo li{
float: left;
width: 14.28%;
position: relative;
transition: all 0.5s ease;
top: 0rem;
margin: 0;
padding: 0;
}
#galleryStatic{
margin-top: 6rem;
}
#galleryStatic li{
display: inline-block;
width: 29%;
margin: 1%;
}
#galleryStatic img{
width: 100%;
}
#whatwedo li div{
position: absolute;
z-index: 1;
bottom: -13%;
transition: all 2s ease;
opacity: 0;
width: 100%;
}
#whatwedo hr {
border: 0;
width: 2px;
height: 100px;
background-color: #553e59;
margin: 0 auto;
}
#whatwedo img{
width: 100%;
}
#teamabout{
background-image: url('../img/other/team_bg.jpg');
background-position: top right;
background-repeat: no-repeat;
background-size: auto 100%;
background-color: #69516d;
color: #fff;
padding: 5% 0px;
}
#selectworkofert li::before{
display: none!important;
}
#workoffertview #selectworkofert {
margin-top: 30px;
}
#workoffertview #selectworkofert a{
text-decoration: none!important;
}
#workoffertview #selectworkofert h3{
color: #fff;
margin: 11px 0;
}
#workoffertview #selectworkofert li{
padding: 0px;
}
#selectworkofert .moreinfo li:first-child{
margin-bottom: 10px;
}
.blackcolor{
color: #7E829E!important;
text-transform: uppercase;
}
.readmore {
border: 2px solid #fff;
padding: 0.8rem 2.6rem;
text-transform: uppercase;
font-size: 0.8rem;
}
#teamabout a{
padding: 0.8rem 2.6rem;
cursor: pointer;
}
#team li{
text-align: center;
display: inline-block;
vertical-align: top;
}
#team hr{
border: 0;
height: 4px;
width: 16%;
background-color: #553e59;
}
#team h3{
font-size: 1.1rem;
margin-top: 2.5rem;
text-transform: uppercase;
}
#team li img{
border-radius: 1000px;
width: 100%;
max-width: 280px
}
#team{
display: grid;
margin: 80px 0;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 40px;
}
#team a{
display: block;
color: #234372 !important;
font-weight: 800;
margin-bottom: 4px;
letter-spacing: 1px;
opacity: 1;
transition: all 300ms;
}
#team a:hover{
opacity: 0.6;
}
.fadegradient{
mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1), transparent 95%);
}
#teamabout h2{
font-size: 1.4rem;
margin-bottom: 2rem;
}
.btgeneral{
display: inline-block;
margin:0 auto;
color: #000;
outline: 1px solid #eecd70;
padding: 0.4rem 1rem;
text-transform: uppercase;
font-size: 1.3rem;
}
.contactp{
font-size: 13px;
line-height: 18px;
}
.containervideo {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.containervideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.lineblock{
display: inline-block;
}
.ovhiden {
overflow: hidden;
}
.mb4vw{
margin-bottom: 4vw;
}
.scroll{
overflow-y: hidden;
}
body {
background-color: #fff;
overflow-x: hidden;
scroll-behavior: smooth;
}
nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
display: inline-block!important;
}
.margin01p{
margin: 0 1%;
}
.roundc{
border-radius: 900px;
}
.bgcover{
background-size: cover!important;
background-position: center!important;
}
#blogindex p{
word-break: break-all;
}
.boxsearch {
flex-grow: 4;
}
.firstrow{
display: flex;
gap: 20px;
}
.btpost{
border: 1px solid #3e4044;
padding: 13px 48px;
display: block;
background: none;
color: #3e4044;
border-radius: 0px;
font-weight: 300;
letter-spacing: 1px;
font-size: 13px;
text-transform: uppercase;
display: inline-block;
}
.input-row input {
border-bottom: 1px solid #69516D !important;
color: #000 !important;
padding-left: 10px !important;
font-weight: 300 !important;
width: 95% !important;
padding-right: 10px !important;
display: inline-block;
border-right: 0px!important;
border-top: 0px!important;
border-left: 0px!important;
}
.menualter{
position: relative;
top: 35px;
}
.menualter li:first-child{
position: relative;
top: -29px;
}
.input-row input::placeholder {
color: #888888 !important;
font-weight: 400 !important;
}
.input-row2 textarea:hover {
border-bottom: 1px solid #69516D !important;
border-right: 0px!important;
border-top: 0px!important;
border-left: 0px!important;
}
.input-row2 textarea {
border-bottom: 1px solid #69516D !important;
border-right: 0px!important;
border-top: 0px!important;
border-left: 0px!important;
color: #000 !important;
padding-left: 10px !important;
font-weight: 300 !important;
width: 100% !important;
padding-right: 10px !important;
resize: none;
height: 90px;
padding-top: 10px !important;
}
.btred {
color: #000;
border: 2px solid #000;
border-radius: 3px;
padding: 10px 21px;
font-weight: 700;
display: inline-block;
margin-top: 10px;
}
.workofert .btmore{
display: block!important;
}
.btmore{
background: #3b5b86;
display: inline-block;
color: #fff!important;
padding: 15px 30px !important;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 auto;
text-align: center;
position: absolute;
left: 0;
right: 0;
width: fit-content;
}
#selectworkofert {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 25px;
margin: -45px 0 20px;
}
#selectworkofert ul {
display: inline-block;
margin-right: 20px;
margin-bottom: 8px;
margin: 12px 0;
}
#selectworkofert .txtcontent{
width: 100%;
}
#selectworkofert .bt {
position: relative;
width: 100%;
height: auto;
display: block;
text-align: center;
margin: 0;
right: 0;
background: #FF6501;
}
#selectworkofert a{
grid-template-columns: 1fr;
}
.workofert{
margin-bottom: 100px;
}
.workofert h2 {
text-align: center!important;
color: #1b4073!important;
font-weight: 800!important;
font-size: 2.5rem!important;
text-transform: uppercase!important;
margin-bottom: 40px!important;
letter-spacing: 1px!important;
}
.workofert a:hover{
transform: scale(1.02);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
}
#pagination{
float:right;
margin: 1vw;
}
.yiiPager{
font-size: 12px!important;
}
.yiiPager a:link, ul.yiiPager a:visited{
border:0px!important;
color:#1B4073!important;
}
ul.yiiPager .selected a{
color:#ffffff!important;
background:#1B4073!important;
}
.yiiPager{
border:0px!important;
}
ul.yiiPager {
font-size: 1.2rem!important
}
.workofert a{
color:#000;
transition: all .5s ease;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
padding: 17px;
}
.workofert img{
width: 20px;
position: relative;
top: 4px;
}
#selectworkofert a{
background-color: #FF6501;
color: #fff!important;
height: 100%;
align-content: space-between;
}
#selectworkofert .bt{
background-color: #FFF;
color: #FF6501;
font-weight: 900;
font-size: 18px;
height: 53px;
}
#selectworkofert .txtcontent li img{
filter: brightness(100);
}
#selectworkofert .txtcontent li:first-child img{
filter: brightness(1);
}
.workofert a{
display: grid;
position: relative;
margin-bottom: 10px;
border-radius: 20px;
grid-template-columns: auto 120px;
gap: 10px;
}
.workofert .bt {
display: flex;
background-color: #3b5b86;
color: #fff;
padding: 13px;
margin: auto 0;
border-radius: 9px;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
height: 100%;
}
.workofert .bt span{
margin: auto;
}
.workofert > ul > li{
border-bottom: 1px solid #dbdbdb;
margin-bottom: 30px;
padding-bottom: 20px;
}
.workofert ul ul li{
display: inline-block;
margin-right: 20px;
}
.workofert ul ul {
display: inline-block;
margin-right: 20px;
margin-bottom: 8px;
width: 100%;
}
.iconlist{
border-bottom: 1px solid #3B5B86;
padding-bottom: 10px;
}
.workofert .txtcontent{
}
.workofert h3 {
margin: 0;
font-size: 1rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 3px;
}
#tophead {
width: 100%;
position: absolute;
top: 0;
height: 135px;
z-index: 1001;
background: #fff;
}
#tophead div{
width: 100%;
text-align: center;
position: absolute;
top:0;
}
#tophead img{
height: 135px;
margin-top: 10px;
}
.input-row2 textarea::placeholder {
color: #888888 !important;
font-weight: 400 !important;
}
#serachmenu img{
position: relative;
top: 10px;
}
.topmenu{
position: fixed!important; /* Make it stick/fixed */
top: -100px; /* Hide the navbar 50 px outside of the top view */
transition: top 1s; /* Transition effect when sliding down (and up) */
background: #f2f2f2;
background: rgba(27, 64, 115, 0.86)!important;
}
#mainmenu {
position: absolute;
width: 100%;
height: 70px;
text-transform: uppercase;
text-align: right;
z-index: 1000;
background:rgba(33, 74, 130, 0.77);
}
.menucolor a{
color: #000;
}
.menucolor{
border-bottom: 1px solid #000!important;
}
.topmenu a{
}
#header {
width: 100%;
position: relative;
z-index: 1;
}
#quo {
position: absolute;
z-index: 1;
top:40%;
left:0;
width: 100%;
color: #fff;
text-align: center;
}
.boxcfree {
background-color: #eee;
width: 20px;
height: 20px;
display: inline-block;
border: 1px solid #929292;
position: relative;
top: 4px;
}
.boxcreser {
background-color: #BDAB95;
width: 20px;
height: 20px;
display: inline-block;
border: 1px solid #929292;
position: relative;
top: 4px;
}
#quo hr{
margin: 25px auto;
width: 30%;
display: block;
height: 1px;
border: 0;
border-top: 1px solid #d2b978;
padding: 0;
}
#quo p{
font-size: 1.4rem!important;
letter-spacing: 2px;
font-weight: 200;
}
#quo h1{
margin-top: 0px;
font-size: 6rem;
letter-spacing: 5px;
font-style: italic;
}
#arrowdown{
position: absolute;
width: 100%;
text-align: center;
bottom: 3%;
}
#Reservation_start{
display: none;
}
.litepicker .container__days .day-item.is-locked{
background-color: #bdab95;
color: #fff !important;
}
:root{
--litepicker-day-width: 45px;
}
.litepicker {
font-size: 1.6em;
left: 15%;
top: -60px;
}
.litepicker .container__days > div, .litepicker .container__days > a {
background-color: #eee;
}
.litepicker .container__days .day-item.is-end-date {
color: #333;
background-color: #eee ;
}
nav a.sidenav-trigger i {
line-height: 30px;
margin-top: 0px;
top: 32px;
position: relative;
}
.pointmap {
display: inline-block;
left: -28px;
cursor: pointer;
}
.mapcheck {
position: absolute;
z-index: 1;
left: 1px;
top: 1px;
}
.hidecheck {
display: none;
}
.othermenu{
background-color: #3e4044!important;
width: 100%!important;
height: 94px!important;
}
.othermenu #socialmenu{
top: 9px!important;
}
.othermenu #socialmenu li {
display: inline-block !important;
float: none !important;
width: 30px;
}
.shadowcontact {
box-shadow: 0px 0px 1000px 5px rgba(0,0,0,0.2);
}
.newsearch {
display: grid;
grid-template-columns: 220px 230px;
gap: 10px;
}
.inner-wrapper-sticky {
background: #fff;
padding: 10px 0;
}
nav .nav-wrapper {
margin-top: 0px;
border: 0px !important;
}
#flower img{
height: 140px;
}
#flower {
position: absolute;
width: 100%;
text-align: center;
bottom: -52px;
}
.slideralter{
width: 100%;
height: 30vh;
background-size: cover;
background-image: url('../img/other/header.jpg');
background-position: top center;
background-repeat: no-repeat;
margin-top: 196px;
}
.slideralter h1 {
position: absolute;
bottom: -15px;
color: #fff;
font-weight: 300;
font-size: 5rem;
margin-bottom: 0;
width: 100%;
text-align: center;
text-transform: uppercase;
letter-spacing: 12px;
}
.getquocontainer {
position: absolute;
z-index: 100;
bottom: 9vw;
width: 100%;
color: #fff;
}
#centrumslider .getquo{
bottom: 0;
background-image: url('../img/other/bgtri.png');
background-position: right top;
text-align: justify;
width: 60% !important;
padding: 4% 5% 2% 5%;
}
#centrumslider .getquocontainer{
bottom: 3vw;
left: 6%;
}
#centrumslider .slick-prev::before {
content: url('../img/icon/arrow_left_w.png');
}
#centrumslider .slick-next::before {
content: url('../img/icon/arrow_right_w.png');
}
#centrumslider .row{
margin-bottom: 0;
}
#centrumslider .getquo h1 {
color: #000;
}
#centrumslider .getquo p{
color: #000;
font-size: 1rem;
padding: 0;
}
#centrumslider .slick-next {
left: 96%;
}
#centrumslider .slick-prev {
left: 2%;
}
#contslider #getvisitcontainer .row {
margin-bottom: 0px;
}
.getquo {
border: 0;
display: block;
width: 100% !important;
position: absolute;
bottom: 6vw;
text-align: center;
}
#getvisitcontainer {
position: absolute;
z-index: 100;
bottom: 0;
width: 100%;
color: #fff;
}
.getquo h1{
margin: 0;
font-weight: 900;
font-size: 3.5rem;
}
.getquo p{
margin-top: 0.8rem;
margin-bottom: 3rem;
font-size: 1rem;
line-height: 2.2rem;
letter-spacing: 5px;
}
.getquo a {
border: 2px solid #fff;
padding: 10px 30px;
font-size: 0.8rem;
display: inline-block;
color: #fff;
}
#getvisitcontainer .row{
margin-bottom: 0px;
}
#getvisit img{
position: relative;
top:7px;
margin-right: 20px
}
#getvisit {
border: 0;
display: block;
width: 28%;
background-color: #69516d;
position: absolute;
right: 0;
bottom: 0;
}
#getvisit span {
background-color: #f5dfce;
color: #553e59;
margin-top: 0;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
width: 100%;
padding: 6% 0;
display: block;
}
#getvisit ul {
padding: 4% 16%;
}
#getvisit li {
margin-bottom: 23px;
}
#getvisit li:last-child {
margin-bottom: 0px;
}
.logoalter{
position: absolute;
top: 8px;
left: 28px;
z-index: 1;
}
.z-depth-1,
nav,
.card-panel,
.card,
.toast,
.btn,
.btn-large,
.btn-small,
.btn-floating,
.dropdown-content,
.collapsible,
.sidenav {
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
}
#rentslider{
margin-top: 120px;
}
#rentlist{
margin-top: 5rem;
}
.morebt{
color: #1E1E1E;
text-decoration: underline;
letter-spacing: 1px;
}
#rentlist .bigp{
position: relative;
width: 80%;
padding-bottom: 11%;
}
#rentlist ul img{
margin-bottom: 5px;
}
#rentlist h4{
margin: 0;
font-weight: 700;
font-size: 2rem;
}
#rentInfo ul{
margin: 0 auto;
width: 50%;
display: flex;
margin-bottom: 6rem;
margin-top: 4rem;
}
#rentInfo ul li{
width: 100%;
}
#rentInfo ul li img {
position: relative;
top: 12px;
left: -4px;
}
#rentInfo h1{
text-align: center;
font-weight: 300;
letter-spacing: 1px;
font-size: 4rem;
margin-bottom: 0;
}
#rentInfo h2{
text-align: center;
font-weight: 300;
letter-spacing: 2px;
font-size: 1rem;
margin: 0;
}
#rentlist ul{
display: flex;
margin: 4rem 0 2rem;
}
#rentlist ul li{
text-align: left;
color:#414141;
}
#rentThumb{
width: 100%;
text-align: center;
margin: 4rem 0 0;
position: relative;
}
#rentAddInfo{
background-color: #ECE1DA;
text-align: center;
padding: 120px 0;
margin-top: 100px;
}
#rentAddInfo h4{
color: #fff;
font-size: 6rem;
text-align: left;
letter-spacing: 2px;
}
#rentAddInfo p{
font-weight: 300;
letter-spacing: 1px;
}
#rentAddInfo ul{
display: grid;
color: #444;
text-align: center;
margin: 0 auto;
width: 75%;
grid-template-columns: repeat(5, 1fr);
grid-gap: 2rem 1rem;
}
#rentAddInfo a{
color: #000;
font-size: 1.5rem;
letter-spacing: 1px;
border: 1px solid #000;
padding: 20px 44px 20px 46px;
margin-top: 50px;
display: inline-block;
}
#rentAddInfo a img{
position: relative;
top: 5px;
left: -12px;
width: 25px;
}
#rentThumb div{
position: absolute;
z-index: 1;
width: 100%;
bottom: -180px;
}
#rentThumb div hr{
margin: 0 auto;
width:2px;
height: 160px;
background-color: #000;
}
.bookbt {
background: linear-gradient(74deg, rgba(187,144,194,1) 0%, rgba(214,149,191,1) 100%);
padding: 11px 45px 11px 36px;
font-size: 1rem;
letter-spacing: 1px;
position: absolute;
bottom: -22px;
text-transform: uppercase;
}
.bookbt img{
position: relative;
top:5px;
left: -4px;
width: 18px;
}
#rentlist h3 {
font-size: 3rem;
font-weight: 300;
letter-spacing: 2px;
margin-bottom: 2rem;
margin-top: 0;
}
#rentlist p{
color: #A3A1A0;
margin: 0;
}
#rentlist li{
position: relative;
width: 100%;
text-align: left;
margin-bottom: 5%;
float: left;
}
.textcont {
background: #f2f2f2;
padding: 40px 30% 40px 40px;
width: 80%;
position: relative;
left: 0;
top: 52px;
float: left;
margin-bottom: 8%;
}
#rentlist li:nth-child(odd) > .textcont ul li {
text-align: right;
color: #414141;
}
#rentlist li:nth-child(odd) > .textcont{
float: right;
text-align: right;
padding: 40px 40px 40px 30%;
}
#rentlist li:nth-child(odd) > .textcont .bookbt{
right: 45px;
}
.galleryrotto .slick-dots li button {
width: 15px;
height: 15px;
border-radius: 100px;
}
.galleryrotto .slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 0px;
margin-bottom: 0px;
padding: 0;
width: 24px !important;
}
.galleryrotto .slick-dots li.slick-active button {
background: #d395bf;
}
.galleryrotto .slick-dots li button {
background: #d395bf;
}
.galleryrotto .slick-dots {
bottom: 43px;
width: auto;
right: 8px;
}
#rentlist li:nth-child(odd) > .galleryrottocont{
left:0;
}
#rentlist li:nth-child(odd) > .galleryrottocont .galleryrotto .slick-dots {
left: -8px;
bottom: 28px;
}
#rentlist li:nth-child(odd) > .galleryrottocont::before {
right: -117px;
content: url('../img/other/flowerR.png');
left:auto;
}
#rentlist li:nth-child(odd) {
text-align: left;
}
.galleryrottocont{
position: absolute;
width: 40%;
right: 0;
z-index: 2;
}
.galleryrottocont::before {
position: absolute;
content: url('../img/other/flowerL.png');
left: -117px;
bottom: 24px;
z-index: 2;
}
.textcont {
background: #f2f2f2;
padding: 40px 30% 40px 40px;
width: 80%;
position: relative;
left: 0;
top: 52px;
float: left;
margin-bottom: 8%;
}
.textcont hr {
border: 0;
width: 50px;
height: 2px;
background-color: #553e59;
margin: 2rem 0px 0rem;
display: inline-block;
}
.smalllogo {
position: absolute;
right: 1rem;
top: 0;
width: 6rem;
top: 1.4rem;
}
#RentContainer{
background-color: #2c343e;
padding: 0 0 3rem;
position: relative;
color: #fff;
margin-top: 4rem;
}
.textofert .st0 {
fill:#fff;
}
#galleryStatic ul{
text-align: center
}
#galleryStatic h2 {
text-align: center;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
}
#galleryStatic .slick-dots li button {
width: 10px;
height: 10px;
padding: 3px;
border-radius: 100px;
background: #c893c0;
}
#galleryStatic .slick-dots li {
width: auto!important;
margin: 4px;
}
#galleryStatic .slick-dots {
position: absolute;
bottom: -10px;
width: 100%;
padding-left: 0 !important;
margin: 0;
list-style: none;
list-style-type: none;
text-align: left;
z-index: 9999;
text-align: center;
}
#galleryStatic .slick-dots li.slick-active button {
background: #c893c0;
opacity: 1 !important;
}
.slideimg{
position: absolute;
right: 0;
transform: scale(110%)translateX(100%);
top: 2rem;
}
#RentContainer h2{
color: #fbf9f8;
position: absolute;
top: 5%;
font-size: 6rem;
z-index: 1;
}
.RentCenter {
top: 5rem !important;
margin-bottom: 0!important;
}
.RentCenter h4 {
font-size: 1rem;
letter-spacing: 1px;
}
.RentCenter .slick-list{
padding-bottom: 5%!important;
padding-top: 0!important;
}
.RentCenter .slick-center{
z-index: 1;
position: relative;
opacity: 1!important;
}
.RentCenter .slick-center a{
opacity: 1!important;
right: -30px!important;
}
.RentCenter .slick-center a:hover{
right: -20px!important;
}
.RentCenter .slick-slide{
opacity: 0;
transition: all 0.5s ease;
}
.RentCenter .slick-active{
opacity: 1!important;
}
.RentCenter .slick-slide a{
position: absolute;
bottom: 30%;
right: -150px;
z-index: 1;
background-color: #040404;
padding: 25px 50px 25px 30px;
background-image: url('../img/icon/emblematwh.svg');
background-size: 20px auto;
background-repeat: no-repeat;
background-position: right 18px center;
opacity: 0;
transition: all 2s ease;
}
.RentCenter .slick-slide li{
display: inline-block;
margin-right: 20px;
}
.RentCenter .slick-slide ul{
margin-top: 5rem;
margin-bottom: 3rem;
}
.RentCenter h3 {
text-transform: uppercase;
font-weight: 300;
font-size: 3rem;
color: #fff;
letter-spacing: 2px;
margin: 0 0 3rem;
}
.RentCenter p {
margin: 0;
font-size: 1rem;
line-height: 2rem;
}
.RentCenter .slick-list{
overflow: unset!important;
}
.RentCenter .slick-slide{
margin: 10px 20px!important;
}
.RentControler div {
position: absolute;
top: 0;
width: 50%;
}
.RentControler a{
color: #fff;
text-transform: uppercase;
padding: 23px 20px 10px;
letter-spacing: 2px;
}
.RentControler a:hover{
opacity: 0.6;
}
.blackline{
width: 1px;
height: 850%;
position: absolute;
left: 0px;
background: #000;
top: -5px;
}
.RentControler .active{
opacity: 0.6;
}
#workshopinfo {
background-color: #ece1da;
padding: 6% 9% 13% 9%;
margin-top: 5%;
}
#workshopindex{
padding-top: 100px;
}
#workshopindex h2 {
color: #fbf9f8;
position: absolute;
font-size: 6rem;
top: -5rem;
left: -5rem;
}
#workshopindex p {
position: relative;
z-index: 1;
}
#workshop{
margin-top: 10%;
}
#workshop img{
position: absolute;
right: -10%;
width: 162%;
}
#workshop h3{
text-transform: uppercase;
font-weight: 300;
letter-spacing: 7px;
margin: 0;
}
#workshop hr{
width: 31%;
float: left;
margin: 13% 0 9%;
}
#workshop h4 {
width: 100%;
overflow: hidden;
font-size: 1.5rem;
margin-bottom: 9%;
}
#workshop p {
line-height: 2rem;
font-size: 1.1rem;
margin-bottom: 13%;
}
#atraction h2 {
color: #DDD6D3;
font-size: 6rem;
margin-bottom: 80%;
margin-top: 20%;
}
#atraction ul{
margin-top: 35%;
}
#atraction li{
cursor: pointer;
color: #C4B9B2;
transition: all 0.5s ease;
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
#atraction li::after{
content: ">";
opacity: 0;
transition: all 0.5s ease;
position: relative;
right: -25px;
}
#atraction li:hover{
color: #000;
}
#atraction li:hover::after{
opacity: 1;
right: -10px;
}
.atrimgalll{
width: 100%;
left: -120%;
position: absolute;
top: 71%;
opacity: 0;
transition: all 0.5s ease;
}
.atrimgallr{
width: 100%;
right: -44%;
position: absolute;
top: 25%;
opacity: 0;
transition: all 0.5s ease;
}
#atraction li:hover > .atrimgl{
opacity: 1;
left: -110%;
}
#atraction li:hover > .atrimgr{
opacity: 0.6;
}
#wesave h3 {
color: #77657a;
font-weight: 900;
font-size: 2rem;
letter-spacing: -1px;
margin-bottom: 3rem;
}
#wesave ul{
padding-left: 14%;
}
#wesave{
color: #553e59;
margin: 6% auto;
padding: 0 10%;
}
#wesave li{
margin-bottom: 2rem;
padding-left: 2rem;
position: relative;
}
#wesave li::before{
position: absolute;
content: url('../img/icon/listlogo.png');
left: -14px;
top: -7px;
}
.nice-select {
border: 1px solid #183966!important;
border-radius: 2 !important;
margin-bottom: 15px !important;
margin-top: 10px !important;
text-transform: uppercase !important;
padding-left: 38px !important;
letter-spacing: 1px !important;
color: #7e829e !important;
font-weight: 300 !important;
letter-spacing: 1px !important;
font-size: 13px !important;
}
.secondrow #search_bt{
position: absolute;
right: 6px;
top:0;
}
#searchformselectindex {
margin-bottom: 80px;
}
.contact a{
color: #000!important;
}
.contact ul{
display: flex;
margin: 80px 0;
}
.contact_row {
display: flex;
gap: 20px;
}
#employer{
list-style:none;
margin:0;
padding:0;
text-align:center;
}
#employer li{
width:auto;
display:inline-table;
margin: 10px;
}
#employer li::before{
content: ""!important;
}
#pagerpost li{
width: auto!important;
}
#pagerpost li::before{
content: ""!important;
}
.nostyle{
margin-bottom: 0px!important;
}
.nostyle > h2 {
font-weight: 800 !important;
font-size: 30px !important;
background: #1b4073;
color: #fff !important;
padding: 10px;
border-radius: 10px;
margin: 53px 0 30px !important;
}
.nostyle > ul{
display: grid;
grid-template-columns: 1fr 1fr;
}
.nostyle li > a{
height: 100%;
align-content: inherit;
}
.nostyle li{
align-content: space-between;
}
.nostyle a{
grid-template-columns: 1fr;
}
.nostyle li::before {
display: none;
}
.nostyle .bt{
height: auto;
}
.bt2 {
width: 100%;
display: block;
text-align: center;
background-color: #1b4073;
padding: 20px 0px;
margin-top: 60px;
color: #fff !important;
letter-spacing: 1px;
border-radius: 2px;
font-weight: 900;
}
#contact_send_bt {
background: #183051;
color: #fff;
border: 0;
padding: 0 45px;
border-radius: 6px;
cursor: pointer;
margin-top:30px;
height: 53px;
width: 100%;
text-align: center;
}
#contact_form textarea{
height: 250px !important;
margin-top: 16px;
padding: 18px 36px;
border: 1px solid #183966 !important;
border-radius: 2px;
resize: none;
}
#contact_form{
border: 0px;
padding: 0px;
}
#contact_form textarea::placeholder{
color: #7E829E!important;
text-transform: uppercase;
opacity: 1;
}
.contact_row input{
border: 1px solid #183966 !important;
border-radius: 2px;
}
.contact_row input::placeholder{
color: #7E829E!important;
text-transform: uppercase;
opacity: 1;
}
.contact ul li{
flex-grow: 3;
text-align: center;
padding: 0!important;
}
.contact li::before{
content: ""!important;
}
.secondrow > div {
width: 100%;
border: 1px solid #183966 !important;
border-radius: 2px;
padding: 10px 190px 10px 36px
}
.secondrow #title{
width: 100%;
padding: 0;
border: 0;
margin: 0;
}
.secondrow #search::placeholder{
color: #7E829E!important;
text-transform: uppercase;
opacity: 1;
}
.secondrow #title::placeholder{
color: #7E829E!important;
text-transform: uppercase;
opacity: 1;
}
.wonlistimg {
bottom: -39px !important;
z-index: 9999;
}
.errorMessage {
color: red;
}
.nice-select:hover {
border-left: 1px solid #0d154a !important;
border-right: 1px solid #0d154a !important;
border-top: 1px solid #0d154a !important;
border-bottom: 1px solid #868aa4 !important;
}
.nice-select span {
color: #7e829e !important;
}
html {
font-family: 'lato', serif!important;
scroll-behavior: smooth;
}
.opa:hover {
opacity: 0.5;
filter: alpha(opacity=50);
/* For IE8 and earlier */
}
.opa {
transition: all 0.5s ease;
}
.margincenter {
margin: 0 auto;
display: block;
}
.pabsolute {
position: absolute !important;
}
.prelative {
position: relative;
}
.gotobottom {
bottom: 0px;
}
.gototop {
top: 0px;
}
.gotoright {
right: 0;
}
.gotoleft {
left: 0;
}
.t_center{
text-align: center;
}
.t_right{
text-align: right;
}
.svg {
height: 100%;
}
.h100 {
height: 100%;
}
.h50 {
height: 50%;
}
.h70 {
height: 70%;
}
.iconfillw {
fill: #fff !important;
}
#kontakt {
font-weight: 300;
overflow: hidden;
}
.iconfillr {
fill: #d61d24;
}
.iconfillb {
fill: #000;
}
.iconstroke0 {
stroke-width: 0;
}
.padding-l-r-20p {
padding: 0 20%;
}
.padding-l-r-10p {
padding: 0 10%;
}
.padding-l-r-2p {
padding: 0 2%;
}
.padding-l-r-5p {
padding: 0 5%;
}
.margin-r-5 {
margin-right: 5px;
}
.margin-t-15 {
margin-top: 15px;
}
.padding-r-50 {
padding-right: 8%!important;
}
.margin-t-50 {
margin-top: 50px !important;
}
.margin-b-50 {
margin-bottom: 50px !important;
}
.margin-t-90 {
margin-top: 90px;
}
.margin-b-50 {
margin-bottom: 50px;
}
.margin-b-90 {
margin-bottom: 90px;
}
.margin-t-100 {
margin-top: 100px;
}
.w100 {
width: 100%;
}
.w55 {
width: 55%;
}
.w60 {
width: 60%;
}
.w70 {
width: 70%;
}
.w50 {
width: 50%;
}
.w45 {
width: 45%;
}
.w40 {
width: 40%;
}
.topposition {
top: 0;
}
.h33 {
height: 33.3%;
}
.video_wrapper{
position: relative;
padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */
}
.video_wrapper iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.error {
color: red;
}
/* end global */
#aboutsite h1{
color: #553e59;
margin-bottom: 4rem;
font-weight: bold;
letter-spacing: -2px;
font-size: 6rem;
text-align: left;
}
#aboutsite .m5{
padding-right: 4rem;
}
#aboutsite{
text-align: justify;
line-height: 2rem;
margin: 7rem 0;
}
#reason > div{
background: linear-gradient(180deg, rgb(243, 241, 243) 0%, rgb(237, 240, 243) 62%, rgb(255, 255, 255) 63%, rgb(255, 255, 255) 100%);
padding: 0 2rem;
}
#reason{
padding: 0 3rem;
}
#reason li {
display: inline-block;
vertical-align: top;
width: 19%;
font-weight: 300;
padding: 0 1%;
}
#reason h2{
font-size: 1.3rem;
text-align: left;
font-weight: 300;
margin: 5rem 0 3rem;
display: inline-block;
}
#reason li{
text-align: center;
}
#reason li h3{
font-size: 1rem;
text-align: center;
font-weight: 300;
}
#consultations .m5{
padding: 1% 0 5% 5%;
}
#consultations hr {
border: 0;
width: 2px;
height: 100px;
background-color: #553e59;
margin: 14rem 0px 3rem;
}
#consultations {
text-align: justify;
margin-top: 5rem;
margin-bottom: 8rem;
}
#consultations img{
width: 67%;
position: absolute;
left: -13rem;
}
#consultations h3{
color: #553e59;
margin-bottom: 4rem;
font-weight: bold;
letter-spacing: -2px;
font-size: 6rem;
position: absolute;
left: -10rem;
opacity: 0.4;
margin-top: 4rem;
}
#oferts{
margin: 110px 0 20px;
}
#oferts h1 {
font-weight: 700;
font-size: 36px;
color: #cfe004;
margin-top: 10%;
}
#oferts li{
display: inline-block;
width: 15%;
margin-right: 1%;
position: relative;
overflow: hidden;
margin-bottom: 5%;
vertical-align: top;
}
#oferts li a{
color: #000;
text-align: center;
display: block;
}
#oferts h2 {
width: 100%;
text-align: center;
font-size: 1rem;
text-transform: uppercase;
font-weight: 300;
margin: 6% 0;
color: #69516c;
}
#oferts a:hover > span .top{
display: inline-block;
}
#oferts a:hover > span .back{
display:none;
}
#oferts ul p {
line-height: 24px;
font-weight: 400;
margin-top: 10px;
}
#ofert{
width: 100%;
}
#oferts img{
padding: 10px;
}
#oferts span {
display: inline-block;
overflow: hidden;
border: 1px solid #69516c;
vertical-align: top;
border-radius: 100px;
height: 65px;
}
#oferts .top{
display: none;
background-color: #69516c;
}
#oferts .back{
}
nav ul {
text-align: right;
display: inline-block;
height: 100%;
}
#menu-ul{
position: relative;
top: 11px;
}
#menu-ul li:nth-of-type(2) a{
color: #FF6501!important;
}
#langmenu{
position: relative;
bottom: 14px;
}
#menu-ul li:hover > ul{
display: grid;
}
.dropdown{
position: absolute;
display: none;
bottom: -100px;
left: 0;
text-align: left;
}
.dropdown a{
font-size: 1rem;
position: relative;
display: inline;
color: #fff;
}
.dropdown a:hover::after{
content: url('../img/icon/keyhole_small.png');
position: absolute;
font-size: 1rem;
left: -15px;
}
.dropdown li{
text-align: center;
background-color: #000;
border-bottom: 1px solid #2F2D2B;
padding: 10px 40px;
}
.dropdown li:last-child{
border: 0px !important;
}
#langmenu .active{
font-weight: 400;
opacity: 1;
}
#langmenu li .active:hover{
opacity: 1;
font-weight: 300;
}
#langmenu li a{
opacity: 0.6;
transition: all 0.5s ease;
}
#langmenu li a:hover{
opacity: 1;
font-weight: 300;
}
#langmenu li {
line-height: 15px;
display: inline-block;
border-right: 1px solid #553e59;
padding-left: 9px;
padding-right: 9px;
}
#langmenu li:last-child {
border-right: 0px solid #553e59;
}
nav ul a {
color: #fff;
font-size: 0.8rem;
letter-spacing: 1px;
}
#mainmenu ul li::after{
content: " - ";
position: absolute;
top: 7px;
right: -3px;
}
#mainmenu ul li:last-child::after{
content: "";
}
nav ul li {
margin-top: 0px;
text-align: right;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
height: 100%;
position: relative;
}
#contactmenu li:last-child{
position: relative;
top: -4px;
margin-left: 8px;
}
#slider.slick-slider {
top: 155px;
margin-bottom: 155px!important;
}
.logo{
top: 0;
left: 20px;
position: absolute;
text-align: left;
height: 100%;
display: flex;
width:auto;
}
.menucolor .logo{
filter:none;
}
.topmenu .logo{
filter:none;
}
.logo img{
margin: auto;
}
#menu-ul a {
transition: all 0.5s ease;
position: relative;
}
#menu-ul li a {
transition: all 300ms;
position: relative;
}
.attachment-row {
margin-bottom: 10px;
}
.uline::after {
content: '';
position: absolute;
bottom: 10px;
left: 10%;
width: 80%;
height: 0.1em;
background-color: #c6a8ce;
transform: scale(0);
transform-origin: center;
transition: opacity 300ms, transform 300ms;
}
.uline:hover::after,
.uline:focus::after {
opacity: 1;
transform: translate3d(0, 0.2em, 0);
transform: scale(1);
}
#infobox{
background-color: #69516d;
color: #fff;
position: relative;
left: 0;
display: block;
z-index: 1;
padding: 5% 5%;
}
.addatach {
padding: 15px !important;
width: 230px !important;
border-radius: 4px !important;
text-transform: uppercase!important;
font-weight: 300!important;
color: white!important;
border: 0 !important;
height: 18px !important;
cursor: pointer!important;
background-color: #1b4073!important;
display: inline-block!important;
margin-bottom: 16px!important;
margin-top: 20px !important;
}
#infobox h3{
font-size: 14px;
text-transform: uppercase;
font-weight: 300;
padding: 0;
margin: 0;
}
#infobox h2{
font-size: 27px;
font-weight: 300;
padding: 0;
margin: 0;
}
.h112 textarea{
height: 250px !important;
padding: 18px 36px;
border: 1px solid #183966 !important;
border-radius: 2px;
resize: none;
margin-bottom: 50px;
}
#infobox h1{
font-size: 60px;
font-weight: 400;
margin-top: 10px
}
#infobox ul{
margin: 0px;
padding: 0px;
}
#infobox li{
display: inline-block;
margin-right: 24px;
}
#infobox span{
margin-left: 24px;
font-weight: 300;
}
#infobox li img{
height: 18px;
position: relative;
top: 3px;
margin-right: 6px;
}
#contengallery {
margin-top: 30px;
}
.zindextop{
z-index: 1;
}
#menudiscription img{
margin-top: 20%;
margin-bottom: 5%;
}
#contengallery h1 {
font-size: 1.56rem;
line-height: 110%;
margin: 5% 0 5% 0 !important;
font-weight: 300;
letter-spacing: 4px;
margin-bottom: 5%;
color: #22214d;
width: 100%;
text-align: center;
}
.bgbox {
height: 100%;
width: 1000%;
position: absolute;
right: 30%;
top: 0;
background-color: #d2b978;
}
#contactinfo{
position: absolute;
z-index: 1;
background-color: #d2b978;
padding: 35px;
outline: 1px solid #fff;
outline-offset: -20px;
text-align: center;
color: #fff;
top: -40px;
}
#contactlist {
margin-top: 190px;
text-align: center;
}
#contactlist a{
color:#000;
}
#contactlist ul{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 2rem 1rem;
}
#contactinfo h3{
font-size: 1.5rem;
text-transform: uppercase;
letter-spacing: .1rem;
}
#contactinfo li{
display: inline-block;
width: 48%;
}
#contactinfo li:first-child{
border-right:1px solid #fff;
}
#contactusform {
padding-top: 12%;
position: relative;
border-bottom: 1px solid #000;
padding-bottom: 7%;
}
#contactusform h4 {
color: #EDEDED;
font-size: 6rem;
text-align: left;
letter-spacing: 2px;
z-index: 2;
position: absolute;
top: 9%;
line-height: 82px;
}
#ofert{
color: #000;
padding: 6% 0px 3%;
background-image: url('../img/other/flower_left.jpg');
background-repeat: no-repeat;
background-position: left top;
}
#menudiscription{
background-image: url('../img/other/flower_right2.jpg');
background-repeat: no-repeat;
background-position: right top;
padding: 5% 0 12%;
}
#menudiscription h2{
position: relative;
margin: 47% 0 0;
}
#menudiscription p{
text-align: justify;
}
#menudiscription pup{
font-weight: 300;
font-size: 2.8rem;
letter-spacing: 0.2rem;
position: relative;
z-index: 1;
}
#menudiscription pdown{
position: absolute;
z-index: 0;
font-weight: 300;
font-size: 7rem;
letter-spacing: 0.4rem;
font-style: italic;
color: #d2b978;
left: 46%;
bottom: 49%;
width: max-content;
}
#sidebar {
float: left;
width: 20%;
will-change: min-height;
}
#sidebar .sidebar__inner {
color: #fff;
position: relative;
transform: translate(0, 0);
transform: translate3d(0, 0, 0);
will-change: position, transform;
}
#sidebar ul {
margin: 0;
}
#sidebar li a:hover {
background-color: #fff;
color: #11103c !important;
border: 1px solid #11103c;
}
.activelink {
background-color: #fff !important;
color: #11103c !important;
border: 1px solid #11103c;
}
#sidebar li a {
width: 100%;
display: block;
background-color: #11103c;
padding: 9%;
border-bottom: 1px solid #11103c !important;
border: 1px solid #11103c;
}
/* index slider */
#post .row{
background-color: #fff;
padding: 3% 3% 0;
}
#post h1 {
color: #fff;
font-weight: 300;
font-size: 46px;
}
#post h2 {
font-size: 25px;
font-weight: 700;
}
#post {
color: #000;
}
.goup{
position: relative;
top: -20vh;
}
#gallery h3 {
text-align: center;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 3px;
font-size: 33px;
margin-bottom: 58px;
}
#gallery {
padding: 4vw 0;
}
#certification{
padding: 0 2%;
}
#certification h2 {
font-size: 25px;
font-weight: 700;
}
#PostContainer h1 {
font-size: 18px;
margin-top: 23px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1;
}
#shortinfo{
width: 100%;
padding: 0 2%;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 80%, rgba(105,81,109,1) 80%, rgba(105,81,109,1) 100%);
}
#shortinfo > div{ background-image:url('../img/other/shortinfobg.jpg');
background-size: cover;
color: #fff;
padding: 4% 10%;
}
#shortinfo li::before {
content: url('../img/icon/checkbox.png');
position: absolute;
left: -7px;
top: -2px
}
#shortinfo li {
margin-bottom: 50px;
padding-left: 30px;
position: relative;
width: 43%;
display: inline-block;
padding-right: 3%;
vertical-align: top;
}
#chceck1{
left: 3px;
border: 1px;
opacity: 1;
margin: 4px 0px 0px;
z-index: 9999;
pointer-events: all;
position: absolute!important;
}
#chceck1:checked{
left: 3px;
border: 1px;
opacity: 1;
margin: 4px 0px 0px;
z-index: 9999;
pointer-events: all;
position: absolute!important;
}
#people{
background: #69516d;
padding: 7% 0;
text-align: center;
color: #fff;
}
#people h2{
text-transform: uppercase;
font-size: 20px;
margin-bottom: 50px;
margin-top: 0;
}
#people li{
display: inline-block;
width: 30%;
font-style: italic;
font-size: 22px;
}
#people li img{
width: 70%;
border-radius: 1000px;
border: 12px solid #fff;
-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.29);
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.29);
}
#partners ul{
text-align: center;
}
#partners {
border-top: 1px solid #b5b5b5;
padding-top: 0rem;
}
.col50{
width:50%;
float: left;
overflow: hidden;
}
.col50 p{
line-height: 21px;
}
.col50 h3{
text-transform: uppercase;
font-size: 22px;
font-weight: 300;
}
#baner{
position: relative;
top: -84px;
}
#baner ul:first-child{
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 25px;
}
#baner ul{
display: grid;
grid-template-columns: 0.97fr 1fr;
gap: 25px;
}
#baner li{
background-size: cover !important;
background-position: center !important;
height: 280px;
overflow: hidden;
color: #fff;
position: relative;
transition: all .5s ease;
}
#baner li div{
position: absolute;
bottom: 20px;
left: 20px;
border-left: 3px solid #fff;
padding-left: 12px;
}
#baner li a{
display: block;
height: 100%;
width: 100%;
}
#baner li:hover {
transform: scale(1.02);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.58);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.58);
}
#baner li h2{
font-size: 46px;
font-weight: 600;
margin: 0px;
}
#baner li p{
font-size: 22px;
font-weight: 300;
margin: 0;
}
.col50 a{
text-decoration: underline;
font-size: 28px;
color: #000;
display: block;
margin-bottom: 16px;
}
#mailrad{
margin-top: 10%;
}
#rad{
width: 100%;
overflow: hidden;
background: #f5f5f5;
}
#partners li{
display: inline-block;
}
#partners img {
height: 145px;
margin: 5px 27px;
}
.hide-slider-on-med-and-down{
display: none!important;
}
.hide-slider-on-med-and-up{
display: block!important;
}
#post li::before {
content: url('../img/icon/li.png');
position: absolute;
left: -7px;
top: -2px;
}
.preparationimg{
margin: 0 5%;
}
#post li {
margin-bottom: 20px;
padding-left: 12px;
position: relative;
}
#blogindex li {
display: inline-block;
width: 27%;
background-color: #fff;
color: #4e4e55;
vertical-align: top;
margin-right: 6%;
margin-bottom: 7%;
font-size: 14px;
text-align: justify;
-webkit-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.26);
box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.26);
}
#blogpost .m8{
padding-left: 5rem;
}
.listfile{
margin: 10px 0;
}
.listfile a{
color: #553E59;
width: 100%;
position: relative;
display: block;
}
.listfile li {
border: 1px solid #DDD8DE;
padding: 1rem;
position: relative;
width: 100%;
border-radius: 13px;
margin-bottom: 10px;
text-transform: uppercase;
}
.listfile a::after {
content: url("../img/icon/download.png");
position: relative;
top: 2px;
float: right;
}
#financing{
padding-right: 5rem;
}
#financing iframe{
width: 100%;
margin-top: 5rem;
}
#blogpost h2 {
color: #69516d;
font-weight: 300;
font-size: 1.7rem;
letter-spacing: 0.1rem;
margin-top: 0;
margin-bottom: 3rem;
}
#financing h2{
color: #69516d;
font-weight: 300;
font-size: 1rem;
letter-spacing: 0.1rem;
margin-top: 5rem;
margin-bottom: 3rem;
text-transform: uppercase;
}
#blogpost h3 {
color: #69516d;
font-weight: 300;
font-size: 1.5rem;
letter-spacing: 0.1rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#blogposttext hr{
border: 0;
height: 1px;
background-color: #B5B5B5;
}
#blogposttext h4 {
color: #69516d;
font-weight: 300;
font-size: 1.3rem;
letter-spacing: 0.1rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#blogposttext li {
list-style: disc;
margin-bottom: 1rem;
}
.boxbt {
background-color: #553D59;
padding: 1rem 2.5rem;
color: #fff!important;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none!important;
}
#blogposttext .box {
border: 5px solid #563E5A;
padding: 0rem 4rem;
margin: 4rem 0;
}
#blogposttext .box p {
margin: 2rem 0;
line-height: 1.3rem;
}
#blogpost p {
margin: 2.5rem 0;
}
#blogpost {
padding: 1% 0 0%;
}
#blogpost p:first-child{
margin-top: 0;
}
#blogindex li a {
position: relative;
right: 0;
text-decoration: underline;
color: #4e4e55;
}
#blogindex li .infotxt div {
width: 100%;
text-align: right;
}
#blogindex li p{
padding: 0;
line-height: 25px;
}
.infotxt {
padding: 25px 0px;
}
#blogindex li img {
width: 100%;
}
.no-pad-bot{
position: absolute;
z-index: 1;
width: 100%;
color: #fff;
}
#blogindex li h2 {
font-size: 15px;
font-weight: 700;
text-align: left;
margin: 0;
min-height: 40px;
}
.no-pad-bot h5 {
font-size: 40px;
font-weight: 300;
}
.hidden {
display: none;
}
.parallax-container{
height: 400px;
position: relative;
top:-10vh;
}
.slick-vertical .slick-slide {
display: flex
}
.slick-initialized .slick-slide {
display: flex
}
.slider-for {
z-index: 1;
margin: 20px 0;
}
.slider-nav {
z-index: 1;
}
/* start main page */
#aboutus {
background-color: #e9edf3;
padding: 30px 50px 10px;
position: relative;
top: -70px;
}
#workoffertview ul li {
padding-left: 20px;
position: relative;
}
#workinfo {
background: #efefef;
padding: 3px 25px;
line-height: 30px;
margin-bottom: 15px;
border-radius: 15px;
padding-bottom: 10px;
}
#workinfo a{
color: #000;
}
.aplibt{
display: block;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.3rem;
background-color: #FF8F00;
color: #fff !important;
font-weight: 900;
padding: 9px 0;
margin-bottom: 17px;
border-radius: 10px;
}
#workinfo ul li::before {
content: ""!important;
}
#workinfo ul li {
padding-left: 0px!important;
}
#workoffertview ul li::before {
content: "\2022";
color: #1b4073;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
position: absolute;
}
.phoneh3{
margin: 10px 0;
font-size: 30px!important;
}
.phoneh3::before{
content: url('../img/icon/phone.svg');
width: 29px;
height: 20px;
display: inline-block;
margin-right: 6px;
position: relative;
top: 4px;
}
.secondrow #title::placeholder{
font-weight: 300!important;
}
#workoffertindex{
background-color: #fff;
padding: 30px 50px 10px;
position: relative;
top: -70px;
}
#workoffertindex h1 {
top: -105px;
position: absolute;
color: #fff;
font-size: 3rem;
font-weight: 700;
text-transform: uppercase;
}
#workoffertindex h2{
margin: 20px 0 0;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 1px;
color: #1b4073;
text-transform: uppercase;
}
#workoffertindex h3{
font-size: 1.4rem;
font-weight: 600;
}
#workoffertindex a{
color: #23446F;
}
#workoffertview{
background-color: #fff;
padding: 30px 50px 10px;
position: relative;
top: -70px;
}
#workoffertview h1 {
font-size: 2rem;
font-weight: 300;
}
#workoffertview h2{
margin: 20px 0 0;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 1px;
color: #1b4073;
text-transform: uppercase;
}
#workoffertview h3{
font-size: 1.4rem;
font-weight: 600;
}
#aboutusquo {
background-color: #fff;
position: absolute;
bottom: 0;
right: 0;
text-align: center;
height: 50%;
font-size: 1.3rem;
}
#aboutlist{
margin: 30px 0 0 0;
}
#aboutusquo p {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: fit-content;
height: fit-content;
text-align: left;
color: #1b4073;
}
#aboutlist li{
width: 23%;
text-align: center;
display: inline-block;
margin: 0 1%;
}
#aboutlist p {
width: 100% !important;
font-weight: 900;
font-size: 3rem;
color: #1b4073;
margin: 18px 0;
}
#aboutlist h3{
font-size: 1rem;
font-weight: 300;
text-align: center;
}
#aboutus h2 {
text-transform: uppercase;
float: left;
font-size: 2.5rem;
font-weight: 300;
width: 20%;
margin: 17px 0;
}
#aboutus_txt p {
line-height: 1.7rem;
width: 80%;
float: right;
}
#diffrence h2{
text-align: center;
color: #1b4073;
font-weight: 300;
font-size: 2.5rem;
text-transform: uppercase;
margin-bottom: 40px;
}
#diffrence{
text-align: center;
}
#diffrence ul {
width: 40%;
display: inline-block;
padding: 30px;
text-align: left;
line-height: 33px;
margin: 0;
margin-top: 54px;
}
.bleft{
border-left:1px solid #b7b7b7;
}
#diffrence li::before{
content: "- ";
margin-left: 10px;
}
#diffrence li:first-child::before{
margin-left: 0;
content: "";
}
#diffrence li:last-child::before{
margin-left: 0;
content: "";
}
#diffrence li:first-child {
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 10px;
}
#diffrence li:last-child{
text-align: center;
}
#diffrence li a {
background-color: #b7b7b7;
color: #2f2f2f;
padding: 10px 80px;
display: inline-block;
margin-top: 25px;
border-radius: 2px;
cursor: pointer;
}
#ofert{
color: #000;
padding: 6% 0px 3%;
background-image: url('../img/other/flower_left.jpg');
background-repeat: no-repeat;
background-position: left top;
text-align: center;
}
#ofert h2{
position: relative;
margin: 0;
text-align: left;
}
#ofert pup{
font-weight: 300;
font-size: 2.8rem;
letter-spacing: 0.2rem;
position: relative;
z-index: 1;
}
#ofert pdown{
position: absolute;
z-index: 0;
font-weight: 300;
font-size: 7rem;
letter-spacing: 0.4rem;
font-style: italic;
color: #d2b978;
left: 16%;
bottom: 49%;
width: max-content;
}
#ofert ul{
text-align: center;;
}
#ofert li{
width: 33%;
padding: 4%;
display: inline-block;
vertical-align: top;
}
#ofert h3{
font-size: 1.4rem;
color: #eecd70;
text-transform: uppercase;
}
#videobutton{
text-align: center;
background-image: url('../img/other/flower_right.jpg');
background-repeat: no-repeat;
background-position: right top;
background-size: auto 100%;
padding: 4% 0 10%;
}
#videobutton a{
display: inline-block;
-webkit-box-shadow: 0px 0px 41px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 41px -13px rgba(0,0,0,0.75);
box-shadow: 0px 0px 41px -13px rgba(0,0,0,0.75);
}
#videobutton img{
display: block;
}
#gallerycontainer{
background-color: #d4d3d2;
padding: 10% 0;
text-align: center;
}
#gallerycontainer div{
margin: 0 auto;
display: inline-block;
}
#gallerycontainer h2{
position: relative;
margin: 0;
}
#gallerycontainer pup{
font-weight: 300;
font-size: 2.8rem;
letter-spacing: 0.2rem;
position: relative;
color: #2f261a;
z-index: 1;
}
#gallerycontainer pdown{
position: absolute;
z-index: 0;
font-weight: 300;
font-size: 7rem;
letter-spacing: 0.4rem;
font-style: italic;
color: #fff;
left: 50%;
bottom: 49%;
width: max-content;
}
#registercontent{
background-image: url('../img/other/flower_left3.jpg');
background-repeat: no-repeat;
background-position: left top;
padding: 7% 0;
}
#registercontent h2{
position: relative;
margin: 0;
line-height: 65%;
}
#registercontent pup{
font-weight: 300;
font-size: 2.8rem;
letter-spacing: 0.2rem;
position: relative;
z-index: 1;
}
#registercontent pdown{
position: absolute;
z-index: 0;
font-weight: 300;
font-size: 7rem;
letter-spacing: 0.4rem;
font-style: italic;
color: #d2b978;
left: 5%;
bottom: 84%;
width: max-content;
}
#registercontent h3 {
margin: 0 0 30px;
font-size: 2rem;
font-weight: 300;
}
.collapsible li::before {
content: "+";
margin-right: 20px;
position: absolute;
right: 0;
font-size: 35px;
padding-top: 1%;
color: #c49a9e;
}
.collapsible li.active::before {
content: "-";
margin-right: 20px;
position: absolute;
right: 5px;
font-size: 35px;
padding-top: 1%;
color: #c49a9e;
}
.collapsible li {
position: relative;
}
.nobefor{
pointer-events: none;
}
.nobefor::before{
display: none;
}
.price{
font-weight: 700;
color: #553e59;
}
.collapsible-header a{
color: #69516D;
}
.pricelistin li:nth-child(even) {
background-color: #f4f2f5;
}
.pricelistin li::before{
display: none;
}
.pricelistin li{
padding: 2rem;
}
.listpadding{
padding: 0 2% !important;
}
.listpadding li:last-child > .collapsible-header {
border: 0;
}
.collapsible-header h2{
font-size: 1.3rem;
font-weight: 300;
color: #553e59;
margin: 0;
display: inline-block;
text-transform: uppercase;
width: 85%;
}
.collapsible-body h3 {
font-size: 1.3rem;
font-weight: 300;
color: #553e59;
margin: 0;
display: inline-block;
text-transform: uppercase;
}
.collapsible-header {
background: transparent;
font-size: 20px;
padding: 2% 0;
border-bottom: 1px solid #372e4e;
display: block;
}
.collapsible-body {
border-bottom: 1px solid #372e4e;
padding: 0rem;
}
#listmenu a{
width: 100%;
background-color: #ebe7ec;
text-decoration: none!important;
}
#listmenu .collapsible-body{
border-bottom:0px solid #bbb2bd;
font-size: 0.9rem;
}
#listmenu .collapsible-header{
border-bottom: 1px solid #bbb2bd;
text-transform: uppercase;
color: #553e59;
font-size: 1rem;
padding: 13px 11px;
}
#pricelist table{
width: 70%;
display: table;
border-collapse: collapse;
border-spacing: 0;
position: relative;
margin: 0 auto;
z-index: 2;
}
#pricelist::before {
position: absolute;
content: url('../img/other/flowerL.png');
left: 7%;
top: 24px;
z-index: 1;
}
#pricelist::after {
position: absolute;
content: url('../img/other/flowerL.png');
right: 8%;
bottom: 0px;
z-index: 1;
transform: rotate(180deg);
}
#pricelist {
margin: 5rem 0;
}
#pricelist tr{
background-color: #f2f2f2;
}
#pricelist tr:nth-child(even) {
background-color: #fff;
}
#Price{
text-align: center;
}
#pricelist h2{
text-transform: uppercase;
text-align: center;
font-size: 2rem;
letter-spacing: 2px;
margin: 9px;
}
#pricelist td{
padding: 11px 50px;
}
#listmenu a {
width: 100%;
background-color: #ebe7ec;
display: block;
color: #553e59;
padding: 20px 30px;
cursor: pointer;
}
#listmenu a:hover{
background-color: #553e59;
color: #d4cfd5!important;
}
#listmenu li::before {
margin-right: 10px;
position: absolute;
right: 11px;
font-size: 35px;
padding-top: 0;
color: #c49a9e;
top: -10px;
content: url('/custom/img/icon/arrow-menu-down.png');
}
#listmenu li.active::before {
content: url('/custom/img/icon/arrow-menu-up.png') !important;
margin-right: 10px;
position: absolute;
right: 11px;
font-size: 35px;
padding-top: 0;
color: #c49a9e;
top: -10px;
}
#pricelist h3 {
font-size: 1.3rem;
font-weight: 400;
text-align: left;
letter-spacing: 1px;
color: #69516d;
padding: 0rem 0 1rem;
margin: 0;
text-transform: uppercase;
line-height: 1.5rem;
width: 61%;
}
.submenu .collapsible-header{
padding: 14px 27px 13px !important
}
.collapsible-body .textp {
margin-bottom: 20px;
width: 100%;
display: block;
}
.collapsible-body p {
margin: 0;
line-height: 21px;
}
.collapsible {
border: 0;
margin: 0rem 0 1rem 0;
}
#referenceweb {
background-image: url('../img/referencebg.jpg');
background-size: cover;
width: 100%;
color: #fff;
font-weight: 300;
position: relative;
overflow: hidden;
}
.paper {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 35vw;
}
#referenceweb p {
line-height: 24px;
}
#referenceweb h1 {
font-size: 1.56rem;
line-height: 110%;
font-weight: 300;
letter-spacing: 4px;
padding-top: 12%;
color: #fff;
width: 100%;
text-align: center;
margin: 0;
margin-bottom: 9%;
}
#referenceweb h2 {
font-size: 21px;
line-height: 27px;
margin-top: 0;
font-weight: 300;
margin-bottom: 35px;
}
#referenceweb li::before {
content: "•";
margin-right: 20px;
}
#contslider .slick-slide {
margin: 0;
}
#contslider .contactslide {
width: 100%;
display: block;
}
#contslider {
height: 74vh;
background-size: cover!important;
min-height: 540px;
background-position: center bottom!important;
}
#alterslider {
min-height: 410px;
height: 47vh;
background-size: cover!important;
background-position: center bottom!important;
display: flex;
align-items: center;
}
#alterslider h1 {
color: #fff;
font-size: 38px;
margin: 0;
width: 70%;
font-weight: 700;
}
#titleblog {
position: absolute;
bottom: 80px;
color: #fff;
font-size: 3rem;
font-weight: 300;
width: 100%;
padding: 0 58px;
max-width: 1280px;
}
#contslider > div{
height: 100%;
}
.contacttitle h4 {
font-weight: 700;
background-color: #fff;
}
.goldenbt {
color: #fff;
display: inline-block;
margin-bottom: 10px;
border: 1px solid #e6a94a;
padding: 12px 54px;
background-color: #e6a94a;
text-transform: uppercase;
border-radius: 4px;
}
#masktop{
right: 4%;
bottom:0;
z-index: 1;
position: absolute;
}
#mask{
position: absolute;
top:0px;
z-index: 1;
width: 100%;
}
#mask img{
width: 100%;
}
#headleft h3 {
color: #e6a94a;
font-weight: 700;
font-size: 4vw;
}
#contactmenu {
position: absolute;
right: 24px;
top: 21px;
z-index: 999;
}
#nav-mobile li{
display: block!important;
text-align: left!important;
}
#contactmenu li{
display: inline-block;
margin-right: 15px;
white-space: nowrap;
}
#contactmenu a {
color: #fff;
font-weight: 400;
padding: 5%;
height: 33px;
}
#contactmenu img{
position: relative;
top: 7px;
margin-right: 4px;
}
#socialMenu {
position: absolute;
top: 3px;
right: 0;
height: min-content;
}
#socialMenu li {
height: auto!important;
line-height:normal;
padding: 9px 20px;
}
#socialMenu li::after {
content: " | "!important;
top: 5px!important;
}
#socialMenu li:last-child::after {
content: ""!important;
}
#socialMenu img {
position: relative;
top: -5px;
}
#socialmenu li {
display: inline-block;
}
#socialmenu li:first-child {
outline: 1px solid #eecd70;
padding: 0.4rem 1rem;
position: relative;
top: -7px;
}
.slick-slide div{
width: 100%;
}
#slider .slick-slide .prelative{
top:14px;
}
#headleft {
width: 55%;
background-color: #3e4044;
color: #fff;
position: absolute;
height: 110%;
z-index: 1;
padding: 7% 8% 8% 9%;
font-size: 1vw;
font-weight: 300;
}
#headleft a {
margin-right: 35px;
color: #fff;
display: inline-block;
margin-bottom: 10px;
border: 1px solid #e6a94a;
padding: 12px 60px;
text-transform: uppercase;
border-radius: 4px;
}
#headleft p {
line-height: 2vw;
margin-bottom: 0px;
}
#headleft li {
line-height: 2vw;
margin-bottom: 10px
}
#headleft ul {
margin-bottom: 2vw;
}
#headright {
width: 50%;
background-image: url('../img/other/head.jpg');
background-position: right bottom;
background-color: #f5dbb3;
background-repeat: no-repeat;
height: 110%;
float: right;
text-align: center;
background-size: 100% auto;
margin-top: 5%;
position: relative;
}
#headright img {
height: 109%;
position: absolute;
bottom: 0;
right: 10%;
}
#logo {
width: 100%;
text-align: center;
position: relative;
top: 34%;
}
#logo h1 {
color: #fff;
font-size: 2.6vw;
margin: 17px 0 0;
font-weight: 699;
letter-spacing: 2px;
}
#logo h2 {
margin: 0 0 19px;
color: #fff;
font-size: 34px;
font-style: italic;
font-weight: 200;
}
#logo img{
width: 20vw;
}
#eko{
margin-top: 14vw;
}
.aboutusimg {
position: relative;
}
.altercontact{
margin-top: 15vw !important;
}
#contact {
width: 100%;
color: #000;
padding-top: 60px;
padding-bottom: 50px;
}
#contact h2 {
text-transform: uppercase;
font-weight: 20;
color: #000;
font-size: 27px;
text-align: left;
line-height: 33px;
margin-bottom: 25px;
}
#contact .row{
margin-bottom: 0;
}
#contact li{
display: inline-block;
}
#contact ul{
margin-top:5%;
margin-bottom:9%;
}
#contact a{
color: #000;
}
#contact img{
position: relative;
top: 7px;
}
#contact ol li:first-child{
border-right: 1px solid #000;
}
#contact ol{
padding: 0;
}
#contact ol li{
padding: 0 20px;
}
#contact li {
display: inline-block;
padding: 0 3%;
vertical-align: top;
}
.phone {
font-size: 45px;
color: #e6a94a!important;
font-weight: 700;
display: block;
}
.attachment-form-container{
color: #3e4044;
}
#contact h4 {
font-weight: 300;
text-transform: uppercase;
font-size: 27px;
margin-bottom: 0;
}
.nobg {
background: none !important;
overflow: unset !important;
}
.aboutusimgconteiner {
position: relative;
left: 25%;
width: 26vw;
}
#recommendation {
background-color: #3e4044;
color: #fff;
background-image: url('../img/other/reco_bg.jpg');
background-position: right bottom;
background-repeat: no-repeat;
padding: 60px 0;
}
#recommendation p {
font-size: 20px;
text-align: center;
font-style: italic;
font-weight: 400;
margin: 40px 0;
}
#recommendation h4 {
font-weight: 200;
text-align: center;
text-transform: uppercase;
font-size: 27px;
}
#recommendation h3 {
text-align: center;
width: 100%;
margin: 30px 0;
}
#popup_pac {
height: 100%;
position: relative;
width: 100%;
}
#popup_content {
height: 70%;
z-index: 1001;
max-width: 850px;
max-height: 700px;
right: 0;
bottom: 0;
color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
visibility: hidden;
opacity: 0;
background-color: #fff;
}
#popup_search{
width: 100%;
height: 100%;
background-color:rgba(105,81,109,0.90);
z-index: 1000;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
color: #fff;
}
.blackbg-popup {
background: #000;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
z-index: 1000;
visibility: hidden;
opacity: 0;
transition: opacity 1s ease 0s;
}
.blackbg-popup-active {
visibility: visible;
opacity: 0.8;
}
#popup_content2{
width:100%;
height:100%;
background-color:#69516D;
z-index:1000;
position:fixed;
top:0;
left:0;
visibility: hidden;
opacity: 0;
color: #fff;
}
#popup_search2{
width:100%;
height:100%;
background-color:rgba(105,81,109,0.90);
z-index:1000;
position:fixed;
top:0;
left:0;
visibility: hidden;
opacity: 0;
color: #fff;
}
.popup_content_start {
transition: all 1s ease 0s;
}
.popup_content_end {
opacity: 1 !important;
visibility: visible !important;
}
#popup_search{
width:100%;
height:100%;
background-color:rgba(105,81,109,0.90);
z-index:10000;
position:fixed;
top:0;
left:0;
visibility: hidden;
opacity: 0;
color: #fff;
}
.popup_search_start {
transition: all 1s ease 0s;
}
.popup_search_end {
opacity: 1 !important;
visibility: visible !important;
}
#closebt {
text-align: right;
position: absolute;
right: 20px;
top: 20px;
}
.centerdiv{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#formMainPage label{
color: #fff;
font-size: 25px;
font-weight: 200;
}
#searchformselect{
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
height: min-content;
width: 100%;
color: #fff;
}
#searchformselect h1{
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 1px;
margin: 0;
}
#searchformselect h2 {
margin: 0 0 40px;
font-size: 3.2rem;
}
#searchformselectindex label{
color: #fff;
}
.labeldifrent label{
color: #1b4073!important;
}
#searchformselectindex .secondrow > div {
width: 100%;
border: 0;
border-radius: 8px;
padding: 10px 190px 10px 36px;
background: #e9edf3;
}
#searchformselectindex .nice-select{
background: #e9edf3;
}
#searchformselect form{
position: relative;
width: 65%;
}
#search::placeholder{
color: #fff!important;
font-weight: 300!important;
opacity: 1!important;
}
#search{
padding: 0;
color: #fff;
font-weight: 200;
width: 100%;
display: block;
margin: 0;
border: 0;
}
#search_bt{
background: #183051;
color: #fff;
border: 0;
padding: 0 45px;
border-radius: 6px;
cursor: pointer;
position: absolute;
bottom: 0;
right: 7px;
top: 0;
margin: auto 0;
height: 53px;
}
#popup_text {
height: 100%;
width: 70%;
float: left;
color: #000;
overflow-y: auto;
padding: 4%;
font-size: 16px;
line-height: 30px;
font-weight: 100;
}
#popup_text b{
font-weight: 700;
}
#popup_text a{
text-transform: uppercase;
color: #fff;
font-weight: 700;
}
#popup_text h2 {
margin-top: 3%;
margin-bottom: 5%;
color: #fff;
text-align: left;
font-size: 2rem;
}
.sessionicon {
display: inline-block;
}
.sessionicon::after {
content: url('../img/icon/time_icon.png');
margin-left: 3px;
}
.slick-slide img{
width: 100%;
}
#slider .slick-slide img{
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
transform: scale(1.2);
}
#slider .slick-active img {
transform: scale(1);
}
#popup_img2 {
height: 100%;
width: 65%;
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
float: left;
}
#popup_text h3 {
font-size: 1.3rem;
letter-spacing: 1px;
margin: 0;
}
#popup_text p {
font-size: 0.9rem;
line-height: 18px;
font-weight: 100;
}
.slick-slide{
margin: 0!important
}
#popup_img {
height: 100%;
width: 30%;
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
float: right
}
#oferts-container {
top: -30vh;
position: relative;
}
#treningprice{
border: 10px solid transparent;
width: 83%;
margin: 0 auto;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#69516d+0,69516d+21,c7b6c9+49,69516d+80,69516d+100 */
-moz-border-image: -moz-linear-gradient(left, #69516d 0%, #69516d 21%, #c7b6c9 49%, #69516d 80%, #69516d 100%); /* FF3.6-15 */
-webkit-border-image: -webkit-linear-gradient(left, #69516d 0%,#69516d 21%,#c7b6c9 49%,#69516d 80%,#69516d 100%); /* Chrome10-25,Safari5.1-6 */
border-image: linear-gradient(to right, #69516d 0%,#69516d 21%,#c7b6c9 49%,#69516d 80%,#69516d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-image-slice: 1;
}
#treningprice p{
text-align:center;
}
#treningprice b{
color: #69516d;
font-weight: 600;
}
.recommendedcover{
height: 160px;
background-size: cover !important;
}
#specialofert h3 {
font-size: 1.1rem;
font-weight: 900;
text-align: center;
padding: 0 10px;
}
#specialofert h2 {
font-size: 1.3rem;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
color: #69516d;
margin: 7% 0 0;
}
#specialofert p{
text-align: center;
padding: 0 10px;
}
#specialofert .slick-dots li.slick-active button {
background: #69516c!important;
}
#specialofert.slick-dots li button {
opacity: 0.9!important;
}
#specialofert .slick-list {
padding: 5% 0!important;
}
#specialofert .slick-dots {
text-align: center!important;
position: relative!important;
margin: 10px 0 0 !important;
}
#specialofert .slick-slide {
margin: 10px 20px!important;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
}
#bloglist{
text-align: center;
margin: 100px auto;
}
#bloglist li {
width: 29%;
margin: 2% 2%;
display: inline-block;
text-align: left;
vertical-align: top;
transition: all .5s ease;
border-radius: 26px;
overflow: hidden;
}
#bloglist li:hover{
transform: scale(1.1);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
}
#bloglist li img{
width: 100%;
}
#bloglist li p {
padding: 0 35px 5px !important;
margin-top: 1rem;
}
#bloglist li a{
color:#000;
}
.historyback{
margin-top: 150px;
display: block;
}
#blogpost a{
color: #553e59;
text-decoration: underline;
}
#blogpost a:hover{
color: #553e59;
text-decoration: none;
}
#bloglist h2 {
text-align: center;
color: #1b4073;
font-weight: 300;
font-size: 2.5rem;
text-transform: uppercase;
margin-bottom: 40px;
}
#bloglist li h2 {
font-size: 1.2rem;
color: #3f3d3f;
padding: 0 50px;
margin-top: 0.1rem;
margin-bottom: 0;
}
#bloglist li h3{
font-size: 0.7rem;
color: #3f3d3f;
padding: 0 35px;
margin-top: 2rem;
margin-bottom: 0px;
}
.currentpage{
background-color: #3f3d3f;
}
.currentpage a{
color: #fff!important;
}
#pagerpost{
text-align: center;
margin-top: 4rem;
}
#pagerpost li {
display: inline-block;
border: 1px solid #6c526f;
border-radius: 100px;
padding: 16px 16px;
margin-right: 6px;
position: relative;
}
#pagerpost li a {
color: #6a526e;
position: absolute;
top: 6px;
width: 100%;
text-align: center;
left: 0;
text-decoration: none;
}
#pagerpost li:hover a {
color: #fff;
}
#pagerpost li:hover{
background-color: #3f3d3f;
}
#newscontainer .slick-slide {
margin: 10px 100px!important;
background-color: #fff;
}
#newscontainer{
background-color: #f6f4f5;
}
#newscontainer h2 {
font-size: 1.3rem;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
color: #69516d;
padding: 6% 0 0;
margin: 0;
text-transform: uppercase;
}
#newscontainer .slick-slider{
top: 80px;
}
#newscontainer .slick-slide {
margin: 10px 50px!important;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
}
.moreboxbt {
text-transform: uppercase;
margin: 0 auto;
display: inline-block;
padding: 11px 30px;
color: #fff;
background: linear-gradient(74deg, rgba(187,144,194,1) 0%, rgba(214,149,191,1) 100%);
transition: all 0.5s ease;
}
#readmorecontainer {
margin-top: 129px;
text-align: center;
padding-bottom: 75px;
margin-bottom: 70px;
}
#newscontainer h3{
font-size: 1.6rem;
color: #3f3d3f;
padding: 0 50px;
margin-top: 3rem;
}
#newscontainer p{
text-align: justify;
padding: 0 50px 50px;
}
#newscontainer .slick-slide a{
color: #553e59;
text-decoration: underline;
}
#partners h2 {
font-size: 1.3rem;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
color: #69516d;
padding: 6% 0 0;
margin: 0;
text-transform: uppercase;
}
#oferts ul{
padding: 0;
margin: 6% 0 0;
text-align: center;
}
#oferts ul li
.tss {
display: inline-block;
white-space: normal;
1 color: #fff;
font-size: 10px;
}
.graybox {
background-color: #3e4044;
}
.whitebox {
background-color: #fff;
color: #000 !important;
}
.whitebox h2 {
color: #000 !important;
}
.whitebox p {
color: #000 !important;
}
.whitebox a {
color: #000 !important;
}
.arrow-o1 {
position: absolute;
right: 0;
top: 6vh;
z-index: 1;
}
.arrow-o3 {
position: absolute;
left: 0;
top: 6vh;
z-index: 1;
}
.arrow-o4 {
position: absolute;
left: 0;
top: 6vh;
z-index: 1;
}
.arrow-o2 {
position: absolute;
left: 6vh;
bottom: 0;
z-index: 1;
}
.goldenbox {
background-color: #d99d41;
}
.cbox {
padding: 3vh;
color: #fff;
}
.cbox h2 {
font-size: 1.5vw;
color: #fff;
}
.cbox p {
font-size: 0.7vw;
line-height: 1vw;
font-weight: 300;
}
.cbox a {
font-size: 0.7vw;
color: #fff;
font-weight: 300;
text-decoration: underline;
}
#blogcontainer {
width: 100%;
background-image: url('../img/other/blog.jpg');
background-repeat: no-repeat;
background-position: left top;
padding-top: 10%;
padding-bottom: 6%;
}
.blog {
left: 12%;
}
.blog h3 {
font-size: 45px;
}
.blog p {
line-height: 22px;
margin-bottom: 45px;
font-weight: 100;
font-size: 14px;
}
.cabinet h2 {
font-size: 2.56rem;
line-height: 110%;
margin: 2.3733333333rem 0 1.424rem 0;
margin-bottom: 1.424rem;
font-weight: 300;
letter-spacing: 4px;
margin-bottom: 5%;
color: 141e30;
position: relative;
z-index: 1
}
.cabinet p {
line-height: 23px;
position: relative;
z-index: 1
}
.cabinet {
padding: 4% 0;
font-weight: 300;
}
.cabinet ul {
margin-left: 15%;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
z-index: 1
}
.cabinet li {
width: 21%;
margin-right: 12%;
display: inline-table;
margin-bottom: 4%;
}
.pinkbt {
border: 0 !important;
padding: 13px 48px;
text-transform: uppercase;
display: table;
margin-top: 5%;
margin-bottom: 3%;
background: #dfb0b0;
color: #0d154a;
border-radius: 0px;
font-weight: 700;
letter-spacing: 1px;
font-size: 13px;
float: left;
position: relative;
z-index: 1
}
.btwhite {
border: 1px solid #42427f;
padding: 13px 48px;
text-transform: uppercase;
display: inline-block;
margin-top: 5%;
margin-bottom: 3%;
color: #42427f;
border-radius: 0px;
font-weight: 700;
letter-spacing: 1px;
font-size: 13px;
float: left;
margin-right: 4%;
position: relative;
z-index: 1
}
.linevertical {
border-left: 2px solid #0e0e3d;
height: 6%;
}
.video video {
height: 100%;
}
.video img {
height: 100%;
}
.video {
width: 100%;
height: 110%;
position: absolute;
left: 42%;
overflow: hidden;
background: #000024;
z-index: 2;
}
.hrlinehorzynontal {
display: inline-block;
width: 11%;
margin: 0 3%;
position: relative;
}
#map {
width: 97%;
height: 500px;
margin: 0 auto;
}
#conteinermap {
-webkit-box-shadow: inset 0px 60px 43px 0px rgba(255, 255, 255, 0.55);
-moz-box-shadow: inset 0px 60px 43px 0px rgba(255, 255, 255, 0.55);
box-shadow: inset 0px 60px 43px 0px rgba(255, 255, 255, 0.55);
width: 100%;
height: 560px;
}
#conteinermap img {
height: 248px;
width: 100%;
position: absolute;
top: 0;
z-index: 99;
}
.mlr {
margin: 0 0 0 3%;
}
.input-row img {
position: absolute;
bottom: 18px;
left: 12px;
}
.input-row2 img {
position: absolute;
bottom: 14px;
left: 12px;
}
.contact_row input:focus{
border: 1px solid #000!important;
}
input:not([type]),
input[type="text"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="url"]:not(.browser-default),
input[type="time"]:not(.browser-default),
input[type="date"]:not(.browser-default),
input[type="datetime"]:not(.browser-default),
input[type="datetime-local"]:not(.browser-default),
input[type="tel"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="search"]:not(.browser-default),
textarea.materialize-textarea {
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-top: 0px solid #fff;
border-bottom: 1px solid #69516D;
border-radius: 0px;
width: 75%;
padding-left: 39px;
box-shadow: 0 0 0px #719ECE;
color: #000;
outline: none!important;
}
.input-row2 textarea:focus {
outline: none;
box-shadow: none !important;
border-bottom: 1px solid #69516D !important;
}
.info {
color: #f00;
font-weight: 300;
}
.btsubmitform {
background: #183051;
color: #fff;
border: 0;
padding: 0 45px;
border-radius: 6px;
cursor: pointer;
margin-top: 30px;
height: 53px;
width: 100%;
text-align: center;
}
.checkboxWrap {
margin-top: 30px;
text-align: justify;
margin-bottom: 30px;
}
.checkboxWrap p{
font-size: 11px;
color: #4e4e55;
line-height: 16px;
text-align: justify;
display: inline;
}
.checkboxWrap [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
margin-bottom: 20px!important;
opacity: unset!important;
pointer-events: unset!important;
margin-bottom: 0px !important;
position: relative!important;
}
.successMessage {
color: #ccc;
}
.input-field:hover {
}
.attachment-form-container {
z-index: 2;
position: relative;
}
::placeholder {
color: #888888 !important;
font-weight: 700;
letter-spacing: 1px;
font-size: 13px;
}
.footer-copyright {
color: #acacac;
padding: 20px;
text-align: center;
}
.footer-copyright a{
color: #acacac;
}
#footer {
font-weight: 300;
font-size: 1.1rem;
padding: 30px 2% 20px;
color: #fff;
margin-bottom: 0;
text-align: left;
margin-top: 5rem;
line-height: 2.3rem;
background-color: #1b4073;
}
#footer ul li {
display: inline-block;
line-height: 22px;
margin-right: 17px;
border-left: 1px solid #fff;
padding-left: 20px;
}
#footer ul li:first-child{
padding: 0;
border: 0;
}
#footer ul img{
position: relative;
top:3px;
margin-right: 10px;
}
#footer ul {
margin: 0;
}
#footer p img{
margin-right: 10px;
}
#footer > div{
position: relative;
z-index: 1;
}
.underimg{
position: absolute;
right: 10%;
z-index: 0;
bottom: 0;
height: 121%;
}
#footer ul a {
color: #fff;
}
.footerlist {
display: inline-block;
vertical-align: top;
}
.footerlist li {
margin-bottom: 27px;
letter-spacing: 1px;
}
.columnbreak{
-moz-column-count: 2;
-moz-column-gap: 60px;
-webkit-column-count: 2;
-webkit-column-gap: 60px;
column-count: 2;
column-gap: 60px;
}
.input-row {
width: 50%;
display: inline-block;
}
p {
line-height: 1.7rem;
}
@media all and (min-width:2550px) {
#whatwedo {
text-align: center;
}
#whatwedo ul {
margin: 0 auto;
width: 61%;
}
#centrumslider .getquocontainer {
left: -7%;
}
#wesave {
margin: 6% auto;
padding: 0 0%;
}
}
@media all and (max-width:2250px) {
}
@media all and (max-width:2000px) {
.cbox p {
font-size: 0.6vw;
line-height: 1.1vw;
}
.cbox a {
font-size: 0.6vw;
}
.cbox h2 {
font-size: 1.2vw;
color: #fff;
}
}
@media only screen and (max-width : 1920px) {
}
@media only screen and (max-width : 1600px) {
.cbox p {
font-size: 0.9vw;
line-height: 1.5vw;
}
.cbox a {
font-size: 1vw;
}
#headleft li {
line-height: 1.7vw;
}
}
@media only screen and (max-width : 1500px) {
}
@media only screen and (max-width : 1338px) {
#whatwedo li div {
bottom: -22%;
}
#consultations img {
left: -8rem;
}
.cbox p {
font-size: 1.2vw;
line-height: 1.5vw;
}
.cbox h2 {
font-size: 1.8vw;
}
.cbox a {
font-size: 1vw;
}
#pipe {
display: none;
}
#gt_float_wrapper {
top: 85px !important;
}
}
@media only screen and (max-width : 1200px) {
#getvisit {
font-size: 0.9rem;
}
#teamabout {
background-position: 60% top;
}
nav ul a {
font-size: 0.9rem;
}
nav ul li {
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width : 1025px) {
.cbox p {
font-size: 1vw;
line-height: 1.1vw;
}
p {
line-height: 1.5rem;
font-size: 0.9rem;
}
.cbox a {
font-size: 1vw;
}
.getquo h1 {
font-size: 2.5rem;
}
#specialofert h3 {
padding: 0 10px;
}
.getquo p {
margin-top: 0.8rem;
margin-bottom: 3.4rem;
font-size: 1.7rem;
}
.getquocontainer {
bottom: 1vw;
}
nav ul a {
font-size: 0.9rem;
}
#headleft {
font-size: 1.4vw;
}
#headright {
margin-top: 9%;
}
#pipe {
display: none;
}
nav ul li:first-child img {
width: 85%;
}
#getvisit {
width: 35%;
}
#aboutsite .m5 {
padding-right: 1rem;
}
#consultations .m5 {
padding: 1% 0 5% 0%;
}
#consultations img {
width: 64%;
left: -7rem;
}
#consultations h3 {
letter-spacing: -2px;
font-size: 4rem;
left: -10rem;
margin-top: 2rem;
}
#consultations hr {
width: 2px;
height: 76px;
margin: 7rem 0px 1rem;
}
.mbt {
color: #fff !important;
font-size: 17px;
}
}
@media only screen and (max-width : 992px) {
#gt_float_wrapper {
top: 18px !important;
}
#baner ul {
grid-template-columns: 1fr !important;
}
#baner {
top: 0px;
}
#contslider{
height: auto;
padding: 100px 0px 60px;
}
#searchformselect{
position: relative;
}
.mbt {
color: #fff !important;
font-size: 13px;
line-height: 15px;
}
#searchformselect h2{
display: none;
}
#searchformselect h1{
display: none;
}
#searchformselectindex {
margin-bottom: 0;
margin-top: 5%;
}
#aboutus{
top:0;
margin-top: 28px;
}
#selectworkofert {
grid-template-columns: 1fr;
}
.secondrow > div {
padding: 10px 10px 10px 20px !important;
}
.nice-select {
padding-left: 19px !important;
}
.secondrow #search_bt {
position: absolute;
right: 0;
bottom: -166px;
width: 100%;
margin-top: 22px;
font-size: 19px;
text-transform: uppercase;
letter-spacing: 1px;
top: unset;
}
.phonecontact {
position: relative;
top: 31px;
}
#workoffertview h2 {
font-size: 1.2rem;
}
#workoffertview h1 {
font-size: 2.5rem;
}
.mobilsend{
display: block;
}
#searchformselect form {
width: 100%;
}
#aboutus h2 {
width: 100%;
}
#aboutus_txt p {
width: 100%;
}
#aboutusquo{
display: none;
}
#aboutlist li {
width: 45%;
vertical-align: top;
}
#diffrence ul {
width: 100%;
margin-top: 10px;
}
.bleft {
border-left: 0;
}
.firstrow {
display: block;
margin-bottom: 80px;
}
.workofert .bt {
position: relative;
right: 0;
top: 0;
bottom: 0;
width: 100%;
margin: 20px 0 0;
height: fit-content;
}
.workofert ul ul::after {
content: "";
}
.workofert ul ul {
margin-bottom: 10px;
}
.workofert {
margin-bottom: 20px;
padding-top: 50px;
}
.workofert .txtcontent {
width: 100%;
}
.phoneh3 {
margin: 10px 0;
font-size: 23px !important;
}
.arrowe{
display: none !important;
}
#employer{
padding: 0;
}
#employer li{
width: 100%;
padding: 0 !important;
margin: 30px 0;
}
#bloglist li {
width: 100%;
margin: 8% 0%;
}
.sidenav {
background-color: #183051;
}
#footer .right {
float: unset !important;
}
#footer ul li {
margin-right: 0;
padding-left: 0;
width: 100%;
margin-bottom: 21px;
border: 0;
}
.contact_row input{
width: 100%!important;
}
.contact_row {
flex-wrap: wrap;
}
.contact ul {
display: block;
}
.contact ul li {
width: 100%;
}
p {
line-height: 1.5rem;
font-size: 1.2rem;
}
.attachment-form-container {
width: 100%;
}
#rentThumb div hr {
width: 1px;
}
#rentInfo ul {
width: 100%;
}
#rentlist li div {
width: 100%;
position: relative;
}
#rentlist li:nth-child(2) > .textcont {
float: left;
text-align: left;
padding: 40px 40px 40px 40px;
}
#rentlist li:nth-child(2) > .textcont .bookbt {
right: 0;
}
#rentlist .textcont{
padding: 40px 40px 40px 40px;
}
.galleryrottocont::before {
content: "";
}
#rentlist .bigp {
position: relative;
width: 100%;
}
#workshopindex h2 {
left: -1rem;
}
#rentlist li:nth-child(2) > .galleryrottocont::before {
content:"";
}
#workshop img {
position: relative;
right: 0%;
width: 100%;
}
.bookbt {
position: relative;
bottom: 0;
right: 0;
width: 100%;
display: block;
padding: 10px 0 10px 29%;
}
#workshopinfo {
margin-top: -5px;
}
#workshop .m5{
padding: 0;
}
.blackline{
display: none;
}
.RentCenter .slick-center a {
right: 0 !important;
}
#atraction h2 {
font-size: 4rem;
margin-bottom: 0%;
margin-top: 6%;
}
#RentContainer h2 {
color: #ece1da;
top: 1%;
font-size: 3rem;
left: 1rem;
margin: 0;
}
.atrimgallr {
right: -120%;
}
.getquo {
bottom: 19rem;
}
#atraction ul {
margin-top: 11%;
}
#atraction li:hover > .atrimgr {
opacity: 0;
}
nav ul li {
padding-top: 0;
height: auto;
}
.RentCenter .slick-center a:hover {
right: 20px !important;
}
#nav-mobile{
padding-top: 20px;
}
#RentContainer {
padding: 1rem 0 1.7rem;
}
#getvisit li:last-child {
margin-bottom: 23px;
}
.topmenu {
visibility: hidden;
}
#getvisit{
position: relative;
}
#blogpost .m8 {
padding-left: 0.75rem;
}
#financing{
padding-left: 0.75rem;
}
.slideralter {
width: 100%;
height: 40vh;
margin-bottom: 7vh;
}
#closebt {
right: 0px;
top: -60px;
}
.RentCenter .slick-slide {
margin: 40px 20px !important;
}
#workshopindex {
padding-top: 0;
}
.RentCenter .slick-slide ul {
margin-top: 2rem;
margin-bottom: 3rem;
}
.slideimg {
position: relative;
right: 0;
transform: unset;
top: 0;
}
.RentControler div {
position: relative;
top: 0;
width: 100%;
}
.RentControler a {
color: #fff;
text-transform: uppercase;
padding: 15px 10px 10px;
letter-spacing: 2px;
display: inline-block;
}
#aboutus_txt img {
position: relative;
right: 0;
height: auto;
top: 0;
transform: unset;
width: 100%;
}
#aboutus_txt {
padding-right: 0;
}
#pricelist::before {
content: "";
}
#pricelist::after {
content: "";
}
#pricelist td {
padding: 11px 14px;
}
#pricelist h2 {
font-size: 1.3rem;
}
.hide-slider-on-med-and-down{
display: block!important;
}
.hide-slider-on-med-and-up{
display: none!important;
}
#pricelist table {
width: 100%;
}
#team {
grid-template-columns: 1fr;
gap: 10px;
}
#team li {
width: 100%;
margin-bottom: 36px;
}
#teamabout {
background-position: 45% top;
}
#aboutsite .m5 {
padding-right: 0;
width: 100%;
}
#aboutsite .video_wrapper iframe {
margin-top: 4rem;
}
#reason ul{
text-align: center;
}
#reason > div {
background: linear-gradient(180deg, rgb(243, 241, 243) 0%, rgb(237, 240, 243) 99%, rgb(255, 255, 255) 100%, rgb(255, 255, 255) 100%);
}
#whatwedo{
display: none;
}
#consultations .m7 {
width: 100%;
}
#consultations img {
width: 100%;
left: 0;
position: relative;
}
#consultations .m5 {
padding: 5% 0 5% 0%;
width: 100%;
}
#consultations h3 {
left: 0;
margin-top: 2rem;
text-align: center;
position: relative;
}
#consultations hr {
width: 2px;
height: 76px;
margin: 25px auto;
}
#centrumslider .getquocontainer {
bottom: 0;
left: 0;
position: relative;
}
#centrumslider .getquo {
background: none;
bottom: 0;
background-position: right top;
text-align: justify;
width: 100% !important;
padding: 4% 5% 2% 5%;
position: relative;
margin-left: 0%;
}
#wesave {
margin: 0 auto;
padding: 0;
}
#reason li {
width: 48%;
padding: 0 1%;
}
#aboutsite .m7 {
width: 100%;
}
#getvisitcontainer{
position: relative;
}
#getvisit {
width: 100%;
}
#socialmenu{
display: none;
}
#quo h1 {
font-size: 5rem;
}
.slick-dotted.slick-slider {
margin-bottom: 0px!important;
}
#getvisitcontainer .row{
margin: 0;
width: 100%;
}
.getquo p {
margin-top: 1rem;
margin-bottom: 2.4rem;
font-size: 1.3rem;
line-height: 2.6rem;
}
.getquo h1 {
font-size: 3rem;
}
.getquo a {
font-size: 1.3rem;
}
#slider .slick-dots {
z-index: 1;
}
#slider .slick-dots {
padding-right: 30px !important;
text-align: right;
}
.mobilem {
position: relative !important;
top: 5px !important;
}
.margin01p{
margin: 0px;
}
nav,
nav .nav-wrapper i,
nav a.sidenav-trigger,
nav a.sidenav-trigger i {
line-height: 1px;
margin-top: 4px;
}
#mainmenu {
padding-top: 0px;
}
.mlr {
margin: 0;
}
.input-row {
width: 100%;
}
.hrlinehorzynontal {
display: none;
}
nav ul li:first-child {
float: none !important;
}
nav ul li {
display: block;
float: none !important;
}
nav ul {
text-align: left;
}
nav i,
nav [class^="mdi-"],
nav [class*="mdi-"],
nav i.material-icons {
display: block !important;
}
nav a {
color: #fff;
}
html {
font-size: 13px;
}
#footer {
font-size: 15px;
}
.wm100 {
width: 100%;
}
#map {
width: 100%;
height: 51%;
}
#ofert {
padding: 15% 0px 3%;
background-position: -100px 40%;
}
#menudiscription h2 {
margin: 24% 0 0;
}
#ofert li {
width: 100%;
}
.slick-next {
left: unset !important;
right: 14px;
}
.slick-prev {
left: 10px !important;
}
#registercontent {
background-image: none;
}
#contactinfo {
position: relative;
}
#infobox li {
margin-bottom: 9px;
}
#infobox {
position: relative;
top: 0;
width: 100%;
padding: 7% 5%;
}
#whereacademy{
width: 100%;
}
#masktop{
width: 100%;
}
#masktop img{
width: 100%;
}
#header {
width: 100%;
height: 100%;
display: block;
position: relative;
background-size: cover;
background-position: 8% center;
}
#logo {
width: 100%;
text-align: center;
top: 35%;
padding-left: 0;
}
#logo h1 {
font-size: 4vw;
}
#cippinfo {
position: relative;
right: 0;
}
#eko .col {
padding: 6%;
}
#footpipe{
display: none;
}
#logo img{
width: 60%;
}
#eko img{
display: none;
}
#popup_text2 {
height: 40%;
width: 100%;
}
#popup_img2 {
height: 60%;
width: 100%;
} #popup_text {
height: 100%;
width: 100%;
}
#popup_img {
height: 60%;
width: 100%;
display: none;
}
.slider-for{
display: none!important;
}
#oferts h3 {
font-size: 18px;
}
#oferts h2 {
font-size: 17px;
}
#oferts li {
width: 48%;
margin-right: 0%;
margin-bottom: 3%;
}
#socialmenu, .arrow-o2, .arrow-o1, .arrow-o3, .arrow-o4, .mobilenone{
display: none;
}
#headleft h3 {
font-size: 7vw;
margin-top: 10vw;
}
#headleft {
width: 100%;
background-color: #3e4044;
color: #fff;
position: relative;
height: auto;
z-index: 1;
padding: 10% 9% 8% 9%;
font-size: 3.5vw;
font-weight: 300;
}
#headleft p {
line-height: 5vw;
}
#headleft a {
margin-right: 9px;
margin-bottom: 10px;
padding: 8px 39px;
font-size: 15px;
}
#headright {
width: 100%;
height: 100%;
margin-top: 14%;
float: none;
}
.oferts {
margin-top: 0vh;
}
#logomobil {
position: relative;
top: 21px;
left: 10px;
float: left;
}
#oferts-container {
top: -40px;
}
nav .nav-wrapper {
margin-top: -11px;
border: 0px !important;
padding-right: 55px;
}
.whitebox {
background-color: #d99d41;
color: #fff;
}
.whitebox h2, .whitebox p, .whitebox a{
color: #fff!important;
}
.input-row input {
width: 81% !important;
}
#oferts-container .pabsolute {
position: unset !important;
}
#oferts-container .w55{
width: 100%;
}
#oferts-container .w45{
width: 100%;
}
.rellax { transform: translate3d(0,0,0) !important; }
#oferts-container .w50{
width: 100%;
}
#oferts-container .w60{
width: 100%;
}
#oferts-container .w40{
width: 100%;
}
#oferts-container .w70{
width: 100%;
}
#oferts-container .h100{
height: auto;
}
#oferts-container .h33{
height: auto;
}
#oferts-container .h70{
height: auto;
}
#formhelp li img {
float: none;
margin: 0 auto;
}
.cbox h2 {
font-size: 25px;
margin-top: 0px;
}
.cbox p {
font-size: 14px;
line-height: 24px;
}
.cbox a {
font-size: 13px;
}
#formhelp {
background-position: -48% top;
}
#dotup {
display: none;
}
input:not([type]),
input[type="text"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="url"]:not(.browser-default),
input[type="time"]:not(.browser-default),
input[type="date"]:not(.browser-default),
input[type="datetime"]:not(.browser-default),
input[type="datetime-local"]:not(.browser-default),
input[type="tel"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="search"]:not(.browser-default),
textarea.materialize-textarea {
width: 80%;
}
.reference_post div {
margin-bottom: 20px;
}
.slider-nav {
margin: 4% 0%;
}
textarea {
height: 4rem;
}
.attachment-form-container {
margin: 6% 0px;
padding: 0 0%;
}
#map {
width: 100%;
height: 500px;
}
.ontop {
position: fixed;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
z-index: 9999;
background: rgba(0, 0, 0, 0.47);
align-items: center;
overflow-y: scroll;
}
.ontop .workofert{
padding-top: 0!important;
}
.ontop .workofert > ul li:last-child{
display: none;
}
.newsearch {
display: grid;
grid-template-columns: 100%;
margin-top: 10px;
gap: 10px;
}
.newsearch .nice-select{
margin: 0!important;
}
#mask img{
width: 100%;
}
.w50 {
width: 100%;
}
#alterslider h1 {
width: 100%;
font-size: 28px;
}
.video {
left: 0px;
height: 40%;
position: relative;
}
#centrumslider .slick-prev, #centrumslider .slick-next {
top: 140px;}
.inner-wrapper-sticky {
padding-bottom: 0px;
}
#workoffertindex {
padding: 4px 13px 4px;
}
nav a {
color: #fff;
}
#worklist a{
word-wrap: anywhere;
}
nav {
height: 72px;
line-height: unset;
}
#slideralter img{
display: none;
}
#footer {
text-align: center;
}
#footer span{
text-align: center;
width: 100%
}
#mainmenu {
padding-top: 0px;
}
.litepicker {
font-size: 1.6em;
left: 0%;
top: 0px;
margin: 0 auto;
}
nav ul li:first-child {
float: none !important;
}
#headleft li {
line-height: 6vw;
}
nav ul li {
display: block;
float: none !important;
}
.logoalter {
top: 12%;
left: 0;
width: 100%;
text-align: center;
}
.aboutul li {
width: 43% !important;
margin: 5% 3% !important;
}
#blogindex li {
width: 100%;
}
.preparationimg {
margin: 0;
width: 100%;
}
.othermenu {
height: 73px !important;
}
.mobilevwrapper .valign-wrapper{
display: unset!important;
display: unset!important;
display: unset!important;
display: unset!important;
-webkit-box-align: unset!important;
-webkit-align-items: unset!important;
-ms-flex-align: unset!important;
align-items: unset!important;
}
nav ul {
text-align: left;
}
nav i,
nav [class^="mdi-"],
nav [class*="mdi-"],
nav i.material-icons {
display: block !important;
}
.hrlinehorzynontal {
display: none;
}
#whyus ul li {
width: 100%;
}
#mainmenu{
z-index: 1010;
position: fixed;
top: -5px;
}
#getvisitcontainer {
z-index: 1;
}
.cos{
margin-top: 50px!important;
}
.nostyle > ul{
grid-template-columns: 1fr;
}
#contactmenu {
display: none;
}
.sidenav-overlay {
z-index: 1001;
}
#shortinfo {
padding: 0;
}
#people li {
width: 100%;
margin-bottom: 30px;
}
.col50 {
width: 100%;
}
#rad .t_right img{
width: 100%;
}
#rad .padding-l-r-5p{
padding-bottom: 10%;
}
#shortinfo li{
width: 100%;
}
}
@media only screen and (max-width : 400px) {
#workoffertindex h1 {
font-size: 6vw !important;
}
.attachment-row input{
width: 100%;
}
.g-recaptcha {
position: relative;
left: -6vw;
width: 100% !important;
overflow: hidden;
}
.g-recaptcha > div{
width: 100px!important;
}
#banerminimobile li h2 {
font-size: 25px!important;
}
#banerminimobile li p {
font-size: 20px!important;
}
#chceck1-info {
width: 100% !important;
}
#chceck1-info {
white-space: normal !important;
}
#addfile{
width: 100% !important;
overflow: hidden!important;
}
.addatach {
width: 89% !important;
font-size: 3.7vw !important;
}
}
@media only screen and (max-width : 346px) {
#workoffertindex h1 {
font-size: 0px !important;
}
}