@charset "utf-8";
/* CSS Document */
/* ================= General 1024px - 768px ================= */
/* TABLES */

@import url("http://fonts.googleapis.com/css?family=Roboto:400,700,500");

.roboto{font-family: 'Roboto', sans-serif;}

body{font:14px "myriad Pro", "trebuchet MS"; color:#3b3b3b; background:#fff; line-height:20px;}
h1{font:23px 'Roboto', sans-serif; color:#000000;}
h4{font:19px "myriad Pro", "trebuchet MS"; color:#fff;}
.wrapper{width:980px; margin:0 auto;}
.logo_area{width:335px; float:left;}
.top_rht{width:500px; float:right; border:0px solid #000;}


/*-------------------Social Media Icon Css--------------------*/

.follow{ height:31px; overflow:hidden; margin-top:33px; margin-right:66px; float:left; width:185px; border:0px solid #000;}
.follow p{float:left; margin-left:4px;}
.follow img{transition:all .3s linear; -webkit-transition:all .3s linear; -ms-transition:all .3s linear; -moz-transition:all .3s linear;}
.follow img:hover{margin-top:-31px;}

.contact_area{float:left; margin-top:10px; margin-left:12px; border:0px solid #000;}
.contact_img{float:left; margin-top:15px;}
.top_contact{font-size:23px; font-family:"myriad Pro", "trebuchet MS"; color:#444444; float:left; margin-left:12px; line-height:22px; border:0px solid #000;}
.top_contact span{font-size:12px;}

/*nav*/
nav{
	margin: 0px;
	margin-top: 16px;
	padding: 0px;
	background: url('nav_bg.jpg') repeat-x;
	width: 100%;
	height: 46px;
}
ul.topmenu{margin:0; padding:0;color:#fff; font:bold 17px/22px "myriad Pro", "trebuchet MS";}
ul.topmenu li{display:block; float:left; margin:0px; padding:0; position:relative; margin-top:12px; background:url(../images/nav_line.jpg) no-repeat;}
ul.topmenu li:first-child{background-image:none; padding-left:0px;}
ul.topmenu li>a, ul.topmenu li>a:visited{display:block; margin:0px; padding:0px 28px; color:#fff; text-transform:uppercase; text-align:right;}
ul.topmenu li:hover>a, ul.topmenu li>a.act{color:#fff;}
ul.topmenu li img{ vertical-align:middle;}
ul.topmenu div a{display:block; text-align:left; font:13px/28px Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #ac6e0b; padding-left:5px;}
ul.topmenu div a:hover,ul.topmenu div a.act{color:#000; background:#fff;}
ul.topmenu div{display:none; position:absolute; z-index:999; left:0; top:22px; background:#d18d23;}
ul.topmenu div.first_menu{background:#d18d23; width:200px; padding:10px; border-bottom:2px solid #d18d23;} 
ul.topmenu div.submenu{background:none; display:block; position:static; box-shadow:none; padding:0;}
ul.topmenu div.submenu>a:first-child{background:url(../images/bltx.png) no-repeat 97% 11px}
ul.topmenu div.submenu a.act{background:rgba(255,255,255,1.9) url(../images/bltx.png) no-repeat 97% 11px; color:#000}
ul.topmenu div a.act{}
ul.topmenu div.sub_cat{margin-left:190px; margin-top:-25px; width:180px; display:none; border-radius:0px 5px 5px 0px}


.nav_mob{height:auto; position:relative;}

.nav_mob .navlink{padding:5px; cursor:pointer; z-index:999;transition:all .5s linear; -webkit-transition:all .5s linear; -moz-transition:all .5s linear; -ms-transition:all .5s linear; display:none}
.nav_mob .navlink:hover{background:none;}

.navlink b{color:#fff; text-transform:uppercase; font-size:15px}
.navlink img{vertical-align:middle; margin:0 10px 0 0}
/*nav*/

.banner_area{/*background:url(../images/slide1.jpg) center no-repeat;*/ background:#333; width:100%;}

/*nav2*/
.nav_bg{margin:0px; padding:0px; background:url(../images/nav_bg.jpg) repeat-x; width:100%; height:46px;}
.nav_bg2{
	margin: 0px;
	padding: 0px;
	background: repeat-x;
	width: 100%;
	height: 46px;
	background-color: #144987;
}
ul.topmenu2{margin:0; padding:0;color:#fff; font:bold 17px/22px "myriad Pro", "trebuchet MS";}
ul.topmenu2 li{display:block; float:left; margin:0px; padding:0; position:relative; margin-top:12px; background:url(../images/nav_line.jpg) no-repeat;}
ul.topmenu2 li:first-child{background-image:none; padding-left:0px;}
ul.topmenu2 li>a, ul.topmenu2 li>a:visited{display:block; margin:0px; padding:0px 20px; color:#fff; text-transform:uppercase; text-align:right;}
ul.topmenu2 li:hover>a, ul.topmenu2 li>a.act{color:#fff;}
ul.topmenu2 li img{ vertical-align:middle;}
ul.topmenu2 div a{display:block; text-align:left; font:13px/28px Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #ac6e0b; padding-left:5px;}
ul.topmenu2 div a:hover,ul.topmenu2 div a.act{color:#000; background:#fff;}
ul.topmenu2 div{display:none; position:absolute; z-index:999; left:0; top:22px; background:#d18d23;}
ul.topmenu2 div.first_menu2{background:#d18d23; width:200px; padding:10px; border-bottom:2px solid #d18d23;} 
ul.topmenu2 div.submenu2{background:none; display:block; position:static; box-shadow:none; padding:0;}
ul.topmenu2 div.submenu2>a:first-child{background:url(../images/bltx.png) no-repeat 97% 11px}
ul.topmenu2 div.submenu2 a.act{background:rgba(255,255,255,1.9) url(../images/bltx.png) no-repeat 97% 11px; color:#000}
ul.topmenu2 div a.act{}
ul.topmenu2 div.sub_cat{margin-left:190px; margin-top:-25px; width:180px; display:none; border-radius:0px 5px 5px 0px}


.nav_mob2{height:auto; position:relative;}

.nav_mob2 .navlink2{padding:5px; cursor:pointer; z-index:999;transition:all .5s linear; -webkit-transition:all .5s linear; -moz-transition:all .5s linear; -ms-transition:all .5s linear; display:none}
.nav_mob2 .navlink2:hover{background:none;}

.navlink2 b{color:#fff; text-transform:uppercase; font-size:15px}
.navlink2 img{vertical-align:middle; margin:0 0px 0 0}

/*nav2*/


.auto{margin:0 auto;}
/* floating classes */
.box{width:90%; margin:60px auto auto; overflow:hidden;}
.floater, .floater li{margin:0; padding:0; list-style:none;}
.float_3 li{width:33.33333%; float:left; margin:0 auto; border:0px solid #000; overflow:hidden;}
.float_4 li{width:23.9%; float:left; margin:20px 0 0px 10px; border:1px solid #ccc; overflow:hidden; height:168px;}
.float_4 li img{width:100%; height:165px; border:2px solid #ccc;}

.img_bg{width:100%; overflow:hidden;}
.img_scale{position:relative;}
.img_scale img, .img_opc img{transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s;}
.img_scale:hover img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}
.photo_cont_tag{position:absolute; z-index:9999 !important; bottom:-60px; transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; left:0; right:0; width:100%;}


.pro_img{margin:0 0px 0 0px; text-align:center;}

.arr-l-pos{position:absolute; z-index:999; top:135px; left:0px;}
.arr-r-pos{position:absolute; z-index:999; top:135px; right:0px;}
/*nav area*/

.body_bg{background:url(../images/body_bg.jpg) repeat; width:100%; padding-bottom:30px; border-bottom:3px solid #dbd9d9;}
.line{width:100%; margin:0 auto; text-align:center; padding:30px 0 20px 0;}
.welcome-text{text-align:center; padding:20px 45px 20px 45px;}

.btn{background:#c97c03; width:126px; display:block; padding:0px 0px 0px 15px; color:#fff; font:14px 'Open Sans', sans-serif; text-decoration:none; border-radius:5px; text-align:center; cursor:pointer; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; margin:0 auto; border:none;}
.btn:hover{ background:#000; color:#fff;}

.btn1, .btn1:visited{ background:#c97c03; font:bold 16px/20px 'Open Sans', sans-serif; display:inline-block; padding:7px 30px; color:#fff; border-radius:5px; text-decoration:none; cursor: pointer; border:none;}
.btn1:hover{background:#000; color:#fff; transition:all .6s linear; -moz-transition:all .6s linear; -webkit-transition:all .6s linear; transition:all .6s linear;}

.btn2{background:#c97c03; width:200px; display:block; padding:10px 15px; color:#fff; font:14px 'Open Sans', sans-serif; text-decoration:none; border-radius:5px; text-align:center; cursor:pointer; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; margin:0 auto; border:none;}
.btn2:hover{ background:#000; color:#fff !important}


.tab_hider{display:block;}
.tab_only{display:none;}

.footer_bg{
	background: #383838;
	width: 100%;
	display: table;
	padding-bottom: 30px;
	margin-top: 30px;
	background-image: url('footer.jpg');
}
.f_dd_box{margin:0px 0 0 0}
.window_link{width:14%; float:left; margin:30px 0 0 20px;}
.window_link2{width:45%; float:left; margin:30px 0 0 60px; border:0px solid #000;}
.window_link3{width:28%; float:left; margin:30px 0 0 40px;}
.window_link2 .foot_sub{width:42%; float:left; margin-right:0%; border:0px solid #000;}
.ver-line{border-right:1px solid #595757; height:88px; float:left;}

.footer-nav{margin:0px; padding:0px;}
.footer-nav ul{margin:0px; padding:0px; margin-top:10px;}
.footer-nav ul li{list-style:none; margin:0px; padding:0px;}
.footer-nav ul li a{font-size:15px; font-weight:300; display:block; margin:5px 0px; padding:0px; color:#fff;}
.footer-nav ul li a:hover{color:#c97c03;}

.bottom_bg{background:#c97c03; width:100%; display:table;}

/* About Us CSS */

.inner_area{background:url(../images/inner_banner.jpg) center no-repeat; width:100%; height:220px;}

/* Contact Us CSS */

.right_area{width:35%; float:right; border:0px solid #000;}
.left_area{width:63%; float:left; border:0px solid #000;}
.input-box{width:95%; padding:10px 10px; border:#CCCCCC;}
.text-box{width:60%; padding:10px 10px; border:#CCCCCC;}

/* Sitemap CSS */

.list1 a{display:block; text-align:left; font:13px/24px 'Roboto', sans-serif,Arial, Helvetica, sans-serif; color:#666; background: url(../images/bul.png) no-repeat 95% center; padding:3px 10px 2px 20px; box-shadow:5px 5px 5px rgba(0,0,0,.1);border-radius:50px; margin-bottom:8px;transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; border:1px solid #ddd; width:45%; float:left; margin-left:30px;}
.list1 a:hover{background:#49c2eb url(../images/bulh.png) no-repeat 12px center; color:#fff;padding:3px 10px 2px 35px;} 

/*tree*/

.tree{color:#333; font-size:13px; margin:0px 0 0px 0; padding:5px 0px; border-bottom:1px #ccc solid; border-width:1px 0; text-transform:uppercase;}
.tree a{color:#f16b1f; text-decoration:none; padding:0px 13px 0px 0;}
.tree a:hover{ color:#333;}

/*404 Page Css*/
.error_img img{width:640px; margin:0 auto;}


.tab-bg{ background:#f7f7f7; border:1px solid #dddddd; margin:5px auto 0 auto; width:95%;}
.tab_hide{ display:none}
.tabs.act{background:#007cc2;border:1px solid #0473b2; border-bottom:none; color:#fff}.tabs:hover{background:#007cc2; color:#fff}

ul.tab{list-style:none; margin:0; padding:0;}
ul.tab li>a{display:block; font:300 16px/18px 'Open Sans',Arial, Helvetica, sans-serif; color:#666; padding:5px 0px 5px 0px;}
.tab-text{margin:10px 0 0 0px; display:none; padding:0px 15px 15px 15px; border:1px solid #eee; background:#fff;}
.tab-text p{font-weight:normal; font:normal 12px/16px 'Open Sans',Arial, Helvetica, sans-serif;}

/* FAQS CLASSES ENDS */

.cms_area{font:14px/20px 'Open Sans', sans-serif; color:#666} .cms_area ul, .cms_area ol{margin:20px 0px 20px 30px}
.cms_area ul li{ list-style-type: disc} 
.cms_area ol li{ list-style-type:decimal}

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

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

.wrapper{width:100%; margin:0 auto;}
.logo_area{width:42%; float:left;}
.top_rht{width:57%; float:right;}
.follow{ height:31px; overflow:hidden; margin-top:33px; margin-right:0px; float:left; width:185px; border:0px solid #000;}

/*nav*/
nav{margin-top:30px; margin:0px; padding:0px; position:absolute; background:none;}
ul.topmenu{margin:0; padding:0;color:#fff; font:700 12px/36px 'Open Sans',Arial, Helvetica, sans-serif;}
ul.topmenu li{display:block; float:none; margin:0; padding:0; border:0; border-bottom:1px solid #a96c0c;}
ul.topmenu li a, ul.topmenu li a:visited{display:block; padding:0px 10px; color:#fff; background:#d18e24; text-align:left;  }
ul.topmenu li:hover>a, ul.topmenu li>a.act{background:#fff; color:#000;}
ul.topmenu li a img{display:none}
ul.topmenu div a{display:block; text-align:left; font:700 12px/36px 'Open Sans',Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #464646; background:#d18e24; padding-left:20px;}
ul.topmenu div a:hover,ul.topmenu div a.act{color:#000; background:#fff;}
ul.topmenu div{display:none; left:0; top:35px;}

ul.topmenu div.first_menu{display:none; !important}

ul.topmenu .two { width:420px !important;}
.nav_mob{height:50px; overflow:hidden; position:absolute; z-index:999; top:-5px; left:0px; width:200px;}

.nav_mob_toggle{height:auto !important; overflow:visible;}
.nav_mob .navlink{display:block;}
ul.topmenu div.first_menu{background:#000; width:98%; padding:10px;} 
/*nav area*/

/*nav2*/

ul.topmenu2{margin:0; padding:0;color:#fff; font:700 12px/36px 'Open Sans',Arial, Helvetica, sans-serif;}
ul.topmenu2 li{display:block; float:none; margin:0; padding:0; border:0; border-bottom:1px solid #a96c0c;}
ul.topmenu2 li a, ul.topmenu2 li a:visited{display:block; padding:0px 10px; color:#fff; background:#d18e24; text-align:left;}
ul.topmenu2 li:hover>a, ul.topmenu2 li>a.act{background:#fff; color:#000;}
ul.topmenu2 li a img{display:none}
ul.topmenu2 div a{display:block; text-align:left; font:700 12px/36px 'Open Sans',Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #464646; background:#d18e24; padding-left:20px;}
ul.topmenu2 div a:hover,ul.topmenu2 div a.act{color:#000; background:#fff;}
ul.topmenu2 div{display:none; left:0; top:35px;}

ul.topmenu2 div.first_menu2{display:none; !important}

ul.topmenu2 .two { width:420px !important;}

.nav_mob2{height:50px; overflow:hidden; z-index:999; margin:0px auto; width:200px}

.nav_mob_toggle2{height:auto !important; overflow:visible;}
.nav_mob2 .navlink2{display:block;}
ul.topmenu2 div.first_menu2{background:#000; width:98%; padding:10px;} 

.navlink2 img{vertical-align:middle; height:45px; margin:-5px auto 0 auto;}

/*nav area*/

.banner_area{/*background:url(../images/slide1.jpg) center;*/ width:100%; margin-top:15px;}

.arr-l-pos{position:absolute; z-index:999; top:135px; left:20px;}
.arr-r-pos{position:absolute; z-index:999; top:135px; right:20px;}


.float_3 li{width:50%; float:left; margin:0 auto; border:0px solid #000; overflow:hidden;}
.float_4 li{width:48%; float:left; margin:20px auto; text-align:center; border:1px solid #ccc; overflow:hidden; height:220px;}
.float_4 li img{width:228px; height:165px; border:2px solid #ccc;}

.welcome-text{text-align:center; padding:30px 25px;}

.window_link{width:25%; float:left; margin:30px 0 0 20px;}
.window_link2{width:60%; float:left; margin:30px 0 0 60px; border:0px solid #000;}

.window_link3{width:100%; float:left; margin:30px 0 0 0px;}
.window_link3 img{display:none;}
.window_link3 p{text-align:center;}
.window_link3 h4{text-align:center; border-top:1px solid #595757; width:100px; margin:0px auto; padding-top:20px;}
.window_link2 .foot_sub{width:42%; float:left; margin-right:0%; border:0px solid #000;}
.ver-line.last{display:none;}

.tab_hider{display:block;}

/* Sitemap CSS */

.tree{display:none;}

}

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

.logo_area{width:100%; float:none; margin:0 auto; width:312px;}
.logo_area img{width:auto;}
.top_rht{width:100%; float:right;}
.follow{ height:31px; overflow:hidden; margin:15px auto 0px auto; float:none; width:185px; border:0px solid #000;}
.contact_area{float:none; margin:10px auto; width:225px; border:0px solid #000;}

.banner_area{/*background:url(../images/slide1.jpg) center no-repeat;*/ background:#333; width:100%; margin-top:20px;}
.inner_area{background:url(../images/slide1.jpg) center no-repeat; width:100%; height:220px; margin-top:20px;}

.f_dd_box{display:none;}
.tab_hider{display:none;}
.tab_only{display:block;}

.float_2 li,.float_2x li, .float_3 li, .float_4 li, .float_4x li{width:100%; float:none}
.float_4 li{width:95%; float:left; margin:20px 0 0px 10px; border:1px solid #ccc; overflow:hidden; height:220px;}

.window_link{width:auto; float:none; margin:0; margin-left:0px;}
.window_link2{display:block;width:auto; float:none; margin:0; margin-left:0px;}
.window_link3{width:auto; float:none; margin:15px 0 0 0px;}
.window_link3 img{display:none;}
.window_link3 p{text-align:left; margin-left:20px;}
.window_link3 h4{text-align:left; border-top:0px solid #595757; width:auto; margin:0px auto; padding-top:0px;}

.footer-nav{margin:0px; margin-left:20px; padding:0px;}

.ver-line{display:none;}

.dd_next{margin:10px 0 0 0; border-bottom:1px dotted #fff; padding:7px; background:url(../images/pls.png) no-repeat 99% center; cursor:pointer}.dd_next_act{background:url(../images/mns.png) no-repeat 99% center;}

.nav_mob{height:50px; overflow:hidden; position:absolute; z-index:999; top:-120px; left:15%; width:200px}
.nav_mob2{height:50px; overflow:hidden; z-index:999; margin:0px auto; width:200px;}
.nav_mob2 a img{margin:-5px auto 0 70px; text-align:center; height:45px;}

/* Contact Us CSS */

.right_area{width:100%; float:none; border:0px solid #000;}
.left_area{width:100%; float:none; border:0px solid #000; padding-bottom:20px; border-bottom:1px solid #ccc;}

/* Sitemap CSS */

.list1 a{display:block; text-align:left; font:13px/24px 'Roboto', sans-serif,Arial, Helvetica, sans-serif; color:#666; background: url(../images/bul.png) no-repeat 95% center; padding:3px 10px 2px 20px; box-shadow:5px 5px 5px rgba(0,0,0,.1);border-radius:50px; margin-bottom:8px;transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; border:1px solid #ddd; width:90%; float:left; margin-left:30px;}

/*404 Page Css*/
.error_img img{width:90%;}

}

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

.nav_mob{height:50px; overflow:hidden; position:absolute; z-index:999; top:-120px; left:-3px; width:200px}

.logo_area{width:100%; float:none; margin:0 auto; width:280px;}
.logo_area img{width:100%;}
.follow{ height:31px; overflow:hidden; margin:15px auto 0px auto; float:none; width:185px; border:0px solid #000;}
.contact_area{float:none; margin:10px auto; width:225px; border:0px solid #000;}


.window_link2 .foot_sub{width:auto; float:none; margin-right:0%; border:0px solid #000;}
.ml50{margin:0px;}

/* Sitemap CSS */

.list1 a{display:block; text-align:left; font:13px/24px 'Roboto', sans-serif,Arial, Helvetica, sans-serif; color:#666; background: url(../images/bul.png) no-repeat 95% center; padding:3px 10px 2px 20px; box-shadow:5px 5px 5px rgba(0,0,0,.1);border-radius:50px; margin-bottom:8px;transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; border:1px solid #ddd; width:80%; float:left; margin-left:30px;}

.float_4 li img{width:100%; height:165px; border:2px solid #ccc;}

}

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

.logo_area{width:100%; float:none; margin:0 auto; width:220px;}

.follow{ height:31px; overflow:hidden; margin:15px auto 0 auto; float:none; width:185px; border:0px solid #000;}
.nav_mob{height:50px; overflow:hidden; position:absolute; z-index:9999; top:15px; left:-3px; width:200px}

.btn1, .btn1:visited{ background:#c97c03; font:bold 16px/20px 'Open Sans', sans-serif; display:inline-block; padding:7px 20px; color:#fff; border-radius:5px; text-decoration:none; cursor: pointer; border:none;}
.btn1:hover{background:#000; color:#fff; transition:all .6s linear; -moz-transition:all .6s linear; -webkit-transition:all .6s linear; transition:all .6s linear;}

.text-box{width:50%; padding:10px 10px; border:#CCCCCC;}
.float_4 li{width:90%; float:left; margin:20px 0 0px 10px; border:1px solid #ccc; overflow:hidden; height:220px;}

}