ol, ul{list-style: none;padding: 0px;margin: 0px;}
.section-one{padding: 5em 0em;text-align: center;background-color: #f3f3f3;}
.hotelloTitel{max-width: 66%;margin-left: auto;margin-right: auto;font-size: 30px;margin-bottom: 22px;line-height: 45px;}
.border--gray-bg{}
.border--gray-bg .fa{font-size: 23px;}
.border--gray-bg:before{display: inline-block; width: 30%;height: 1px;content: "";vertical-align: middle;
    background: #1fb3dd none repeat scroll 0% 0%;margin-right: 10px;}
.border--gray-bg:after{display: inline-block;width: 30%;height: 1px;content: "";vertical-align: middle;
    background: #1fb3dd none repeat scroll 0% 0%;margin-left: 10px;}
.subtitle-We-compare{font-size: 18px;display: block;text-align: center;max-width: 64%;margin-left: auto;
    margin-right: auto;margin-bottom: 3em;margin-top: 3em;line-height: 30px;}
	
/* Banner Hotellook */	
	
.banner-hotellook .present {
  padding: 40px 0 50px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden; }
.banner-hotellook .present:before, .banner-hotellook .present:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0; }
.banner-hotellook .present:before {
    left: 50%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    border-bottom: 50px solid #f3f3f3;
    border-right: 1500px solid transparent; }
.banner-hotellook .present:after {
    right: 50%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    border-bottom: 50px solid #f3f3f3;
    border-left: 1500px solid transparent; }
.banner-hotellook .present .h3 {
    margin-bottom: 55px;
    display: block; }
.banner-hotellook .present__logo {
    margin-bottom: 86px; }
.banner-hotellook .present__form {
    min-height: 164px;
    margin-bottom: 96px; }
	
	
.banner-hotellook .icon-logo {
    width: 100px;
    height: 98px;
    fill: #fff;
    margin: 0 auto;
}
.banner-hotellook .system {
  color: #fff;
  text-align: center; }
.banner-hotellook .system a:hover {
    opacity: 0.9; }
.banner-hotellook .system__title {
    font-size: 18px;
    display: block;
    margin-bottom: 20px; }

.banner-hotellook .system-list {
  font-size: 0;
  text-align: center; }
.banner-hotellook .system-list li {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px; }
.banner-hotellook .system-list .cell {
    height: 34px; }
	
	
/* End Banner Hotellook */	
	
	
	
	
	
.section-one{}	
.section-one .find-list{width: 70%;margin: 0 auto;}
.section-one .find-list li{width: 100%;margin-bottom: 30px;overflow: hidden;}
.section-one .find-list li .find-item{width: 100%;}
.section-one .find-list li .find-item .find-item__icon{float: left;width: 10%;}
.section-one .find-list li .find-item .find-item__icon .fa{font-size: 25px;padding: 12px;}
.section-one .find-list li .find-item .find-item__text{float: left;width: 90%;text-align: left;font-size: 16px;}

/* Section Two */
.section-Two{padding: 5em 0em;text-align: center;background-color: #fff;}	
.hotel-boxs{}
.hotel-boxs-ul{width: 85%;margin: 0 auto;display: flex;justify-content: center;}
.hotel-boxs-ul li a{display: inline-block;border: 1px solid #f3f3f3;-webkit-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.hotel-boxs-ul li{width: 30%;float: left;}
.top-ul-div{width: 100%;float: left;}
.top-ul-div-left{float: left;width: 70%;background-color: #f3f3f3;text-align: left;padding: 13px;}
.top-ul-div-left-title{font-size: 16px;margin-bottom: 6px;color: #000;}
.top-ul-div-left-star{font-size: 20px;color: #0087c7;}
.top-ul-div-right{float: right;width: 30%;background-color: #0087c7;font-size: 27px;padding: 22px 0px 30px 0px;color: #fff;}
.top-ul-div-right .tbl {display: table;width: 100%;}
.top-ul-div-right .cell {display: table-cell;vertical-align: middle;text-align: center;}
.middle-ul-div{}
.middle-ul-div img{width: 100%;height: auto;}
.bottom-ul-div{padding: 15px 15px 40px 15px;}
.discounts-item__new-price{color: #0087c7;float: left;font-size: 22px;}
.discounts-item__old-price{color: #0087c7;float: right;font-size: 22px;color: #ba2424;text-decoration: line-through;}
.hotel-boxs-ul li:nth-child(3n-1) {margin-left: 3%;margin-right: 3%;}
/* End Section Two */

/* Section three */
.section-three{background-image: url(../img/widget-bg.jpg);padding: 55px 0 56px;background-position: center top;
    background-repeat: no-repeat;background-size: cover;color: #fff;background-color: #555658;}
.Experience-h3{max-width: 68%;margin-left: auto;margin-right: auto;margin-bottom: 55px;font-size: 24px;font-weight: 300;text-align: center;}	
.Experience-h3{}
.hide-xm-the{}	
.widget__formsection-three{    min-height: 164px;}	
/* End Section three */	


/* Section four */
.section-four{background-color:#0087c7;position: relative;overflow: hidden;color: #fff;}
.section-four-features{}
.features__img {background-image: url(../img/features__img-bg.png);width: 302px;height: 595px;background-repeat: no-repeat;background-size: cover;position: absolute;left: 16px;bottom: -34px;}
.features__inner {padding-left: 358px;}
.section-four-features h2 {margin-bottom: 50px;text-align: left;font-size: 30px;font-weight: bold;color:#fff;}
.features-list {counter-reset: headings;padding-right: 40px;}
.features-list li {position: relative;padding: 0 0 0 60px;margin-bottom: 42px;}
.features-list li:before {counter-increment: headings;content: counter(headings, decimal);font-size: 54px;
    line-height: 1;font-weight: 700;position: absolute;left: 0;top: -5px;}
.features-list strong {display: block;font-size:16px;margin-bottom: 20px;}
.section-four .section-four-features {padding: 55px 15px 38px;position: relative;max-width: 970px;margin: 0 auto;}
.section-four-features .hide-xm p{font-family: "Open Sans", "Arial", sans-serif;font-size: 16px;font-weight: 400;
    line-height: 1.2;color: #fff;-webkit-font-smoothing: antialiased;margin-bottom: 20px;}
/* End Section four */

.section-five{background-image: url(../img/widget--type-2-bg.jpg);padding: 55px 0 56px;background-position: center top;
    background-repeat: no-repeat;background-size: cover;color: #fff;background-color: #555658;}
.Experience-h3{max-width: 68%;margin-left: auto;margin-right: auto;margin-bottom: 55px;font-size: 24px;font-weight: 300;text-align: center;}	
.Experience-h3{}
.hide-xm-the{}	
.widget__formsection-five{    min-height: 164px;}	
/* Section five */







/* End Section five */





/* Section six */




/* Carousel Styles */





.slide__img {
    padding: 40px 40px 30px;
    background-position: center top;
    background-repeat: no-repeat; 
	background-image: url(../images/hotel_lloslider-01.jpg);
}
.slide {
    display: block;
}

.slide__card {
    width: 294px;
    margin: 0 auto;
}

.info {
    background-color: #f3f3f3;
    position: relative;
    min-height: 88px;
    padding: 18px 120px 16px 20px;
    text-align: left;
    font-size: 18px;
}
.info__name {
    display: block;
    margin-bottom: 10px;color: #000;
}
.icon-star{color:#f5a623;}
.stars-list {
    font-size: 0;
    margin-left: -5px;
}
.stars-list li {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.icon-star {
    width: 22px;
    height: 20px;
    fill: #f5a623;
}
.info__percent {
    position: absolute;
    color: #fff;
    right: 0;
    top: 0;
    bottom: 0;
    width: 98px;
    background-color: #07af61;
    font-size: 26px;
    font-weight: 600;
}

.info__percent .tbl {
    height: 100%;
}

.cell{    display: table-cell;
    vertical-align: middle;
    text-align: center;}

.map {
    background-color: #fff;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #07af61;
    line-height: 16px;
    text-align: center;
}.info__percent small {
    font-size: 14px;
    display: block;
    margin-bottom: 3px;
}

.map svg {
    vertical-align: middle;
    margin-right: 6px;
}

.prices-list {
    font-size: 0;
    width: 100%;
}
.prices-list li {
        display: inline-block;
    vertical-align: top;
    height: 60px;
    line-height: 60px;
    width: 21.8%;
    background-color: #fafafa;
    color: #787878;
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
}

.owl-item li{list-style:none;}

.prices-list li.active {
    font-weight: 600;
    font-size: 28px;
    width: 38%;
    background-color: #f5a623;
    color: #fff;
}

.companies-list {
    font-size: 0;
    width: 100%;
   
}

.companies-list li {
    display: inline-block;
    vertical-align: top;
    width: 27.3%; background-color: #f3f3f3;
}


.tbl {
    display: table;
    width: 100%;
}
.companies-list .cell {
    height: 75px;
}
.icon-happy-color {
    display: inline-block;
    width: 133px;
    height: 30px;
}








.section-six{padding: 5em 0em;text-align: center;background-color: #fff;}
/*
.carousel-example-generic-slide .carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-example-generic-slide .carousel-inner img {
    width: 100%;
    max-height: 460px
}
*/
.carousel-example-generic-slide .carousel-control {
    width: 0;    right: 3em;
}


.carousel-example-generic-slide .carousel-control.left,
.carousel-example-generic-slide .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
	cursor: pointer;
}

.carousel-example-generic-slide .carousel-control.left span {
	padding: 0px;
}

.carousel-example-generic-slide .carousel-control.right span {
	padding: 0px;
}

.carousel-example-generic-slide .carousel-control .glyphicon-chevron-left, 
.carousel-example-generic-slide .carousel-control .glyphicon-chevron-right, 
.carousel-example-generic-slide .carousel-control .icon-prev, 
.carousel-example-generic-slide .carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-example-generic-slide .carousel-control .glyphicon-chevron-left,
.carousel-example-generic-slide .carousel-control .icon-prev {
	left: 0;
}

.carousel-example-generic-slide .carousel-control .glyphicon-chevron-right,
.carousel-example-generic-slide .carousel-control .icon-next {
	right: 0;
}
.carousel-example-generic-slide .carousel-control.left span,
.carousel-example-generic-slide .carousel-control.right span {
	background-color: #000;
	  background-color: transparent;
	      color: #000;
    font-size: 65px;
}

.carousel-example-generic-slide .carousel-control.left span:hover,
.carousel-example-generic-slide .carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.carousel-example-generic-slide .header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.carousel-example-generic-slide .header-text h2 {
    font-size: 40px;
}

.carousel-example-generic-slide .header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.carousel-example-generic-slide .header-text h3 span {
	background-color: #000;
	padding: 15px;
}

.carousel-example-generic-slide .btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.carousel-example-generic-slide .btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.carousel-example-generic-slide .btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.carousel-example-generic-slide .glyphicon-chevron-right:before{display:none;}
.carousel-example-generic-slide .glyphicon-chevron-left:before{display:none;}

.carousel-example-generic-slide .carousel-inner {width: 84%;margin: 0 auto;}
.carousel-example-generic-slide .carousel-control .glyphicon-chevron-right, .carousel-example-generic-slide .carousel-control .icon-next {
    margin-right: 0px;
}
/* End Section six */




/*  Section seven */

.section-seven{padding: 5em 0em;text-align: center;background-color: #fff;}
.section-seven{}

.section-seven .calendar {
    padding: 52px 0 58px;
    color: #262626;
}

.section-seven .calendar h2 {
    margin-bottom: 24px;
}

.section-seven .calendar .subtitle {
    margin-bottom: 58px;
    display: block;
    font-size: 23px;
    line-height: 1.2;
    text-align: center;
}

.section-seven .calendar__list {
    font-size: 0;
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 62px;
}
.section-seven .calendar__list:before {
    content: '';
    height: 2px;
    border-top: 2px dashed #0eacdf;
    position: absolute;
    top: 42px;
    left: 10%;
    right: 10%;
}
.section-seven .calendar__list li {
    font-size: 18px;
    width: 25%;    display: inline-block;
    position: relative;    vertical-align: top;
}
.section-seven .calendar__item {
    padding: 0 10px;
    text-align: center;
}
.section-seven .calendar__img {
    width: 136px;
    padding: 0 26px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 28px;
    background-color: #fff;
}
.section-seven .table {
    display: table;
    width: 100%;
}
.section-seven .calendar__img .cell {
    height: 84px;
    border: 2px solid #0eacdf;
    border-radius: 50%;
	    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.section-seven .calendar__desc {
    font-size: 15px;
    line-height: 1.15;
}

.section-seven .calendar__value {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #0eacdf;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    left: 13px;
    top: 0;
}

.section-seven .icon-map {
    width: 45px;    margin: 0 auto;
    font-size: 25px;

}
.section-seven .icon-map .fa, .section-seven .icon-arrows .fa, .section-seven .icon-calendar .fa, .section-seven .icon-thumbup .fa, .section-seven .icon-arrow .fa {
        color: #0eacdf;
}
/* End Section seven */

/*  Section eight */
.section-eight{padding: 5em 0em;text-align: center;background-color: #fff;}




.section-eight .advantages {
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #72c64d;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
	    background-image: url(../img/advantages-bg.jpg);
}

.section-eight .advantages .container {
    padding: 70px 0 35px;
}

.section-eight .advantages__img {
    width: 560px;
    height: 737px;
    background: transparent url(../img/advantages__img-bg.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    left: 44%;
    bottom: 0;
}

.section-eight .advantages__inner {
    max-width: 40%;
    padding: 0 13px;
}

.section-eight .advantages__title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 56px;
    text-transform: uppercase;
    text-align: left;    color: #fff;
}

.section-eight .thin {
    font-weight: 200;
}
.section-eight .reg {
    font-weight: 400;
}
.section-eight .advantages__list {
    counter-reset: headings;
    padding-right: 40px;
}
.section-eight .advantages__list li {
    position: relative;
    padding: 0 0 0 52px;
    margin-bottom: 42px;
	    text-align: left;
    font-size: 17px;
    color: #fff;
    font-weight: 100;
}
.section-eight .advantages__list li:before {
    counter-increment: headings;
    content: counter(headings, decimal);
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
    position: absolute;
    left: 0;
    top: 4px;
}


/* End Section eight */

/* Section nine */
.section-nine{padding: 5em 0em;text-align: center;background-color: #fff;}
	
.section-nine .advantages-list li {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 23%;
}

.section-nine .advantages-item {
    text-align: center;
    padding: 0 24px;
}
.section-nine .advantages-item__icon {
    margin-bottom: 24px;
}
.section-nine .advantages-item__icon .cell {
    height: 76px;
}
.section-nine .icon-loupe, .section-nine .icon-pork, .section-nine .icon-wallet, .section-nine .icon-shield {
    width: 72px;
    height: 72px;
    color: #07af61;
	margin: 0 auto;
    font-size: 60px;
}


.advantages-item__title {
    display: block;
    font-weight: 600;
    margin-bottom: 18px;
}
.advantages-item__text {
    font-size: 15px;
}
/* End Section nine */


/* Section Ten */
.section-ten{padding: 5em 0em;text-align: center;background-color: #0087c7;}

.section-ten .booking-list {
    font-size: 0;
}

.section-ten .booking-list li {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 25%;
}
.section-ten .booking-item {
    text-align: center;
    padding: 0 10px;
}
.section-ten .booking-item__icon {
    width: 120px;
    margin: 0 auto 24px;
}
.section-ten .booking-item__desc {
    font-weight: 600;
}
.section-ten .booking-item__desc > strong {
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 3px;
}

.section-ten .booking-item__desc > strong, .booking-item__desc > span {
    display: block;color: #fff;
}

.section-ten .booking-item__icon .cell {
    height: 120px;
    border: 2px solid #fff;
    border-radius: 50%;
}


.section-ten .border--gray-bg{margin-top: 3em;margin-bottom: 4em;}

.section-ten .border--gray-bg .fa{color:#fff;}
.section-ten .icon-search .fa{font-size:25px;color:#fff;}
.section-ten .hotelloTitel{color:#fff;}
/* End Section Ten */

/* Section eleven  */
.section-eleven{padding: 5em 0em;text-align: center;background-color: #fff;}
.section-eleven{}

/* carousel */
.section-eleven .media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.section-eleven .media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 6em;
}
/* Next button  */
.section-eleven .media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 6em;
}
/* Changes the position of the indicators */
.section-eleven .media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.section-eleven .media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.section-eleven .media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.section-eleven .media-carousel img
{/*
  width: 250px;
  height: 100px;*/
}

.section-eleven .carousel-item__desc {
    padding: 18px 10px;
    min-height: 85px;
}

.section-eleven .carousel-item__city {
    font-size: 18px;
    margin-bottom: 5px;
}


.section-eleven .carousel-item__city, .section-eleven .carousel-item__num {
    display: block;    font-size: 18px;
}

.section-eleven .carousel-item__num {
    color: #07af61;
}

.col-md-12-slide{margin: 0 auto;width: 70%;}

.section-eleven .thumbnail{padding: 0px;}
/* End carousel */



/* End Section eleven  */

@media (min-width:1200px){}
@media (min-width:768px) and (max-width:1200px){
	
	
}

@media (min-width:1024px){
	
	
}

@media (min-width:1024px) and (max-width:1199px){
	
	
}

@media only screen and (min-width:768px) and (max-width:1024px){
	
}


@media (max-width:767px){
	.hotelloTitel{max-width: 100%;}
	.subtitle-We-compare{max-width: 100%;}
	.section-one .find-list{width: 100%;}
	.hotel-boxs-ul{width: 100%;display: inherit;}
	.hotel-boxs-ul li{width: 100%;}
	.hotel-boxs-ul li:nth-child(3n-1){margin-left: 0%;margin-right: 0%;margin-bottom: 2em;margin-top: 2em;}
	.Experience-h3{max-width: 100%;}
	.section-four .section-four-features .features__img{display:none;}
	.section-four .features__inner{padding-left: 0px;}
	.section-seven .calendar__list li{margin-bottom: 3em;width: 100%;}
	.section-seven .calendar__list:before{display:none;}
	.section-seven .calendar__list{margin-bottom: 0em;}
	.section-eight .advantages__inner{max-width: 100%;}
	.section-eight .advantages__img{display: none;}
	.section-nine .advantages-list li{width: 100%;margin-bottom: 30px;}
	.section-ten .booking-list li{width: 100%;margin-bottom: 35px;}
	.section-eleven #media .carousel-inner .item  .row .col-md-4{float: left;width: 100%;}
	.section-eleven .media-carousel .carousel-control.right{margin-top: 0em;top: 45%;}
	.section-eleven .media-carousel .carousel-control.left{margin-top: 0em;top: 45%;}
	.col-md-12-slide{width: 90%;}
	.section-seven .calendar{padding: 0px 0 0px;}
}

@media (max-width:580px){
	
	
}

@media (max-width:480px){
	.hotelloTitel{font-size: 20px;}
	.subtitle-We-compare{font-size: 15px;}
	.section-one .find-list li .find-item .find-item__text{font-size: 13px;text-align: justify;width: 85%;}
	.section-one .find-list li .find-item .find-item__icon{width: 15%;text-align: left;}
	.section-one .find-list li .find-item .find-item__icon .fa{padding: 12px 0px 12px 0px;}
	.Experience-h3{font-size: 20px;}
	.section-four-features h2{font-size: 20px;}
	.section-six .carousel-example-generic-slide .carousel-inner {width: 100%;}
	.section-six .carousel-example-generic-slide .carousel-inner .info {padding: 5px 5px 5px 5px;font-size: 13px;    min-height: inherit;}
	.section-six .info__percent{font-size: 13px;position: inherit;color: #232323;}
	.section-six .slide__card{width: 100%;}
	.section-six .info__name{text-align: center;}
	.section-six .info__stars{text-align: center;}
	.section-six .companies-list li{width: 100%;}
	.section-six .companies-list .cell {height: inherit;padding: 10px;}
	.section-seven .calendar h2{font-size: 20px;}
	.section-seven .calendar .subtitle{font-size: 15px;}
	.section-eleven .carousel-item__city, .section-eleven .carousel-item__num{display: block;font-size: 13px;}
	.section-six .slide__bottom .prices-list li{    width: 30.8%;}
	.section-eleven .media-carousel{    padding: 0 0px 30px 0px;}
	.col-md-12-slide {width: 92%;}
}

@media (max-width:360px){
	
	
	
}

.section-eleven .thumbnail{}

.section-eleven .thumbnail:hover{color:#777;}