Results of the CSS crunched for uletay.net

Let's see what we've done for uletay.net

CSSCruncher.com has crunched this CSS to
25.86 %Less Size! I cant't believe it!

Crunched CSS code:

?*{box-sizing:border-box}
header{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/public/images/bg1.jpg) no-repeat top center / cover;min-height:640px;height:20%}
.header_all_country{background:linear-gradient(to top,#63AFD0,#033E6B);min-height:400px;height:20%}
.link-country{color:#000}
.header_train{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/train.jpg) no-repeat center center / cover;height:520px}
.header_bus{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/bus.jpg) no-repeat center center / cover;height:520px}
.header_hotels{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/hotels.jpg) no-repeat center center / cover;height:520px}
.header_on_the_way{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/on_the_way.jpg) no-repeat center center / cover;height:520px}
.header_tours{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/tours.jpg) no-repeat center center / cover;height:520px}
.header_excursions{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/excursions.jpg) no-repeat center center / cover;height:520px}
.header_rent_cars{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/rent_cars.jpg) no-repeat center center / cover;height:520px}
.header_insurance{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/insurance.jpg) no-repeat center center / cover;height:520px}
.header-journal{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/bg-journal.jpg) no-repeat center center / cover;height:540px}
.header-journal-view{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/bg-journal.jpg) no-repeat center center / cover;height:400px}
.header-strana{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/turciya.jpg) no-repeat center center / cover;height:520px}
.header-strana-menu{background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.1))}
.header-gorod{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/moskva.jpg) no-repeat center center / cover;height:460px}
.header-places{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/../images/moskva.jpg) no-repeat center center / cover;height:460px}
.header-search-result-avia{background:#04adbf no-repeat center center / cover;height:200px}
.header-country{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4))}
.country-content{margin-top:20px}
.text{font-size:16px;color:#3f3f3f}
body{font-family:"Open Sans","Montserrat",sans-serif;padding:0;margin:0;background-color:#f2f2f2}
footer{background:#e6e6e3;min-height:300px;height:20%;margin-top:40px;padding:40px}
.info-routes{font-size:32px;font-weight:bold;color:#5c5c5c}
.info-offers{font-size:22px;font-weight:bold;color:#000}
.account{margin-top:100px}
.lazy{background:#f1f1fa;display:block;margin:10px auto}
.link-info{font-size:14px}
.footer-copyrign{font-size:14px;color:#1d2323}
.clearfix:after{content:"";display:table;width:100%;clear:both}
.heading{}
.img-title{font-size:14px;color:#5c5c5c}
.top-weather{float:right}
.top-weather-content{color:#fff;font-size:45px;text-align:center}
.top-weather-text{color:#fff;font-size:16px;text-align:center}
.top-weather-text a{color:#fff;font-size:12px;float:right;border-bottom:1px dashed #fff}
.top-weather-text a:hover{color:skyblue;font-size:12px;float:right;border-bottom:1px dashed skyblue}
.places-header{background:#e6e6e3;padding:10px;margin-top:30px;border-radius:5px}
.places-header-city{margin-bottom:30px}
.link-places{margin-left:10px;margin-right:20px;color:#1d2323;font-size:18px;font-weight:bold}
.link-alphabet{color:#1d2323;font-size:14px;border-bottom:1px dashed #1d2323}
.visas-yes{float:right;color:red;font-size:12px}
.visas-no{float:right;color:green;font-size:12px}
.info-country-main{float:right}
.city-link-alphabet{color:#1d2323;font-size:14px;border-bottom:1px dashed #1d2323;margin-left:15px}
.link-crumbs{color:#1d2323;font-size:14px}
.no-active{color:#1d2323;font-size:14px}
.crumbs{float:left;margin-top:40px;width:100%}
.crumbs-journal{float:left;margin-bottom:20px;width:100%}
.country-title{float:left}
.country-alphabet{float:right;margin-top:50px}
.city-alphabet{float:right;margin-top:35px}
.country-container{}
.logo{margin-top:16px;margin-bottom:15px;margin-right:80px;float:left}
.nav-top{float:left;margin-top:35px}
.menu-top{padding:0;margin:0}
.menu-top li{float:left;display:block;margin-right:26px;font-size:16px}
.menu-top li a{color:#fff;padding:8px 0px}
.menu-top li a:hover{border-bottom:2px solid orange;padding:10px 0px}
.nav-top-country{float:left;margin-top:20px}
.menu-top-country{padding:0;margin:0}
.menu-top-country-active li a{color:#1d2323;border-bottom:3px solid #04adbf;padding:20px 0px}
.menu-top-country-active-journal li a{color:#fff;border-bottom:3px solid #04adbf;padding:20px 0px}
.menu-top-country li{float:left;display:block;margin-right:26px;font-size:14px}
.menu-top-country li a{color:#1d2323;padding:17px 0px}
.menu-top-country li a:hover{border-bottom:3px solid #04adbf;padding:17px 0px}
.menu-footer{padding:20px;margin:0}
.menu-footer li{display:block;float:left;font-size:14px}
.menu-footer li a{color:#1d2323}
.menu-footer li a:hover{color:#04adbf}
.nav-top-search{float:right;margin-top:20px}
.menu-top-search{padding:0;margin:0;display:block}
.menu-top-search li{margin-right:40px;display:block;font-size:14px}
.nav-top-user{float:right;margin-top:12px}
.menu-top-user{padding:0;margin:0;display:block}
.menu-top-user li{float:right;display:block;font-size:14px}
.menu-top-user li a{color:#fff;padding:10px}
.avatar-user{border-radius:50%}
.avatar-profile{border-radius:3px}
.nav-top-login{float:right;margin-top:20px}
.menu-top-login{padding:0;margin:0;display:block}
.menu-top-login li{float:right;display:block;font-size:14px}
.menu-top-login li a{color:#fff;border:1px double #04adbf;padding:10px;border-radius:30px}
.menu-top-login li a:hover{color:#fff;border:1px double #04adbf}
.menu-top-login-search-result{padding:0;margin:0;display:block}
.menu-top-login-search-result li{float:right;display:block;font-size:14px}
.menu-top-login-search-result li a{color:#fff;border:1px double #fff;padding:10px;border-radius:30px}
.menu-top-login-search-result li a:hover{color:#fff;border:1px double #fff}
.nav-top-login-country{float:right;margin-top:20px}
.menu-top-login-country{padding:0;margin:0;display:block}
.menu-top-login-country li{float:right;display:block;font-size:14px}
.menu-top-login-country li a{color:#1d2323;border:1px double #04adbf;padding:10px;border-radius:30px}
.menu-top-login-country li a:hover{border:1px double #04adbf}
.nav-product{float:left;margin-top:40px}
.nav-product-all{float:right;margin-top:25px}
.menu-product{padding:0;margin:0;display:block}
.menu-product li{float:left;display:block;margin-right:15px;font-size:14px}
.menu-product-all li{float:right;display:block;margin-right:15px;font-size:14px}
.menu-product-all li a{color:#fff}
.menu-product-all li a:hover{background-color:#04adbf}
.menu-product li a{color:#fff;border-radius:30px;padding:10px;background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4))}
.button-active-product li a{color:#fff;border-radius:30px;padding:10px;background:#04adbf}
.button-active-product-search li a{color:#fff;border-radius:30px;padding:10px;background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4))}
.menu-product li a:hover{background-color:#04adbf}
.nav-product-country{float:left;margin-top:40px}
.nav-product-all-country{float:right;margin-top:25px}
.menu-product-country{padding:0;margin:0;display:block}
.menu-product-country li{float:left;display:block;margin-right:15px;font-size:14px}
.menu-product-all-country li{float:right;display:block;margin-right:15px;font-size:14px}
.menu-product-all-country li a{color:#5c5c5c}
.menu-product-all-country li a:hover{color:#1d2323}
.menu-product-country li a{color:#1d2323;margin-right:10px}
.menu-product-country li a:hover{color:#04adbf}
.titles{}
.line{line-height:1.6}
.link-crumbs-left{float:left;color:#1d2323;font-size:14px}
.photo-day-block{background:#fff;margin-top:20px;padding:20px}
.titles-first{font-size:40px;font-weight:bold;color:#fff;text-align:center;margin-top:40px}
.titles-first-p{font-size:16px;color:#fff;text-align:center;margin-top:20px}
.titles-first-offers{font-size:32px;color:#272727;text-align:center;margin-top:60px;margin-bottom:60px}
.titles-first-journal{font-size:40px;font-weight:bold;color:#fff;text-align:center;margin-top:50px}
.titles-first-country{font-size:80px;font-weight:bold;color:#fff;text-align:left;margin-top:40px}
.titles-first-nav{font-size:12px;color:#fff;text-align:left;margin-top:120px}
.button-journal{margin-top:40px;text-align:center}
.menu-country{height:60px;margin-top:10px}
.date-journal-header{color:#fff;margin-top:20px;text-align:center}
.continent-and-country-header{color:#fff;margin-top:20px;text-align:left}
.continent-and-country-header{color:#fff;margin-top:20px;text-align:left}
.continent-and-country-right-header{color:#fff;margin-top:20px;text-align:right}
.continent-and-country-right-header a{color:#fff}
.rating-right-header{color:#fff;margin-top:20px;text-align:right}
.search-result-avia{margin-top:20px;text-align:center}
.result-search-calendar{height:60px;background:#fff;padding:20px;box-shadow:0 0 2px rgba(0,0,0,0.1)}
.result-search-subscribe{background:#fff;padding:15px;border-radius:5px;margin-top:20px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.result-search-price-panel{margin-top:30px}
.result-search-price{background:#fff;padding:15px;border-radius:5px;margin-top:20px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.result-search-also{padding:15px;margin-top:20px}
.result-search-price-panel-link-left{float:left;color:#1d2323}
.result-search-price-panel-link-right{float:right;color:#1d2323}
.result-search-filter{background:#fff;padding:30px;border-radius:5px;margin-top:20px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.login-admin{border:1px;border-color:#fff;border-radius:5px;width:300px;height:50px;padding:10px;font-size:16px;margin-bottom:20px}
.search{margin-top:100px;text-align:center}
.search-city{border:1px;border-radius:5px 0 0 5px;width:254px;height:50px;padding:10px;font-size:16px;box-shadow:0px 1px 0px 0px rgba(0,0,0,0.3)}
.search-city-to{border:1px;border-radius:0px;width:254px;height:50px;padding:10px;font-size:16px;margin-left:-3px;box-shadow:0px 1px 0px 0px rgba(0,0,0,0.3)}
.datepicker{background:#fff url("calendar.png") 90% 50% no-repeat;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;padding:16px 45px;border:1px;border-radius:0px;width:140px;height:50px;padding:10px;font-size:16px;margin-left:-3px;box-shadow:0px 1px 0px 0px rgba(0,0,0,0.3)}
.passenger{border:1px;border-radius:0px;width:176px;height:50px;padding:10px;font-size:16px;margin-left:-3px;box-shadow:0px 1px 0px 0px rgba(0,0,0,0.3)}
.search-button{border:1px;border-radius:0px 5px 5px 0px;width:180px;height:50px;background-color:#f57301;margin-left:-3px;color:white;padding:16px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;font-weight:bold;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.search-button-result{border:1px;border-radius:0px 5px 5px 0px;width:180px;height:50px;background-color:#f58a02;margin-left:-3px;color:white;padding:16px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;font-weight:bold;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.login{border:1px solid #e6e6e3;border-radius:5px;width:100%;height:50px;padding:10px;font-size:16px;margin-top:10px}
.password{border:1px solid #e6e6e3;border-radius:5px;width:100%;height:50px;padding:10px;font-size:16px;margin-top:20px}
.search-country{float:right;background:#fff url("search.png") 95% 50% no-repeat;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;padding:16px 45px;border:1px;border-radius:5px;width:300px;height:50px;padding:10px;font-size:16px;margin-left:-3px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.country-img{width:24px;border-radius:10px}
.letter-alphabet{color:#5c5c5c}
.composite{}
.composite-link{color:white;font-size:13px}
.composite-link:hover{color:#e6e6e3}
.how-it-works{height:80px;background:#e6e6e3}
.popular{padding-top:20px}
.popular-content{position:relative}
.popular-title{float:left}
.recovery{float:right;color:#000;font-size:14px;margin-bottom:30px}
.login-page{width:360px;padding:5% 0 0;margin:auto}
.form-user-login{position:relative;z-index:1;background:#FFFFFF;max-width:400px;margin:0 auto 100px;padding:45px;text-align:center}
.form-user-login input{outline:0;background:#f2f2f2;width:100%;border:0;border-radius:2px;margin:0 0 10px;padding:15px;box-sizing:border-box;font-size:14px}
.form-user-login button{text-transform:uppercase;outline:0;background:#04adbf;border:0;border-radius:2px;width:100%;padding:15px;color:#FFFFFF;font-size:14px;-webkit-transition:all 0.3 ease;transition:all 0.3 ease;cursor:pointer}
.form-user-login button:hover,.form-user-login button:active,.form-user-login button:focus{background:#04A3B5}
.form-user-login .message{margin:15px 0 0;color:#b3b3b3;font-size:12px}
.form-user-login .message a{color:#4CAF50;text-decoration:none}
.form-user-login .register-form{display:none}
.container-user-login{position:relative;z-index:1;max-width:300px;margin:0 auto}
.container-user-login:before,.container-user-login:after{content:"";display:block;clear:both}
.container-user-login .info{margin:50px auto;text-align:center}
.container-user-login .info h1{margin:0 0 15px;padding:0;font-size:36px;font-weight:300;color:#1a1a1a}
.container-user-login .info span{color:#4d4d4d;font-size:12px}
.container-user-login .info span a{color:#000000;text-decoration:none}
.container-user-login .info span .fa{color:#EF3B3A}
.popular-all-link{float:right;padding-top:50px}
.popular-content-img{border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.popular-content-img:hover{border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.5)}
.popular-content h4{position:absolute;color:#fff;left:30px;bottom:0;width:100%}
.journal-content{position:relative}
.places-content{position:relative}
.journal-content h3{position:absolute;color:#fff;left:30px;bottom:0;width:100%}
.journal-content h6{position:absolute;color:#fff;left:20px;bottom:0;width:90%}
.journal-content-img{border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.journal-card-subscribe{width:100%;height:300px;background:green;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);color:#fff}
.journal-card-news{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:5px;padding:20px}
.journal-rubric{position:absolute;color:#fff;left:30px;bottom:85%;border-radius:3px;background:blue;padding:5px;font-size:12px;font-weight:bold;text-transform:uppercase;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.journal-blok-title{margin-top:20px;margin-bottom:20px}
.journal-card-img{border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.journal-blok-desc{}
.journal-blok-date{margin-top:10px;width:100%;padding-bottom:10px}
.rubric-left{float:left}
.date-right{float:right}
.journal-card-title{font-size:18px;color:#000;font-weight:bold}
.journal-rubric-news{position:absolute;color:#fff;left:30px;bottom:85%;border-radius:3px;background:linear-gradient(to right,#f57301,orange);padding:5px;font-size:12px;font-weight:bold;text-transform:uppercase;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.journal-rubric-idea{position:absolute;color:#fff;left:30px;bottom:85%;border-radius:3px;background:green;padding:5px;font-size:12px;font-weight:bold;text-transform:uppercase;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.journal-rubric-advice{position:absolute;color:#fff;left:30px;bottom:85%;border-radius:3px;background:#04adbf;padding:5px;font-size:12px;font-weight:bold;text-transform:uppercase;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.places-reiting{position:absolute;color:#fff;left:80%;bottom:80%;border-radius:20px;background:green;padding:8px;font-size:14px;font-weight:bold}
.places-reiting-city{position:absolute;color:#fff;left:70%;bottom:75%;padding:8px;font-size:24px;font-weight:bold}
.button-right-city{float:right;margin-top:20px}
.button-right-city a{margin-left:10px}
.content{background:#fff;border-radius:5px}
.link-header{color:#fff}
.link-header:hover{color:orange}
.gradient{display:inline-block;position:relative;line-height:0}
.gradient:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;background-image:linear-gradient(to top,#000,#04adbf);opacity:0.4}
.reviews-container{padding-top:20px}
.reviews{background:#e6e6e3;padding:20px;margin-top:80px}
.reviews-user{background:#fff;border-radius:5px;padding:20px 20px 20px 20px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.questions-container{padding-top:20px}
.places-card{margin-bottom:10px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.places-card-img{border-radius:5px 5px 0px 0px}
.places-card-title{color:#1d2323;font-size:16px;font-weight:bold;padding:15px}
.places-card-city{color:#5c5c5c;font-size:14px;padding:15px}
.places-card-review{color:#5c5c5c;font-size:14px;padding:15px}
.stories{height:600px;padding:20px;background:#fff}
.questions{height:600px;padding:20px;border-radius:5px}
.questions-user{background:#fff;border-radius:5px;padding:20px 20px 20px 20px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.country-info-general{background:#e6e6e3;border-radius:5px;padding:10px 10px 10px 10px}
.popular-container{margin-top:30px}
.popular-nav-link{margin-right:15px}
.popular-nav-city-places{margin-right:5px}
.img-content{border-radius:5px}
.avatar{width:40px;border-radius:50%}
.avatar-question{width:80px;border-radius:50%}
.avatar-reviews{width:30px;height:30px;border-radius:50%}
.link-nav a{border-bottom:1px dotted;text-decoration:none;height:1.2em;line-height:1.05em}
.reviews-title{float:left}
.reviews-bottom{float:right;margin-top:30px}
.reviews-allbottom{margin:60px;text-align:center}
.reviews-list{margin-top:30px}
.questions-title{float:left}
.questions-description{float:left;margin-top:30px;margin-left:60px}
.questions-bottom{float:right;margin-top:30px}
.questions-allbottom{margin:60px;text-align:center}
.container{margin-right:auto;margin-left:auto;max-width:80%;padding-right:10px;padding-left:10px}
.row{display:flex;flex-wrap:wrap;margin:0 -5px}
.col-2{width:16.66666%;padding:0 20px}
.col-3{width:25%;padding:0 20px}
@media screen and (max-width:1400px){.col-3{width:50% !important;margin-left:0 !important;clear:none !important;margin-bottom:30px}}
@media screen and (max-width:800px){.col-3{width:100% !important;margin-left:0 !important;clear:none !important;margin-bottom:30px}}
.col-4{width:33.33333%;padding:0 10 20px}
@media screen and (max-width:1400px){.col-4{width:50% !important;margin-left:0 !important;clear:none !important;margin-bottom:30px}}
@media screen and (max-width:800px){.col-4{width:100% !important;margin-left:0 !important;clear:none !important;margin-bottom:30px}}
.col-6{width:50%;padding:0 20px}
.col-7{width:58.33334%;padding:0 20px}
.col-8{width:66.66666%;padding:0 20px}
@media screen and (max-width:1400px){.col-8{width:100% !important;margin-left:0 !important;clear:none !important;margin-bottom:30px}}
@media screen and (max-width:800px){.col-8{width:100% !important;margin-left:0 !important;clear:none !important;margin-bottom:30px}}
.col-9{width:75%;padding:0 20px}
h1{font-family:Montserrat,sans-serif;color:#1d2323;font-size:40px}
h2{font-family:Montserrat,sans-serif;color:#1d2323;font-size:36px}
h3{font-family:Montserrat,sans-serif;color:#1d2323;font-size:32px}
h4{font-family:Montserrat,sans-serif;color:#1d2323;font-size:28px}
h5{font-family:Montserrat,sans-serif;color:#1d2323;font-size:24px}
h6{color:#1d2323;font-size:22px}
p{color:#222926}
a{color:#0468bf;text-decoration:none}
a:hover{color:#04adbf}
a.black{color:#222926;text-decoration:none}
a.black:hover{color:#04adbf}
.link-all{color:#5c5c5c;text-decoration:none;font-size:15px}
hr{border:0;height:0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}
.button-orange{background-color:#f57301;border:none;color:white;padding:16px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:5px;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.button-orange:hover{background-color:#f58a02;color:white}
.button-active{background-color:#e6e6e3;color:#000;padding:14px 28px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;border-radius:5px;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.link-no-active{border:none;color:#5c5c5c;font-size:14px}
.link-no-active-header{border:none;color:#d6d6d6;font-size:14px}
.link-no-active-places{border:none;color:#5c5c5c;font-size:14px;margin-right:30px}
.button-outline-orange{border:1px solid #f57301;border-radius:5px;font-size:16px;padding:14px 32px;text-decoration:none;text-align:center;display:inline-block;color:#f57301;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.button-outline-orange:hover{background-color:#f57301;color:white}
.button-block-orange{width:100%;background-color:#f57301;border:none;color:white;padding:16px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:2px;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.button-block-orange:hover{background-color:#f58a02;color:white}
.button-block-outline-orange{width:100%;border:1px solid #f57301;border-radius:2px;font-size:16px;padding:14px 32px;text-decoration:none;text-align:center;display:inline-block;color:#f57301;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.button-block-outline-orange:hover{background-color:#f57301;color:white}
.button-blue{background-color:#04adbf;border:none;color:white;padding:8px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:4px;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.button-blue:hover{background-color:#40cfff;color:white}
.button-orange-city{background-color:#f57301;border:none;color:white;padding:10px 18px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;border-radius:4px;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.button-orange-city:hover{background-color:#f58a02;color:white}
.button-outline-blue{border:1px solid #04adbf;border-radius:5px;font-size:16px;padding:14px 32px;text-decoration:none;text-align:center;display:inline-block;color:#04adbf;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.button-outline-blue:hover{background-color:#04adbf;color:white}
.searchresult-bottom{margin-top:20px}
.button-block-blue{width:100%;background-color:#04adbf;border:none;color:white;padding:16px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:2px;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.button-block-blue:hover{background-color:#f58a02;color:white}
.button-block-outline-blue{width:100%;border:1px solid #04adbf;border-radius:5px;font-size:16px;padding:14px 32px;text-decoration:none;text-align:center;display:inline-block;color:#04adbf;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.button-block-outline-blue:hover{background-color:#04adbf;color:white}
.pagination{display:inline-block;margin-top:20px;float:right}
.pagination a{color:#1d2323;float:left;padding:6px 14px;text-decoration:none}
.pagination a.active{border-bottom:3px solid orange}
.pagination a:hover:not(.active){border-bottom:3px solid orange}
.sticky{position:sticky;top:0}
.scrollup{position:fixed;color:#5c5c5c;background-color:#e6e6e3;right:30px;bottom:40px;padding:8px 20px;font-size:13px;border-radius:3px;cursor:pointer;display:none;text-align:center}
.scrollup:hover{color:#000}
.icon{vertical-align:middle}
.tabs{margin-left:auto;margin-right:auto}
.tabs > input[type="radio"]{display:none}
.tabs > input[type="radio"]:checked + label{background-color:#e6e6e3}
.tabs > div{display:none;padding:60px 0px}
#tab-btn-1:checked ~ #content-1, #tab-btn-2:checked ~ #content-2, #tab-btn-3:checked ~ #content-3, #tab-btn-4:checked ~ #content-4, #tab-btn-5:checked ~ #content-5, #tab-btn-6:checked ~ #content-6, #tab-btn-7:checked ~ #content-7, #tab-btn-8:checked ~ #content-8, #tab-btn-9:checked ~ #content-9, #tab-btn-10:checked ~ #content-10{display:block}
.tabs > label{display:inline-block;text-align:center;vertical-align:middle;user-select:none;padding:12px 24px;font-size:14px;line-height:1.5;border-radius:4px;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;cursor:pointer}
.tabs > label:first-of-type{margin-left:0}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);z-index:1050;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none}
.modal:target{opacity:1;pointer-events:auto;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
@media (min-width:576px){.modal-dialog{max-width:500px;margin:30px auto}}
.modal-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
@media (min-width:768px){.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}}
.modal-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #eceeef}
.modal-title{margin-top:0;margin-bottom:0;line-height:1.5;font-size:1.25rem;font-weight:500}
.close{float:right;font-family:sans-serif;font-size:24px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;text-decoration:none}
.close:focus, .close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.75}
.modal-body{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px;overflow:auto}
.dropbtn{color:white;font-size:14px;border:none;cursor:pointer}
.dropbtn:hover{color:white;font-size:14px;border:none;cursor:pointer}
.dropdown{position:relative;display:inline-block}
.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:200px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}
.dropdown-content a{font-size:14px;color:black;padding:12px 12px;text-decoration:none;display:block}
.dropdown-content a:hover{background-color:#ddd}
.dropdown:hover .dropdown-content{display:block}
.dropdown:hover .dropdown-content{display:block}

» Show original CSS code

« Hide original CSS code

?* {
  box-sizing: border-box;
}

header {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/public/images/bg1.jpg) no-repeat top center  / cover;
  min-height: 640px;
  height: 20%;
}

.header_all_country {
  background: linear-gradient(to top, #63AFD0, #033E6B);
  min-height: 400px;
  height: 20%;
}

.link-country {
  color: #000;
}

.header_train {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/train.jpg) no-repeat center center / cover;
  height: 520px;
}

.header_bus {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/bus.jpg) no-repeat center center / cover;
  height: 520px;
}

.header_hotels {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/hotels.jpg) no-repeat center center / cover;
  height: 520px;
}

.header_on_the_way {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/on_the_way.jpg) no-repeat center center / cover;
  height: 520px;
}

.header_tours {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/tours.jpg) no-repeat center center / cover;
  height: 520px;
}

.header_excursions {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/excursions.jpg) no-repeat center center / cover;
  height: 520px;
}

.header_rent_cars {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/rent_cars.jpg) no-repeat center center / cover;
  height: 520px;
}

.header_insurance {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/insurance.jpg) no-repeat center center / cover;
  height: 520px;
}

.header-journal {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/bg-journal.jpg) no-repeat center center / cover;
  height: 540px;
}

.header-journal-view {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/bg-journal.jpg) no-repeat center center / cover;
  height: 400px;
}

.header-strana {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/turciya.jpg) no-repeat center center / cover;
  height: 520px;
}

.header-strana-menu {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));
}

.header-gorod {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/moskva.jpg) no-repeat center center / cover;
  height: 460px;
}

.header-places {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(/../images/moskva.jpg) no-repeat center center / cover;
  height: 460px;
}

.header-search-result-avia {
  background: #04adbf no-repeat center center / cover;
  height: 200px;
}

.header-country {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.country-content {
  margin-top: 20px;
}

.text {
  font-size: 16px;
  color: #3f3f3f;
}

body {
  font-family: "Open Sans", "Montserrat", sans-serif;
  padding: 0;
  margin: 0;
  background-color: #f2f2f2;
}

footer {
  background: #e6e6e3;
  min-height: 300px;
  height: 20%;
  margin-top: 40px;
  padding: 40px;
}

.info-routes {

font-size: 32px;
  font-weight: bold;
  color: #5c5c5c;

}

.info-offers {

font-size: 22px;
  font-weight: bold;
  color: #000;

}

.account {
  margin-top: 100px;
}

.lazy {
  background: #f1f1fa;
  display: block;
  margin: 10px auto;
}

.link-info {
  font-size: 14px;
}

.footer-copyrign {
  font-size: 14px;
  color: #1d2323;
}

.clearfix:after {
  content: "";
  display: table;
  width: 100%;
  clear: both;
}

.heading {
}

.img-title {
  font-size: 14px;
  color: #5c5c5c;
}

.top-weather {
  float: right;
}

.top-weather-content {
  color: #fff;
  font-size: 45px;
  text-align: center;
}

.top-weather-text {
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.top-weather-text a {
  color: #fff;
  font-size: 12px;
  float: right;
  border-bottom: 1px dashed #fff;
}

.top-weather-text a:hover {
  color: skyblue;
  font-size: 12px;
  float: right;
  border-bottom: 1px dashed skyblue;
}

.places-header {
  background: #e6e6e3;
  padding: 10px;
  margin-top: 30px;
  border-radius: 5px;
}

.places-header-city {
  margin-bottom: 30px;
}

.link-places {
  margin-left: 10px;
  margin-right: 20px;
  color: #1d2323;
  font-size: 18px;
  font-weight: bold;
}

.link-alphabet {
  color: #1d2323;
  font-size: 14px;
  border-bottom: 1px dashed #1d2323;
}

.visas-yes {
  float: right;
  color: red;
  font-size: 12px;
}

.visas-no {
  float: right;
  color: green;
  font-size: 12px;
}

.info-country-main {
  float: right;
}

.city-link-alphabet {
  color: #1d2323;
  font-size: 14px;
  border-bottom: 1px dashed #1d2323;
  margin-left: 15px;
}

.link-crumbs {
  color: #1d2323;
  font-size: 14px;
}

.no-active {
  color: #1d2323;
  font-size: 14px;
}

.crumbs {
  float: left;
  margin-top: 40px;
  width: 100%;
}

.crumbs-journal {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.country-title {
  float: left;
}

.country-alphabet {
  float: right;
  margin-top: 50px;
}

.city-alphabet {
  float: right;
  margin-top: 35px;
}

.country-container {
}

.logo {
  margin-top: 16px;
  margin-bottom: 15px;
  margin-right: 80px;
  float: left;
}

.nav-top {
  float: left;
  margin-top: 35px;
}

.menu-top {
  padding: 0;
  margin: 0;
}

.menu-top li {
  float: left;
  display: block;
  margin-right: 26px;
  font-size: 16px;
}

.menu-top li a {
  color: #fff;
  padding: 8px 0px;
}

.menu-top li a:hover {
  border-bottom: 2px solid orange;
  padding: 10px 0px;
}

.nav-top-country {
  float: left;
  margin-top: 20px;
}

.menu-top-country {
  padding: 0;
  margin: 0;
}

.menu-top-country-active li a {
  color: #1d2323;
  border-bottom: 3px solid #04adbf;
  padding: 20px 0px;
}

.menu-top-country-active-journal li a {
  color: #fff;
  border-bottom: 3px solid #04adbf;
  padding: 20px 0px;
}

.menu-top-country li {
  float: left;
  display: block;
  margin-right: 26px;
  font-size: 14px;
}

.menu-top-country li a {
  color: #1d2323;
  padding: 17px 0px;
}

.menu-top-country li a:hover {
  border-bottom: 3px solid #04adbf;
  padding: 17px 0px;
}

.menu-footer {
  padding: 20px;
  margin: 0;
}

.menu-footer li {
  display: block;
  float: left;
  font-size: 14px;
}

.menu-footer li a {
  color: #1d2323;
}

.menu-footer li a:hover {
  color: #04adbf;
}

.nav-top-search {
  float: right;
  margin-top: 20px;
}

.menu-top-search {
  padding: 0;
  margin: 0;
  display: block;
}
.menu-top-search li {
  margin-right: 40px;
  display: block;
  font-size: 14px;
}

.nav-top-user {
  float: right;
  margin-top: 12px;
}

.menu-top-user {
  padding: 0;
  margin: 0;
  display: block;
}

.menu-top-user li {
  float: right;
  display: block;
  font-size: 14px;
}

.menu-top-user li a {
  color: #fff;
  padding: 10px;
}

.avatar-user {
    border-radius: 50%;
}

.avatar-profile {
    border-radius: 3px;
}

.nav-top-login {
  float: right;
  margin-top: 20px;
}

.menu-top-login {
  padding: 0;
  margin: 0;
  display: block;
}

.menu-top-login li {
  float: right;
  display: block;
  font-size: 14px;
}

.menu-top-login li a {
  color: #fff;
  border: 1px double #04adbf;
  padding: 10px;
  border-radius: 30px;
}

.menu-top-login li a:hover {
  color: #fff;
  border: 1px double #04adbf;
}

.menu-top-login-search-result {
  padding: 0;
  margin: 0;
  display: block;
}

.menu-top-login-search-result li {
  float: right;
  display: block;
  font-size: 14px;
}

.menu-top-login-search-result li a {
  color: #fff;
  border: 1px double #fff;
  padding: 10px;
  border-radius: 30px;
}

.menu-top-login-search-result li a:hover {
  color: #fff;
  border: 1px double #fff;
}

.nav-top-login-country {
  float: right;
  margin-top: 20px;
}

.menu-top-login-country {
  padding: 0;
  margin: 0;
  display: block;
}

.menu-top-login-country li {
  float: right;
  display: block;
  font-size: 14px;
}

.menu-top-login-country li a {
  color: #1d2323;
  border: 1px double #04adbf;
  padding: 10px;
  border-radius: 30px;
}

.menu-top-login-country li a:hover {
  border: 1px double #04adbf;
}

.nav-product {
  float: left;
  margin-top: 40px;
}

.nav-product-all {
  float: right;
  margin-top: 25px;
}

.menu-product {
  padding: 0;
  margin: 0;
  display: block;
}

.menu-product li {
  float: left;
  display: block;
  margin-right: 15px;
  font-size: 14px;
}

.menu-product-all li {
  float: right;
  display: block;
  margin-right: 15px;
  font-size: 14px;
}

.menu-product-all li a {
  color: #fff;
}

.menu-product-all li a:hover {
  background-color: #04adbf;
}

.menu-product li a {
  color: #fff;
  border-radius: 30px;
  padding: 10px;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.button-active-product li a {
  color: #fff;
  border-radius: 30px;
  padding: 10px;
  background: #04adbf;
}

.button-active-product-search li a {
  color: #fff;
  border-radius: 30px;
  padding: 10px;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.menu-product li a:hover {
  background-color: #04adbf;
}

.nav-product-country {
  float: left;
  margin-top: 40px;
}

.nav-product-all-country {
  float: right;
  margin-top: 25px;
}

.menu-product-country {
  padding: 0;
  margin: 0;
  display: block;
}

.menu-product-country li {
  float: left;
  display: block;
  margin-right: 15px;
  font-size: 14px;
}

.menu-product-all-country li {
  float: right;
  display: block;
  margin-right: 15px;
  font-size: 14px;
}

.menu-product-all-country li a {
  color: #5c5c5c;
}

.menu-product-all-country li a:hover {
  color: #1d2323;
}

.menu-product-country li a {
  color: #1d2323;
  margin-right: 10px;
}

.menu-product-country li a:hover {
  color: #04adbf;
}

.titles {
}

.line {
  line-height: 1.6;
}

.link-crumbs-left {
  float: left;
  color: #1d2323;
  font-size: 14px;
}

.photo-day-block {
  background: #fff;
  margin-top: 20px;
  padding: 20px;
}

.titles-first {
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-top: 40px;
}

.titles-first-p {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
}

.titles-first-offers {
  font-size: 32px;
  color: #272727;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

.titles-first-journal {
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-top: 50px;
}

.titles-first-country {
  font-size: 80px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  margin-top: 40px;
}

.titles-first-nav {
  font-size: 12px;
  color: #fff;
  text-align: left;
  margin-top: 120px;
}

.button-journal {
  margin-top: 40px;
  text-align: center;
}

.menu-country {
  height: 60px;
  margin-top: 10px;
}

.date-journal-header {
  color: #fff;
  margin-top: 20px;
  text-align: center;
}

.continent-and-country-header {
  color: #fff;
  margin-top: 20px;
  text-align: left;
}

.continent-and-country-right-header {
  color: #fff;
  margin-top: 20px;
  text-align: right;
}

.continent-and-country-right-header a {
  color: #fff;
}

.rating-right-header {
  color: #fff;
  margin-top: 20px;
  text-align: right;
}

.search-result-avia {
  margin-top: 20px;
  text-align: center;
}

.result-search-calendar {
  height: 60px;
  background: #fff;
  padding: 20px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

.result-search-subscribe {
  background: #fff;
  padding: 15px;
  border-radius: 5px;
  margin-top: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.result-search-price-panel {
  margin-top: 30px;
}

.result-search-price {
  background: #fff;
  padding: 15px;
  border-radius: 5px;
  margin-top: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.result-search-also {
  padding: 15px;
  margin-top: 20px;
}

.result-search-price-panel-link-left {
  float: left;
  color: #1d2323;
}

.result-search-price-panel-link-right {
  float: right;
  color: #1d2323;
}

.result-search-filter {
  background: #fff;
  padding: 30px;
  border-radius: 5px;
  margin-top: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.login-admin {
  border: 1px;
  border-color: #fff;
  border-radius: 5px;
  width: 300px;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  margin-bottom: 20px;
}

.search {
  margin-top: 100px;
  text-align: center;
}

.search-city {
  border: 1px;
  border-radius: 5px 0 0 5px;
  width: 254px;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.search-city-to {
  border: 1px;
  border-radius: 0px;
  width: 254px;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  margin-left: -3px;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.datepicker {
  background: #fff url("calendar.png") 90% 50% no-repeat;

font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

padding: 16px 45px;

border: 1px;
  border-radius: 0px;
  width: 140px;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  margin-left: -3px;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.passenger {
  border: 1px;
  border-radius: 0px;
  width: 176px;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  margin-left: -3px;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.search-button {
  border: 1px;
  border-radius: 0px 5px 5px 0px;
  width: 180px;
  height: 50px;
  background-color: #f57301;
  margin-left: -3px;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.search-button-result {
  border: 1px;
  border-radius: 0px 5px 5px 0px;
  width: 180px;
  height: 50px;
  background-color: #f58a02;
  margin-left: -3px;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.login {
  border: 1px solid #e6e6e3;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  margin-top: 10px;
}

.password {
  border: 1px solid #e6e6e3;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  margin-top: 20px;
}

.search-country {
  float: right;

background: #fff url("search.png") 95% 50% no-repeat;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  padding: 16px 45px;
  border: 1px;
  border-radius: 5px;
  width: 300px;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  margin-left: -3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.country-img {
  width: 24px;
  border-radius: 10px;
}

.letter-alphabet {
  color: #5c5c5c;
}

.composite {
}

.composite-link {
  color: white;
  font-size: 13px;
}

.composite-link:hover {
  color: #e6e6e3;
}

.how-it-works {
  height: 80px;
  background: #e6e6e3;
}

.popular {
  padding-top: 20px;
}

.popular-content {
  position: relative;
}

.popular-title {
  float: left;
}

.recovery {
  float: right;
  color: #000;
  font-size: 14px;
  margin-bottom: 30px;
}

.login-page {
  width: 360px;
  padding: 5% 0 0;
  margin: auto;
}
.form-user-login {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 400px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  
}
.form-user-login input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  border-radius: 2px;
  margin: 0 0 10px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form-user-login button {
  text-transform: uppercase;
  outline: 0;
  background: #04adbf;
    border: 0;
  border-radius: 2px;
  width: 100%;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form-user-login button:hover,.form-user-login button:active,.form-user-login button:focus {
  background: #04A3B5;
}
.form-user-login .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form-user-login .message a {
  color: #4CAF50;
  text-decoration: none;
}
.form-user-login .register-form {
  display: none;
}
.container-user-login {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container-user-login:before, .container-user-login:after {
  content: "";
  display: block;
  clear: both;
}
.container-user-login .info {
  margin: 50px auto;
  text-align: center;
}
.container-user-login .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container-user-login .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container-user-login .info span a {
  color: #000000;
  text-decoration: none;
}
.container-user-login .info span .fa {
  color: #EF3B3A;
}

.popular-all-link {
  float: right;
  padding-top: 50px;
}

.popular-content-img {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

}

.popular-content-img:hover {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

.popular-content h4 {
  position: absolute;
  color: #fff;
  left: 30px;
  bottom: 0;
  width: 100%;
}

.journal-content {
  position: relative;
}

.places-content {
  position: relative;
}

.journal-content h3 {
  position: absolute;
  color: #fff;
  left: 30px;
  bottom: 0;
  width: 100%;
}

.journal-content h6 {
  position: absolute;
  color: #fff;
  left: 20px;
  bottom: 0;
  width: 90%;
}

.journal-content-img {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.journal-card-subscribe {
  width: 100%;
  height: 300px;
  background: green;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  color: #fff;
}

.journal-card-news {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 20px;
}

.journal-rubric {
  position: absolute;
  color: #fff;
  left: 30px;
  bottom: 85%;
  border-radius: 3px;
  background: blue;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.journal-blok-title {
  margin-top: 20px;
  margin-bottom: 20px;
}

.journal-card-img {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.journal-blok-desc {
}

.journal-blok-date {
  margin-top: 10px;
  width: 100%;
  padding-bottom: 10px;
}

.rubric-left {
  float: left;
}

.date-right {
  float: right;
}

.journal-card-title {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

.journal-rubric-news {
  position: absolute;
  color: #fff;
  left: 30px;
  bottom: 85%;
  border-radius: 3px;
  background: linear-gradient(to right, #f57301, orange);
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.journal-rubric-idea {
  position: absolute;
  color: #fff;
  left: 30px;
  bottom: 85%;
  border-radius: 3px;
  background: green;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.journal-rubric-advice {
  position: absolute;
  color: #fff;
  left: 30px;
  bottom: 85%;
  border-radius: 3px;
  background: #04adbf;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.places-reiting {
  position: absolute;
  color: #fff;
  left: 80%;
  bottom: 80%;
  border-radius: 20px;
  background: green;
  padding: 8px;
  font-size: 14px;
  font-weight: bold;
}

.places-reiting-city {
  position: absolute;
  color: #fff;
  left: 70%;
  bottom: 75%;
  padding: 8px;
  font-size: 24px;
  font-weight: bold;
}

.button-right-city {
  float: right;
  margin-top: 20px;
}

.button-right-city a {
  margin-left: 10px;
}

.content {
  background: #fff;
  border-radius: 5px;
}

.link-header {
color: #fff;	
}

.link-header:hover {
color: orange;	
}

.gradient {
  display: inline-block;
  position: relative;
  line-height: 0;
}
.gradient:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  background-image: linear-gradient(to top, #000, #04adbf);
  opacity: 0.4;
}

.reviews-container {
  padding-top: 20px;
}

.reviews {
  background: #e6e6e3;
  padding: 20px;
  margin-top: 80px;
}

.reviews-user {
  background: #fff;
  border-radius: 5px;
  padding: 20px 20px 20px 20px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.questions-container {
  padding-top: 20px;
}

.places-card {
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.places-card-img {
  border-radius: 5px 5px 0px 0px;
}

.places-card-title {
  color: #1d2323;
  font-size: 16px;
  font-weight: bold;
  padding: 15px;
}

.places-card-city {
  color: #5c5c5c;
  font-size: 14px;
  padding: 15px;
}

.places-card-review {
  color: #5c5c5c;
  font-size: 14px;
  padding: 15px;
}

.stories {
  height: 600px;
  padding: 20px;
  background: #fff;
}

.questions {
  height: 600px;
  padding: 20px;
  border-radius: 5px;
}

.questions-user {
  background: #fff;
  border-radius: 5px;
  padding: 20px 20px 20px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.country-info-general {
  background: #e6e6e3;
  border-radius: 5px;
  padding: 10px 10px 10px 10px;
}

.popular-container {
  margin-top: 30px;
}

.popular-nav-link {
  margin-right: 15px;
}

.popular-nav-city-places {
  margin-right: 5px;
}

.img-content {
  border-radius: 5px;
}

.avatar {
  width: 40px;
  border-radius: 50%;
}

.avatar-question {
  width: 80px;
  border-radius: 50%;
}

.avatar-reviews {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.link-nav a {
  border-bottom: 1px dotted;
  text-decoration: none;

height: 1.2em;
  line-height: 1.05em;
}

.reviews-title {
  float: left;
}

.reviews-bottom {
  float: right;
  margin-top: 30px;
}

.reviews-allbottom {
  margin: 60px;
  text-align: center;
}

.reviews-list {
  margin-top: 30px;
}

.questions-title {
  float: left;
}

.questions-description {
  float: left;
  margin-top: 30px;
  margin-left: 60px;
}

.questions-bottom {
  float: right;
  margin-top: 30px;
}

.questions-allbottom {
  margin: 60px;
  text-align: center;
}

/*  ?????  */

.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 80%;
  padding-right: 10px;
  padding-left: 10px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.col-2 {
  width: 16.66666%;
  padding: 0 20px;
}

.col-3 {
  width: 25%;
  padding: 0 20px;
}

@media screen and (max-width: 1400px) {
  .col-3 {
    width: 50% !important;
    margin-left: 0 !important;
    clear: none !important;
    margin-bottom: 30px; 
  }
}

@media screen and (max-width: 800px) {
  .col-3 {
    width: 100% !important;
    margin-left: 0 !important;
    clear: none !important;
    margin-bottom: 30px; 
  }
}

.col-4 {
  width: 33.33333%;
  padding: 0 10 20px;
}

@media screen and (max-width: 1400px) {
  .col-4 {
    width: 50% !important;
    margin-left: 0 !important;
    clear: none !important;
    margin-bottom: 30px; 
  }
}

@media screen and (max-width: 800px) {
  .col-4 {
    width: 100% !important;
    margin-left: 0 !important;
    clear: none !important;
    margin-bottom: 30px; 
  }
}

.col-6 {
  width: 50%;
  padding: 0 20px;
}

.col-7 {
  width: 58.33334%;
  padding: 0 20px;
}

.col-8 {
  width: 66.66666%;
  padding: 0 20px;
}

@media screen and (max-width: 1400px) {
  .col-8 {
    width: 100% !important;
    margin-left: 0 !important;
    clear: none !important;
    margin-bottom: 30px; 
  }
}

@media screen and (max-width: 800px) {
  .col-8 {
    width: 100% !important;
    margin-left: 0 !important;
    clear: none !important;
    margin-bottom: 30px; 
  }
}

.col-9 {
  width: 75%;
  padding: 0 20px;
}

/*  ???????????  */

h1 {
  font-family: Montserrat, sans-serif;
  color: #1d2323;
  font-size: 40px;
}

h2 {
  font-family: Montserrat, sans-serif;
  color: #1d2323;
  font-size: 36px;
}

h3 {
  font-family: Montserrat, sans-serif;
  color: #1d2323;
  font-size: 32px;
}

h4 {
  font-family: Montserrat, sans-serif;
  color: #1d2323;
  font-size: 28px;
}

h5 {
  font-family: Montserrat, sans-serif;
  color: #1d2323;
  font-size: 24px;
}

h6 {
  color: #1d2323;
  font-size: 22px;
}

p {
  color: #222926;
}

a {
  color: #0468bf;
  text-decoration: none;
}

a:hover {
  color: #04adbf;
}

a.black {
  color: #222926;
  text-decoration: none;
}

a.black:hover {
  color: #04adbf;
}

.link-all {
  color: #5c5c5c;
  text-decoration: none;
  font-size: 15px;
}

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/*  ??????  */

.button-orange {
  background-color: #f57301;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 5px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.button-orange:hover {
  background-color: #f58a02;
  color: white;
}

.button-active {
  background-color: #e6e6e3;
  color: #000;
  padding: 14px 28px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  border-radius: 5px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.link-no-active {
  border: none;
  color: #5c5c5c;
  font-size: 14px;
}

.link-no-active-header {
  border: none;
  color: #d6d6d6;
  font-size: 14px;
}

.link-no-active-places {
  border: none;
  color: #5c5c5c;
  font-size: 14px;
  margin-right: 30px;
}

/*  ????????? ??????  */

.button-outline-orange {
  border: 1px solid #f57301;
  border-radius: 5px;
  font-size: 16px;
  padding: 14px 32px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  color: #f57301;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.button-outline-orange:hover {
  background-color: #f57301;
  color: white;
}

/*  ??????? ??????  */

.button-block-orange {
  width: 100%;
  background-color: #f57301;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 2px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.button-block-orange:hover {
  background-color: #f58a02;
  color: white;
}

/*  ??????? ????????? ??????  */

.button-block-outline-orange {
  width: 100%;
  border: 1px solid #f57301;
  border-radius: 2px;
  font-size: 16px;
  padding: 14px 32px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  color: #f57301;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.button-block-outline-orange:hover {
  background-color: #f57301;
  color: white;
}

.button-blue {
  background-color: #04adbf;
  border: none;
  color: white;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 4px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.button-blue:hover {
  background-color: #40cfff;
  color: white;
}

.button-orange-city {
  background-color: #f57301;
  border: none;
  color: white;
  padding: 10px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  border-radius: 4px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.button-orange-city:hover {
  background-color: #f58a02;
  color: white;
}

/*  ????????? ??????  */

.button-outline-blue {
  border: 1px solid #04adbf;
  border-radius: 5px;
  font-size: 16px;
  padding: 14px 32px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  color: #04adbf;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.button-outline-blue:hover {
  background-color: #04adbf;
  color: white;
}

.searchresult-bottom {
  margin-top: 20px;
}

/*  ??????? ??????  */

.button-block-blue {
  width: 100%;
  background-color: #04adbf;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 2px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.button-block-blue:hover {
  background-color: #f58a02;
  color: white;
}

/*  ??????? ????????? ??????  */

.button-block-outline-blue {
  width: 100%;
  border: 1px solid #04adbf;
  border-radius: 5px;
  font-size: 16px;
  padding: 14px 32px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  color: #04adbf;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.button-block-outline-blue:hover {
  background-color: #04adbf;
  color: white;
}

.pagination {
  display: inline-block;
  margin-top: 20px;
  float: right;
}

.pagination a {
  color: #1d2323;
  float: left;
  padding: 6px 14px;
  text-decoration: none;
}

.pagination a.active {
  border-bottom: 3px solid orange;
}

.pagination a:hover:not(.active) {
  border-bottom: 3px solid orange;

}

.sticky {
  position: sticky;
  top: 0;
}

.scrollup {
  position: fixed; /* ????????????? ??????? */
  color: #5c5c5c; /* ???? ?????? */
  background-color: #e6e6e3; /* ???? ??????? ???? */
  right: 30px; /* ?????????? ?? ??????? ???? */
  bottom: 40px; /* ?????????? ?? ??????? ???? */
  padding: 8px 20px; /* ??????? ?? ??????????? ????? */
  font-size: 13px; /* ?????? ?????? (??????) */
  border-radius: 3px;
  cursor: pointer; /* ????? ??????? */
  display: none; /* ?? ?????????? ??????? */
  text-align: center; /*???????????? ??????????? ???????? ?? ?????? */
}
.scrollup:hover {
  color: #000; /* ???? ??????? ???? ??? ????????? */
}

.icon {
  vertical-align: middle;
}

.tabs {
  margin-left: auto;
  margin-right: auto;
}

.tabs > input[type="radio"] {
  display: none;
}

.tabs > input[type="radio"]:checked + label {
  background-color: #e6e6e3;
}

.tabs > div {
  /* ?????? ??????? ?? ????????? */
  display: none;
  padding: 60px 0px;
}

/* ?????????? ???????, ????????? ? ????????? ???????????? (input type="radio") */
#tab-btn-1:checked ~ #content-1,
#tab-btn-2:checked ~ #content-2,
#tab-btn-3:checked ~ #content-3,
#tab-btn-4:checked ~ #content-4,
#tab-btn-5:checked ~ #content-5,
#tab-btn-6:checked ~ #content-6,
#tab-btn-7:checked ~ #content-7,
#tab-btn-8:checked ~ #content-8,
#tab-btn-9:checked ~ #content-9,
#tab-btn-10:checked ~ #content-10 {
  display: block;
}

.tabs > label {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  padding: 12px 24px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
  cursor: pointer;
}

.tabs > label:first-of-type {
  margin-left: 0;
}

/* ???????? ?????????? ???? ?? ????????? */
    .modal {
      position: fixed;
      /* ????????????? ????????? */
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.5);
      /* ???? ???? */
      z-index: 1050;
      opacity: 0;
      /* ?? ????????? ????????? ???? ????????? */
      -webkit-transition: opacity 400ms ease-in;
      -moz-transition: opacity 400ms ease-in;
      transition: opacity 400ms ease-in;
      /* ???????? ???????? */
      pointer-events: none;
      /* ??????? ??????? ??? ??????? ???? */
    }

/* ??? ??????????? ?????????? ???? */
    .modal:target {
      opacity: 1;
      pointer-events: auto;
      overflow-y: auto;
    }

/* ?????? ?????????? ???? ? ??? ??????? ?? ?????? */
    .modal-dialog {
      position: relative;
      width: auto;
      margin: 10px;
    }

@media (min-width: 576px) {
      .modal-dialog {
        max-width: 500px;
        margin: 30px auto;
      }
    }

/* ???????? ??? ?????, ??????????? ??????? ?????????? ???? */
    .modal-content {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: #fff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, .2);
      border-radius: .3rem;
      outline: 0;
    }

@media (min-width: 768px) {
      .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
      }
    }

/* ???????? ??? ????????? ?????????? ???? */
    .modal-header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 15px;
      border-bottom: 1px solid #eceeef;
    }

.modal-title {
      margin-top: 0;
      margin-bottom: 0;
      line-height: 1.5;
      font-size: 1.25rem;
      font-weight: 500;
    }

/* ???????? ??? ?????? "???????" */
    .close {
      float: right;
      font-family: sans-serif;
      font-size: 24px;
      font-weight: 700;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      opacity: .5;
      text-decoration: none;
    }

/* ???????? ??? ?????? "???????" ??? ?????????? ?? ? ?????? ??? ????????? */
    .close:focus,
    .close:hover {
      color: #000;
      text-decoration: none;
      cursor: pointer;
      opacity: .75;
    }

/* ???????? ??? ?????, ??????????? ???????? ?????????? ???? */
    .modal-body {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 15px;
      overflow: auto;
    }

.dropbtn {
    color: white;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover {
    color: white;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;

}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
  font-size: 14px;
    color: black;
    padding: 12px 12px;
    text-decoration: none;
    display: block;

}

.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropdown-content {display: block;}

Some information about this website:

URL: https://uletay.net/
CSS URL: https://uletay.net/public/styles/css.css
Language: ru
Charset: utf-8
Title: ?????? ????? ??????? ?????? ?? ??????? ????? ?????? ????? ??????????? ?? ??????????? ????? - Uletay.net
Meta-Description: ?????? ????? ??????? ?????? ?? ???????, ????? ?????? ????? ??????????? ?? ??????????? ?????. ?????? ?????? ????? ? ? ??????????? ?? ????? ??????? ????. ?????? ?????? ??????? ????? ?????????? - ????? ????? ????????? ?? ???? ??????.???