@import 'https://office.bonusonline.ru/css/inputmask.css';

.container{

 max-width: 1300px !important;
 padding: 0 !important;

}


#otnw_divtoload{
	color: #606060!important;
}

html{

	overflow-x: hidden;

}

 .sogla {
    cursor: pointer;
    color: #fff !important;
    float: left;
}

#left{

	margin: 0;

}



.topcntr{

	width: 100%;

}

.tabsnew {
    margin-top: -31px!important;
}


#btn-menu{

	display: none;

}



.topcntrwrap > .row > div{

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 0;

}



.topcntrwrap > .row > div:nth-child(2n){

	padding-right: 0px;

	padding-left: 5px;

}



#text{

/*	margin-right: 15px;*/

}



.tabs-block{

	display: none;
	opacity: 0;

}



.tabs-block.active{
	display: block;
	animation: 0.5s tabsBlock linear forwards;
}

@keyframes tabsBlock {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


#left{

	padding-bottom: 15px;

}



.boxx > ul{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-ms-align-items: center;

	align-items: center;

	padding: 0;

	margin: 0;

	justify-content: center;

}



.boxx > ul > li{

	/* padding: .5em 1em; */

	/* margin-right: 3px; */

	/* border-radius: 5px 5px 0 0; */

	/* color: #fff; */

	/* border: 1px solid #77d5f7; */

    /* background: #0078ae url(images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x; */

    cursor: pointer;

    font-size: 15.3px;

}


/*
.boxx > ul > li.active{

	border: 1px solid #acdd4a;

    background: #6eac2c url(images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x;

} */



.tabs-block{

	font-size: 15.3px;

	border: 1px solid #a6c9e2;

    background: #fcfdfd;

    color: #222222;

    padding: 1em 1.4em;

    border-radius: 5px;

}



#content-text{

	padding: 15px 0;

}



.boxx h2{

	font-size: 18px;

	font-weight: bold;

	padding: 15px;

}



#left{

	padding-left: 15px;

	padding-right: 15px;

}



#info{

	height: initial;

	padding-right: 0;

	padding-left: 55px;

	margin-top: 0px;

	padding-top: 30px;

	-ms-background-position-x: -15px;

	background-position-x: -10px;

	-ms-background-position-y: -20px;

	background-position-y: 22px;

}



.myorder_btn{

	width: initial;

}



#menu-left{

	height: initial;

}



#menu-left div{

	background-position-x: right;



	-webkit-background-size: contain;

	background-size: contain;

}

#left{

	padding-right: 0;

}



#menu-left div div{

	background-position-x: right;

	-webkit-background-size: contain;

	background-size: contain;

}



#menu-left ul{

	margin-left: 85px;

}

#menu-left{

	-ms-background-position-x: right;

	background-position-x: right;

}




.head-slide{
	right: calc(50% - 185px)!important;
	right: 0!important;
}
.head-slide .ggg_caption{
	color: #fff!important;
	background: #91D9FF!important;
background: unset !important;
}



@media (max-width: 1300px) {
	.head-slide{
		right: calc(50% - 161px)!important;
		right: 0!important;
	}

	.cntrselinner{

		overflow-y: scroll!important;

	}

	.block_search{

		zoom: .9;

	}

	.container{

	/*	max-width: 1140px; */

	}



	#info span.ofis_0{

		padding-left: 0;

	}

}



#header div div.ggg_caption{

	width: 220px;

}

.boxx{
	margin-right: 10px;
	margin-left: 10px;
	padding: 15px;
}

#info{

	height: 210px;

}



.br-d{

	display: none;

}

#left .all-touroperators-hr {
	display: none;
}



@media (max-width: 1200px) {
	.lk #info {
		padding-left: 0;
		padding-top: 0;
		height: initial;
	}
	.head-slide{
		right: calc(50% - 135px)!important;
			right: 0!important;
	}
	#left > center br{
		display: none;
	}
	#left > center{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.friends img{
		margin-top: 15px;
	}
	#left > span{
		padding: 0!important;
		font-size: 17px;
		margin-top: 10px;
	    line-height: 1.3;
	    font-weight: bold;
	    display: inline;
	    margin-left: 10px;
	    text-align: center;
	    width: 100%;
	    margin-right: 10px;
	}
	.topcntr .topcntr_capt_ttl{
		font-size: 18px!important;
	}
	.topcntr .topcntr_capt_prc{
		font-size: 23px!important;
	}
	.topcntrwrap .topcntr{
		margin: 0 5px 10px 10px!important;
    	width: calc(50% - 15px)!important;
	}
	.topcntr:nth-child(2n+1){
		margin: 0 10px 10px 5px!important;
	}
	#text{
		margin-right: 0;
	}
	#text h2, #text h1{
		margin-left: 15px;
		margin-right: 15px;
	}
	#footer .sogla, .sep{
		display: none!important;
	}
	#top-nav ul ul, #top-nav ul.ul2{
		border-top: 1px solid #666;
		padding-right: 0;
		padding-left: 0;
	    padding-top: 20px;
    	transform: translateY(15px);
	}
	#top-nav > .row > .col-12 > ul > li:last-child{
		margin-bottom: 15px;
	}

	.topcntrwrap > .row > div {

	    padding-left: 15px;

	    padding-right: 5px;

	    padding-bottom: 10px;

	}

	.container{

	/*	max-width: 960px; */

	}

	.footer-container {
		max-width: 100% !important;

	}

	#header div div.ggg{

		width: 380px;

		position: relative;

	}

	.ggg img{

		width: 380px;

	    height: 100%;

	    object-fit: cover;

	}

	#text{

		border-left: 0;

	}

	.boxx{

		padding-left: 15px;

	}

	#text{

		padding-left: 15px;

		padding-right: 15px;

	}

	#info{

		padding-top: 0!important;

		background-position: left top;

		width: 100%;

		padding-left: 0!important;

		background:none;
		height: initial!important;
		padding-bottom: 10px;
	}

	#left{

		display: -webkit-flex;

		display: -moz-flex;

		display: -ms-flex;

		display: -o-flex;

		display: flex;

		flex-wrap: wrap;
		background: #fff;



	}
	#left .all-touroperators-hr {
		display: block;
	}

	#info span.ofis_0{

		text-align: center;

	}

	#menu-left{

		background: none;

		width: 100%;

		padding-left: 15px;

		padding-right: 30px;

	}

	#menu-left ul{

		margin-left: 0;

	}

	#menu-left div{

		background: none;

	}

	#menu-left div div{

		background: none;

	}

	.myorder_btn{

		width: 350px;

		margin-bottom: 10px;

	}

	.m-n{

		display: none!important;

	}

	#menu-left ul{

		text-align: center;

	}

	#menu-left ul li{

		display: inline-block;

	}

	#menu-left ul li:first-child{

		background: none;

	}

	#left center{

		width: 100%;

	}

	#menu-left ul{

		padding: 15px 0;

	}

	.friends{

		display: -webkit-flex;

		display: -moz-flex;

		display: -ms-flex;

		display: -o-flex;

		display: flex;

		-ms-align-items: center;

		align-items: center;

		justify-content: center;

		flex-wrap: wrap;

		padding-right: 15px;

	}

	.title{

		font-size: 20px;

		font-weight: bold;

		text-align: center;

	}

	#info span{

		overflow: initial;

	}

	#info{

		height: initial;

	}

	.br-n{

		display: none;

	}

	.br-d{

		display: block;

	}

	.foot{

		margin-left: 0!important;

		margin-right: 0!important;

	}

}



@media (max-width: 992px) {

	#login_form {
    padding-right: 48px;
	}
/*
	.head-slide{
		display: none!important;
	}
	*/
/*
    .head-slide {
        right: calc(50% - 255px) !important;
    }
	#header div div.ggg {
    margin-right: 0;
}
	#header div div.ggg_caption_wrap{

		width: 320px;

	}
*/
	.block_search, .topmain, #permanentlink, .letter{

	/*	zoom: .7;*/
		zoom: .8;
	}

	.footer-main {
		flex-direction: column;
	}

	.footer-main .footer-col:nth-child(2) .footer-label {
		margin-top: 15px;
	}

	.footer-contact-main {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.footer-contact-main .footer-contact:last-child {
		margin-left: 20px;
	}

	.footer-label {
		text-align: center;
	}

	.container{

	/*	max-width: 720px;*/

	}

	.ft-list{

		padding-left: 0;

	}

	.foot{

		padding-left: 15px;

		padding-right: 15px;

	}

	#footer-nav{

		margin-left: 15px;

		margin-right: 15px;

	}

	#footer-nav ul{

		margin: auto;

		display: block;

		padding: 0;

		padding: 0;

	}

	.sogl{

		position: relative!important;

		display: block!important;

		padding-bottom: 0!important;

	}

	#header div div.ggg_wrap{

/*		display: none;*/

	}


	#header div div#logo{

		width: 244px;
    position: initial;
    margin-top: -128px;
	}

    #header div div.ggg {
        width: 40vw;
    }
.ggg img {
        width: 100%;
	}

	/*new*/
	/*
		.tabsmenu.topmain {
	    margin-bottom: unset;
		overflow: hidden;
	}
	.tabsmenu.topmain ul li {
	margin: unset;
	text-align: center!important;
	}

	.tabsmenu.topmain ul{
		display: block;
	}
	.tabsmenu.topmain ul li {
		width: 33%;
		display: inline-block;
	}
	.topmain {
		padding-left: 0px;
	}
*/
}

@media (max-width: 780px) {
	.footer-cause {
		flex-direction: column;
		align-items: center;
		font-size: 14px;
	}
	.footer-cause .ml-4 {
		flex-direction: column;
		margin-left: 0 !important;
	}
	#login_form {
	        padding-right: 0;
	}	
	
    .head-slide {
        right: calc(50% - 255px) !important;
    }
	#header div div.ggg {
    margin-right: 0;
}	
    #header div div.ggg_caption_wrap {
        width: 320px;
    }
}

#btn-menu {
	cursor: pointer;
}


@media (max-width: 768px) {
    .head-slide {
        right: 0 !important;
    }	
	.footer-main .footer-col:first-child {
		/* display: none; */
	}
	.lk table{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.header-tel a{
		font-size: 21px!important;
	}
	.header-tel{
		padding-top: 28px!important;
		padding-top: 0!important;
	}
	#header div div.ggg {
        width: 380px;
	}
	#header div div#logo{
		top: 10px;
	}
	#header div div{
		height: 110px;
	}
	#header{
		height: 110px;
	}
#header div:not(.input-group-append) {
    height: 110px;
}
	#header div div#logo a{
		-webkit-background-size: 90%;
		background-size: 90%!important;
	}
#login_form {
    top: 58px;
    width: 50%;
    padding-right: 24px;
	left: 8px;
}
	.block_search{

		zoom: 1;

	}

	.container{

	/*	max-width: 540px; */

	}

	#header div div#logo a{

		-webkit-background-size: contain;

		background-size: contain;

	}

	#header div div.ggg_caption{

		font-size: 19px;

		line-height: 1;

		padding: 15px;

		width: initial;
		margin: 30px 25px;

	}

	#header div div.ggg_caption_wrap{

		width: 50%;

	}

	#header div div#logo{

		width: 50%;

		min-width: 244px;
		position: absolute;
        margin: 0 0 0 10px;

	}



	#top-nav ul li a{

		padding: 1px 7px;

		font-size: 16px;

	}

	.topcntr .topcntr_capt_prc{

		font-size: 23px;

	}

	.topcntr .topcntr_capt_ttl{

		font-size: 18px;

	}

	.topcntr, .topcntr_capt{

		height: 160px;

	}

	#text{

		padding: 0;

		margin: 0;

	}

	#text{

		margin-left: 5px;

		margin-right: 5px;

	}

	.topcntrwrap > .row > div{

		padding-left: 15px;

		padding-right: 5px;

		padding-bottom: 10px;

	}

	.topcntrwrap > .row > div:nth-child(2n){

		padding-right: 15px;

		padding-left: 5px;

	}

	.boxx > ul > li{

		padding-left: 5px;

		padding-right: 5px;

		text-align: center;

		font-size: 14px;

	}

	.foot-l{

		padding-right: 10px;

	}
	.topcntr, .topcntr_capt{
		height: 160px!important;
	}
	#text div.boxx{
		border-radius: 10px;
	}
	.boxx ol{
		padding-left: 0!important;
	}
	#otstup{
		margin-left: 10px;
		margin-right: 10px;
	}
	#text table{
		margin-right: 0;
		margin-left: 0;
	}
	/*
	#text i{
		margin-right: 10px;
		margin-left: 10px;
		display: block;
	}
	*/
	a[href="?adm=1"]{
		margin-left: 10px;
		display: block;
	}
	a[href="?list=1"]{
		margin-left: 10px;
		display: block;
	}
	#text i.icon-search{
		display: initial;
	}
	#f1tbl1 .clidata-box{
		/* width: calc(100% - 10px)!important; */
	}
}

@media (max-width: 400px) {
#f1tbl1 .clidata-box {
    width: calc(100% - 15px);
}
}
.clidata .order-box input {
	width: 100% !important;
}

#top-nav ul ul, #top-nav ul.ul2{
	display: none;
}
#top-nav .sogla{
	display: none;
}

#phone{
	display: none;
}


@media (min-width: 993px) {
	.sep-first {
		display: none !important;
	}
}

#footer-nav .sogla {
	cursor: pointer;
    color: #fff!important;
    float: left;
    position: relative;
}

@media (max-width: 767px) {
	#footer-nav ul li {
		font-size: 14px;
	}
	#footer-nav .sogla {
		font-size: 13px;
		top: 4px;
	}
}

@media (max-width: 576px) {
	.row.for-mobile {
    height: 80%;
}
	#footer-nav {
		display: none !important;
	}
	#fitbl1 #indiv{
		width: 100%;
	}
	#top-nav .sogla{
		display: block;
	}
	#top-nav ul ul, #top-nav ul.ul2{
		display: table;
	}

#top-nav ul.ul2 {
        display: table;
        margin: 0 10px !important;
        bottom: 20px;
        position: absolute;
        width: 84%;
    }
	#left > center br{
		display: none;
	}
	#left > center{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.friends img{
		margin-top: 15px;
	}
	#left > span{
		padding: 0!important;
		font-size: 17px;
		margin-top: 10px;
	    line-height: 1.3;
	    font-weight: bold;
	    display: inline;
	    margin-left: 10px;
	    text-align: center;
	    width: 100%;
	    margin-right: 10px;
	}
	.boxx{
		margin-right: 10px;
		margin-left: 10px;
	}
	.topcntr .topcntr_capt_ttl{
		font-size: 18px!important;
	}
	.topcntr .topcntr_capt_prc{
		font-size: 23px!important;
	}
	#header div div.ggg_caption_wrap {
    right: unset !important;
}
	/*
	.topcntrwrap .topcntr, .topcntr:nth-child(2n+1), .topcntrwrap > div{
		margin: 0 10px 10px 10px!important;
    	width: calc(100% - 20px)!important;
	}
	*/
		#makeMeScrollable
		{

			height: 160px!important;

		}
	#text h2, #text h1{
		margin-left: 15px;
		margin-right: 15px;
	}
	#footer .sogla, #footer-nav, .sep{
		display: none!important;
	}
	#top-nav ul ul, #top-nav ul.ul2{
		border-top: 1px solid #666;
		padding-right: 0;
		padding-left: 0;
	    padding-top: 30px;
    	transform: translateY(15px);
	}
	#top-nav > .row > .col-12 > ul > li:last-child{
		margin-bottom: 15px;
	}
	#top-nav .sogla{
	   /* bottom: 0px!important;*/
	    color: #666!important;
	    padding: 0!important;
	    line-height: initial!important;
	    position: initial!important;
	    display: none!important;
	    font-size: 14px!important;
	    text-decoration: underline!important;
		width: 84%;
	}
div.for-footer{
    position: absolute;
    bottom: 0px;
    height: 50px;
	text-align: center;
	width: 100%;
}
	#top-nav ul ul .sogla, #top-nav .sogla{
		display: block!important;
	}
	#top-nav ul ul li, #top-nav ul.ul2 li{
		background: none;
		border: none;
		margin-bottom: 3px;
		width: fit-content;
        padding: 0;
	}
	#header div div.ggg_caption{
		margin: 0 auto;
		margin: 28px 0 0 30px;
        text-align: left;
}
#header {
    background: #91d9ff;
}
#header div div.slogan_1{
    top: 45px;
	display: none;
}
#header div div#logo, #header div div#logo a, #login_form {
    display: none;
}
div.active .logo-div{
    display: block;
	position: relative;
	        margin-top: 10px;
}
#header div div.ggg{
height: 110px;
}
.head-slide {
        display: block !important;
    }
    #header div div.ggg_wrap {
        display: block;
		left: calc(50% - 216px);
    }
	#header div:not(.input-group-append){
		height:110px;
	}
	#top-nav ul ul li a, #top-nav ul.ul2 li a {
		color: #666;
		text-shadow: none;
		line-height: 1.2;
		font-size: 14px;
		text-decoration: underline;
		padding: 1px 6px;
	}
	#footer span{
		position: initial!important;
	}
	#Layer_2{
		display: none;
	}
	#phone{
		transition: .3s;
		z-index: 1001;
		display: block;

	    position: fixed;
	    top: 55px;
	    margin-left: 2px;
	    color: #2178fd;
	    height: 40px;
		background: #eff5ff;
        border: 1px solid #57abff;
	/*
    border-left: 0;
	left: -1px;
	*/

	    border-right: 0;
        width: 40px;
        border-radius: 0 5px 5px 0;
        top: 5px;
        right: -1px;
        border-radius: 5px 0 0 5px;
	}
	#phone i{
	    font-size: 31px;
		z-index: 1001;
		top: 3px;
		left: 3px;
		position: absolute;
	    color: #2178fd;
	}

	body .container{

		max-width: 100%;

        margin: 0;
        padding: 0;
	}


	#header div div#logo, #header div div#logo a, #login_form{

		left: calc(50% - 109px);

	}

#login_form {
    top: 58px;
    width: 50%;
    padding-right: 24px;
	display: block;

	padding-top: 10px;
	left: calc(50% - 280px);
	left: 22px;
}


	#top-nav{

		transition: .3s;

		left: 0;

		display: -webkit-flex;

		display: -moz-flex;

		display: -ms-flex;

		display: -o-flex;

		display: flex;

		position: fixed;

		-ms-align-items: center;

		align-items: flex-start;

		justify-content: center;

		flex-wrap: wrap;

		width: 80%;

		height: 100%;

		top: 0;

		left: -80%;

		z-index: 1000;

		background: #eff5ff;

	    border: 1px solid #57abff;

	    border-radius: 0 5px 5px 0;

	}
#login_form_btn{

    display: none;
}
	#btn-menu svg{

		fill: #2178fd;

	}

	#btn-menu{

		transition: .3s;

		display: -webkit-flex;

		display: -moz-flex;

		display: -ms-flex;

		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
	    background: #eff5ff;
	    border: 1px solid #57abff;
		position: fixed;
		top: 5px;
	/*	margin-left: 2px;*/
		left: 0;
		width: 40px;
		height: 40px;
		z-index: 1001;
	    border-left: none;
	    border-radius: 0 5px 5px 0;

	}

	#btn-menu.active{

	    transform: translateX(-1px);

		left: 80%;

	}

	#top-nav.active{

		display: flex;

		left: 0;

	}
	#phone.active{
		transform: translateX(-1px);
		left: 70%;
	}

	#top-nav ul{

		padding-left: 10px;

		padding-right: 10px;

	}

	#top-nav ul li, #top-nav ul li.active, #top-nav ul li:hover{

		width: 100%;

		margin-right: 0;

		border-radius: 5px;

		margin-bottom: 5px;

	}

	body.active{

		overflow: hidden;

		position: relative;

	}

	body:after{

		content: '';

		background-color: rgba(0,0,0,0);

		transition: .3s;

	}

	body.active:after{

		content: '';

		background-color: rgba(0,0,0,0.3);

		z-index: 999;

	    width: 100%;

	    height: 100%;

	    display: block;

	    position: absolute;

	    top: 0;

	}

	.topcntrwrap > .row > div{

		padding-left: 10px!important;

		padding-right: 10px!important;

	}

	.title{

		margin-bottom: 5px;

	}

	br.mobile-none{

		display: none;

	}

	.tabs-block{

		padding: 10px;

		border-radius: 0 0 5px 5px;

	}

	.boxx > ul{

		flex-wrap: wrap;

	}

	.boxx > ul > li{

		width: 100%;

		border-radius:0;

		margin-right: 0;

	}

	.boxx > ul > li:first-child{

		border-radius: 5px 5px 0 0;

	}

	.boxx h2{

		font-size: 17px;

		margin-bottom: 5px;

		line-height: 1.3;

	}

	.boxx p{

		font-size: 15px;

		text-align: left;

		line-height: 1.3;

	}

	.boxx img{

		display: block;

		float: none;

		margin: 0 auto 5px auto;

	}


	.myorder_btn {

	    width: 250px;

	    margin: 15px auto 10px auto;

	}

	#left{

		padding-left: 15px;

		padding-right: 15px;

	}

	.friends{

		padding-right: 15px;

		padding-left: 15px;

	}

	.foot-l{

		width: 100%!important;

		padding-right: 0!important;

	}

	.foot-r{

		width: 100%!important;

		padding-left: 0!important;

	}

	.ft-list{

		margin-bottom: 0;

	}

	.ft-list li{

		margin-bottom: 10px;

		line-height: 1.3;

	}

	#footer-nav ul li{

		float: none;

		width: 100%;

		text-align: center;

		display: block;

	}

	#footer-nav ul{

		float: none;

		margin-bottom: 10px;

	}

	#footer-nav a{

		text-decoration: underline;

	}

	.sogl {

	    border-top: 1px solid #666;

	    margin-left: 15px;

	    margin-right: 15px;

	    padding-top: 5px;

	    margin-top: 5px;

	}

}

@media (max-width: 460px) {
	.footer-contact-main {
		flex-wrap: wrap;
	}
	.footer-contact-adress {
		font-size: 16px !important;
	}
	    #header div div.ggg_wrap {

        left: calc(50% - 240px);
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
    }		
    #header div div.ggg {

        margin-left: auto;
        margin-right: auto;
    }
    #login_form {
        left: calc(50% - 176px);
}
	#top-nav ul ul li a,#top-nav ul.ul2 li a{

		padding: 1px 5px;
	}
	.footer-about {
		text-align: left;
	}
}

@media (max-width: 391px){
	.col-xl-10.order-xl-2.order-1.col-12 table#f1tbl1{
		zoom: .9;
	}
	    #header div div.ggg_wrap {
        left: calc(50% - 198px);
    }
}
@media (max-width: 360px){
    #header div div.ggg_wrap {
        left: calc(50% - 190px);
		left: 0;
    }
	    #header div div.ggg {
        width: 100vw;
	}
	#header div div.ggg img {
        width: 100%;
	}
	    #login_form {
        left: calc(50% - 136px);
    }
}
.rounded td{

	padding-left: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-right: 10px;

}


	/*
.rounded{

	width: 100%;

	height: 100%;

text-align: center;

}

*/

textarea[name="comm"]{

	margin-bottom: 10px;

}

#footer{
	background: #003366!important;
	border: none;
	color: #fff;
}
.foot-m{
	text-shadow: none!important;
	padding: 15px 0 0 0;
}

#footer center b{
	color: #fff;
	font-size: 19px;
}
#footer-nav{
	padding-bottom: 10px;
}

.myorder_btn{
	background: transparent;
    border: none;
    color: #003366!important;
    font-size: 17px;
    text-shadow: none;
    text-decoration: underline!important;
    margin-top: 0;
    padding: 0;
}
.myorder_btn:hover{
	background: none;
}
#info {
    height: 190px;
    padding-right: 0;
    padding-left: 40px;
    padding-right: 10px;
    margin-top: 0px;
    padding-top: 30px;
    -ms-background-position-x: -15px;
    background-position-x: -15px;
    -ms-background-position-y: -20px;
    background-position-y: 20px;
}


@media (max-width: 450px){
	.main-wrapper table.mainFormTable .col1, .main-wrapper table.mainFormTable .t2 .col1, .main-wrapper table.mainFormTable .col2, .main-wrapper table.mainFormTable .t2 .col2 {
	    width: 98% !important;
	    float: right!important;
	}
	/*
	.block_search .meals, .block_search .accommodation, .block_search .hotel-class-container, #btn_mp, #fordoOrder_m, #fordoOrder,#fastsearchline {
		width: auto!important;
	  }
	  */
}

@media (max-width: 1300px){

	.opin#text{

		margin-right: 0;

	}

	.opin .boxx{

		margin-bottom: 0!important;

	}



}

.header-tel{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex!important;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	color: #ffffff;
    font-family: Arial,sans-serif;
    font-weight: bold;
    flex-wrap: wrap;
    /*padding-top: 31px;*/
    height: auto!important;
    text-shadow: 1px 1px 2px #333333;
}

.header-tel a{
	width: 100%;
	text-align: center;
	font-size: 29px;
	color: #fff;
	text-decoration: none;
}

.header-tel p{
	width: 100%;
	text-align: center;
	font-size: 17px;
}

#text h2{
	text-align: center;
}

@media (max-width: 576px){
	.header-tel{
		display: none!important;
	}
}

.call_tur{
	display: block;
	padding: .5em 1em;
	text-align: center;
    border-radius: 5px;
    color: #fff!important;
    text-decoration: none!important;
    margin-bottom: 20px;
    /* border: 1px solid #77d5f7; */
    /* background: #0078ae url(images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x; */
    cursor: pointer;
    font-size: 15.3px;
    max-width: 150px;
    margin-right: auto;
	margin-left: auto;
	background-color: #0075ff;
	transition: 0.3s all;
}

.call_tur:hover{
	/* border: 1px solid #acdd4a; */
    /* background: #6eac2c url(images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x; */
	background-color: #0c5ab2;
  	transition: 0.3s all;
}

@media (max-width: 1300px){
	.call_tur{
		font-size: 13px;
	}
	.myorder_btn{
		font-size: 15px;
	}
}

@media (max-width: 1200px){
	.call_tur{
		display: none;
	}
}

@media (max-width: 576px){

	#myorder .zag_data .data_in center{
		width: 260px;
	}

	#myorder .zag_data .data_in center .clidata-box.order-box input[name="guest_name"]{
		width: 248px;
	}

	#myorder .zag_data .data_in center .clidata-box.order-box{
		width: 100%;
	}

	#myorder input.order_button{
		width: 260px!important;
	}
	.call_times{
		max-width: 250px;
	}
	.call_times_item{
		width: 19px;
	}
}

.blocksid, #text div.boxx{
	border-radius: 7px!important;
}

@media (max-width: 768px){
	.clidata-box>table{
		width: 100%;
	}
	.clidata-box>table td{
		text-align: left!important;
	}
}


.main-wrapper{
	background: #91d9ff;
	border-radius: 5px;
}