@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular_0.eot');
    src: url('../fonts/opensans-regular_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular_0.woff2') format('woff2'),
         url('../fonts/opensans-regular_0.woff') format('woff'),
         url('../fonts/opensans-regular_0.ttf') format('truetype'),
         url('../fonts/opensans-regular_0.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold_0.eot');
    src: url('../fonts/opensans-semibold_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold_0.woff2') format('woff2'),
         url('../fonts/opensans-semibold_0.woff') format('woff'),
         url('../fonts/opensans-semibold_0.ttf') format('truetype'),
         url('../fonts/opensans-semibold_0.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    font-family: 'open_sansregular';
	font-size: 13.5px;
	line-height: 1;
}
ol, ul 
{
	list-style: none;
}
blockquote, q 
{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after 
{
	content: '';
	content: none;
}
table 
{
	border-collapse: collapse;
	border-spacing: 0;
}
.wrapper{width:100%; margin:0 auto; background-image:url(images/bg_07.jpg); float:left;}
.contain{width:100%; max-width:1100px; margin:0 auto;}
.clear{clear:both;}

#header_top{width:100%; float:left; background-color:#262461;}
.header_top_main{width:100%; float:left;}
.headet_text{width:100%; float:left; font-family: 'open_sanssemibold'; color:#d4d3df; font-size:13px; text-align:center; margin-top:17px; margin-bottom:20px;}

#header{width:100%; float:left;}
.header_main{width:100%; float:left;}
.logo{width:50%; float:left; margin-top:9px; margin-bottom:8px;}
.reservation_box{width:50%; float:left; margin-top:17px;}
.my_booking{width:30%; float:left; margin-top:11px; margin-left:40%;}
.reservation_but{float:left; background:linear-gradient(#2b2871,#262461); font-family: 'open_sanssemibold'; font-size:14px; color:#fff; border-radius:4px; text-transform:uppercase; padding-top:14px; padding-bottom:16px; padding-left:20px; padding-right:20px; text-align:center;}
.booking_icon{float:left;}
.booking_text{float:left; font-family: 'open_sanssemibold'; font-size:14px; color:#212121; text-transform:uppercase; margin-left:10px; margin-top:3px;}

#banner{width:100%; float:left; background-image:url(../images/banner.jpg); background-size:cover; background-repeat:no-repeat;}
.banner_main{width:100%; float:left;}
.contact_box{width:36%; float:left; border:1px solid #222222; background-image:url(../images/form_bg.png); border-radius:8px; padding-left:2%; padding-right:2%; padding-top:22px; margin-top:123px; margin-bottom:142px; padding-bottom:49px;}
.name_field{width:100%; float:left; margin-top:12px;}
.banner_text{width:58%; float:left; font-family: 'open_sanssemibold'; font-size:50px; color:#fff; text-align:right; margin-top:164px;}
.enter_name{width:98%; float:left; border:0px; background-color:#fff; color:#989898; border-radius:4px; padding-left:2%; height:41px;}
.check_in{width:48.5%; float:left; padding-right:1.5%;}
.check_out{width:48.5%; float:left; padding-left:1.5%;}
.checkin{width:97%; float:left; border:0px; background-color:#fff; color:#989898; border-radius:4px; padding-left:3%; height:41px;}
.send_but{width:35%; float:left;}
.send_button{width:227px; float:left; background:linear-gradient(#ff7357,#f55637); border-radius:4px; font-family: 'open_sanssemibold'; color:#fff; font-size:15.5px; text-align:center; padding-top:17px; padding-bottom:14px; margin-top:14px; text-transform:uppercase;}


#navigation{width:100%; float:left; background-color:#f7f7f7;}
.navigation_main{width:100%; float:left;}
.nav_head{width:38%; float:left; font-family: 'open_sansregular'; font-size:30px; color:#222222; line-height:20px; margin-top:25px; margin-bottom:25px;}
.top_navigation{width:60%; float:right; margin-top:10px;}

#detail{width:100%; float:left;}
.detail_main{width:100%; float:left;}
.body_navigation{width:100%; float:left; margin-top:15px; margin-bottom:40px;}
.body_nav1{float:left; font-family: 'open_sanssemibold'; color:#494949; font-size:14px; background-color:#f1f1f1; border:1px solid #eaeaea; padding-top:16px; padding-bottom:16px; padding-left:18px; padding-right:18px; margin-left:6px; margin-top:10px;}
.body_nav1:hover{background:linear-gradient(#ff7357,#f55637); border:1px solid #eaeaea; color:#fff;}
.modern_hotel_box{width:100%; float:left;}
.modern_hotel_img{width:40%; float:left;}
.modern_hotel_img img{width:100%; float:left; height:auto;}
.modern_hotel_textbox{width:56%; float:left; margin-left:4%;}
.modern_text{width:100%; float:left; font-family: 'open_sanssemibold'; font-size:24px; color:#343434;}
.location_box{width:50%; float:left; margin-bottom:6px;}
.location_icon_text{width:100%; float:left; margin-top:17px;}
.location_icon{float:left;}
.location_head{float:left; font-family: 'open_sanssemibold'; font-size:16px; color:#302f2f; margin-top:2px; margin-left:5px;}
.location_text{width:100%; float:left; font-family: 'open_sansregular'; color:#979797; font-size:14px; margin-top:4px;}
.service_box3{width:100%; float:left; margin-top:73px; margin-bottom:60px;}
.serice_box1{width:31%; float:left; margin-right:2%;}
.service_head{width:100%; float:left; background-color:#262461; font-family: 'open_sansbold'; font-size:15px; color:#fff; text-align:center; text-transform:uppercase; padding-top:16px; padding-bottom:15px;}
.service1_img{width:100%; float:left; margin-top:10px;}
.service1_img img{width:100%; float:left; height:auto;}
.service_text{width:100%; float:left; font-family: 'open_sansbold'; font-size:16px; color:#2b2b2b; margin-top:28px;}
.more_but{float:left; background:linear-gradient(#ff7357, #f55637); border-radius:4px; color:#fff; font-family: 'open_sanssemibold'; font-size:13px; text-transform:uppercase; padding-top:11px; padding-bottom:11px; padding-left:15px; padding-right:15px; margin-top:20px;}

#about{width:100%; float:left; background-color:#f7f7f7; padding-top:55px; padding-bottom:55px;}
.about_main{width:100%; float:left;}
.about_head_but{width:35%; float:left;}
.about_head{width:100%; float:left; font-family: 'open_sanssemibold'; color:#2b2b2b; font-size:32px; line-height:38px;}
.about_but{width:100%; float:left;}
.about_button{width:137px; float:left; background:linear-gradient(#ff7357,#f55637); border-radius:4px; font-family: 'open_sanssemibold'; color:#fff; font-size:15.5px; text-align:center; padding-top:17px; padding-bottom:14px; margin-top:38px; text-transform:uppercase;}
.about_text{width:65%; float:left; font-family: 'open_sanssemibold'; font-size:13px; color:#808080; line-height:20px;}

#facebook{width:100%; float:left; background-image:url(../images/facebook_bg.jpg); background-size:cover; background-repeat:no-repeat;}
.facebook_main{width:100%; float:left; padding-top:40px; padding-bottom:50px;}
.facebook_box{width:30%; float:left;}
.signup_box{width:30%; float:left; margin-left:5%;}
.facebook_twit_but{width:100%; float:left;}
.facebook_but{float:left;font-family: 'open_sansbold';  font-size:13.5px; background-color:#3a5897; color:#fff; text-transform:uppercase; padding-top:12px; padding-bottom:12px; padding-left:28px; padding-right:28px;}
.twitter_but{float:left; font-family: 'open_sansbold';  font-size:13.5px; background-color:#19d9fc; color:#fff; text-transform:uppercase; padding-top:12px; padding-bottom:12px; padding-left:28px; padding-right:28px; margin-left:6px;}
.facebook_like_img{width:100%; float:left;}
.facebook_like_img img{width:100%; float:left; height:auto; margin-top:6px;}
.signup_head{width:100%; float:left; font-family: 'open_sansbold'; font-size:26px; color:#fff; margin-top:60px;}
.signup_field{width:100%; float:left; margin-top:30px;}
.subscribe_button{width:137px; float:left; background:linear-gradient(#ff7357,#f55637); border-radius:4px; font-family: 'open_sanssemibold'; color:#fff; font-size:15.5px; text-align:center; padding-top:17px; padding-bottom:14px; margin-top:14px; text-transform:uppercase;}
.more_about_text{width:100%; float:left; font-family: 'open_sanssemibold'; opacity:9; font-size:14.5px; color:#fff; line-height:22px; margin-top:22px;}

#partners_logo{width:100%; float:left; background-color:#f7f7f7;}
.partners_logo_main{width:100%; float:left;}
.partners1{width:20%; float:left; margin-top:24px; margin-bottom:20px;}
.partners1 img{width:100%; float:left; height:auto;}

#fotter{width:100%; float:left; background:#25284d;}
.fotter_main{width:100%; float:left;}
.general_contact_box{width:33%; float:left; border-right:1px solid #434563; margin-top:48px; margin-bottom:40px;}
.important_link_box{width:33%; float:left; margin-left:3%; border-right:1px solid #434563; margin-top:48px;}
.important_link_box1{width:25%; float:left; margin-left:3%; margin-top:48px;}
.general_contact_head{width:100%; float:left; font-family: 'open_sanssemibold'; font-size:17px; color:#fff; margin-bottom:10px;}
.email_box{width:100%; float:left; margin-top:15px;}
.email_img{float:left;}
.email_text{float:left; font-size:13.5px; color:#89a6d9; font-family: 'open_sansregular'; margin-top:2px; margin-left:10px;}
.email_text1{float:left; font-size:13.5px; color:#89a6d9; font-family: 'open_sansregular'; margin-top:2px; margin-left:10px;}
.fotter_nav{float:left; color:#89a6d9; font-size:13.5px; line-height:23px;}
.fotter_nav_li{text-decoration:none; color:#89a6d9;}
.fotter_nav_li:hover{text-decoration:none; color:#fff;}
.mail{text-decoration:none; color:#fff;}

#copyright{width:100%; float:left; background:#212445}
.copyright_main{width:100%; float:left;}
.copyright_text{width:50%; float:left; font-family: 'open_sansregular'; font-size:13px; color:#89a6d9; margin-top:20px; margin-bottom:19px;}
.social_icon{width:50%; float:left;}
.facebook{float:right; margin-left:4px; margin-top:15px;}


@media only screen and (max-width : 320px)
{
.header_top_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.header_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.logo{width:100%; float:left; text-align:center;}
.reservation_box{width:100%; float:left; margin-top:17px; margin-bottom:15px;}
.my_booking{width:50%; margin-left:0%;}
.reservation_but{width:30%;}
.banner_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.contact_box{width:94%; float:left; margin-bottom:20px;}
.banner_text{width:94%; float:left; margin-top:20px; text-align:center; margin-bottom:40px;}
.navigation_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.nav_head{width:100%; float:left; margin-bottom:0px;}
.top_navigation{width:100%; float:left; margin-top:0px;}
.detail_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.modern_hotel_img{width:100%; float:left;}
.modern_hotel_textbox{width:100%; float:left; margin-left:0%; margin-top:20px; margin-bottom:20px;}
.location_box{width:100%;}
.serice_box1{width:100%; float:left; margin-right:0%; margin-bottom:50px;}
.about_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.about_head_but{width:100%; float:left;}
.about_text{width:100%; margin-top:30px;}
.facebook_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.facebook_box{width:100%; float:left;}
.signup_box{width:100%; float:left; margin-left:0%;}
.partners_logo_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.partners1{width:80%; float:left; margin-left:10%;}
.fotter_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.general_contact_box{width:100%; float:left; border:none;}
.important_link_box{width:100%; float:left; margin-left:0%; border:none;}
.important_link_box1{width:100%; float:left; margin-left:0%;}
.copyright_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.copyright_text{width:100%; float:left;}
.social_icon{width:70%; float:left; text-align:right; margin-bottom:20px;}
}

@media only screen and (min-width:321px) and (max-width:480px)
{
.header_top_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.header_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.logo{width:100%; float:left; text-align:center;}
.reservation_box{width:100%; float:left; margin-top:17px;  margin-bottom:15px;}
.my_booking{width:50%; margin-left:0%;}
.reservation_but{width:30%;}
.banner_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.contact_box{width:94%; float:left; margin-bottom:20px;}
.banner_text{width:94%; float:left; margin-top:20px; text-align:center; margin-bottom:40px;}
.navigation_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.nav_head{width:100%; float:left; margin-bottom:0px;}
.top_navigation{width:100%; float:left; margin-top:0px;}
.detail_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.modern_hotel_img{width:100%; float:left;}
.modern_hotel_textbox{width:100%; float:left; margin-left:0%; margin-top:20px; margin-bottom:20px;}
.location_box{width:100%;}
.serice_box1{width:90%; float:left; margin-right:0%; margin-bottom:50px; margin-left:5%;}
.about_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.about_head_but{width:100%; float:left;}
.about_text{width:100%; margin-top:30px;}
.facebook_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.facebook_box{width:90%; float:left;}
.signup_box{width:100%; float:left; margin-left:0%;}
.partners_logo_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.partners1{width:60%; float:left; margin-left:20%;}
.fotter_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.general_contact_box{width:100%; float:left; border:none;}
.important_link_box{width:100%; float:left; margin-left:0%; border:none;}
.important_link_box1{width:100%; float:left; margin-left:0%;}
.copyright_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.copyright_text{width:100%; float:left;}
.social_icon{width:70%; float:left; text-align:right; margin-bottom:20px;}
}

@media only screen and (min-width:481px) and (max-width:768px)
{
.header_top_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.header_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.logo{width:100%; float:left; text-align:center;}
.reservation_box{width:100%; float:left; margin-top:17px;  margin-bottom:15px;}
.my_booking{width:50%; margin-left:0%;}
.reservation_but{width:30%;}
.banner_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.contact_box{width:70%; float:left; margin-bottom:20px;}
.banner_text{width:94%; float:left; margin-top:20px; text-align:left; margin-bottom:40px;}
.navigation_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.nav_head{width:80%; float:left;}
.top_navigation{width:20%; float:left;}
.detail_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.modern_hotel_img{width:65%; float:left;}
.modern_hotel_textbox{width:100%; float:left; margin-left:0%; margin-top:20px; margin-bottom:20px;}
.location_box{width:50%;}
.serice_box1{width:60%; float:left; margin-right:0%; margin-bottom:50px; margin-left:20%;}
.about_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.about_head_but{width:100%; float:left;}
.about_text{width:100%; margin-top:30px;}
.facebook_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.facebook_box{width:55%; float:left;}
.signup_box{width:45%; float:left;}
.partners_logo_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.partners1{width:30%; float:left; margin-left:10%;}
.fotter_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.general_contact_box{width:100%; float:left; border:none;}
.important_link_box{width:50%; float:left; margin-left:0%; border:none;}
.important_link_box1{width:50%; float:left; margin-left:0%;}
.copyright_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.copyright_text{width:100%; float:left;}
.social_icon{width:70%; float:left; text-align:right; margin-bottom:20px;}

}

@media only screen and (min-width:769px) and (max-width:859px)
{
.header_top_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.logo{width:40%; float:left; text-align:center;}
.reservation_box{width:60%; float:left; margin-top:17px;}
.banner_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.contact_box{width:50%; float:left; margin-bottom:20px;}
.banner_text{width:45%; float:left;}
.navigation_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.detail_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.modern_hotel_img{width:50%; float:left;}
.modern_hotel_textbox{width:100%; float:left; margin-left:0%; margin-top:20px; margin-bottom:20px;}
.location_box{width:50%;}
.serice_box1{width:48%; float:left; margin-right:0%; margin-bottom:50px; margin-left:2%;}
.about_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.about_head_but{width:30%; float:left;}
.about_text{width:70%; float:left;}
.facebook_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.facebook_box{width:50%; float:left;}
.signup_box{width:45%; float:left;}
.signup_head{margin-top:20px;}
.partners_logo_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.partners1{width:30%; float:left; margin-top:24px; text-align:center;}
.fotter_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.copyright_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.copyright_text{width:70%; float:left;}
.social_icon{width:30%; float:left; }
}

@media only screen and (min-width:860px) and (max-width:1024px)
{
.header_top_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.logo{width:40%; float:left; text-align:center;}
.reservation_box{width:60%; float:left; margin-top:17px;}
.banner_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.navigation_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.detail_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.about_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.facebook_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.partners_logo_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.partners1{width:30%; float:left; margin-top:24px; text-align:center;}
.fotter_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.copyright_main{width:97%; float:left; margin-left:1.5%; margin-right:1.5%;}
.copyright_text{width:70%; float:left;}
.social_icon{width:30%; float:left; }
}