@font-face {



  font-family: "OpenSans-extrabold";



    src: url(../tools/font/open-sans.extrabold.ttf) format("truetype");



}



@font-face{



	font-family: "OpenSans-bold";



	src: url(../tools/font/OpenSans-Bold.ttf)format("truetype");



}



@font-face{



	font-family: "OpenSans-semiboldItalic";



	src: url(../tools/font/OpenSans-semiboldItalic.ttf)format("truetype");



}



@font-face{



	font-family: "OpenSans-regular";



	src:url(../tools/font/OpenSans-Regular.ttf)format("truetype");



}



@font-face{



	font-family: "OpenSans-semibold";



	src:url(../tools/font/OpenSans-Semibold.ttf)format("truetype");



}

.tablepress{
	font-size: 20px;
	margin: auto;
    width: 90%!important;
}
.tablepress tfoot th, .tablepress thead th{
	text-transform: uppercase;
}

.room-image-header{



	position: relative;



	height: auto;



}



.room-image-header>img{



	width: 100%;



	height: auto;



	position: relative;



}



.boy-item{



	border: 0px!important;



}



.color-background{



	background-color: rgba(181,181,181,.5);



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



}





.head-title{

	position: absolute;

	display: block;

	top:0;

	top:50%;

}

.room-header-text{

	font-family: "OpenSans-bold";



	font-size: 45.22px;



	letter-spacing: 0.02em;



	color: #fff;



	text-transform: uppercase;



	text-align: center;

	margin-top: 0px;



}

@media only screen and (min-width: 1440px){

	.head-title{

	width: 100%;



	}	

}

@media only screen and (max-width: 1440px){

	.head-title{

	width: 100%;



	}	

}



.room-title>h1{



	color: #0071b9;



    font-family: "Opensans-extrabold";



    font-size: 40px;



    text-transform: uppercase;



    text-align: center;



    margin-bottom:37px;



}



.description>p{



	color: #868686;



    font-family: "OpenSans-bold";



    font-size: 13px;



    letter-spacing: 0.07em;



    line-height: 30px;



    margin-top: 70px;



}







 @media only screen and (max-width: 500px){



.room-header-text{



font-size: 28px;	



}



}



@media only screen and (max-width: 359px){



.room-header-text{



font-size: 18px;



margin-top: 30%;	



}



}











/*-------------------------------------------Rooms Second Section----------------------------------------*/



.service-row{



	margin: 0px;



}



.room-col-costume{



	padding: 0px;



}



.item>img{



	width: 100%;



}



.col-carausel-costume{



	padding: 0px;



}



.carousel-control.left{



	 background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%)



}



.carousel-control.right{



	 background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%)



}



.carousel_right .carousel {



	max-width: 711px;



	margin-left: auto;



	margin-right: auto;



}



.code {



    background-color: transparent;!important;



    border-radius: 4px;



    color: #c7254e;



    font-size: 90%;



    padding: 2px 4px;



}







.col-right-cont{



	padding: 0px;



}







.left-content>i{



	font-size: 35px;



	color: #e3004a;



	margin-top: 80px;



}



.left-content{



	border:2px solid #868686 ;



	margin-bottom:25px;



}



 .left-paragraph{



	font-family: "OpenSans-bold";



	font-size: 13px;



	color: #868686;



	letter-spacing: 0.07em;



	line-height: 25px;



	padding: 10px;











}



.carousel_right{



	padding-top: 100px;



	padding-bottom: 60px;



}







@media only screen and (min-width: 991px){



	.left-content{



		width: 500px;



		margin-right: auto;



		margin-left: auto;



	}



}



@media only screen and (max-width: 990px){



.left-content{



	max-width: 711px!important;



}



}







/*------------------------------------------Servize -------------------------------------------------------*/



.service-image{



	width: 100%;



	background-color: rgba(125, 125, 125, 0.5);



}



.service-image{



	position: relative;



}



.service-title{







padding-top: 120px;



padding-bottom: 110px;



font-family: "OpenSans-bold";



font-size: 28px;



color: #fff;



letter-spacing: 0.02em;



text-transform: uppercase;



width: 100%;



text-align: center;







}







.services-title>h3{



font-family: "OpenSans-bold";



font-size: 13px;



color: #fff;



letter-spacing: 0.03em;



text-transform: uppercase;



}



.services-title>p{



	font-family: "OpenSans-semibold";



	font-size: 12px;



	letter-spacing: 0.03em;



	line-height: 21px;



	color: #fff;



	width: 232px;



}



.services{



	width: 100%;



}



.row-services{



	position: absolute;



	top: 0;



	left: 0;



	margin-left: 70px;



	margin-right: 70px;



	z-index: 9999;



	margin-top: 250px;



}







.servizi-row1 {



    margin-left: auto;



    margin-right: auto;



    max-width: 1044px;



}



.servizi-cost{



	height: 170px;







}



.servizi-cost > h4 {



    color: #fff;



    font-family: "OpenSans-bold";



    font-size: 13px;



    letter-spacing: 0.03em;



    text-transform: uppercase;



}



.servizi-cost > p {



    color: #fff;



    font-family: "OpenSans-semibold";



    font-size: 12px;



    letter-spacing: 0.03em;



    line-height: 21px;



}







.third-section>button{



font-family: "Opensans-extrabold";



font-size: 13px;



text-transform: uppercase;



padding-left: 76px;



padding-right: 76px;



padding-top: 23px;



padding-bottom: 21px;



margin-left: 40%;



margin-top: 130px;



margin-bottom: 128px;



text-align: center;



background-color: transparent;



border-radius: 0px;



border: 1px solid #fff;



color:#fff;



}



.third-section>button:hover{



color:#000;



background-color: #fff;



-moz-transition: all .3s ease-in;



-o-transition: all .3s ease-in;



-webkit-transition: all .3s ease-in;



transition: all .2s ease-in;



}



.red-border{



	width: 35px;



	height: 5px;



	background-color: #e3004a;



	margin-top: 95px;



	margin-bottom: 80px;



}



@media only screen and (max-width: 1031px){



.third-section>h3{



padding-top: 60px;



padding-bottom: 50px;



font-family: "OpenSans-bold";



font-size: 28px;



color: #fff;



letter-spacing: 0.02em;



text-align: center;



text-transform: uppercase;







}



}



@media only screen and (max-width: 860px){



.third-section>button{



margin-top: 80px;



margin-bottom: 40px;



}



}



@media only screen and (max-width: 767px){



.servizi-cost{



	height: 125px;



}



.servizi-row2{



	margin-top: 0px;



}



.third-section>button{



font-size: 12px;



padding-left: 66px;



padding-right: 66px;



padding-top: 16px;



padding-bottom: 14px;



margin-left: 40%;



margin-top: 30px;



margin-bottom: 12px;



}



}







.price-title{



    color: #1377BA;



    font-family: "OpenSans-bold";



    font-size: 45.22px;



    letter-spacing: 0.02em;



    text-align: center;



    text-transform: uppercase;



    margin-top:40px;



    margin-bottom:60px;



    }



#Second_Section .dataTables_wrapper {



    display: block;



    margin-bottom: 60px;



    margin-left: auto;



    margin-right: auto;



    max-width: 1200px;



    }



.row-1 .sorting_disabled{



    text-transform:uppercase;



}