/*********GENERAL**********************/ @font-face { font-family: 'GothamGRBook'; src: url('GothamGRBook.otf') format('opentype'); font-weight: normal; } @font-face { font-family: 'GothamGRXLight'; src: url('GothamGRXLight.otf') format('opentype'); font-weight: normal; } @font-face { font-family: 'GothamGRBold'; src: url('GothamGRBold.otf') format('opentype'); font-weight: normal; } @font-face { font-family: 'GothamGRBlack'; src: url('GothamGRBlack.otf') format('opentype'); font-weight: normal; } @font-face { font-family: 'GothamGRLight'; src: url('GothamGRLight.otf') format('opentype'); font-weight: normal; } @font-face { font-family: 'CFNote'; src: url('CFNote-Regular.otf') format('opentype'); font-weight: normal; } @font-face { font-family: 'CFNote-Bold'; src: url('CFNote-Bold.otf') format('opentype'); font-weight: normal; } *{margin:0; padding:0} body, html{height: 100%;} img{border:none} html{height: auto} body {color:#222; font-family: 'GothamGRBook', serif; overflow-x:hidden; font-size:16px; overflow-wrap: break-word; background-color:#fff; } body.nomove{overflow: hidden} body.color1{background-color: #03A5AD; color: #fff} body.disabled {pointer-events: none; } a {text-decoration:none; color: #222 } .left{float:left;} .right{float:right} .clear{clear:both;} html {box-sizing: border-box;} *, *:before, *:after { box-sizing: inherit; } ul{ text-align: left; list-style: inside; color: #222;font-size: 16px;line-height: 27px; margin-bottom: 10px} .hideme{opacity:0} .paddingbottom10{padding-bottom:10px !important;} .full_text{ width: 100% !important; float: none !important; max-width: 1600px !important; margin: 0 auto; padding-top: 0 !important; margin-top: 100px; margin-bottom: 100px} .marginleft20{margin-left:20px !important} .marginleft30{margin-left:30px} .margintop0{margin-top:0px !important} .margintop10{margin-top:10px !important} .margintop20{margin-top:20px !important} .margintop30{margin-top:30px !important} .margintop40{margin-top:40px !important} .margintop50{margin-top:50px !important} .margintop60{margin-top:60px !important} .margintop100{margin-top:100px !important} .margin60{margin: 60px auto} .margintop152{margin-top:152px !important} .mrgtop-20{margin-top: -20px} .margin0{margin:0 !important} .margin20{margin-top:20px !important; margin-bottom:20px !important;} .marginbottom0{margin-bottom:0px !important;} .marginbottom20{margin-bottom:20px !important;} .marginbottom30{margin-bottom:30px !important;} .marginbottom40{margin-bottom:40px !important;} .marginbottom50{margin-bottom:50px !important;} .marginbottom60{margin-bottom:60px !important;} .marginbottom100{margin-bottom:100px !important;} .marginbottom150{margin-bottom:150px !important;} .marginbottom200{margin-bottom:200px !important;} .empty{width:100%; height:40px;} .empty2{width:100%; height:100px;} .paddingbottom100{padding-bottom:100px !important;} .center{text-align: center !important; margin: 0 auto;} em {color: inherit;} .anim{ -ms-transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s; -moz-transition:all 0.2s ease-in 0s; -o-transition:all 0.2s ease-in 0s; transition:all 0.2s ease-in 0s;} p{text-align:justify; color:#222; margin-bottom: 10px; font-size:16px; line-height:27px; } .line50 {width: 50px;border-top: 1px solid #bbb;height: 3px;margin: 0 auto; text-align: center} .line200 {width: 200px;border-top: 1px solid #bbb;height: 3px;margin-bottom: 30px;margin-top: 10px;} /*********GENERAL**********************/ #right_part p a{text-decoration: underline; color: #222} /************* LOADER **********************/ .loader_wrapper{position:fixed; width:100%; height:100%; z-index:10000; background-color:rgba(255,255,255,0.8); display:none; } .loader_wrapper>img{width:300px; height:auto;position: absolute;top: 50%;left:0; right: 0; margin: 0 auto; margin-top: -200px; animation: heart-pulse 0.9s infinite ease-out; } @keyframes heart-pulse { 0% {transform: scale(1)} 50% {transform: scale(1.1);} 100% {transform: scale(1);} } @keyframes heart-pulse2 { 0% {transform: scale(1)} 50% {transform: scale(1.3);} 100% {transform: scale(1);} } .loader_gdpr {position: fixed;width: 100%;height: 100%;overflow: hidden;z-index: 50000000 !important;top: 0;background-color: rgba(0,0,0,0.7);} #gdpr{min-height:35px; background-color:#000; width:100%; text-align:center; color:#fff; font-size:13px; padding-top:8px; position:fixed; bottom:0; z-index:100000000} .gdpr_button{ display:inline-block; padding:5px; color:#fff; border:1px solid #fff; margin:5px;text-decoration:none;}.gdpr_button:hover{background-color:#fff; color:#000;} /************* LOADER **********************/ /**********************HEADER*********************/ #header_top{min-height: 105px; width: 100%; text-align: center; margin:0 auto; position: relative; color: #fff; padding: 0;height:auto; border-radius: 0 0 56px 56px} #header_top.Gallery{background:url('../images/top_gallery.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top.Events{background:url('../images/top_events.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top.Tours{background:url('../images/top_tours.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top.index{background:url('../images/top_index.webp') no-repeat;background-position:top center; height: 973px; margin-bottom: 110px; border-radius: 0 0 91px 91px; background-size: cover; } #header_top.Organized{background:url('../images/top_tours2.webp') no-repeat;background-position:bottom center; background-size:cover; } #ind1, #ind2{opacity: 0} /*#header_top.ATV{background:url('../images/top_atv.webp') no-repeat;background-position:bottom center; background-size:cover;}*/ #header_top.ATV{background:url('../images/top_tours2.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top.Motorbike{background:url('../images/top_motorbikes.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top.Buggy{background:url('../images/top_buggies.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top.Motorhome{background:url('../images/top_buggies.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top.Van{background:url('../images/top_buggies.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top.Basket{background:url('../images/top_buggies.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top.Explore{background:url('../images/top_explore.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top.About{background:url('../images/top_about.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top._404, #header_top.Terms{background:url('../images/top_buggies.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top.Contact{background:url('../images/top_contact.webp') no-repeat;background-position:bottom center; background-size:cover;} #header_top._404 h1{display: none;} h2._404{margin-top: 150px} #header_top_inner{ width: 100%; max-width: 1716px; position: relative; margin: 0 auto; min-height: 295px; } #header_top_logo{display: block; width: auto; float: left; text-align: left;} #header_top_inner p{font-size: 26px; line-height: 30px; color: #fff; text-align: center; margin-top: 50px} #header_menu{list-style: none; margin-top: 65px; float: left; text-align: left; height: 30px; min-width: 500px; margin-left: 146px; font-family: 'GothamGRBook', serif; } #header_menu>li{ margin-left:0px; margin-right: 44px; position: relative; height: 30px; display: inline-block; } #header_menu>li:last-child{margin-right: 0} #header_menu>li>a{color: #FEFEFE; font-weight: normal; font-size: 26px; line-height: 30px; letter-spacing: 0; cursor: pointer} #header_menu>li>a.on{color:#deb868} #header_menu>li>a:hover{/*color: #6d9127;*/ color: #FCB116; /*font-weight: bold*/} #header_top_right{ float: right; height: 40px; width: auto;margin-top: 60px; position: relative; z-index: 500} #header_top_right>#lang{display: inline-block; text-align: right; display: none} #header_top_right>#basket_top{display: inline-block; margin-right: 10px ; position:relative; z-index: 1000} #header_top_right>#basket_top>img{width: 40px; height: 40px;} h1.header_top{font-size: 79px; text-align: center;text-shadow: 0px 3px 6px #00000029; color: #fff; font-weight: normal; display: inline-block; margin: 0 auto; margin-top: -16px;} h1.header_top:not(.index){text-shadow: 0px 3px 6px #000;} h1.header_top>span{font-family: 'GothamGRBold', serif} h1.header_top.index{margin-top: 105px;} @media screen and (max-width: 1600px){ #header_menu>li>a{font-size: 23px} #header_menu{margin-left:30px} #header_top_logo{width: 130px} #header_menu>li{margin-right: 34px} h1.header_top:not(.index){padding-bottom: 30px;} #header_top_inner{min-height: auto} } @media screen and (max-width: 1200px){ #menu_mobile_button{display: block !important} #header_menu{display: none;} #basket_top{margin-right: 0 !important} #header_top{border-radius: 0 0 20px 20px} #header_top_logo{width: 120px;margin-left: 10px; margin-top: 10px; margin-bottom: 10px} #header_top_right:not(.index) {margin: 0 auto; position: absolute; left: 0; right: 0; width: 90px; top:100px; transform: scale(0.8)} #header_top_right.index{position: absolute; top:44px; right: 50px; margin-top: 0} h1.header_top{position: absolute; margin-top: 0; left: 0; right: 0; top:25px; top:15px; } #header_top.index{height: 400px} h1.header_top.index{margin-top: 10px} #header_top_inner p.index{margin-top: 130px;} } @media screen and (min-width: 1281px){ #menu_mobile_button{display: none !important} #header_menu{display: block;} #mobile_menu{display: none;} } @media screen and (max-width: 1000px){ #header_top.index{height: 240px;/* border-radius: 0 0 40px 40px*/} h1.header_top.index{font-size: 40px; margin-top: 0 } #header_top p.index{margin-top: 10px; font-size: 20px;} } @media screen and (max-width: 800px){ h1.header_top{font-size: 60px; top:35px; top:25px} #header_top_right:not(.index){top:95px} #header_top p.index{font-size: 18px; padding:20px 10px; padding-top: 0} #header_top.index{height: auto !important;} } @media screen and (max-width: 650px){ #header_top_logo{width: 70px;margin-left: 5px;margin-top: 5px;margin-bottom: 5px;} h1.header_top{/*font-size: 40px; top:50px*/font-size: 35px; top:25px; top:20px} #header_top_right:not(.index) {margin-top: 28px; margin-top: 0; top:60px} #header_top_right.index{top:25px; transform: scale(0.8);right: 40px;} #header_top.index{min-height: 190px; border-radius: 0 0 20px 20px} h1.header_top.index{font-size: 28px;top: 30px;} #header_top p.index{margin-top: 20px;font-size: 15px; line-height: 22px; padding: 20px 10px; padding-top: 0;} #menu_mobile_button{top:30px !important; transform: scale(0.8)} } /**********************HEADER*********************/ /********************* GALLERY ***********************/ #gallery_wrapper{margin-bottom: 125px; margin-top: 180px;} #gallery_wrapper>a{display: inline-block; height: auto; min-height: 100px; width: calc(100% * 1/3 - 20px); padding-left: 21px; padding-right: 21px; vertical-align: top; margin-bottom: 40px} #gallery_wrapper>a>img{width: 100%; height: auto; max-width: 529px;} #gallery_wrapper>a>img:hover{box-shadow: 1px 1px 11px #666;} @media screen and (max-width: 1300px){#gallery_wrapper>a{width: calc(100% * 1/2 - 20px);}} @media screen and (max-width: 900px){#gallery_wrapper>a{width: calc(100% - 20px);} #gallery_wrapper>a>img{max-width: inherit}} @media screen and (max-width: 800px){#gallery_wrapper{margin-top: 100px; margin-bottom: 100px}} /********************* GALLERY ***********************/ /********************* EVENTS ***********************/ .event1, .event2{width:100%; } .event1{background-color: #fff; padding-bottom: 80px } .event2{ padding: 154px 0; min-height: 425px;} .event_left{width: 50%; float: left; text-align: left; vertical-align: top } .event_left a{display: block; border-radius: 22px; overflow: hidden; max-width: 795px} .event_left a>img{width:100%; height: auto; } .event_right{width: 50%; float: right; text-align: left; padding-left: 140px; min-height: 300px; vertical-align: top } .event_right>h2{font-size: 45px; color: #707070; font-weight: normal} .event_right>div{font-size: 25px; color:#707070; line-height: 37px; text-align: left} /*.event_right>div.date{margin-top: 100px}*/ .event_right>div.date{margin-top: 60px} .event_right>div.time{background: url("../images/Icon Calendar.png") no-repeat;background-position: 0px 7px;padding-left: 30px;} .event_right>div.place{background: url("../images/Icon Marker.png") no-repeat;background-position: 0px 10px;padding-left: 30px; margin-top: 38px} .event_right>div.desc{line-height: 30px; margin-top: 108px} @media screen and (max-width: 1400px){ .event_right{padding-left: 40px} .event_right>h2{font-size: 35px} .event_right>div{font-size: 20px} .event_right>div.date {margin-top: 30px;} .event_right>div.place {margin-top: 19px} .event_right>div.desc {margin-top: 54px} } @media screen and (max-width: 1000px){ .event_left{width: 100%; float: none;} .event_right{width: 100%; float: none; padding-top: 40px} .event_left a{margin: 0 auto;} } @media screen and (max-width: 800px){ .event_right{padding-left: 0} } /****************** EVENTS *************************/ /******************** EXPLORE **********************/ .explore_p{width: 100%;} .explore_p>p{color: #707070;font-size: 19px;line-height: 40px;letter-spacing: 0.45px;margin-bottom: 40px;text-align: left; margin-top: 40px} /******************** EXPLORE **********************/ /******************** ABOUT **********************/ .about_p{ position: relative; width: 100%; max-width: 605px; height: auto; margin-top: 170px; margin-bottom: 100px; margin-left: 100px; } .about_p>h1{font-size: 80px;line-height: 92px;font-family: 'GothamGRXLight', serif;text-align: left;font-weight: normal; color: #707070; margin-bottom: 0; display: inline-block;} .about_p>h1>span{ width: 50px; height: 33px; display: none;} .about_p>h1>span:nth-child(1){ background: url("../images/quotes_1.png") no-repeat; background-size:100%; background-position: center;vertical-align: 10px; margin-right: 20px; } .about_p>h1>span:nth-child(3){background: url("../images/quotes_2.png") no-repeat; background-size:cover;vertical-align: -10px; margin-left: 20px;} .about_p>h1>b{font-family:'GothamGRBold',serif} .about_p>div.quotes1{width: 101px; height: 66px; position: absolute; top:0; left: -100px; background: url('../images/quotes_1.png') no-repeat; background-size: 100%;} .about_p>div.quotes2{width: 101px; height: 66px; position: absolute; bottom:0; right: -50px; background: url('../images/quotes_2.png') no-repeat; background-size: 100%;} #about_text_p_wrapper{ width: 100%; height: auto} .about_text_p{min-height: 50px; width: calc(100% - 770px);padding-left: 100px; margin-top:440px; float: left; display: inline-block;} .about_text_p.two{width: calc(100% - 850px);display: block; } .about_text_p>p{color: #707070; font-size: 19px; line-height: 40px; letter-spacing: 0.45px; margin-bottom: 40px; text-align: left} .ride_connect{ min-height: 245px; width: 390px; display: inline-block; float: right; position: relative; margin-top: 700px; margin-right: 250px; border-left: 2px solid #707070; font-size: 80px; line-height: 79px; text-align: left; font-family: 'GothamGRXLight',serif; color: #707070; padding-left: 30px; } .ride_connect>img{position: absolute; right: -153px; top:-227px; width:298px; height: auto; box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); } .ride_connect>h3{font-size: 31px; position: absolute; left: 0; right: 0; bottom: -130px; display: inline-block; text-align: center; font-family: 'CFNote', serif; font-weight: normal; color: #707070} @media screen and (max-width: 1600px){ .about_p{margin-left: 0;margin-top: 60px; max-width:none; width: 100%; padding: 0; margin-bottom: 0} .about_p>h1{font-size: 50px;line-height: 70px;text-align: center; padding: 0 10px} .about_p>h1>span{display: inline-block;} .about_p>div.quotes1,.about_p>div.quotes2{display: none;} .about_text_p{margin-top: 720px;max-width: 800px; margin-left: 50px} .ride_connect{margin-top: 960px;} .main_wrapper.about {background-position: right 180px !important;} .main_wrapper.about2 {background-position: right 180px !important;} .about_text_p.two{margin-top: 920px; margin-left: 0; max-width: none;} .ride_connect.two{margin-top: 1120px;} } @media screen and (max-width: 1500px){ .ride_connect{margin-top: 960px; margin-right: 170px} .ride_connect.two{margin-top:1120px; margin-right:250px} .about_text_p{width: calc(100% - 660px);} .about_text_p.two{float: none; width: 100%;padding: 20px;margin-top: 1050px;} .ride_connect.two{float:none; margin: 0 auto;width: 100%;text-align: center;margin-top: 100px; border: none} .ride_connect.two>img{position: relative;top: 0;bottom: 0;width: auto;margin: 0 auto;display: block;margin-top: 50px; right: 0} .ride_connect.two>h3{font-size: 31px; position: relative; left: 0; right: 0; bottom: 0; display: block; margin:50px auto; margin-bottom: 0 } } @media screen and (max-width: 1300px){ .about_p>h1{font-size: 40px;line-height: 40px;} .about_p>h1>span{ width: 30px; height: 20px;} .about_p>h1>span:nth-child(1){margin-right: 10px;vertical-align: 10px; } .about_p>h1>span:nth-child(2){margin-left: 10px;vertical-align: -10px; } .main_wrapper.about{background-position: right 140px !important } .about_text_p{max-width: none; margin-left: 0;padding: 20px; margin-top: 630px; width: calc(100% - 600px);} .ride_connect{margin-top: 850px;} } @media screen and (max-width: 1200px){ .about_text_p{margin:0 auto; margin-top: 600px; width: 100%;} .ride_connect{width: 100%;text-align: center;padding: 0;margin: 0 auto; margin-top: 50px; margin-bottom: 100px; border: none;} .ride_connect>img{left: 0;right: 0;top: 120px;margin: 0 auto;} .ride_connect>h3{bottom: -280px} } @media screen and (max-width: 1000px){ .about_text_p{margin-top: 500px} .ride_connect{margin-top: 30px; margin-bottom: 200px} .ride_connect>h3{bottom: -360px } } @media screen and (max-width: 900px){ .ride_connect>img{top: 200px;} } @media screen and (max-width: 800px){ .about_text_p{margin-top: 400px} .main_wrapper.about{background-position: right 120px !important } .main_wrapper.about{background-size: 80% !important} } @media screen and (max-width: 600px){ .ride_connect {font-size: 60px;line-height: 60px;} .about_text_p{margin-top: 280px} } /******************** ABOUT **********************/ /**********************INDEX - GENERAL ***************************************/ .main_wrapper{ margin:0 auto; width:100%; height:auto; min-height:300px; padding: 0 20px; } .main_wrapper.color{background-color: rgba(0,166,173,0.17);} .main_wrapper_inner{max-width:1780px; margin:0 auto; padding:0; text-align:center; min-height: 100px} .main_wrapper_inner2{max-width:1690px; margin:0 auto; padding:0; text-align:center; min-height: 100px; } /*.main_wrapper_inner h1{word-wrap:break-word; color: #222;} .main_wrapper_inner h1.two{text-align: center;margin-bottom: 90px;font-weight: bold;font-size: 35px;color: #666;} */ .main_wrapper.about{background: url('../images/crete.webp') no-repeat; background-position: right 120px; background-size: 78.5%; padding: 1px} .main_wrapper.about2{background: url('../images/crete.webp') no-repeat; background-position: right 120px; padding: 1px} .main_wrapper_inner2.tours{padding-top: 168px} /**********************INDEX - GENERAL ***************************************/ /************************** TOURS PAGE ********************************************/ h2.tours{font-family: 'GothamGRXLight'; font-size: 80px; color: #707070; line-height: 92px; display: block; font-weight: normal; padding: 0 10px} h2.tours>span{font-family: 'GothamGRBlack';} .tours_main_wrapper{display: block; width: 100%; height: auto; min-height: 1441px; background: url('../images/tours_center.jpg') no-repeat bottom center; background-size: cover} .tours_main_center{max-width: 730px; background-color: rgba(255,255,255,0.9); min-height: 1441px; margin: 0 auto; margin-top: 86px; padding: 0 35px; text-align: center; color: #707070; border: 1px solid transparent} .tours_main_center .ready{font-size: 18px; line-height: 28px; letter-spacing: 0.45px} .tours_main_center .choose{font-size: 40px; line-height: 46px; letter-spacing: 0; font-family: 'GothamGRXLight', serif; margin-top: 110px} .tours_main_center .tour_item{ min-height: 261px; margin-top: 65px; } .tours_main_center .tour_item>h3{color: #107891; font-family: 'GothamGRBold', serif; font-size: 42px; margin-bottom: 50px} .tours_main_center .tour_item>p{font-family: 'GothamGRXLight', serif; font-size: 30px; line-height: 34px; color: #707070; text-align: center} .tours_main_center .line{border-top: 2px solid #707070; width: 279px; margin: 0 auto; margin-top: 43px; margin-bottom: 59px } .tours_main_center .feel{margin-top: 60px;font-family: 'GothamGRLight', serif; font-size: 29px; color: #797979 } .tours_main_center .livetherealcrete_t{font-size: 32px;font-family: 'CFNote-Bold',serif; color: #03a5ad; line-height: 46px;margin-top: 65px} .tours_main_center .livetherealcrete{margin-top: 65px} .tours_main_center .bookyourride{font-size: 17px; font-family: 'GothamGRLight', serif; color: #797979; line-height: 37.5px; margin-top: 30px; padding-bottom: 20px } @media screen and (max-width: 600px) { h2.tours{font-size: 50px; line-height: 50px} .tours_main_center {margin-top: 50px} .main_wrapper_inner2.tours{padding-top: 70px} } /************************** TOURS PAGE ********************************************/ /************************** TOURS LIST - PRODUCTS PAGE ********************************************/ h2.tours_list{font-family: 'GothamGRXLight'; font-size: 67px; color: #707070; line-height: 77px; display: block; font-weight: normal; padding: 0 10px; margin-top: 100px} h2.tours_list>span{font-family: 'GothamGRBlack';} @media screen and (max-width: 600px){ h2.tours_list{font-size: 40px; line-height: 40px; margin-top: 50px} .tours_list_main>h3{font-size: 30px; line-height: 34px} } .tours_list_main{ text-align:center; } .tours_list_main>p{font-size: 18px; line-height: 28px; color: #707070; max-width: 800px; text-align: center; margin: 0 auto; margin-top: 60px; letter-spacing: 0.45px} .tours_list_main>h3{font-size: 40px; line-height: 46px; font-weight: normal; color: #707070; text-align: center; font-family: 'GothamGRXLight'; margin-top: 55px} h2.tours_list.details{ font-family: 'GothamGRBold';font-size: 84px; color: #fff; line-height: 97px; max-width: 760px;text-align: center;margin: 0 auto;margin-top: 150px;} .tours_list_main.details>p{font-size: 25px; color: #fff; max-width: 100%; letter-spacing: 0px} @media screen and (max-width: 650px){ h2.tours_list.details{font-size: 50px !important; line-height: 50px !important; margin-top: 50px !important} } #tour_left{float: left; min-height: 400px; width: 42%; max-width:692px; display: flex; align-items:flex-start; /* vertical */ justify-content: center; /* horizontal */ margin-bottom: 200px } #tour_right{float: right; min-height: 400px; width: 58%; max-width: 895px; } @media screen and (max-width: 1600px){ #tour_right{width: 56%;} } #tour_request{margin: 0; padding: 0; width: 100%; min-height: 200px; } /* EINAI H FORMA */ #tour_request>.form_field_wrapper.tour{margin-bottom: 15px} #tour_request input[type='text'], #tour_request input[type='number'] {width: 100%; height: 64px; border-radius: 6px; background-color: #34b4b6; border: none; color: #fff; font-size: 18px; line-height: 21px; font-family: 'GothamGRBold'; padding-left: 15px; margin-bottom:0 } /* Chrome, Safari, Edge, Opera */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } #tour_request textarea{background-color: #34b4b6; border-radius: 6px; border: none; color: #fff; font-size: 18px; line-height: 21px; font-family: 'GothamGRBold'; padding:15px; margin-bottom:0; height: 270px; } #tour_request>.form_field_wrapper.tour>div.label{color: #fff; font-size: 18px; line-height: 21px; font-family: 'GothamGRBold'; padding-left: 15px } #tour_request>.form_field_wrapper.tour>div.label>span{color: #FCB116} #tour_request select{width: 100%; height: 64px; border-radius: 6px; background-color: #34b4b6; border: none; color: #fff; font-size: 18px; line-height: 21px; font-family: 'GothamGRBold'; padding-left: 15px; margin-bottom:0 } #tour_request div.error_message{display: none; font-size: 15px;padding-left: 15px; color: #fff; font-family: 'GothamGRBold';} .form_field_wrapper>#phone_selector{background-color:#5cc0be; height: 64px; border-radius:6px 0 0 6px; color: #fff; /*position: absolute; left: 0; top:36px;*/ width: 250px; display: block; text-align: left; padding:16px 15px; padding-right: 10px; font-family: 'GothamGRBold'; font-size: 16px;cursor: pointer; float: left; } span.cntr_name{font-size: 13px} span.cntr_name>span{font-size: 16px} .left_arrow{display: block; width: 60px; height: 64px; float: left; background-color:#5cc0be; border-radius: 6px 0 0 6px; cursor: pointer} .left_arrow>span{margin-left: 0 !important; text-align: center; padding-top: 18px} .floatright{float: right; width: calc(100% - 60px) !important; display: block; border-radius: 0 6px 6px 0 !important} .number_list{width: 100px; height: auto; background-color: #fff; list-style: none; margin: 0; padding: 0; display: none; position: absolute; left: 0; top:100px; z-index: 100} .number_list>li{color: #666; text-align: center;border-bottom: 1px solid rgba(0,0,0,0.2); cursor: pointer} .number_list>li:hover{background-color: #e5e5e5} #tour_request #pr_phone{width: calc(100% - 250px); float: right; display: block; border-radius: 0 6px 6px 0; appearance: none;} #tour_request span.dwn{margin-left: 10px; transform: scale(1.5)} #tour_request .dwn polyline {stroke-width: 2; /* Adjust thickness as needed */} .f32 .flag { width: 32px; height: 32px; background-image: url('../images/flags32.png'); background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 8px; transform: scale(0.9); } #flags_list{background-color: #fff;list-style: none; margin: 0; padding:0; width: 300px;height: 325px;overflow-y: scroll; display: none; position: absolute; left: 0; top: 100px; z-index: 1000} #flags_list>li{border-bottom: 1px solid rgba(0,0,0,0.2); font-family: 'GothamGRBold'; font-size: 14px; color: #666; cursor: pointer; padding: 5px; padding-left: 25px;} #flags_list>li:hover{background-color: #e5e5e5} #tour_date::placeholder{color: #fff} #tour_btn1{border-radius: 28px; background-color: #FCB116; float: left; color: #fff; width: 300px; height: 75px; text-align: center; font-size: 25px; display: block; line-height: 21px;cursor: pointer; font-family: 'GothamGRBold';padding-top: 26px; } #tour_btn2{display: block; border-radius: 28px; background-color: #fff; float: right; color: #707070; width: 205px; height: 75px; text-align: center; font-size: 25px; line-height: 21px; cursor: pointer; font-family: 'GothamGRBold';padding-top: 26px; } #gallery_wrapper3{ margin-top: 36px} #gallery_wrapper3>a{display: inline-block; height: auto; min-height: 100px; width: calc(100% * 1/3 - 27px); margin-left: 10px; margin-right: 10px; vertical-align: top; margin-bottom: 30px; border: 1px solid #707070} #gallery_wrapper3>a>img{width: 100%; height: auto; max-width: 529px;} #gallery_wrapper3>a>img:hover{box-shadow: 1px 1px 11px #666;} #tour1_back{ width: 100%; margin-top: 150px} #tour2_back{ width: auto; margin-top: 100px;} @media screen and (max-width: 1300px){#gallery_wrapper3>a{width: calc(100% * 1/2 - 27px);} #tour_btn1{float: none; margin: 0 auto} #tour_btn2{float: none; margin: 30px auto} } @media screen and (max-width: 1000px){ #tour_left{float: none; width: 100%; max-width: 100%; margin-bottom: 100px} #tour_right{float: none; width: 100%;max-width: 100%} .form_field_wrapper>#phone_selector{width: 100% !important;border-radius: 6px !important;} #pr_phone{width: 100% !important;border-radius: 6px;margin-top: 5px;} #tour_btn1{float: left; margin:0} #tour_btn2{float: right; margin:0} #tour1_back{margin-top: 50px !important} } @media screen and (max-width: 580px){ #gallery_wrapper3>a{width: calc(100% - 27px);} #tour_btn1{float: none; margin: 0 auto} #tour_btn2{float: none; margin: 30px auto} } /* @media screen and (max-width: 700px){#gallery_wrapper2>a{width: calc(100% * 1/2 - 25px);}} @media screen and (max-width: 550px){#gallery_wrapper2>a{width: calc(100% - 25px);}} */ /********************* GALLERY ***********************/ .tours_gallery_wrapper{margin: 0 auto;padding: 0;text-align: center;min-height: 100px; max-width: 1726px} #gallery_wrapper2{margin-top: 80px; margin-bottom: 210px} #gallery_wrapper2>a{display: inline-block; height: auto; min-height: 100px; width: calc(100% * 1/6 - 27px); margin-left: 10px; margin-right: 10px; vertical-align: top; margin-bottom: 30px; border: 1px solid #707070} #gallery_wrapper2>a>img{width: 100%; height: auto; max-width: 529px;} #gallery_wrapper2>a>img:hover{box-shadow: 1px 1px 11px #666;} @media screen and (max-width: 1400px){#gallery_wrapper2>a{width: calc(100% * 1/5 - 25px);}} @media screen and (max-width: 1000px){#gallery_wrapper2>a{width: calc(100% * 1/3 - 25px);} #gallery_wrapper2>a>img{max-width: inherit}} @media screen and (max-width: 700px){#gallery_wrapper2>a{width: calc(100% * 1/2 - 25px);}} @media screen and (max-width: 550px){#gallery_wrapper2>a{width: calc(100% - 25px);}} /********************* GALLERY ***********************/ #category_full_wrapper{vertical-align: top;margin-top: 200px;} /*#catwrapper_1{float: left; padding-right: 50px; }*/ #catwrapper_1{} #catwrapper_2{float: right; padding-left: 50px; display: none;} /*.category_wrapper{display: block; width: calc(50%); max-width: 800px;position: relative; min-height: 500px; margin-bottom: 100px;}*/ .category_wrapper{display: block; width: 100%; position: relative; min-height: 500px; margin-bottom: 100px;} .category_title_wrapper{display: block; height: 140px; position: relative;max-width: 750px; margin: 0 auto} .category_title_wrapper>img{position: absolute; left: 0; top:0; width: auto;} #imgcat1{top:-115px} #imgcat2{top:-220px} .category_title_wrapper>h4{color:#03A5AD; font-size: 60px; line-height: 69px; text-align: right; font-family: 'GothamGRBlack'; position: absolute; bottom: 0; right: 20px; } /* @media screen and (max-width: 1500px) { #imgcat1{top: -70px;max-width: 350px;} #imgcat2{top: -125px;max-width: 220px;} .category_title_wrapper>h4 {font-size: 45px; line-height: 50px} #category_full_wrapper {margin-top: 220px} } @media screen and (max-width: 1200px) { #imgcat1{top: -50px;max-width: 320px;} #imgcat2{top: -100px;max-width: 200px;} .category_title_wrapper>h4 {font-size: 35px; line-height: 40px} #gallery_wrapper2{margin-bottom: 0} #category_full_wrapper {margin-top: 120px;} } @media screen and (max-width: 1100px) { #imgcat1{top: -115px;max-width: 422px;} #imgcat2{top: -220px;max-width: 298px;} .category_title_wrapper>h4 {font-size: 40px; line-height: 45px} } */ @media screen and (max-width: 750px){ .category_title_wrapper>h4{font-size: 50px; } } @media screen and (max-width: 650px){ #imgcat1{top: -65px;max-width: 340px;} .category_title_wrapper>h4{right: 0px} .tour_box_details{font-size: 18px; line-height: 20px} .tour_box_details>h4{font-size: 30px; line-height: 30px } .tour_box_details .duration{font-size:16px; line-height: 18px;} .tour_box .price1{width: 300px !important} .tour_box .price1>div:nth-child(1) {font-size: 20px !important; line-height: 20px !important; margin-top: 37px !important} .tour_box .price1>div:nth-child(2) {font-size: 65px !important; line-height: 60px !important; marin-top:3px !important;} .tour_box .price1>div:nth-child(2)>span.from {font-size: 18px !important;} .tour_box .difficulty{font-size: 18px !important; line-height: 20px !important} .tour_box .price2{width: 300px !important} .tour_box .price2_discount{width: 300px !important} .tour_box .price2>div:nth-child(1) {font-size: 16px !important; margin-left: -15px !important} .tour_box .price2>div:nth-child(2) {font-size: 65px !important; line-height: 60px !important; marin-top:3px !important;} .tour_box .price2>div:nth-child(2)>span.from {font-size: 18px !important;} } @media screen and (max-width: 550px){ #imgcat1{top: 0;max-width: 230px; left: -10px} #imgcat2{top: -135px;max-width: 230px;} .category_title_wrapper>h4{font-size: 25px; line-height: 30px} #catwrapper_2{margin-top: 150px;} #category_full_wrapper {margin-top: 10px} } .tour_box{ height: auto; min-height: 200px; min-width: 200px; background-color: #EEEEEE; border-radius: 25px; vertical-align: top; max-width: 750px; margin: 0 auto; margin-bottom: 80px;} .tour_box>img.img{width: 100%; height: auto; border-radius: 25px 25px 0 0} .tour_box_details{margin-top: 25px; width: 100%; min-height: 100px; padding-left: 37px; padding-right: 37px; font-size: 23px; line-height: 26px; text-align: left; color: #707070; font-weight: normal} .tour_box_details>h4{font-size: 43px; line-height: 49px; display: block; font-weight:normal; margin-bottom: 25px } .tour_box_details .duration{margin-top: 25px; margin-bottom: 25px} .tour_box .price1{color: #fff; background-color: #FCB116; width:338px; height: 110px; border-radius: 53px; display: inline-block; margin-left: 20px; margin-right: 15px; vertical-align: top} .tour_box .price2{color: #fff; background-color: #1DA6AD; width:338px; height: 110px; border-radius: 53px; display: inline-block; vertical-align: top} .tour_box .price2_discount{color: #fff; background-color: #1DA6AD; width:338px; height: 110px; border-radius: 53px; display: inline-block; vertical-align: top; text-align: center; padding-top: 10px} .tour_box .price1>div:nth-child(1){color:#fff;font-size: 26px; line-height: 25px; text-align: right;font-family: 'GothamGRBlack'; width: 130px; display: inline-block;margin-right: 20px;margin-left: -20px; margin-top: 30px} .tour_box .price1>div:nth-child(2){display: inline-block; color:#fff;font-size: 81px; line-height: 60px; text-align: left;font-family: 'GothamGRBlack'; vertical-align: top; margin-top: 3px } .tour_box .price1>div:nth-child(2)>div{font-size: 20px; margin: 0} .tour_box .price1>div:nth-child(2)>span.from{font-size: 22px; display: block; line-height: 20px; margin-left: 5px; margin-top: 5px} .tour_box .price1>div:nth-child(2)>span{font-size: 58px} .tour_box .price2>div:nth-child(1){color:#fff;font-size: 18px; line-height: 18px; text-align: right;font-family: 'GothamGRBlack'; width: 130px; display: inline-block;margin-right: 10px;margin-left: 5px; margin-top: 30px} .tour_box .price2>div:nth-child(2){display: inline-block; color:#fff;font-size: 81px; line-height: 60px; text-align: left;font-family: 'GothamGRBlack'; vertical-align: top; margin-top: 3px } .tour_box .price2>div:nth-child(2)>div{font-size: 20px; margin: 0} .tour_box .price2>div:nth-child(2)>span.from{font-size: 22px; display: block; line-height: 20px; margin-left: 5px; margin-top: 5px} .tour_box .price2>div:nth-child(2)>span{font-size: 58px} .tour_box .price2_discount>div:nth-child(1){color:#FCB116; font-size: 25px; line-height: 28px; font-family: 'GothamGRBold';} .tour_box .price2_discount>div:nth-child(2){line-height: 18px; font-size: 18px; color: #fff;font-family: 'GothamGRBlack';} .tour_box .difficulty{text-align: left; font-size: 23px; line-height: 25px; color: #707070; margin-left: 37px; margin-top: 30px} .tour_box .difficulty>span:nth-child(1){vertical-align: top; width: 210px; display: inline-block} .tour_box .difficulty>span:nth-child(2){vertical-align: top; width: calc(100% - 220px); display: inline-block} .tour_box>img.bar{width: calc(100% - 40px);max-width: 710px; height: auto; margin: 0 auto; margin-top: 20px; margin-bottom: 15px; } .tour_box>a{display: block; width: 200px; height: 50px;font-size: 16px; line-height: 21px; color: #fff;font-family: 'GothamGRBold'; border-radius: 28px; background-color: #1DA6AD; padding-top: 15px; text-align: center; float: right; margin-right: 18px; margin-bottom: 20px} /* @media screen and (max-width: 1650px) {.tour_box .price1{margin-left: 0px}} @media screen and (max-width: 1560px) {.tour_box .price1, .tour_box .price2, .tour_box .price2_discount {margin: 0 auto;}} @media screen and (max-width: 1300px){#catwrapper_1{padding-right: 20px} #catwrapper_2{padding-left: 20px}} */ @media screen and (max-width: 800px) {.tour_box .price1{margin-bottom: 20px}} @media screen and (max-width: 1100px){.category_wrapper{float: none !important; width: 100%; padding: 0 !important; margin: 0 auto; margin-bottom: 50px; max-width: 750px} #catwrapper_2{margin-top: 250px;} } @media screen and (max-width: 600px){ .tour_box_details{padding-left: 20px; padding-right: 20px} .tour_box .difficulty{margin-left: 20px} .tour_box .difficulty>span:nth-child(2) {width: auto} } /************************** TOURS LIST - PRODUCTS PAGE ********************************************/ /********************************INDEX*******************************************/ .boldline{background-color: #1BA7AD; width: 124px; height: 14px; border-radius: 6px; } h2.index{color: #020F2B; font-weight: normal; font-size: 48px; font-family: 'GothamGRBlack', serif; text-align: left; margin-top: 20px; line-height: 55px; margin-bottom: 45px} .empty_wrapper{overflow: hidden;} .empty_wrapper.indx1{margin-bottom: 140px} .empty_wrapper>a.rent{display: inline-block; height: auto; width: calc(100% * 1/2 - 170px); max-width: 400px; margin-left: 88px; margin-right: 88px; /*TA 3 TA KANW 2 */ position: relative; margin-bottom: 140px;} .empty_wrapper>a.rent>h3{font-size: 50px; line-height: 58px; color: #1BA7AD; font-weight: normal; text-align: center; font-family: 'GothamGRBlack', serif; position: absolute; left: 0; right: 0; top:40px;} .empty_wrapper>a.rent:nth-child(1){margin-left: 0; display: none /*TA 3 TA KANW 2 */} .empty_wrapper>a.rent:nth-child(2){margin-left: 0; /*TA 3 TA KANW 2 */} .empty_wrapper>a.rent:nth-child(3){margin-right: 0} .empty_wrapper>a.rent>img.veh{position: absolute; left: 0; right: 0} .empty_wrapper>a.rent:nth-child(1)>img.veh{transform: scale(1.686); top:265px; top:49%} .empty_wrapper>a.rent:nth-child(2)>img.veh{transform: scale(1.7); top:240px; top:44.5%} .empty_wrapper>a.rent:nth-child(3)>img.veh{transform: scale(1.53); top:190px; top:35%} .empty_wrapper>a.rent>img.on{display: block; width: 100%} .empty_wrapper>a.rent>img.off{display: none} @media screen and (max-width: 1600px) { .empty_wrapper>a.rent>h3{font-size: 35px} /*.empty_wrapper>a.rent{margin-left: 50px; margin-right: 50px; margin-bottom: 120px;}*/ /*TA 3 TA KANW 2 */ } @media screen and (max-width: 1400px) { /*.empty_wrapper>a.rent{width: calc(100% * 1/2 - 150px);}*/ /*.empty_wrapper>a.rent:nth-child(1){margin-right: 100px}*/ /* .empty_wrapper>a.rent:nth-child(2){margin-left: 100px; margin-right: 0} .empty_wrapper>a.rent:nth-child(3){margin-left: 0; margin-right: 0} .empty_wrapper>a.rent>h3{font-size: 40px} */ } /* @media screen and (max-width: 1000px) { .empty_wrapper>a.rent>h3{font-size: 40px} .empty_wrapper>a.rent{width: calc(100% * 1 / 2 - 80px) !important;} .empty_wrapper>a.rent:nth-child(1){margin-right: 50px !important; margin-left: 0 !important} .empty_wrapper>a.rent:nth-child(2){margin-right: 0px !important; margin-left: 50px !important} } */ @media screen and (max-width: 1000px) { .empty_wrapper>a.rent>h3{font-size: 30px} /* .empty_wrapper>a.rent:nth-child(1){margin-right: 50px !important; margin-left: 0 !important} .empty_wrapper>a.rent:nth-child(2){margin-right: 0px !important; margin-left: 50px !important} */ } @media screen and (max-width: 900px) { /* ANTI GIA 750 */ .empty_wrapper>a.rent>h3{font-size: 35px} .empty_wrapper>a.rent{width: calc(100% - 80px) !important; margin-bottom: 80px; max-width: 450px !important} .empty_wrapper>a.rent>img.veh{width: 90%; left: 5%; right: 5%;} .empty_wrapper>a.rent:nth-child(1){margin-left: 0 !important; margin-right: 0px !important} .empty_wrapper>a.rent:nth-child(2){margin-left: 0 !important; margin-right: 0px !important; margin-bottom: 110px;} .empty_wrapper>a.rent:nth-child(3){margin-left: 0 !important; margin-right: 0px !important} } /********/ #index_expore_alone{display: none;} .empty_wrapper>a.explore{display: inline-block; height: auto; width: calc(100% * 1/3 - 30px); max-width: 537px;margin-left: 20px; margin-right: 20px; position: relative; margin-bottom: 50px; min-height: 100px; vertical-align: top;} .empty_wrapper>a.explore:hover img{transform: scale(1.1)} .empty_wrapper>a.explore:nth-child(1){margin-left: 0} .empty_wrapper>a.explore:nth-child(3){margin-right: 0} .empty_wrapper>a.explore>div{width: 100%;min-height: 104px; background-color: #107891; color: #fff; text-align: center} .empty_wrapper>a.explore h4{font-size: 30px; color: #fff; font-weight: normal; text-align: center; font-family: 'GothamGRLight', serif; padding-top: 10px} .empty_wrapper>a.explore p{font-size: 20px; color: #fff; text-align: center; font-family: 'GothamGRBold', serif;} @media screen and (max-width: 1300px) { .empty_wrapper>a.explore{ width: calc(100% * 1/2 - 30px);} .empty_wrapper>a.explore:nth-child(2){margin-right: 0} .empty_wrapper>a.explore:nth-child(3){margin-left: 0} } @media screen and (max-width: 700px) {.empty_wrapper>a.explore{ width: calc(100% - 30px);} .empty_wrapper>a.explore{margin-left: 0; margin-right: 0} } /********/ .photo_gallery div.item { width: auto; height: auto; text-align: center; margin-left: 30px; margin-right: 30px; } .photo_gallery div.item a{display: inline-block; } /********/ #index_expore{width: 100%; height: auto; min-height: 550px;margin-bottom: 100px; padding-top: 30px; border: 1px solid #fff} #index_expore a{display: block; border: 1px solid transparent; width: 100%; height: auto; position: absolute; left: 0; width: auto; top:-170px; top:-100%; left: -400px;max-width: 700px } #index_expore a:hover img{transform: scale(1.1)} #explore_line{width: calc(100% - 400px); border-radius: 0 90px 90px 0; height: 140px; text-align: center; background-color: #107891; position: relative; margin-top: 165px; margin-left: 400px; } #explore_line h4{font-size: 65px; color: #fff; font-weight: normal; text-align: center; font-family: 'GothamGRXLight', serif; padding-top: 10px; line-height: 39px;padding-bottom: 20px} #explore_line p{font-size: 34px; color: #fff; text-align: center; font-family: 'GothamGRBlack', serif; line-height: 39px} #explore_line img{ width: 100%; height: auto} #explore_line>.nothing_wrapper{text-align: center; height: auto; margin-top: 15px; float: right; width: 610px; margin-right: 140px;} @media screen and (max-width: 1500px) { #explore_line>.nothing_wrapper{ margin-right: 30px} } @media screen and (max-width: 1400px) { #index_expore{min-height: 440px;padding-top: 0px;} #explore_line{margin-left: 200px; width: calc(100% - 200px)} #explore_line a{max-width: 600px; top:-85%; left: -200px} #explore_line>.nothing_wrapper{margin-top: 25px;margin-right: -50px;} #explore_line h4{font-size: 50px; padding-bottom: 0} #explore_line p{font-size: 25px;} } @media screen and (max-width: 1150px) { #index_expore{min-height: 350px;} #explore_line{width: calc(100% - 200px); margin-left: 200px; height: 100px; margin-top: 130px} #explore_line a{max-width: 500px; top:-98%; left: -200px } #explore_line>.nothing_wrapper{margin-top: 10px;margin-right: 10px; width: 330px;} #explore_line h4 {font-size: 40px;} #explore_line p {font-size: 17px;line-height: 20px;} } @media screen and (max-width: 880px) { #index_expore{min-height: 350px;} #explore_line{ height: 75px} #explore_line a{max-width: 400px; top:-98%; left: -200px } #explore_line>.nothing_wrapper{margin-top: -2px;margin-right: 10px; width: 270px} #explore_line h4 {font-size: 35px;} #explore_line p {font-size: 14px;line-height: 16px;} } @media screen and (max-width: 730px) { #index_expore{display: none;} #index_expore_alone{display: block} } /* @media screen and (max-width: 1180px) { } @media screen and (max-width: 1000px) { #explore_line{height: 110px} } */ /******************************* INDEX GALLERY *************************/ .classWra{} .cc{width: calc(100% * 1/3 ) ; height: auto; text-align: center} .cc>a{display: block; padding: 0 10px} .cc>a>img{margin:0 auto; width: 100%; max-width: 500px; border-radius: 100% } /******************************* INDEX GALLERY *************************/ /******************************* INDEX EVENTS *************************/ .index_events{background-color: #EDEDED; min-height: 800px;} .index_event1{float: left; width: 50%; min-height: 400px; text-align: left; padding-bottom: 50px; } .index_event2{float: right; width: 50%; min-height: 400px; text-align: right; padding-bottom: 50px;} .index_event1 img, .index_event2 img {max-width: 795px; height: auto; width: calc(100% - 50px); border-radius: 21px;} .readmore_btn{display: block; width: 262px; height: 63px; border: 1px solid #000000; border-radius: 5px; text-align: center; font-size: 29px; color: #00000033; line-height: 33px; padding-top: 13px; font-family: 'GothamGRBook', serif;} .readmore_btn:hover{color: #000} .readmore_btn.explore{max-width: 340px; width: 100%; padding: 15px;} @media screen and (max-width: 500px) { .readmore_btn.explore{font-size: 24px} } .readmore_btn.mrglft50{margin-left: 50px} .readmore_btn>span{display: inline-block; width: 21px; height: 20px; background: url('../images/small_arrow.png') no-repeat; margin-left: 18px} .index_event1 p , .index_event2 p{font-size: 39px; line-height: 45px; color: #000; margin-top: 27px; text-align: left} .index_event2 p{margin-left: 50px} @media screen and (max-width: 1000px) { .index_event1, .index_event2{float: none; width: 100%; text-align: center;} .index_event1>.readmore_btn, .index_event2>.readmore_btn{margin: 0 auto} .index_event1 p, .index_event2 p {text-align: center; margin: 0 auto; margin-top: 27px; } } @media screen and (max-width: 600px) { .index_event1 p, .index_event2 p {font-size: 27px; line-height: 33px; } } /******************************* INDEX EVENTS *************************/ /*************************** INDEX ABOUT *****************/ .index_about1{float: left; width: 50%; min-height: 100px; text-align: left; padding-right: 50px; margin-top: 50px} .index_about2{float: right; width: 50%; min-height: 100px; text-align: right; margin-top: 55px} .index_about2 img{max-width: 830px; height: auto; width: calc(100% - 15px); border-radius: 26px; } .index_about1 p{font-size: 24px; line-height: 44px; margin-top: 0; text-align: left; margin-bottom: 0} @media screen and (max-width: 1000px) { .index_about1, .index_about2{float: none; width: 100%;} .index_about1{padding-right: 0} .index_about1>.readmore_btn{float: none;} .index_about2{text-align: center} .index_about2 img{width: 100%} } /*************************** INDEX ABOUT *****************/ /************************* INDEX TOURS *************************/ .index_tour1{float: left; width: 50%; min-height: 100px; text-align: left} .index_tour2{float: right; width: calc(50% - 20px); min-height: 100px; text-align: left} h3.index_tour{font-size: 40px; color: #03a5ad; font-family: 'GothamGRBold', serif; font-weight: normal} .index_tour1 p, .index_tour2 p{font-size: 30px; color: #707070;font-family: 'GothamGRLight', serif;text-align: left; line-height: 34px; margin-top: 60px; margin-bottom: 0 } .index_tour1 p{float: left; width: calc(100% - 320px)} .index_tour1 img{float: right; max-width: 315px} @media screen and (max-width: 1400px) { .index_tour1, .index_tour2{float: none; width: 100%} .index_tour1 .readmore_btn{float: left} .index_tour2 .readmore_btn{float: left} .index_tour2 {margin-top: 50px} } @media screen and (max-width: 700px) { .index_tour1 p{width: 100%} .index_tour1 img{display: none;} } /************************* INDEX TOURS *************************/ /************************* INDEX NEWSLETTER *************************/ #newsletter_wrapper{ width: 100%; padding: 0 20px; min-height: 700px; height: auto; background: url("../images/newsletter_photo.jpg") no-repeat; background-size: cover; background-position: center;border-radius: 50px 50px 0 0 ; padding-top: 55px; text-align: center;color: #fff;} #newsletter_wrapper>div:nth-child(1){font-size: 53px; line-height: 60px; } #newsletter_wrapper>div:nth-child(2){font-size: 26px; margin-top: 40px; line-height: 30px; } #nl_form{ padding: 0; position: relative; width: auto; margin: 0 auto; max-width: 1334px; margin-top: 85px;} #nl_form input[type="text"]{width: 100%; max-width: 1334px; height: 140px; background-color: #fff; border-radius: 30px; color: #6F7070; font-size: 26px; line-height: 30px; padding-left: 40px; outline: none;} #nl_form input[type="button"]{width: 268px; height: 70px; background-color: #107891; color: #fff; border-radius: 15px; position: absolute; right: 40px; top:35px; border: none; font-size: 32px; cursor: pointer; padding-top: 5px} #nl_text{margin-top: 10px; text-align: left; color: #107891; margin-left: 20px; font-size: 20px} #nl_text2 a{color: #222} #nl_text2 a:hover{text-decoration: underline} #nl_text2.red{color: #D62020} #nl_check{margin-left: 10px; width: 20px; height: 20px; vertical-align: -3px} #nl_target{display: none;} #nl_last{margin: 0 auto; width: 100%; min-height: 100px; margin-top: 60px; text-align: center; color: #fefefe; font-size: 21px; line-height: 25px; padding-bottom: 50px} #nl_last>div:not(.nl_today){display: inline-block; background: url(../images/star.png) no-repeat; padding-left: 55px; margin-left: 30px; margin-right: 30px; background-position: 0 1px; min-height: 35px; padding-top: 3px} #nl_last>div.nl_today{font-size: 26px; line-height: 30px; margin-top: 40px} @media screen and (max-width: 1000px) { #newsletter_wrapper>div:nth-child(1){font-size: 40px; line-height: 45px; } #newsletter_wrapper>div:nth-child(2){font-size: 20px; margin-top: 30px; } } @media screen and (max-width: 700px) { #newsletter_wrapper>div:nth-child(1){font-size: 30px; line-height: 40px; } #newsletter_wrapper>div:nth-child(2){font-size: 18px; line-height: 25px; } #nl_input{height: 80px !important;border-radius: 20px !important;font-size: 22px !important; padding-left: 10px !important} #nl_button{width: 150px !important;font-size: 18px !important;height: 50px !important;top: 16px !important; right: 15px !important } } @media screen and (max-width: 550px) { #nl_last>div:not(.nl_today){margin-left: 0; margin-right: 0} } .nl_message{text-align: left; color: #D62020; font-size: 20px; margin-left: 20px; display: none;} /************************* INDEX NEWSLETTER *************************/ /**************************** LIST PRODUCTS **********************************************************/ #breadcrumb_wrapper{min-height: 20px; width: 100%;margin-top: 30px; text-align: center } #breadcrumb_wrapper a{color:#25abb1; font-weight:normal; font-size: 25px; font-family: 'GothamGRBlack',serif; display: inline-block} #breadcrumb_wrapper .brd_line{display: inline-block; width: 250px; height: 20px; border-bottom: 1px solid #313b52} #breadcrumb_wrapper a:hover{color:#fcb116;} @media screen and (max-width: 700px) { #breadcrumb_wrapper .brd_line {width: 150px} #breadcrumb_wrapper a{font-size: 18px} } @media screen and (max-width: 500px) { #breadcrumb_wrapper .brd_line {width: 80px} #breadcrumb_wrapper a{font-size: 16px} } /*************************/ .list_products{ list-style:none; margin:0 auto; padding:0; margin-bottom: 200px; width: 100%; max-width: 1500px; text-align: center; margin-top: 400px} .list_products>li{max-width:342px; height:408px; display: inline-block; margin-left:60px; margin-right:60px; position:relative; margin-bottom:30px; width: calc(100% * 1/3 - 100px);vertical-align: top; padding: 0; color: #1F1F1F; margin-bottom: 20%; border-radius: 25px; } .list_products>li:last-child{margin-bottom: 50px;} .list_products>li:nth-child(3n+1){margin-left: 0} .list_products>li:nth-child(3n){margin-right: 0} .list_products>li:hover div.rentnow{box-shadow: 0px 5px 10px rgba(0,0,0,0.4); border: 1px solid #fff} .list_products>li:hover {box-shadow: 0px 5px 10px rgba(0,0,0,0.4); } .list_products>li>a{display: block; padding: 0; margin: 0; background-color: #eee; border-radius: 25px; width: 100%; height: 100%; position: relative} .list_products>li>a>img{/*margin-top: -80px; transform: scale(1.4)*/ position: absolute; left: 0; right: 0; bottom: 80%; transform: scale(1.37)} .list_products h2{text-align: center; font-weight: normal; font-size: 20px; padding-top: 150px} .list_products .price{font-size: 25px; font-family: 'GothamGRBold', serif; margin-top: 20px} .list_products .some_stuff{font-size: 16px; width: 100%; min-height: 30px; margin-top: 25px } .list_products .some_stuff>div{ height: auto; width: 100%; display: block; line-height: 33px; letter-spacing: 0.4px;text-align: center;} .list_products .some_stuff>div>span.gear{background: url('../images/gear.png') no-repeat; background-position: left center; vertical-align: -2px; margin-right: 10px; display: inline-block; height: 16px; width: 14px; margin-left:0 } .list_products .some_stuff>div>span.gas{background: url('../images/gas.png') no-repeat; background-position: left center;vertical-align: -2px; margin-right: 10px; display: inline-block; height: 16px; width: 14px; margin-left: 40px} .list_products .some_stuff>div>span.klm{background: url('../images/klm.png') no-repeat; background-position: left center;vertical-align: -2px; margin-right: 10px; display: inline-block; height: 16px; width: 14px;} .list_products .some_stuff>div:nth-child(2){margin-top: -5px} .list_products div.rentnow{ width: 200px; height: 50px; background-color: #1da6ad; text-align: center; color: #fff; font-size: 16px; line-height: 21px; letter-spacing: 1.6px; font-family: 'GothamGRBold', serif; border-radius: 28px; padding-top: 15px; margin: 0 auto; margin-top: 15px} @media screen and (max-width: 1200px) { .list_products>li {margin-left: 20px; margin-right: 20px;} .list_products>li>a>img{transform: scale(1.2)} .list_products>li{width: calc(100% * 1 / 3 - 50px);} .list_products h2{padding-top: 130px} .list_products>li{ height:385px;} } @media screen and (max-width: 1000px) { .list_products>li {margin-left: 40px; margin-right: 40px; margin-bottom: 30%} .list_products>li{width: calc(100% * 1 / 2 - 60px);} .list_products>li:nth-child(3n+1){margin-left: 0; margin-right: 30px} .list_products>li:nth-child(2n){margin-left:30px; margin-right: 0} .list_products>li:nth-child(3n){margin-left:30px; margin-right: 30px} } @media screen and (max-width: 700px) { .list_products>li{width: calc(100% - 30px); max-width: 400px} .list_products h2{padding-top: 150px} .list_products>li{ height:408px; margin-bottom: 330px} .list_products>li:nth-child(3n+1){margin-left: 0; margin-right: 0px} .list_products>li:nth-child(2n){margin-left:0px; margin-right: 0} .list_products>li:nth-child(3n){margin-left:0px; margin-right: 0px} } @media screen and (max-width: 500px) { .list_products{ margin-top: 300px } } /**************************** LIST PRODUCTS **********************************************************/ /*******************************************DETAILS PRODUCTS PAGE ***************************************/ .error_msg{margin-top:5px !important; color:#1da6ad !important; display:none; } /**********PRODUCT INTEREST FORM *********************************/ #form_product_wrapper{ max-width:95%; width:500px; min-height:300px; height:auto; background-color:#fff; position:relative; margin:0 auto; border-radius:3px; padding:20px; z-index:10000; overflow: auto; margin-top:20px; overflow-y: auto; display: none; max-height: 100%; box-shadow:0 0 10px #000 } form {margin:0; padding:0} form h2{ line-height: 35px;line-height: 25px; font-weight: 700;font-family: 'Roboto', serif;letter-spacing: -0.1px;font-size: 20px;font-size: 18px; text-align: left;} form .line{margin-bottom:20px; margin-top:10px;} .form_field_wrapper{ width: 100%; display:inline-block; margin-bottom:10px; vertical-align:top;position: relative;} .form_field_wrapper.area{ width: 100%;} form div.label {width:100%; margin-bottom:5px; color:#707070; font-size:19px; margin-top:10px; text-align:left} form div.label>span {color: #D62020;} form input[type='text'], textarea, select{ border: 1px solid #AAAAAA; width: 100%; border-radius: 2px 2px 2px 2px; height: 35px; color: #666666; padding: 5px; } #contact_form input[type='text'],#contact_form textarea, #contact_form input[type='number'] { height: 55px; background-color: #717170; color: #fff; font-size: 17px; border-radius: 4px; padding-left: 20px; border: none} #contact_form textarea{min-height:130px; height:auto;} form textarea{min-height:130px; height:auto;} form div.error_message{ text-align:left; color: #D62020;font-size: 13px;margin-top: 5px;margin-bottom: 10px;display: none; } div.g-recaptcha{ margin-top:10px; margin-bottom:10px; } .form_field_wrapper>#phone_selector.contact{background-color:#444; height: 55px; border-radius:6px 0 0 6px; color: #fff; width: 250px; display: block; text-align: left; padding:13px 15px; padding-right: 10px; font-family: 'GothamGRBold'; font-size: 16px;cursor: pointer; float: left; } #contact_form #pr_phone{ width: calc(100% - 250px); float: right; display: block; border-radius: 0 6px 6px 0; appearance: none; } #contact_form span.dwn { margin-left: 10px; transform: scale(1.5); } #contact_form .dwn polyline { stroke-width: 2; } form a.button{width: 120px;height: 57px;background-color: #FCB116; border-radius: 4px; font-size: 20px; line-height: 27px; color: #fff;text-align: center;padding-top: 15px;display: block;cursor: pointer;margin-bottom: 15px; margin-top:20px; } /**********PRODUCT INTEREST FORM *********************************/ #details_wrapper{max-width: 1460px; margin: 0 auto;min-height: 300px; margin-top: -170px; margin-bottom: 100px} #details_left{ min-height:500px; width:calc(48% - 1px);display: block; vertical-align: top; padding-top: 300px; max-width: 660px; float: left } #details_right{width:calc(52% - 1px); max-width: 770px; min-height:500px; display: block; vertical-align: top;float: right; text-align: center} #details_right>img{max-width: 760px; width: 100%; height: auto} #details_left p{color: #707070; font-size: 20px} h1.vehicle{text-align: center; color: #707070; font-size: 94px; font-weight: normal;font-family: 'GothamGRBlack',serif; margin-top: 120px; position: relative; line-height: 113px} #price_wrapper{background-color:#00a6ad; display: block; width: 635px; height:265px; border-radius: 70px; font-size: 97px; color: #fff; text-align: center; padding-top: 70px;font-family: 'GothamGRBold', serif; position: relative; margin: 0 auto} #price_wrapper>span:nth-child(1){font-size: 61px} #price_wrapper>span:nth-child(2){font-size: 57px; font-family: 'GothamGRLight', serif;} #price_wrapper #booknow_btn{position: absolute;width:250px; height:90px; background-color:#fcb116;border-radius: 50px; right:-10px; text-align: center; color:#fff; font-size: 33px; font-family: 'GothamGRBold', serif; padding-top: 25px; bottom: -20px} @media screen and (max-width: 1300px) { #details_right{float: left;width: 100%;max-width: 100%;} #details_left{float: right;width: 100%;max-width: 100%;padding-top:50px} h1.vehicle{font-size: 74px; line-height: 100%} } @media screen and (max-width: 695px) { #price_wrapper{width: 90%; height: 200px; padding-top: 60px; font-size: 70px} #price_wrapper #booknow_btn{bottom: -40px} #price_wrapper>span:nth-child(1){font-size: 50px} #price_wrapper>span:nth-child(2){font-size: 45px;} } @media screen and (max-width: 500px) { #price_wrapper{ font-size: 50px; height: 140px; padding-top: 40px;border-radius: 40px;} #price_wrapper>span:nth-child(1){font-size: 35px} #price_wrapper>span:nth-child(2){font-size: 40px;} #price_wrapper #booknow_btn{bottom: -50px} #details_wrapper{margin-top: -70px} h1.vehicle{font-size: 50px; } } #black_body{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:5500; display:none;} #black_body2{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:5500; display:none;} #calendar_wrapper{min-width:658px; width: auto;min-height:404px; height: auto; background-color:white;position:absolute; top:50%; left:50%; margin-top:-202px; margin-left:-329px; border-radius:10px; align-items: center;text-align: center;display: block; flex-direction: column;} #calendar_title{float: left; margin-left: 20px; margin-top: 10px; font-size: 18px; font-family: 'GothamGRLight'; font-weight: bold} #calendar_close{float: right; display: block; margin-right: 10px; margin-top: 10px} #calendar_reset{display: block; width: 120px; float: right; color: #707070; text-align: right; font-size: 15px; margin-right: 20px; margin-top: 10px; margin-bottom: 10px} #calendar_reset:hover{color: #000} #calendar_reset>span{vertical-align: 1px} #calendar_apply{width: 100px; height: 40px; text-align: center; color:#fff; background-color: #fcb116; display: block; border-radius: 5px; float: right; margin-right: 20px;padding-top: 10px; font-size: 15px; margin-bottom: 20px} #calendar_wrapper p{font-size: 15px;font-weight: bold;color: #00a6ad;text-align: left;margin-left: 20px; display: none} @media screen and (max-width: 700px) { #calendar_wrapper{min-width: 350px;margin-left: -175px;} } /*************/ #continue_shopping{position:fixed;left:0; right:0; margin:0 auto; max-width:350px; height:auto; background-color:#fff; width:100%; top:50%; margin-top:-100px; box-shadow:0 0 30px rgba(0,0,0,0.8);z-index: 50000; padding:10px; display:none;} #continue_shopping>a{ font-size:13px; padding:15px 7px; font-family: 'Roboto Mono', serif; font-weight: 400 } #cont_shop1{float:left;color: #000; } #cont_shop2{float:right; background-color: #deb868;color: #fff;} /*************/ #myDatepicker{visibility: hidden; width: 0; height: 0} .flatpickr-calendar.inline {margin: 0 auto; top:-5px !important} /*******************************************DETAILS PRODUCTS PAGE ***************************************/ /*************************FOOTER******************************************************/ #footer{ width:100%; height:auto; min-height:423px; padding:20px; text-align:left; color:#fff; font-size:13px; margin-top:0px; position: relative; background-color: #107891} #footer_wrapper{max-width: 1690px;padding:0;margin: 0 auto;margin-bottom: 30px;min-height:250px; margin-top: 50px; } .footer_box{min-height: 220px;display: inline-block; box-sizing: border-box; text-align:left;vertical-align: top; min-width: 220px;} .footer_box img{width: 100%; max-width: 455px;} #footer_wrapper>.footer_box:nth-child(1){ float: left} #footer_wrapper>.footer_box:nth-child(2){ margin-right: 50px; float: right} #footer_wrapper>.footer_box:nth-child(3){ margin-right: 210px; float: right} .footer_box h2{font-size: 41px; font-weight:normal; line-height: 47px; font-family: 'GothamGRBold', serif; color: #FFFFFF; margin-bottom: 47px} .footer_box a, .footer_box p {font-size: 26px; color: #fff; line-height: 30px; display: block; margin-bottom: 20px; font-weight: normal; word-break: break-all;} .footer_box a:hover{color:#FCB116; /*font-weight: bold*/} .footer_social{width: 310px; height: 50px; margin-left: -15px; margin-top: 30px} .footer_social>a{display: inline-block; color: #fff; vertical-align: middle} .footer_social>a:nth-child(1) svg{width: 50px; height: 50px} .footer_social>a:nth-child(1)>span{ margin-right: 30px} .footer_social>a:nth-child(2) svg{width: 42px; height: 42px} .footer_social>a:nth-child(2)>span{margin-right: 40px; margin-top: -3px} .footer_social>a:nth-child(3) svg{width: 50px; height: 50px} .footer_social>a:nth-child(3)>span{ margin-top: -5px; margin-right: 30px} .footer_social>a:nth-child(4) svg{width: 50px; height: 50px} .footer_social>a:nth-child(4)>span{ margin-top: -3px} .footer_box.hidden{display: none; margin-top: 50px} @media screen and (max-width: 1400px) { #footer_wrapper>.footer_box:nth-child(2) {margin-right: 20px} #footer_wrapper>.footer_box:nth-child(3) {margin-right: 30px} #footer_wrapper>.footer_box:nth-child(1){width: calc(100% * 1/3 - 10px); min-height: auto;} } @media screen and (max-width: 1050px) { #footer_wrapper>.footer_box:nth-child(1){width: 100%;text-align: center;} .footer_social{margin: 0 auto;margin-top: 20px;margin-bottom: 30px;} #footer_wrapper>.footer_box:nth-child(3){float: left;width: calc(50% - 20px);margin-right: 0; padding-left: 50px} #footer_wrapper>.footer_box:nth-child(2){width: calc(50% - 20px);margin-right: 0; padding-left: 50px} } @media screen and (max-width: 700px) { #footer_wrapper>.footer_box:nth-child(3){float: none;width: 100%;margin-right: 0; margin-left: 0; padding-left: 0; margin-top: 50px} #footer_wrapper>.footer_box:nth-child(2){float: none; width:100%;margin-right: 0; margin-left: 0; padding-left: 0; margin-top: 50px} .footer_box{text-align: center; } .footer_box a, .footer_box p {text-align: center} #footer_wrapper>.footer_box:nth-child(2) {display: none;} #footer_wrapper>.footer_box:nth-child(4) {display: block} .footer_box a.phone{font-size: 22px} } #card_wrapper{width:100%; margin:0 auto; text-align:center; margin-top: 100px } #card_wrapper>img{margin-bottom: 20px; background-color: #fff; padding: 10px; box-sizing: content-box} #card_wrapper>img:nth-child(1) {height: 50px;padding: 0; }#card_wrapper>img:nth-child(2){margin-left: 20px; width: 200px;padding: 14px} #card_wrapper>img:nth-child(3){margin-left: 20px; height: 20px; padding: 15px;} #card_wrapper>img:nth-child(4){margin-left: 20px; height: 30px} #card_wrapper>img:nth-child(5){margin-left: 20px; height: 30px} .safe_payment{font-size: 24px} .safe_payment>img{width: auto !important; height: 180px; max-width: inherit} /*************************FOOTER******************************************************/ /************************** MOBILE BUTTON *********************************/ #menu_mobile_button{position:absolute; left:-65px; top:6px; z-index:7000; display:none; left: inherit; right:5px; top:50px} .hamburger { padding: 0; display: inline-block; display: block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.9; } .hamburger.is-active:hover { opacity: 0.9; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #707070; } .hamburger-box { width: 35px; height: 20px; display: inline-block; position: relative; margin-top:5px } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 35px; height: 3px; background-color: #fff; border-radius: 0px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: 6px; } .hamburger-inner::after { bottom: -10px; } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 3px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 7px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 14px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 6px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -14px, 0) rotate(-270deg); transition-delay: 0.075s; } /************************** MOBILE BUTTON *********************************/ /****************************************** MOBILE MENU *********************************************************/ #mobile_menu{ position:fixed; top:0; right:-482px; width:80%; max-width: 482px; height:100%; background-color:rgba(255,255,255,1); overflow:auto; padding-bottom:40px; text-align:center; z-index:6000; box-shadow: 0 0 7px rgba(0,0,0,0.3); opacity:0; -ms-transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s; transition:all 0.4s ease-in 0s; } #mobile_menu.on{right:0; opacity:1} #logo_mob{width:250px; height:auto; margin:0 auto; margin-top: 10px; display:block} #mobile_menu>ul{ padding:0; margin:0; margin:0 auto; margin-top:120px; padding-bottom:40px; list-style: none; } #mobile_menu>ul>li{ margin-bottom:5px; font-family:'GothamGRBook', serif; } #mobile_menu>ul>li>a{ text-align:center; color:#005c8f; font-size:19px; display:table; width:auto; margin:0 auto;padding:5px 20px;letter-spacing: 0px; } #mobile_menu>ul>li>a.prtitle{ background-color:#fff; border: 1px solid #fff;} #mobile_menu>ul>li>a.prtitle:hover{ /*background-color:#6d9127; color:#fff*/ border: 1px solid #005c8f;} .mob_wrapper{ min-height: 30px; margin-top: 20px} .mob_wrapper > label{font-size: 23px;color:#005c8f} .mob_wrapper > p{color:#5a5a5a; font-size:35px; font-family:'GothamGRXLight', serif; text-align: center; margin-top: 32px} .mob_wrapper > p>a{font-size: 30px; line-height: 30px} .mob_wrapper > p.address{font-size: 30px; line-height: 40px } .mob_wrapper.social a{display: inline-block; width: 40px; height: 40px; text-align: center; padding-top: 5px; margin: 0 4px} .mob_wrapper svg{ color: #05719e} .mob_wrapper span{transform: scale(1.2)} /****************************************** MOBILE MENU *********************************************************/ /************* BASKET / WISHLIST PAGE********************/ #basket_wrapper{margin-top: 150px; width: 100%; height: auto; min-height: 500px; margin-bottom: 100px; } .table_list{background-color:#fff; color:#000; width:calc(100% - 450px); min-height:400px; display:block; list-style:none; margin:0; margin:0 auto; position:relative; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom: 20px; float:left; border:1px solid rgba(0,0,0,0.2); border-radius:3px; box-sizing:border-box;margin-bottom: 10px; margin-bottom: 100px;} .basket_left_empty{font-size: 30px; line-height: 45px; padding-top: 80px; text-align: center} .basket_banners_wrapper{min-height:300px; margin:0 auto; display:block; padding:0px; float:right; box-sizing:border-box; } .basket_banners_wrapper>a{margin-bottom:100px; display:block; } .basket_banners_wrapper>a.nolink{cursor:default} .basket_banners_wrapper img{width:350px; height:auto; border-radius: 15px; } @media screen and (max-width: 900px) { .basket_left_empty{float: none; width: 100%} .basket_banners_wrapper{float: none; margin-bottom: 0; margin-top: 50px} .basket_banners_wrapper img{width: 100%;} } .table_list>li{text-align: left;padding-left: 10px;padding-top: 15px; padding-bottom:15px; margin-bottom:20px;} .line_small{ display:block; width:100px; height:3px; border-top:1px solid rgba(0,0,0,0.2); margin-bottom: 20px;} .line2{ display:block; width:100%; height:3px; border-top:1px solid rgba(0,0,0,0.2); margin-bottom: 50px; margin-top: 50px} .table_list>li>a:nth-child(1){display:inline-block; width:20px; height:20px; text-align:center; font-size:14px; color:#000; padding-top:0px; box-sizing:border-box; vertical-align:middle; padding-left:1px;} .table_list>li>a:nth-child(1)>span{vertical-align: top} .table_list>li>a:nth-child(1):hover{ transform: rotate(90deg)} .table_list>li>a:nth-child(2){display:inline-block; /*border:1px solid #ccc;*/ width:200px; height:auto; text-align:center; margin-left: 20px; vertical-align:middle;overflow: hidden;} .table_list>li>a:nth-child(2)>img{width:100%; height:auto;} .basket_item_wrapper{ width:calc(100% - 300px); display: inline-block; vertical-align: top; min-height:100px; margin-left: 20px } .basket_title{display: block; font-size: 30px; margin-bottom: 20px; float: left;} .basket_title:hover{color: #707070} .basket_price{float: right; font-size:26px; color: #222} .basket_reservation_title{color: #707070;max-width: 400px;font-size: 20px;margin-bottom: 5px} .basket_dates{text-align: left} .basket_dates span{color: #707070} .table_list>li:last-child .line2{display: none} /********** RIGHT PART *******************/ .small_total_list{width: 350px; margin-bottom: 40px; border: 1px solid rgba(0,0,0,0.2); padding: 20px; border-radius: 3px} .small_total_list>div:nth-child(1){font-size: 30px;margin-bottom: 10px;} .small_total_list>div:nth-child(2){font-size: 25px;color: #707070;margin-bottom: 40px;} #to_basket2{ max-width: 200px; width: 80%; height: 50px; background-color: #1da6ad; text-align: center; color: #fff; font-size: 16px; line-height: 21px; letter-spacing: 1.6px;font-family: 'GothamGRBold', serif; border-radius: 28px; padding-top: 15px; margin: 0 auto; margin-top: 15px; display: block} #to_basket2:hover{text-shadow: 0 0 3px #000} /********** RIGHT PART *******************/ @media screen and (max-width: 1400px) { ul.table_list{width: 100%; float: none; margin-bottom: 40px} .basket_banners_wrapper{float: none;} .small_total_list{width: 100%} .basket_banners_wrapper>a{display: none} } @media screen and (max-width: 1000px) { .table_list>li>a:nth-child(2){width: 150px} .basket_item_wrapper{width: 100%;float: none;margin-left: 0;margin-top: 40px;} .basket_title{float: none;} .basket_price{float: none;margin-top: -10px;margin-bottom: 20px;font-size: 20px;} } @media screen and (max-width: 800px) { .table_list>li{text-align: center} .table_list>li>a:nth-child(1){margin-right: 10px;transform: scale(1.5); } .table_list>li>a:nth-child(1):hover{ transform: rotate(90deg) scale(1.5)} .table_list>li>a:nth-child(2) {max-width: 460px;margin-left: 0; width: 100%;} .basket_reservation_title{text-align: left;} } @media screen and (max-width: 630px) { .table_list>li>a:nth-child(1){margin: 0; margin-bottom: 20px; width: 50%; } } /************* BASKET / WISHLIST PAGE********************/ /*************** BASKET 2 *********************/ .basket2_left{background-color:#fff; color:#000; width:calc(100% - 450px); min-height:400px; display:block; list-style:none; margin:0; margin:0 auto; position:relative; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom: 20px; float:left; border:1px solid rgba(0,0,0,0.2); border-radius:3px; box-sizing:border-box;margin-bottom: 10px; margin-bottom: 100px;} #guestemail_wrapper{margin-bottom: 20px} #basket2_form{text-align:left} #basket2_form div{margin-bottom: 5px;font-size: 15px;margin-top: 20px; color: #707070} #basket2_form div.title{font-size: 20px; text-align:left; display:inline-block; border-bottom:1px solid rgba(0,0,0,0.4); padding-bottom:5px; padding-right:20px; margin-top:0; margin-bottom:0; color: #000; } #basket2_form input{border: 1px solid #b8b8b8;height: 40px;padding: 10px;width: 100%; box-sizing: border-box;} #basket2_button{max-width: 300px;width: 80%;height: 60px;background-color: #1da6ad;text-align: center;color: #fff;font-size: 20px; line-height: 21px;letter-spacing: 1.6px;font-family: 'GothamGRBold', serif;border-radius: 28px;padding-top: 20px;margin: 0 auto;margin-top: 15px; display: block;} #basket2_button:hover{ text-shadow: 0 0 3px #000} .basket2_right{background-color: #fff;color: #000;width: 350px;min-height: 100px;display: block;vertical-align: top;text-align: left;padding: 20px;float: right;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.1);border-radius: 3px; margin-bottom:40px;} .basket2_right>div.title{color:#000; text-align:left; font-size:20px; margin-bottom:10px} .bsk2right{margin-bottom: 20px;} .bsk_small_item{ font-size:16px; display: block; height: auto; min-height: 50px; width: 100%; margin-bottom: 20px} .bsk_small_item>a{color:#000; display: inline-block; margin-bottom: 5px} .bsk_small_item>span{font-size:15px; color:#666; float: right} .bsk_small_item>div.dates{font-size:15px; color: #707070} .bsk_small_item>div.dates span{color: #000; } .bsk_right_l1{ margin-top:40px; margin-bottom:5px; line-height: 15px;} .bsk_right_l1 span{color:#222; float:right; font-weight:bold; font-size: 20px} .basket_banners_wrapper2{min-height:300px; margin:0 auto; display:block; padding:0px; float:right; box-sizing:border-box; } .basket_banners_wrapper2>a{margin-bottom:100px; display:block; } .basket_banners_wrapper2>a.nolink{cursor:default} .basket_banners_wrapper2 img{width:350px; height:auto; border-radius: 15px; } @media screen and (max-width: 1000px) { .basket2_right{float:none; width:100%; margin-bottom:20px} .basket2_left{float:none; width:100%;} .basket_banners_wrapper2 {float: none;} .basket_banners_wrapper2>a{display: none;} } .bsk3{text-align:center; color:#222; font-size: 25px;margin-bottom: 40px; margin-top: 100px} .bsk4{color: #444;font-size: 16px;line-height: 30px; text-align:center} .bsk_right_l2{ margin-top:0px; margin-bottom:5px; line-height: 15px;} .bsk_right_l2 span{color:#800000; float:right; font-weight:bold;} #right_span_0{display:none;} #bsk_right_antikatavolh{display:none;} .bsk_right_l3{ margin-top:40px; margin-bottom:5px;} .bsk_right_l3.de{font-size: 14px} .bsk_right_l3 span{color:#800000; float:right; font-weight:bold;} #basket2_form #copy_receipt{ width: 20px; height: 20px; margin-left: 10px; display: inline-block; vertical-align: -5px} #basket2_form .copy_from{color: #000; font-weight: bold; font-size: 14px; } /************************* CUSTOM RADIO BUTTON *******************************************/ /* The container */ .container {display: inline-block;position: relative;padding-left: 35px;cursor: pointer;font-size: 16px;padding-top:3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-right:20px;min-height: 26px;margin-top: 5px;margin-bottom:5px;width:auto;box-sizing:border-box;} /* Hide the browser's default radio button */ .container input {position: absolute;opacity: 0;cursor: pointer; width:1px !important;} /* Create a custom radio button */ .checkmark {position: absolute;top: 0;left: 0;border: 1px solid rgba(0,0,0,0.5);height: 25px;width: 25px;background-color: #eee;border-radius: 50%; } .checkmark.top10{margin-top: 10px} /* On mouse-over, add a grey background color */ .container:hover input ~ .checkmark {background-color: #d2d2d2;} /* When the radio button is checked, add a blue background */ .container input:checked ~ .checkmark {background-color: #000;} /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after {content: "";position: absolute;display: none;} /* Show the indicator (dot/circle) when checked */ .container input:checked ~ .checkmark:after {display: block;} /* Style the indicator (dot/circle) */ .container .checkmark:after {top: 6px;left: 6px;width: 11px;height: 11px;border-radius: 50%;background: white;} @media screen and (max-width: 600px) { /* .checkmark{top:10px}*/ } /************************* CUSTOM RADIO BUTTON *******************************************/ #disprosites {color: #222;font-size: 15px;margin-top: 20px;} #disprosites>label {font-weight: bold;color: #800000;margin-bottom: 10px;display: block;} #receipt_wrapper,#invoice_wrapper, #payment_wrapper, #address_wrapper{ margin-bottom:20px !important} #invoice_wrapper{display:none;} #payment_wrapper>div.title{ margin-bottom:20px;} #dorean_metaforika{color:#800;margin-top:-10px !important;font-size: 16px !important;font-weight: bold;margin-bottom:20px !important;} .basket2_town{ width:calc(100% - 150px); float:left; margin-top:0 !important} .basket2_ps{width:100px; float:right; margin-top:0 !important} #payment_method_wrapper1, #payment_method_wrapper3{margin:0 !important} #basket_terms_wrapp{width:100%; text-align:left; height:auto; margin-bottom:20px !important;font-size:15px !important;} #basket_terms_check{display: inline-block !important;vertical-align: -2px;height: 13px !important;padding: 0 !important;width: 20px !important;margin-left: 10px; } #basket_terms_wrapp>a{text-decoration:underline; color:#800000; } #comments{margin-top: 20px;} /********************** BASKET 2 *****************************************************/ .table_list_top{margin-top:0px; font-size:20px; text-align:center} /* "Δεν έχετε προϊόντα στα αγαπημένα σας /"*/ .table_list_top.notempty{margin-top:0px !important; margin-bottom:40px;} .table_list_back{ margin-top:20px; text-align:left} .table_list_back>a{color:#000; font-weight:bold;} .basket_pr_details_left{ float:left; width:200px; height:auto; word-break:break-word; box-sizing:border-box;} .basket_pr_details_left>a{color:#000} .basket_pr_details_right{float:right; width:calc(100% - 200px); box-sizing:border-box} .basket_pr_details_left.wishlist{width:calc(100% - 80px);} .basket_pr_details_right.wishlist{width:80px; } .basket_item_wrapper>a.wishlist{width: calc(100% - 80px); } .basket_item_wrapper .basket_prcode{font-size: 13px;color: #666; display:block; margin-top: 5px} .basket_item_wrapper .basket_brand{font-size: 15px;color: #999; display:block; margin-top: 10px} .basket_item_wrapper .basket_size{font-size: 15px;color: #000; display:block; margin-top:20px; font-weight:bold} .basket_item_wrapper .basket_priceprevious{color: #666;font-size: 17px;text-decoration: line-through; } .table_list_qty{display: block;vertical-align: top; border: 1px solid rgba(0,0,0,0.2); float:right; width:100px} .table_list_minus{display:inline-block; width:30px; height:30px; text-align:center; font-size:20px; cursor:pointer } .table_list_qty input[type='text']{width: 30px;height: 35px;text-align: center; vertical-align:0; border:none;} .table_list_plus{display:inline-block; width:30px; height:30px; text-align:center;font-size:20px; cursor:pointer} .table_list_price{display:block; font-size:20px;vertical-align: top; float:right; margin-left:30px; margin-bottom: 10px;} .table_list_price>span{text-decoration:line-through; color: #666; font-size: 17px; text-align: right; display: block; } .table_list_price.wishlist{ margin-left:0;margin-top: -20px;text-align: right;} /* @media screen and (max-width: 1000px) { .table_list{ float:none; width:100%;margin-bottom: 30px; } .small_total_list{width:100%;margin-bottom: 30px;} } @media screen and (max-width: 700px) { .table_list > li{padding-left:0} .table_list > li > a:nth-child(2) {width: 130px;height: auto; margin-left:10px} .table_list > li > a:nth-child(2)>img{width: 100%;height: auto;} .basket_item_wrapper{width: calc(100% - 170px); margin-right: -10px;} } @media screen and (max-width: 550px) { .table_list > li > a:nth-child(2) {width: auto} .table_list > li > a:nth-child(2)>img{max-width:80px;} .basket_item_wrapper{width: calc(100% - 120px);} .table_list {padding-left: 10px;} } @media screen and (max-width: 500px) { .basket_item_wrapper{ width:100%; float:none; margin-top:10px; padding-left:33px} } */ #basket_top_list{list-style: none; padding: 0; } #basket_top_list>li{padding: 10px; border-bottom: 1px solid rgba(0,0,0,0.2); text-align: left; position: relative} #basket_top_list>li>a:first-child{display:block; width: 80px;border: 1px solid rgba(0,0,0,0.2); float: left} #basket_top_list>li>a>img{width: 80px; height: auto; } #basket_top_list>li>div.right_part{width: calc(100% - 90px); min-height: 10px; display: block; float: right;vertical-align: top; text-align: left;font-size: 14px;color: #666; line-height: 20px} #basket_top_list span.pcs{display: block; font-size: 13px; font-weight: bold; margin-bottom: 5px} #basket_top_list span.price{display: inline-block; font-size: 17px; font-weight: 800; color: #222} #basket_top_list span.qty{font-size: 14px; font-family: 'Roboto', serif; color: #666; font-weight: 400; letter-spacing: -0.5px; margin-right: 10px;} /*#basket_top_list span.price_previous{display: inline-block; font-size: 15px; font-weight: 400; color: #666; text-decoration: line-through}*/ #basket_top_list .basket_top_delete{position: absolute; bottom: 10px; right: 10px; display: block; color: #000 } #right_basket div.smallbasket_total{ background-color: #f5f5f5; padding: 10px;color: #222;font-size: 14px;font-weight: bold; text-align: left;border-bottom: 1px solid rgba(0, 0, 0, 0.2);} #right_basket div.smallbasketbox_buttons{padding:20px 10px; text-align: center} #right_basket div.smallbasketbox_buttons>a{display: inline-block; margin-left: 15px; margin-right: 15px;color: #000; font-size: 13px; background-color: #fff; margin-bottom: 10px; border: 1px solid #000; height: 35px; padding: 10px;padding-top: 7px; font-weight: 400; font-family: 'Roboto Mono', serif; } #right_basket div.smallbasketbox_buttons>a:first-child:hover{color:#fff; background-color: #000;} #right_basket #tobasket{background-color: #000; color: #fff; font-weight: 700} #right_basket #tobasket:hover{color: #000; background-color: #fff} #basket_top_smallbox_empty{padding: 20px 10px; text-align: center; font-weight: bold} /************* BASKET / WISHLIST PAGE********************/ /********************************** ORDERS PAGE *********************************/ .orderslist_left{vertical-align:top; float: left;width: calc(100% - 330px); min-height: 400px;display: block;margin: 0 auto;position: relative;padding: 20px;border: 1px solid rgba(0,0,0,0.1);border-radius: 3px; margin-bottom: 100px;box-sizing: border-box; text-align:left} .order_list{width:100%; min-height:40px; border-bottom:1px solid rgba(0,0,0,0.4); margin-bottom:20px; display:block; padding-bottom:20px; } .order_list div.one{font-size:15px; line-height:20px} .order_list div.one>span{font-weight:bold;} a.orderbutton{display:inline-block; width:auto; background-color:#000; padding:10px 20px; text-align:center; color:#fff; margin-top:10px; font-family: 'Roboto Mono', serif; /*font-weight: 800;font-size:14px;*/ font-size: 13px;font-weight: 400; } a.orderbutton:hover{text-decoration:none; background-color:#000; color:#fff;} .order_details{ margin-top:20px; display:none;} .order_details>div.two{font-size:15px; line-height:20px} .order_details>div.two>span{font-weight:bold;} .order_details>div.two.pr1{margin-top:10px; margin-bottom:25px; } .order_details>div.two.pr1>span{padding-right:20px; padding-bottom:3px; border-bottom:1px solid rgba(0,0,0,0.3);margin-bottom: 10px;display: inline-block;} .order_table{display:block; margin-bottom:5px; margin-top:10px; } .order_table .img{max-height:80px; width:auto; } .order_table>div.ord{font-size: 14px;} .order_table>div.ord>a{display:block; font-weight:bold; color:#222} .order_table>div.ord:nth-child(1){margin-right:10px; text-align:center; float:left; border: 1px solid rgba(0,0,0,0.2); vertical-align: top;} .order_table>div.ord:nth-child(2){margin-right:70px; text-align:left; float:left; min-width: 160px; max-width: 300px} .order_table>div.ord:nth-child(3){margin-right:70px; text-align:center; float:left} .order_table>div.ord:nth-child(4){margin-right:0px; text-align:center; float:left} .order_table>div.ord:nth-child(5){margin-right:0px; text-align:center; float:right} .order_table>div.ord>span{font-size:13px; color:#999} .order_table>div.ord>span.b{ color:#000;} div.order_title{ margin-top:10px; margin-bottom:10px; font-size:15px; font-weight:bold} .order_table>div.ord>div{font-weight:bold; margin-bottom:10px; } .order_table>div.ord span.only799{display:none} @media screen and (max-width: 1300px) { .order_table>div.ord:nth-child(2) {margin-right: 30px; max-width: 250px} } @media screen and (max-width: 1250px) { .order_table>div.ord:nth-child(3) {margin-right: 20px;} } @media screen and (max-width: 1150px) { .order_table .img{max-height: 70px} .order_table>div.ord:nth-child(2){margin-right: 10px;max-width: 200px;margin-left: -10px} .order_table>div.ord:nth-child(3) {margin-right: 10px;} .order_table .img{display: none} } @media screen and (max-width: 1000px) { .orderslist_left{float:none; width:100%;} .order_table .img{display: block} .order_table>div.ord:nth-child(2){margin-left: 0; margin-right:30px} .order_table>div.ord:nth-child(3){margin-right:40px} } @media screen and (max-width: 800px) { .order_table>div.ord:nth-child(1){display: inline-block} .order_table>div.ord:nth-child(2){display: inline-block;text-align: left !important;margin-left: 10px;} .order_table>div.ord:nth-child(3){display: block;text-align: left !important;} .order_table>div.ord:nth-child(3)>div {display: inline-block;} .order_table>div.ord:nth-child(4){display: block;text-align: left !important;} .order_table>div.ord:nth-child(4)>div {display: inline-block;} .order_table>div.ord:nth-child(5){display: block;text-align: left !important;} .order_table>div.ord:nth-child(5)>div {display: inline-block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.2);} .order_table>div.ord{float:none !important; text-align:center !important; margin-right:0 !important} .order_table>div.ord span.only799{display:inline-block} .order_table>div.ord>div {margin-bottom:0px;} } /********************************** ORDERS PAGE *********************************/ /************************************ INFO PAGES ***************************************/ /* AN ΘΕΛΩ ΝΑ ΤΑ ΕΧΩ ΣΕ 2 ΜΕΡΗ */ /* #info_label{margin-bottom: 20px;font-weight: bold;border-bottom: 1px solid rgba(0,0,0,0.4);padding-bottom: 5px;font-size: 18px; width:100%;} #info_list{list-style:none; padding-bottom:20px} #info_list>li{margin-bottom: 10px;border: 1px solid rgba(0, 0, 0, 0.4); } #info_list>li>a{font-size: 16px;padding: 20px 10px;font-weight: bold; color: #222; display: block} #info_list>li>a:hover{color:#fff; font-weight: bold;background-color: #1c9b41;} #left_part{ width:280px; float:left; min-height:100px; margin-bottom: 30px; text-align:left; position: relative; } #right_part.varpages {width: calc(100% - 320px);float: right;} @media screen and (max-width: 1000px) { #left_part {position: relative !important;top: 0 !important;width: 100%;min-height: inherit;} #right_part{width: 100% !important; float: none } } */ /************************************ INFO PAGES ***************************************/ /*********************** CONTACT PAGE *****************************/ /*#contact_left{ width:calc(100% - 330px); min-height:200px; display:block; list-style:none; margin:0; margin:0 auto; position:relative; padding:20px; float:left; margin-bottom: 100px;} */ #contact_left, #contact_right{width: 50%; min-height: 200px; padding: 40px} #contact_left{float: left; } #contact_right{float: right; } h2.contact{color: #0ba3ad; font-size: 46px; font-weight: normal; margin: 0 auto; margin-top: 170px} h3.contact{color:#707070; font-size: 31px; font-family: 'CFNote', serif; margin-bottom: 60px} #contact_left>div{ min-height: 45px; color: #707070; font-size: 18px; line-height: 30px; text-align: left; margin-bottom: 20px} #contact_left>div>a{color: #707070} #contact_left>div>a:hover{text-decoration: underline;text-decoration-thickness: 1px;} #contact_left>div:nth-child(1){background: url("../images/location.png") no-repeat;padding-left: 50px; background-position: 0px 15px} #contact_left>div:nth-child(2){background: url("../images/clock.png") no-repeat;padding-left: 50px; background-position: 0px 15px} #contact_left>div:nth-child(3){background: url("../images/phone.png") no-repeat;padding-left: 50px; background-position: 0px 15px; font-size: 33px; padding-top: 12px} #contact_left>div:nth-child(4){background: url("../images/mail.png") no-repeat;padding-left: 50px; background-position: 0px 15px; padding-top: 11px;} #contact_left>div:nth-child(5){background: url("../images/fb.png") no-repeat;padding-left: 50px; background-position: 0px 15px;padding-top: 10px;} #contact_left>div:nth-child(6){background: url("../images/insta.png") no-repeat;padding-left: 50px; background-position: 0px 15px;padding-top: 11px;} #contact_left>div:nth-child(7){background: url("../images/youtube.png") no-repeat;padding-left: 50px; background-position: 0px 15px;padding-top: 11px;} #contact_left>div:nth-child(8){background: url("../images/tiktok.png") no-repeat;padding-left: 50px; background-position: 0px 15px;padding-top: 11px;} #contact_right>p{color: #707070; font-size: 19px; line-height: 30px; text-align: left} #contact_form{margin-top: 30px; min-height: 100px} .dropby{font-size: 46px; line-height: 69px; color: #6F7070; margin-top: 5px; margin-bottom: 55px} @media screen and (max-width: 1200px) {#contact_left, #contact_right{padding: 10px} #contact_left>div:nth-child(3){font-size: 24px}} @media screen and (max-width: 900px) {#contact_left, #contact_right{ float: none; width: 100%}} #contact_text p{color: #707070;font-size: 19px;line-height: 30px; margin-top: 100px;} /* h1.contact { font-weight: 700; font-family: 'Roboto', serif; letter-spacing: -0.1px; font-size: 20px; margin-bottom: 5px;margin-top: -20px;text-align: left;} .line_contact{border-top:1px solid #bbb; width: 100px; height: 3px; margin-bottom: 30px} @media screen and (max-width: 1000px) { #contact_left{ width:100%; float: none; padding: 20px 0} } */ /*************CONTACT******************/ .blog_list_item{min-height: 420px; width:calc(100% * 1/3 - 35px); vertical-align: top; margin-left: 15px; margin-right: 15px; margin-bottom: 40px; box-shadow: 0 0 13px rgb(0 0 0 / 40%); display: inline-block} .blog_list_item>img{width: 100%; height: auto; border-bottom: 1px solid rgba(0,0,0,0.1)} .blog_list_item>h2{margin-top: 15px; padding-left: 10px; padding-right: 10px;color: #000;text-align: center; min-height: 50px;font-weight: 600;font-family: 'Roboto', serif;letter-spacing: -0.1px;font-size: 18px;} .blog_list_item>div.date{color:#666; font-size: 15px; padding-left: 10px; margin-bottom: 10px; text-align: center; font-weight: bold; margin-top: 5px} .blog_list_item p{ margin-left: 10px; font-size: 14px; margin-right: 10px; line-height: 22px} .blog_list_item .more{text-align: center;padding: 10px; width: 150px; margin: 10px auto; margin-bottom: 30px; font-size: 15px; background-color:#deb868; border: none; color: #000; font-family: 'Roboto Mono', sans-serif; } .blog_list_item:hover .more{background-color:#6a8c25; color: #fff} @media screen and (max-width: 1150px) { .blog_list_item{width:calc(100% * 1/2 - 35px); min-height: 200px } .blog_list_item .more{ margin-bottom: 20px} } @media screen and (max-width: 700px) { .blog_list_item{width:calc(100% - 35px); } } /************************************/ #weballey_cms_relative{display: none;} h1.blog{line-height: 35px;text-align: left;margin-bottom: 10px;font-weight: normal;} .blog_details_image{width: 100%; height: auto; margin:40px auto; margin-top: 0} #blog_wrapper.details>div.date{text-align: left;font-size: 17px;color: #666; margin-bottom: 40px} /************************ KATALOGOS ***********************************/ .catalogue_link{display: inline-block; width:calc(100% * 1/3 - 40px); height: auto; margin-left: 10px; margin-right: 10px; margin-bottom: 20px} .catalogue_link>img{ width: 100%; height: auto; border: 1px solid rgba(0, 0, 0, 0.2);} .catalogue_link>div{color: #333;font-weight: bold;font-size: 15px;margin: 10px auto;text-align: center;} .catalogue_link:hover img{box-shadow: 1px 1px 11px #DDD;} @media screen and (max-width: 1000px) { .catalogue_link{width:calc(100% * 1/2 - 40px);} } @media screen and (max-width: 600px) { .catalogue_link{width:calc(100% - 20px);} } /************************ KATALOGOS ***********************************/ /***************************** THANKS PAGE *******************************/ .thanks1{margin:0 auto; margin-top: 110px;font-size: 62px; line-height: 72px;font-family: 'GothamGRBold', serif; max-width: 1100px; } .thanks2{font-size: 29px; line-height: 43px; margin-top: 100px} #thanks_image{width: 100%; margin-top: 50px; margin-bottom: 210px} @media screen and (max-width: 600px) { .thanks1{font-size: 40px; line-height: 40px; margin-top: 50px} .thanks2{font-size: 25px; line-height: 30px; margin-top: 60px} #thanks_image{margin-bottom: 50px} }