@import "menu.css"; 
/**@import "jquery.fancybox.css";**/
@import "nivo-slider.css";

body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#330433;}
.clr{clear:both;}
.main{margin:0 auto; width:930px;}
a{ text-decoration:none}

header{margin:17px 0 0 0; height:325px; background:url(../images/menu_bg.png) no-repeat bottom; background-size:100%; position:relative}
.flwar_pot{ position:absolute; right:-1%; width:20%; bottom:80px; z-index:100}
.logo{margin:2% 0 0 1%; float:left; width:50%;}
.logo img{ width:100%}
.frem{float:left; height:244px; background:url(../images/frem.png) no-repeat top left; background-size:100%; width:38%; position:relative}
.banner{position:absolute; top:21px; left:26px; z-index:-1;}
menu{width:100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
menu ul{list-style:none; padding:0; margin:0;}
menu ul li{float:left; margin:0; padding:50px 0 10px;}
menu ul li a{font-size:12px; text-decoration:none; border-right:1px solid #333; color:#fff; transition:ease all .5s;}
menu ul li a:hover, menu ul li .hover{color:#bada23; transition:ease all .5s;}
menu ul li a#black:hover, menu ul li .hover1{background:#000; transition:ease all .5s;}
menu ul li #hover{color:#666;}
menu ul li li{padding:0;}
menu ul li li a{font-weight:normal; font-style:normal}

.content{background:url(../images/con_bg.jpg) top no-repeat, url(../images/bot2_img.png) bottom no-repeat; background-size:100%; padding:2% 0 6%}
.content1{background:url(../images/con_bg.jpg) top no-repeat, url(../images/bot_img.png) bottom no-repeat; background-size:100%;  padding:2% 0 5%}
.con_left{width:70%; float:left}
.con_left .welcome{margin:2% 0 0; color:#330433; font-family:Edwardian Script ITC; font-size:60px;}
.con_left .w{text-shadow:#ae9bae -7px 2px;}
.con_left .dr_sur img{ width:50%}
.con_left h1{color:#700171;}
.con_left h3{color:#98b312; line-height:22px}
.con_left p, .con_left ul, .con_left ol{ line-height:20px}
.con_left .tlc{color:#98b312; font-size:30px; font-family:'feena Casual'}
.con_left .tlc span{color:#700171}
.con_left .con_left_r{box-shadow:5px 5px 11px #999; border:1px solid #000; width:60%; float:right; padding:.8%; color:#330433; border-radius:10px; line-height:20px}
.con_left .con_left_l{ width:38%; float:left}
.con_left .con_left_l1{float:right;}
.con_left .con_left_l img{width:100%;}
.con_left .con_left_l1 img{width:95%; margin:0 0 0 5%}
.con_left a{color:#039}
.con_left .tree .like{ font-size:16px}
.con_left .con_left_r1{float:left;}
.con_right{float:right; width:28%; margin:0}
.con_right h2{margin:0 0 20px 0}
.con_right p span{font-size:13px; text-decoration:underline}
.con_right p span a{color:#970097}
.con_right .bookan{position:relative; font-size:18px}
.con_right .bookan #msg{position:absolute; right:0; top: 0px;}
.con_right .bookan a{color:#98b312; text-decoration:none; font-weight:bold}
.con_right .bookan a span{color:#330433;}
.con_right .right_menu{background:url(../images/right_top.PNG) top no-repeat, url(../images/right_bott.PNG) bottom no-repeat; background-size:100%; padding:32px 0 35px}
.con_right .right_menu .right_con{background:url(../images/right_center.PNG) center; line-height:30px; background-size:100%; font-size:12px; font-weight:bold}
.con_right .right_menu .right_con .con_r_top{font-size:15px; color:#98b312; height:35px; text-decoration:underline}
.con_right .right_menu .right_con a{color:#2e0330;}
.con_right .right_menu .right_con a:hover{color:#2e0330; text-decoration:underline}
.con_bottom .con_b_r{width:18%; float:right; margin:1%;}
.con_bottom .con_b_r .con_br_top{height:120px; background:#330433; padding:5% 3%; text-align:justify; font-size:12px; color:#fff}
.con_bottom .con_b_r .ctop{background:#5b365b;}
.con_bottom .con_b_r .ctop1{background:#846884;}
.con_bottom .con_b_r .con_br_top strong{ font-size:16px}
.con_bottom .con_b_r .con_br_top hr{ margin:0}
.con_bottom .con_b_r span, .con_bottom .con_b_r a{font-size:14px; font-weight:bold; color:#000}
.con_bottom .con_b_r .con_b_bo{height:30px; background:#330433; border-radius:0 0 80px 80px;}
.con_bottom .con_b_r .bo{background:#5b365b;}
.con_bottom .con_b_r .bo1{background:#846884;}
.con_bottom .con_b_r .con_b_bo .con_b_in{background:#2D002D; height:7px;border-radius:0 0 80px 80px;}
footer p{font-weight:bold; font-size:12px;}
.iframe{width:49%; float:left}
.iframe1{width:49%; float:right}
.iframe iframe, .iframe1 iframe, .iframe embed, .iframe1 embed{width:100%; height:300px}

/*******Contact Form***********/
.contact_form{width:70%;	background:#eef0f4; color:#000; border:1px #aaa solid;	font-family:Arial, Helvetica, sans-serif; margin:2% 0 0;	font-size:14px;}
.register .con_top, .contact_form .con_top{background:#ddd; color:#000; border-bottom:1px #aaa solid; font-size:12px; padding:2%; font-weight:bold}
.register .con_main, .contact_form .con_main{padding:2%; clear:both}
.register .con_main div, .contact_form .con_main div{padding:1%}
.register .con_main select{padding:2%;}
.register .con_main input[type="text"], .register .con_main input[type="number"], .register .con_main input[type="email"], .register .con_main input[type="tel"], .register .con_main select, .contact_form .con_main input[type="text"], .contact_form .con_main input[type="number"], .contact_form .con_main input[type="tel"], .contact_form .con_main input[type="email"]{border:#aaa 1px solid;	width:98%; height:18px; padding:1%; margin:1% 0 2% 0; font-size:13px}
.register .con_main select{padding:2% 0; width:100%}
.register textarea, .contact_form textarea{border:#aaa 1px solid; width:98%;	height:100px; padding:1%; margin:2% 0 0 0}
.register .con_bott, .contact_form .con_bott{background:#ddd; color:#000; height:23px; border-top:1px #aaa solid; padding:2%}
.register .con_bott input[type="submit"], .contact_form .con_bott input[type="submit"]{height:25px; padding:0 2%; float:right; cursor:pointer; font-weight:bold; background:#CCC}

@media (min-width:759px) and (max-width:960px) {
body{font-size:13px;}
.main{width:755px;}
header{margin:14px 0 0 0; height:265px;}
.flwar_pot{width:20%; bottom:65px;}
.banner{top:17px; left:23px;}
#slider{width:231px}
menu ul li{float:left; margin:0; padding:0 0 10px;}
.nav a{padding:0px 9px; font-size:11px}

.con_left h1{font-size:24px}
.con_left h3{font-size:16px}
.con_left .welcome{font-size:50px;}
.con_left .w{text-shadow:#ae9bae -5px 2px;}
.con_left p, .con_left ul, .con_left ol{ line-height:18px}
.con_left .tlc{font-size:28px;}
.con_left .tlc span{color:#700171}
.con_left .con_left_r{line-height:18px}
.con_right h2{margin:0 0 18px 0; font-size:18px}
.con_right p span{font-size:12px;}
.con_right .bookan{font-size:16px}
.con_right .right_menu{padding:26px 0 28px}
.con_right .right_menu .right_con .con_r_top{font-size:14px;}
.con_bottom .con_b_r{width:20%;}
.con_bottom .con_b_r .con_br_top{height:105px; font-size:11px;}
.con_bottom .con_b_r .con_br_top strong{ font-size:14px}
.con_bottom .con_b_r span, .con_bottom .con_b_r a{font-size:13px;}
.con_bottom .con_b_r .con_b_bo{height:25px;}
.con_bottom .con_b_r .con_b_bo .con_b_in{height:5px;}
footer p{ font-weight:bold; font-size:11px;}
.iframe iframe, .iframe1 iframe, .iframe embed, .iframe1 embed{height:220px}

/*******Contact Form***********/
.contact_form{font-size:12px;}
.register .con_top, .contact_form .con_top{font-size:11px;}
.register .con_main input[type="text"], .register .con_main input[type="number"], .register .con_main input[type="email"], .register .con_main input[type="tel"], .register .con_main select, .contact_form .con_main input[type="text"], .contact_form .con_main input[type="number"], .contact_form .con_main input[type="tel"], .contact_form .con_main input[type="email"]{height:16px; font-size:12px}
.register textarea, .contact_form textarea{height:90px;}
}

@media (min-width:440px) and (max-width:759px) {
body{font-size:11px;}
.main{margin:0 auto; width:435px;}
header{margin:10px 0 0 0; height:380px;}
.flwar_pot{width:30%; bottom:35px;}
.logo{margin:1% auto; float:none; width:50%;}
.frem{float:none; height:255px; width:80%; margin:0 auto;}
.banner{top:14px; left:19px;}
#slider{width:355px}
#slider img{width:100%}
menu{background:linear-gradient(to top, rgba(29,29,29,1), rgba(51,4,51,1) 50%); background:-moz-linear-gradient(to top, rgba(29,29,29,1), rgba(51,4,51,1) 50%); background:-webkit-linear-gradient(to top, rgba(29,29,29,1), rgba(51,4,51,1) 50%); background:-o-linear-gradient(to top, rgba(29,29,29,1), rgba(51,4,51,1) 50%); background:-ms-linear-gradient(to top, rgba(29,29,29,1), rgba(51,4,51,1) 50%); padding:0}
menu ul li{padding:7px 0;}
menu ul li a{font-size:11px; border:none; font-style:normal}
.nav li li a{background:#aaa; color:#fff;}

.con_left{width:100%; float:none}
.con_left h1{font-size:22px}
.con_left h3{font-size:16px}
.con_left .welcome{font-size:40px;}
.con_left .w{text-shadow:#ae9bae -5px 2px;}
.con_left p, .con_left ul, .con_left ol{line-height:16px}
.con_left .tlc{font-size:26px;}
.con_left .con_left_r{line-height:16px;}
.con_left .con_left_l{ width:37.9%; float:left}
.con_left .con_left_l1 img{width:93%; margin:0 0 0 7%}
.con_left .tree .like{ font-size:14px}
.con_right{float:none; width:100%; margin:5% 0 0}
.con_right p span{font-size:12px;}
.con_right .bookan{font-size:18px}
.con_right .right_menu{padding:54px 0 59px}
.con_right .right_menu .right_con{font-size:14px;}
.con_right .right_menu .right_con .con_r_top{font-size:18px;}
.con_bottom .con_b_r{width:48%; float:right;}
.con_bottom .con_b_r .con_br_top{height:105px; font-size:13px;}
.con_bottom .con_b_r .con_br_top strong{ font-size:17px}
.con_bottom .con_b_r span, .con_bottom .con_b_r a{font-size:14px;}
.con_bottom .con_b_r .con_b_bo{height:25px;}
footer p{font-size:10px;}
.iframe{width:100%; float:none}
.iframe1{width:100%; float:none}

.tree{height:420px; width:100%; margin:0 auto}
.tree li a{padding:5px 9px; font-size:12px;}

/*******Contact Form***********/
.contact_form{width:95%; margin:4% auto;	font-size:12px;}
.register .con_top, .contact_form .con_top{font-size:11px;}
.register .con_main input[type="text"], .register .con_main input[type="number"], .register .con_main input[type="email"], .register .con_main input[type="tel"], .register .con_main select, .contact_form .con_main input[type="text"], .contact_form .con_main input[type="number"], .contact_form .con_main input[type="tel"], .contact_form .con_main input[type="email"]{height:14px; font-size:11px}
.register textarea, .contact_form textarea{height:80px;}
}

@media (max-width:439px) {
body{font-size:10px;}
.main{margin:0 auto; width:260px;}
header{margin:6px 0 0 0; height:245px;}
.flwar_pot{width:30%; bottom:20px;}
.logo{margin:1% auto; float:none; width:50%;}
.frem{float:none; height:165px; width:90%; margin:0 auto;}
.banner{top:8px; left:11px;}
#slider{width:222px}
#slider img{width:100%}
menu{background:linear-gradient(to top, rgba(29,29,29,1), rgba(51,4,51,1) 50%); background:-moz-linear-gradient(to top, rgba(29,29,29,1), rgba(51,4,51,1) 50%); background:-webkit-linear-gradient(to top, rgba(29,29,29,1), rgba(51,4,51,1) 50%); background:-o-linear-gradient(to top, rgba(29,29,29,1), rgba(51,4,51,1) 50%); background:-ms-linear-gradient(to top, rgba(29,29,29,1), rgba(51,4,51,1) 50%); padding:0}
menu ul li{padding:7px 0;}
menu ul li a{font-size:10px; border:none; font-style:normal}
.nav li li a{background:#aaa;font-size:10px; color:#fff;}

.con_left{width:100%; float:none}
.con_left h1{font-size:18px}
.con_left h3{font-size:13px; line-height:16px}
.con_left .welcome{font-size:28px;}
.con_left .w{text-shadow:#ae9bae -3px 1px;}
.con_left p, .con_left ul, .con_left ol{line-height:14px}
.con_left .tlc{font-size:20px;}
.con_left .con_left_r{line-height:14px; width:97%; float:none}
.con_left .con_left_l{ width:100%; float:none}
.con_left .con_left_l1 img{width:100%; margin:0}
.con_right{float:none; width:100%; margin:5% 0 0}
.con_right p span{font-size:10px;}
.con_right .bookan{font-size:16px}
.con_right .right_menu{padding:32px 0 35px}
.con_right .right_menu .right_con{font-size:14px;}
.con_right .right_menu .right_con .con_r_top{font-size:16px;}
.con_bottom .con_b_r{width:48%; float:right;}
.con_bottom .con_b_r .con_br_top{height:106px; font-size:10px;}
.con_bottom .con_b_r .con_br_top strong{font-size:14px}
.con_bottom .con_b_r span, .con_bottom .con_b_r a{font-size:12px;}
.con_bottom .con_b_r .con_b_bo{height:20px;}
footer p{font-size:9px;}
.iframe{width:100%; float:none}
.iframe1{width:100%; float:none}
.iframe iframe, .iframe1 iframe, .iframe embed, .iframe1 embed{height:180px}

.con_left .tree .like{ font-size:12px}
.tree{height:330px; width:100%; margin:0 auto}
.tree li a{padding:1px 6px; font-size:6px;}

/*******Contact Form***********/
.contact_form{width:95%; margin:4% auto;	font-size:10px;}
.register .con_top, .contact_form .con_top{font-size:10px;}
.register .con_main input[type="text"], .register .con_main input[type="number"], .register .con_main input[type="email"], .register .con_main input[type="tel"], .register .con_main select, .contact_form .con_main input[type="text"], .contact_form .con_main input[type="number"], .contact_form .con_main input[type="tel"], .contact_form .con_main input[type="email"]{height:12px; font-size:10px}
.register textarea, .contact_form textarea{height:70px;}
}
