/* GOOGLE FONTS */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,700,300,400);
@import url(https://fonts.googleapis.com/css?family=Roboto:300italic,900,100italic,400italic,400,300,500italic,700italic,100,700,500,900italic);


/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#888888!important; color:#fff}
::-moz-selection{ background:#888888!important; color:#fff}

a{ color:#494541; text-decoration: underline; outline:none}
a:hover{ color:#494541; text-decoration: none; outline:none}

body{ background: #27211a;  border:0; font: 16px 'Roboto', Arial, Helvetica, sans-serif; color:#615e5a ; line-height:30px; min-width:320px;}

.container { position: relative; min-width: 320px;}

#main{margin: 0 auto; position: relative; overflow: hidden;}



/* ============================= header ====================== */
.top1_wrapper{background: #f1f1f1; background-size: cover;}

.top1{padding-top: 5px; padding-bottom: 5px;}

header{float: left; padding-top: 8px;}

.logo{display: inline-block;}
.logo span{font:18pt impact;}
.logo_wrapper a{text-decoration:none}

.top2_wrapper{float: right;}

.call1_wrapper{float: left;}
.call1 a{display: block; font-family: 'Roboto Condensed'; text-transform: uppercase; padding-left: 50px; background: url(../images/call1.png) left 3px no-repeat;}
.call1 a .txt1{font-size: 16px; color: #ffcc00;}
.call1 a .txt2{font-size: 20px; font-weight: 700; color: #ffffff;}

.chat1_wrapper{float: left; margin-left: 25px;}
.chat1 a{display: block; font-family: 'Roboto Condensed'; text-transform: uppercase; padding-left: 50px; background: url(../images/chat1.png) left 3px no-repeat;}
.chat1 a .txt1{font-size: 16px; color: #ffcc00;}
.chat1 a .txt2{font-size: 20px; font-weight: 700; color: #ffffff;}

.top3_wrapper{background: #197EB9;}
.top3{position: relative;}

.splash_wrapper{background: #fcf9f2; border-bottom: 1px solid #e2e0d9; padding-top: 30px; padding-bottom: 30px;}
.splash_wrapper .title1{font-weight: 700; font-size: 48px; line-height: 48px; color: #55402a; text-align: center; padding-bottom: 5px;}
.splash_wrapper .title2{font-weight: 300; font-size: 28px; line-height: 28px; color: #55402a; text-align: center; padding-bottom: 25px;}
.splash_wrapper .splash_bot{padding-top: 25px; text-align: center;}
.splash_wrapper .splash_bot .link_wrapper{display: inline-block;}
.splash_wrapper .splash_bot .or1{display: inline-block; font-weight: 300; font-size: 24px; line-height: 24px; color: #55402a; text-transform: uppercase; padding: 16px 40px; text-align: center;}
.splash_wrapper .splash_bot .phone2{display: inline-block; font-weight: 700; font-size: 24px; line-height: 24px; color: #55402a; text-transform: uppercase; padding: 16px 0px; text-align: center;}

.splash2 {text-align: center; margin-bottom: 25px;}
.splash2 .link_wrapper{}
.splash2 .link_wrapper a{display: block; padding-left: 5px; padding-right: 5px;}
.splash2 .phone3{display: inline-block; font-weight: 700; font-size: 24px; line-height: 24px; color: #55402a; text-transform: uppercase; padding: 16px 0px; text-align: center;}

.page_slide{position: relative;}
.page_slide .page_slide_img{position: relative;}
.page_slide .page_slide_img img{ width: 1600px; position: relative; left: 50%; margin-left: -800px;}
.page_slide .page_title_wrapper{position: absolute; width: 100%; left: 0; top: 50%; margin-top: -60px;}
.page_slide .page_title_wrapper .page_title{font-family: 'Roboto Condensed'; font-size: 44px; line-height: 1; color: #fff; background: #ffcc00; padding: 23px; display: inline-block;}

.breadcrumbs1_wrapper{position: absolute; left: 0; width: 100%; bottom: 0;}

.breadcrumbs1{padding: 10px 25px; margin-top: 0px; font-weight: 300; line-height: 20px; color: #fff; font-size: 14px; font-family: 'Roboto'; background: #64482c; display: inline-block;}
.breadcrumbs1 a{color: #fff; text-decoration: underline;}
.breadcrumbs1 a:hover{color: #fff; text-decoration: none;}
.breadcrumbs1 span{display: inline-block; width: 7px; height: 7px; margin: 0 7px;}

.pinner a{display: block; text-decoration: none; position: relative; background: #fff;padding: 10px;}
.pinner a:hover{background: #f38528;}
.pinner a:hover span{color: #fff;}

.download-list{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.download-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e8e4df;border-radius:10px;padding:18px 20px;transition:all .3s ease;animation:fadeSlideIn .4s ease both}
.download-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);border-color:#197EB9;transform:translateY(-2px)}
.download-icon{width:50px;height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#E32323,#b71c1c);color:#fff;border-radius:12px;font-size:22px}
.download-info{flex:1}
.download-info h5{margin:0;font-size:15px;font-weight:600;color:#3a3632;line-height:1.4}
.download-btn .btn-dl{background:#197EB9;color:#fff;text-decoration:none;border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600;letter-spacing:.3px;transition:all .25s ease;white-space:nowrap}
.download-btn .btn-dl:hover{background:#64482c;color:#fff;transform:scale(1.03)}
.download-btn .btn-dl i{margin-right:4px}
@keyframes fadeSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.pinner a .img{width: 100%;}
.center {text-align:center}
.vdo {width:800px; height:460px;}
.pds{padding:10px}

/* ============================= content ====================== */
#content{padding-top: 30px; padding-bottom: 30px; background: #f1f1f1 url(../images/bg1.png);}

#content2{padding-top: 30px; padding-bottom: 30px; background: #fff;}

/* ============================= banner ====================== */
#banner_wrapper{ position: relative;}

#banner{position: relative; }

.banner_paginations{position: relative; padding-left: 50px; padding-top: 15px;}

.banner_prev{display: inline-block; width: 31px; height: 32px; background: url(../images/prev2.png) left top no-repeat;}
.banner_prev:hover{background-position: bottom;}

.banner_next{display: inline-block; width: 31px; height: 32px; background: url(../images/next2.png) left top no-repeat; margin-left: 5px;}
.banner_next:hover{background-position: bottom;}

#banner .carousel-box{position: relative;}
#banner .carousel-box .inner{position: relative; overflow: hidden; max-width: none; margin: 0;}
#banner .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -20px; }
#banner .caroufredsel_wrapper{padding: 0; margin: 0;}
#banner .caroufredsel_wrapper ul{padding: 0; margin: 0;}
#banner .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:0px; margin-right: 20px;}
/* ============================= banner end ====================== */

.contactinfo{width:100%}

/* news */
#content p.news {
	border-bottom:1px #ccc solid;
	padding-bottom:18px;
	margin-bottom:15px;
	padding-top:0;
	margin-top:0;
	clear:both
}

#content p.news span{
	display:block;
	float:left;
	width:110px;
	padding-left:5px;
	padding-bottom:40px;
	padding-top:5px
}

#content p.news span i, p.news span em {
	font-weight:300;
	font-style:normal;
	color:#000;
	font-size:18px;
	font-family: 'Open Sans';
	line-height:50px;
	display:block;
	padding-bottom:5px
	
}
#content p.news span i {
	font-size:50px;
}

#content p.news span em {
	font-weight:400;
	line-height:24px;
}

#content p.news strong {
	font-weight:700;
	line-height:20px;
	font-size:14px;
	text-transform:uppercase;
	display:block;
	padding-bottom:5px
}



#slider3_wrapper{}
#slider3{position: relative;}

.prev3{display: block; width: 37px; height: 36px; background: url(../images/prev2.png) left -32px no-repeat; position: absolute; left: -40px; top: 50%;margin-top: -43px; z-index: 100; opacity: 0.7; filter: alpha(opacity=70);}
.prev3:hover{opacity: 1; filter: alpha(opacity=100);}
.next3{display: block; width: 37px; height: 36px; background: url(../images/next2.png) left -32px no-repeat; position: absolute; right: -40px; top: 50%; margin-top: -43px; z-index: 100; opacity: 0.7; filter: alpha(opacity=70);}
.next3:hover{opacity: 1; filter: alpha(opacity=100);}

.carousel-box3{position: relative;}
.carousel-box3 .inner{position: relative; overflow: hidden;}
.carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -20px; }
.caroufredsel_wrapper{padding: 0; margin: 0;}
.caroufredsel_wrapper ul{padding: 0; margin: 0;}
.carousel-box3 ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; overflow:hidden; padding-right:5px }

.banner{}
.banner .banner_inner{}
.banner .banner_inner a{display: block; text-decoration: none; background: #ffffff; position: relative; text-align: center; padding: 5px 0;}
.banner .banner_inner a:hover{background: #ffa200;}
.banner .banner_inner a .img{padding-top: 0px; padding-bottom: 25px;}
.banner .banner_inner a .txt1{font-family: 'Roboto'; font-weight: 100; font-size: 36px; line-height: 42px; color: #fff; padding-bottom: 25px;}
.banner .banner_inner a .txt2{display: inline-block; padding: 11px 20px; color: #fff; background: #5dc9f8; font-size: 16px; font-weight: 100; line-height: 20px;}
.banner .banner_inner a:hover .txt2{background: #1069a1;}
.banner .banner_inner img{width:100%;height:auto}



/*Testimonial*/
.caroufredsel_slider{padding: 0px;}
.caroufredsel_slider > .txt1{font-family:'Roboto'; font-weight:400; font-size:18px; color:#0C679C; line-height:20px; padding:0px 0 10px 0; margin: 0 0 15px; text-transform: uppercase; border-bottom: 2px solid #3b3b38;}
.caroufredsel_wrapper{width: 100%!important; }
#caroufredsel{margin: 0; padding: 0; list-style: none; display: block;}
#caroufredsel li { padding: 0; margin: 0; display: block; float: left;}

.box1{margin-top: 0px; background: #ffffff; padding: 20px 20px; position: relative; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
.box2{margin-top: 0px; background: #ffffff; padding: 0px 10px; position: relative; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}

.article-box{padding:35px 40px}
.article-header{margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}
.article-title{margin:0 0 8px;font-size:26px;font-weight:700;color:#222;line-height:1.3}
.article-meta{font-size:13px;color:#888}
.article-date i{margin-right:5px}
.article-body{font-size:15px;line-height:1.8;color:#444}
.article-body p{margin-bottom:15px}
.article-body img{max-width:100%;height:auto;border-radius:4px;margin:10px 0}
.gallery-section{margin-top:30px;padding-top:25px;border-top:2px solid #f0f0f0}
.gallery-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}
.gallery-heading h3{margin:0;font-size:18px;font-weight:600;color:#333}
.gallery-heading h3 i{margin-right:6px;color:#197EB9}
.btn-gallery-slideshow{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#197EB9;color:#fff;border:none;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;transition:background .25s}
.btn-gallery-slideshow:hover{background:#146094}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.gallery-item{overflow:hidden;border-radius:6px;background:#fafafa;transition:transform .25s,box-shadow .25s}
.gallery-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1)}
.gallery-img-wrap{position:relative;overflow:hidden; aspect-ratio:4/3}
.gallery-img-wrap img{width:100%;height:100%;object-fit:cover;object-position: top;display:block;transition:transform .4s}
.gallery-item:hover .gallery-img-wrap img{transform:scale(1.08)}
.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.gallery-item:hover .gallery-overlay{opacity:1}
.gallery-overlay i{color:#fff;font-size:28px}
.gallery-caption{display:block;padding:8px 10px;font-size:12px;color:#666;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:20px}
.gallery-pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:7px 12px;background:#fff;color:#197EB9;border:1px solid #d9e2ec;border-radius:5px;font-size:13px;font-weight:500;text-decoration:none;transition:background .25s,color .25s}
.gallery-pagination .page-link:hover{background:#197EB9;color:#fff;border-color:#197EB9}
.gallery-pagination .page-link.active{background:#197EB9;color:#fff;border-color:#197EB9;cursor:default}

.testimonial1{}
.testimonial1 .txt1 img{border:0pt solid #000;padding:5px;width:150px;height:180px;}
.testimonial1 .txt1{ padding-left: 37px; background: url(../images/testimonial1.png) 0 0 no-repeat; color: #000; font-size:11pt; font-style: italic; text-align:justify;padding-bottom: 2px;line-height:27px}
.testimonial1 .txt2{ color: #f00; font-weight: bold; padding-bottom: 0px; padding-left: 45px;}
.testimonial1 .txt2 span{color: #adbe97;}

.prev_testimonial{display: block; width: 24px; height: 24px; background:#000; position: absolute; right: 60px; top: 20px; }
.prev_testimonial:hover{background-position: bottom;}

.next_testimonial{display: block; width: 24px; height: 24px; background:#000; position: absolute; right: 30px; top: 20px; }
.next_testimonial:hover{background-position: bottom;}

/*News*/
div.myautoscroll {
	height: 480px;
	width: 100%;
	overflow: hidden;
	border: 0px solid #444;
	margin: 0;
	padding-right:10px;
	text-align:justify
}
div.myautoscroll:hover {
	overflow: auto;
}
div.myautoscroll {
	padding-right: 5px;
}
div.myautoscroll:hover {
	padding-right: 0px;
}



#style-4::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
#style-4::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
#style-4::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
#style-4::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
#style-4::-webkit-scrollbar-thumb:active {
  background: #000000;
}
#style-4::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
#style-4::-webkit-scrollbar-track:hover {
  background: #666666;
}
#style-4::-webkit-scrollbar-track:active {
  background: #333333;
}
#style-4::-webkit-scrollbar-corner {
  background: transparent;
}



.newsintro {border-bottom:1pt solid #cccccc; padding:20px 0;text-align:justify;margin-top:-10px;max-width:95%}
.newsintro .ntitle{font-size:14pt;font-weight:bold;padding-bottom:10px;}
.newsintro .ntitle a{text-decoration:none;color:#EC9F08}
.newsintro .ntitle a:hover{color:#F71515}


.newsdtl{background:#ffffff;padding:20px;border:2pt dotted #cccccc;}
.newsdtl h3{font-family:'Roboto Condensed';color:#197EB9}
.newsdtl .newspst{border-top:1pt dotted #c5c5c5;padding-top:15px;text-align:right;display:block}
.newslinks{background:#ffffff;padding:20px;border:2pt dotted #cccccc}
.newslinks li {padding-top:10px;margin-left:-15px;border-bottom:1pt solid #cccccc}
.newslinks li a{text-decoration:none;}
.newslinks li a:hover{color:#ff0000}


.myalbum ul{list-style:none;margin-bottom:0}
.myalbum li{display: inline-block;margin:10px}
.myalbum span{background: url(../images/pin.png) no-repeat;display:block;height:120px;width:180px;z-index:2;position:absolute;top:0px;left:85px;}
.mybox{width:190px;height:110px;overflow:hidden;z-index:100;position:relative;-webkit-transition: all 1s;}
.mybox img{object-fit:cover;background:#fff;padding:5px}
.mybox:hover{-webkit-transform: rotate(5deg)}

#quotations{width:95%;height:100%;margin:auto;color:#ffffff}
#quotations h2{text-align:center;font: 26pt 'Roboto', Arial, Helvetica, sans-serif;color:#ffff00}
#quotations .quota{display:block;font:20pt 'Roboto', Arial, Helvetica, sans-serif;font-weight:bold;font-style:italic;text-align:center;;width:98%}
#quotations .author{display:block;font:10pt 'Arial';font-weight:bold;font-style:italic;text-align:right;width:98%;padding-top:10px}
#quotations :hover{color:#ffff00;}


.animate-zoom{width:200px;max-width:100%;height:247px;margin:auto;overflow:hidden;border:5px solid  #FFFFFF; box-shadow: 0 0 0 1px #e1e1e1;}
.animate-zoom img{display: block;width:100%;height:100%;object-fit:contain;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out}
.animate-zoom img:hover {-webkit-transform:scale(1.1);transform:scale(1.1);}


.animate-zoom2{width:130px;height:150px;margin:auto;overflow:hidden;border:5px solid  #FFFFFF; box-shadow: 0 0 0 1px #e1e1e1;}
.animate-zoom2 img{display: block;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out}
.animate-zoom2 img:hover {-webkit-transform:scale(1.1);transform:scale(1.1);}


.animate-zoom3{display:table;width:auto;height:auto;margin:auto;overflow:hidden;border:5px solid  #FFFFFF; box-shadow: 0 0 0 1px #e1e1e1;background-size:cover}
.animate-zoom3 img{display: block;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;max-width:100%;max-height:250px;width:auto;height:auto;object-fit:contain}
.animate-zoom3 img:hover {-webkit-transform:scale(1.1);transform:scale(1.1);}

.panchadan{font-size:10pt;margin:auto;width:100%}
.panchadan td{padding:5px}
.panchadan tr:nth-child(odd){background:#e5e5e5}
.panchadan tr:nth-child(even){background:#f1f1f1}
.panchadan tr:nth-child(1){background:#000000;color:#ffffff}


.emembers{font-size:12pt;margin:auto;width:70%}
.emembers td{padding:5px}
.emembers tr:nth-child(odd){background:#f4faff}
.emembers tr:nth-child(even){background:#d5e6f5}
.emembers .etitle{background:#2e6ca0;color:#ffffff;text-align:center;font-size:16pt}
.actsearch{margin-bottom:15px;position:relative}
.actsearch .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:14px;pointer-events:none}
.actsearch input{width:100%;padding:10px 10px 10px 36px;border:1px solid #ddd;border-radius:6px;font:14px 'Roboto',sans-serif;outline:none;transition:border-color .3s;box-sizing:border-box;background:#fafafa}
.actsearch input:focus{border-color:#197EB9;background:#fff;box-shadow:0 0 0 3px rgba(25,126,185,.12)}

.actlist{list-style:none;margin:0;padding:0;max-height:400px;overflow-y:auto}
.actlist::-webkit-scrollbar{width:5px}
.actlist::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}
.actlist::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}
.actlist li{margin:0;padding:0;border-bottom:1px solid #eee;transition:background .2s}
.actlist li:last-child{border-bottom:none}
.actlist li:hover{background:#f5f9fc}
.actlist li.active{background:#e8f2fa;border-left:3px solid #197EB9}
.actlist li a{display:block;padding:10px 12px 10px 15px;text-decoration:none;color:#333;font-size:13px;font-weight:500;line-height:1.4;transition:color .2s}
.actlist li a:hover{color:#197EB9}
.actlist li.active a{color:#197EB9;font-weight:600}
.actlist .actcount{display:inline-block;font-size:11px;color:#999;margin-top:8px;padding:0 2px}
.actlist .no-match{display:none}
.pressconf img{width:100%}


.block-ellipsis {
  display: block;
  display: -webkit-box;
  margin: 0 auto;
  font-size: 11pt;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rmore a{
	color:#206cb9;
	text-decoration:none;
	font-weight:bold;
}

.rmore a:hover{
	color:#ff0000;
}

.mem {background:#ffffff}
.mem span.nobr{white-space: nowrap;}
.mem .mdtl{text-align:center;padding:5pt;min-height:300px}

/* ============================= partners ====================== */
#partners_wrapper{ position: relative;}

#partners{position: relative; padding-left: 45px; padding-right: 45px;}

.partners_prev{display: block; width: 31px; height: 32px; background: url(../images/prev2.png) left top no-repeat; position: absolute; left: 0; top: 50%; margin-top: -16px; z-index: 0;}
.partners_prev:hover{background-position: bottom;}

.partners_next{display: block; width: 31px; height: 32px; background: url(../images/next2.png) left top no-repeat; position: absolute; right: 0; top: 50%; margin-top: -16px; z-index: 0;}
.partners_next:hover{background-position: bottom;}

#partners .carousel-box{position: relative;}
#partners .carousel-box .inner{position: relative; overflow: hidden; max-width: none; margin: 0;}
#partners .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -20px; }
#partners .caroufredsel_wrapper{padding: 0; margin: 0;}
#partners .caroufredsel_wrapper ul{padding: 0; margin: 0;}
#partners .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:20px }

.partners{}
.partners .partners_inner{}
.partners .partners_inner a{display: block; text-decoration: none; position: relative; background: none; padding: 0px; text-align: left;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.partners .partners_inner a:hover{ background: #4e3b34; }
.partners .partners_inner a figure{margin: 0; padding: 0px; position: relative; border: 1px solid #cfcfcf; padding: 5px; background: #fff;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.partners .partners_inner a:hover figure{background: #ffcc00; border-color: #ffcc00;}
.partners .partners_inner a figure .img{width: 100%;}
.partners .partners_inner a figure em{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; background: none; opacity: 0; filter: alpha(opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.partners .partners_inner a:hover figure em{opacity: 1; filter: alpha(opacity=100);}




/* ============================= partners end ====================== */


/* ============================= footer ====================== */
.bot1_wrapper{background: #27211a; padding-top: 50px; padding-bottom: 50px;}

footer{float: left; padding-top: 10px; padding-bottom: 10px;}

.social_wrapper{float: right;}
.social{ display: block; margin: 0; padding: 0; list-style: none;}

.social li{display: inline-block; margin: 0 1px;}
.social li a{display: block; text-decoration: none; font-size: 20px; color: #d8c0a9; text-align: center; width: 40px; height: 40px; border: 1px solid #524d48; background: none; line-height: 38px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social li a:hover{color: #fff;}

.social li.nav1 a:hover{background: #00529f; border-color: #00529f;}
.social li.nav2 a:hover{background: #00c3ed; border-color: #00c3ed;}
.social li.nav3 a:hover{background: #ed3434; border-color: #ed3434;}
.social li.nav4 a:hover{background: #f16856; border-color: #f16856;}






/* ============================= parallax ====================== */
.parallax {width: 100%; position: relative; overflow: hidden; background: none;}
.parallax, .parallax .parallax-content, .parallax .overlay { height: 100%;}

.parallax-bg { width: 100%; height: 100%; left: 0; top: 0; margin: 0 auto; position: absolute; background-size: cover; background-attachment: scroll; background-repeat: repeat-y; background-position: center center; }
.parallax-bg.bg-fixed{background-attachment: fixed;}
.parallax .overlay { background: none; width: 100%; position: absolute; overflow: hidden; background: none;}
.parallax-content { padding-top: 0px; padding-bottom: 0px;}




.bg1 { background-image: url(../images/parallax1.jpg); }

#parallax1{padding-top: 70px; padding-bottom: 60px;}





/* ============================= main menu ====================== */
.menu_wrapper{float: none;}
.navbar_ { margin: 0; padding: 0; background: none; border:none; position: relative;z-index: 30; min-height: 0; float: none; display: block; padding-right: 2px; background: none;}
.navbar_ .navbar-toggle {float: left; background: #9e662c; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 20px; margin-bottom: 20px; margin-left: 15px;}
.navbar_ .navbar-toggle:hover, .navbar_ .navbar-toggle:focus{background: #ffcc00;}
.navbar_ .navbar-toggle .icon-bar{background: #fff;}
.navbar-collapse_{padding-left: 0; padding-right: 0; border: none;}
.navbar_ .nav{position: relative; margin: 0; padding: 0; display: block; float: none;}
.navbar_ .nav > li{position: relative; display: block; float: left; white-space: nowrap; margin-left: 70px; background: none;}
.navbar_ .nav > li:first-child{margin-left: 0;}
.navbar_ .nav > li > a{display: block; text-decoration: none; background: none; font-family: 'Roboto Condensed'; font-weight: 300; font-size: 22px; line-height: 70px; color: #ffffff; text-shadow:none; padding: 0 0px; border: none; margin: 0; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; text-align: left; border-bottom: 3px solid transparent;
transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;
}

.navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{color: #05FFFF; text-decoration: none; background: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-color: #05FFFF;}
.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus{color: #05FFFF; text-decoration: none; background: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-color: #05FFFF;}

.sub-menu ul{ position: absolute; display: none; left: -20px; top: 100%; list-style: none; zoom: 1; z-index: 1; margin: 0; padding:0; background: #ede6d5; text-align: left; border: none;}
.sub-menu li{ margin: 0; position: relative; zoom: 1; display: block; border-top: 1px solid #ddd5c0;}
.sub-menu li:first-child{border-top: none;}
.sub-menu li a{display: block; position: relative; font-family:'Roboto'; font-weight: 300; font-size: 14px; line-height: 20px; color: #020202; text-decoration: none; padding: 9px 40px 9px 20px; background: none;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.sub-menu li a:hover{ text-decoration: none; color: #fff; background: #83a024;}

.sub-menu li a em{display: inline-block; width: 5px; height: 8px; background: url(../images/marker0.png) center center no-repeat; position: absolute; right: 13px; top: 50%; margin-top: -4px;
}



.sub-menu-1 > ul{}

.sub-menu-2 > ul{left: 100%; top: 0; margin-left: 0px; background: #e2dccf;}


/* ============================= search-form ====================== */
#search_wrapper{position: absolute; right: 0; top: 12px;}
#search{position: absolute;right: 0; top: 0px; z-index: 31;}
.searchBtn{position: relative; display: block; width: 48px; height: 48px; background: #fcf9f2; border: 2px solid #d8cfc5; color: #9e662c; font-size: 20px; line-height: 44px; text-align: center;}
.searchBtn.active{display: none;}
.searchBtn:hover{color: #494541;}
.search-form-wrapper{position: absolute; right: 0; top: 0; padding: 0px; background: none; border: none; display: none;}
.search-form-wrapper .navbar-form { float: right; position:relative; z-index: 11; margin:0px 0px 0 0 ; padding: 0; }
.search-form-wrapper .navbar-form input { width: 225px; height: 48px; font-size: 16px; line-height: 20px; color:#958b81; background: #efebe2; border: 2px solid #9e662c; margin: 0; padding: 12px 50px 12px 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-style: italic; }
.search-form-wrapper .navbar-form input:focus {color: #000; -moz-box-shadow: inset  none; -webkit-box-shadow: none; box-shadow: none;}
.search-form-wrapper .navbar-form a {text-decoration: none; margin: 0; display: block; width: 48px; height: 48px; background: #9e662c; border: 2px solid #9e662c; color: #fff; font-size: 20px; line-height: 44px; text-align: center; position:absolute; right:0; top: 0; }
.search-form-wrapper .navbar-form a:hover {color: #ffcc00;}

/* ============================= toTop ====================== */
#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:50px; border:none; text-indent:100%; background:url(../images/totop.gif) no-repeat left top; }
#toTopHover { background:url(../images/totop.gif) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }



/* ============================= main layout ====================== */


h1{font-family:'Roboto'; font-weight:700; font-size:48px; color:#55402a; line-height:48px; padding:20px 0  25px 0; margin: 0;text-align:center}

h2{font-family:'Roboto'; font-weight:700; font-size:36px; color:#55402a; line-height:36px; padding:20px 0  25px 0; margin: 0;}

h3{font-family:'Roboto'; font-weight:700; font-size:28px; color:#55402a; line-height:28px; padding:20px 0  25px 0; margin: 0;}

h4{font-family:'Roboto'; font-weight:700; font-size:18px; color:#55402a; line-height:24px; padding:0px 0  10px 0; margin: 0;}





h6{font-family:'Roboto'; font-weight:700; font-size:18px; color:#55402a; line-height:22px; padding:0px 0  10px 0; margin: 0;}















.img-responsive{width: auto \9;}

.img-responsive-old{display: block; max-width: 100%; height: auto;}

.border-box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}





/* === */
.box1_wrapper{position: relative;}
.box1_wrapper .box1{}
.box1_wrapper .box1 .img{position: relative;}
.box1_wrapper .box1 .box1_inner{position: absolute; right: 0; bottom: 0; width: 286px; height: 209px; background: url(../images/box1.png); padding-left: 30px; padding-top: 50px;}
.box1_wrapper .box1 .box1_inner .title1{font-weight: 700; font-size: 24px; line-height: 1; color: #fff; padding-bottom: 10px;}
.box1_wrapper .box1 .box1_inner .title2{padding-bottom: 15px;}
.box1_wrapper .box1 .box1_inner .title2 .txt1{display: inline-block; color: #ffcc00; font-size: 24px; font-weight: 300; line-height: 1;}
.box1_wrapper .box1 .box1_inner .title2 .txt2{display: inline-block; color: #ffcc00; font-size: 37px; font-weight: 700; line-height: 1;}
.box1_wrapper .box1 .box1_inner .title2 .txt3{display: inline-block; color: #fff; font-size: 30px; font-weight: 300; line-height: 1; padding: 0 25px;}
.box1_wrapper .box1 .box1_inner .title2 .txt4{display: inline-block; color: #fff; font-size: 14px; font-weight: 300; line-height: 1;}
.box1_wrapper .box1 .box1_inner .title3{color: #dfbd99;}

.box2_wrapper{position: relative; margin-bottom: 30px;}
.box2_wrapper .box2{}
.box2_wrapper .box2 .img{position: relative;}
.box2_wrapper .box2 .box2_inner{position: relative; margin-top: -65px; background: #64482c; padding-left: 25px; padding-top: 25px; padding-bottom: 20px; padding-right: 20px; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;}
.box2_wrapper .box2 .box2_inner:before{content: ''; display: block; width: 32px; height: 26px; background: url(../images/box2_corner.png); position: absolute; right: 0; bottom: 100%;}
.box2_wrapper .box2 .box2_inner:after{content: ''; display: block; width: 100%; height: 12px; background: url(../images/box2_shadow.png) right top no-repeat; position: absolute; right: 0; top: 100%; background-size: 100% 12px;}
.box2_wrapper .box2 .box2_inner .title1{font-weight: 700; font-size: 24px; line-height: 1; color: #fff; padding-bottom: 10px;}
.box2_wrapper .box2 .box2_inner .title2{padding-bottom: 15px;}
.box2_wrapper .box2 .box2_inner .title2 .txt1{display: inline-block; color: #ffcc00; font-size: 24px; font-weight: 300; line-height: 1;}
.box2_wrapper .box2 .box2_inner .title2 .txt2{display: inline-block; color: #ffcc00; font-size: 37px; font-weight: 700; line-height: 1;}
.box2_wrapper .box2 .box2_inner .title2 .txt3{display: inline-block; color: #fff; font-size: 30px; font-weight: 300; line-height: 1; padding: 0 25px;}
.box2_wrapper .box2 .box2_inner .title2 .txt4{display: inline-block; color: #fff; font-size: 14px; font-weight: 300; line-height: 1;}
.box2_wrapper .box2 .box2_inner .title3{color: #dfbd99;}

.ul1{ padding: 0; margin: 0; list-style: none; padding-bottom: 0px;}
.ul1 > li {font-weight: 400; font-size: 18px; color: #64482c; line-height: 20px; padding:18px 0px 18px 30px; margin: 0px 0px 0px 0px; background: url(../images/li_st1.png) 0px center no-repeat; border-bottom: 1px solid #e5e5e5;}
.ul1 > li > a{color: #64482c; text-decoration: none;}
.ul1 > li > a:hover{color: #ffcc00; text-decoration: underline;}

.testimonial_wrapper{border-bottom: 1px solid #e5e5e5; padding-bottom: 15px;}
.testimonial_wrapper .txt1{padding-left: 50px; background: url(../images/testimonial1.png) 0 0 no-repeat; font-style: italic; line-height: 18px; padding-bottom: 15px;}
.testimonial_wrapper .txt2{margin-left: 50px; padding-left: 30px; background: url(../images/testimonial2.png) 0 0 no-repeat; font-weight: 700; color: #64482c;}

.divider1{height: 1px; background: #e5e5e5; margin: 25px 0;}

.testimonial_paginations{padding: 0; margin: 30px 0 0; list-style: none;}
.testimonial_paginations li{display: inline-block; color: #fff; font-size: 30px; text-align: center; margin: 0 10px 10px 0;}
.testimonial_paginations li a{display: inline-block; text-decoration: none; background: #64482c; line-height: 41px; padding: 0 10px; color: #fff; min-width: 41px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.testimonial_paginations li a:hover{background: #ffcc00;}
.testimonial_paginations li.active a{background: #ffcc00;}

.google_map{ position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 5px; background: #fff; border: 1px solid #cfcfcf; line-height: 1px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.google_map iframe{position: relative; width: 100%; height: 900px; border: none; background: #fff; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}


/*-----btn-----*/
.btn-default.btn1{font-family: 'Roboto'; display: inline-block; background: #83a024; color: #fff; border: none; font-size: 24px; line-height: 24px; font-weight: 300; padding: 16px 40px; text-decoration: none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn1:hover{color: #fff; background: #647f0d;}

.btn-default.btn2{font-family: 'Roboto'; display: inline-block; background: url(../images/btn2.png) right center no-repeat; color: #a9a9a9; border: none; font-size: 24px; line-height: 24px; font-weight: 300; padding: 0 35px 0 0; text-decoration: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top: 10px; margin-bottom: 10px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn2:hover{color: #000;}










/* ============================= thumbnail ====================== */
.img-polaroid{position: relative; padding: 5px; background: #fff; border: 1px solid #cfcfcf;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}

.thumbnail .caption{padding: 0; color: inherit;}

.thumb1 {margin-bottom: 20px;}
.thumb1.last {margin-bottom: 0px;}
.thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb1 .thumbnail a{display: block; text-decoration: none;}
.thumb1 .thumbnail a figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb1 .thumbnail a figure img{width: auto;}
.thumb1 .thumbnail a .caption{}
.thumb1 .thumbnail a .caption .txt1{ font-family: 'Roboto Condensed'; font-weight: 700; font-size: 20px; line-height: 20px; color: #64482c; text-transform: uppercase; text-decoration: none; padding-bottom: 10px;}
.thumb1 .thumbnail a:hover .caption .txt1{ color: #83a024;}

.thumb2 {margin-bottom: 20px;}
.thumb2.last {margin-bottom: 0px;}
.thumb2 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb2 .thumbnail a{display: block; text-decoration: none;}
.thumb2 .thumbnail a figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb2 .thumbnail a figure img{width: auto; margin-left: auto; margin-right: auto;}
.thumb2 .thumbnail a .caption{text-align: center; padding-left: 10%; padding-right: 10%;}
.thumb2 .thumbnail a .caption .txt1{ font-family: 'Roboto Condensed'; font-weight: 700; font-size: 24px; line-height: 24px; color: #fff; text-decoration: none; padding-bottom: 10px;}
.thumb2 .thumbnail a:hover .caption .txt1{ color: #ffcc00; text-decoration: underline;}
.thumb2 .thumbnail a .caption .txt2{color: #fff; text-decoration: none;}
.thumb2 .thumbnail a:hover .caption .txt2{color: #ffcc00; text-decoration: none;}

.thumb3 {margin-bottom: 20px;}
.thumb3.last {margin-bottom: 0px;}
.thumb3 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb3 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb3 figure img{width: auto;}
.thumb3 .caption{}

.thumb4 {margin-bottom: 20px;}
.thumb4.last {margin-bottom: 0px;}
.thumb4 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb4 figure{margin: 0; float: left; margin:0px 20px 20px 0px;}
.thumb4 figure img{width: auto;}
.thumb4 .caption{}

.thumb5 {margin-bottom: 20px;}
.thumb5.last {margin-bottom: 0px;}
.thumb5 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb5 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb5 figure img{width: 100%;}
.thumb5 .caption{}



/*================= Contacts =========================*/
#note{ }
.notification_error{ color:#f00; padding-bottom:10px; }
.notification_ok{ text-align: left; padding-bottom:10px; }

#ajax-contact-form .form-group{margin-left: 0; margin-right: 0;}
#ajax-contact-form .form-group label{color: #333333;}
#ajax-contact-form .form-control{height: 38px; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #999999; background: #fff;border: 1px solid #ccc;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#ajax-contact-form .form-control:focus{border-color: #66afe9;}
#ajax-contact-form textarea.form-control {height: auto;}
#ajax-contact-form .form-group.capthca{float: left; margin-right: 30px;}
#ajax-contact-form .form-group.capthca input{width: 170px;}
#ajax-contact-form .form-group.img{float: left;}
#ajax-contact-form .form-group.img img{width:170px; height:38px;}

.btn-default.btn-cf-submit{display: inline-block; background: #83a024; color: #fff; font-family: 'Roboto'; font-size: 19px; line-height: 20px; font-weight: 300; padding: 10px 20px; text-decoration: none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border: none; text-transform: uppercase;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn-cf-submit:hover{background: #647f0d; color: #fff;}




/*================= 404 =========================*/
.page-404{text-align: center;}
.page-404 .txt1{font-family:'Roboto'; font-weight:700; font-size:220px; color:#352c2c; line-height:220px; }
.page-404 .txt2{font-family:'Roboto'; font-weight:400; font-size:70px; color:#352c2c; line-height:70px; }

#mcontent{width:320px}
.firstHeading{font:12pt verdana;color:#f00}

#map_canvas{width:870px; height:600px}


/*----- media queries ------*/
/* Large desktop */
@media (min-width: 1220px) {
 .container { padding: 0; }

 .page_slide .page_slide_img img{ width: 100%; min-width: 1600px; position: relative; left: auto; margin-left: 0;}


}
/* Default landscape and desktop to large desktop */
@media (max-width: 1219px) {
  .navbar_ .nav > li{margin-left: 50px;}
















}
@media (min-width: 992px) and (max-width: 1219px) {
  .box2_wrapper .box2 .box2_inner .title1{font-size: 20px;}
  .box2_wrapper .box2 .box2_inner .title2 .txt1{font-size: 18px;}
  .box2_wrapper .box2 .box2_inner .title2 .txt2{font-size: 25px;}
  .box2_wrapper .box2 .box2_inner .title2 .txt3{font-size: 25px; padding: 0 5px;}
  .box2_wrapper .box2 .box2_inner .title2 .txt4{font-size: 14px;}
  .navbar_ .nav > li > a{font-size: 13pt;}
	.mem {font-size:10pt}
 
  .page_slide .page_slide_img img{ width: 100%; min-width: 900px; position: relative; left: auto; margin-left: 0;}

#map_canvas{width: 620px;height:750px}

.box1 {zoom: 0.9; -moz-transform: scale(0.9);}
.vdo {width:95%;}
.im img{width:100%;height:auto}

}
/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {



.vdo {width:95%;}






}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar_ .nav > li{margin-left: 30px;}
  .navbar_ .nav > li > a{font-size: 13pt;}

  .page_slide .page_title_wrapper{margin-top: -50px;}
  .page_slide .page_title_wrapper .page_title{font-size: 34px; padding: 18px;}

  .page_slide .page_slide_img img{ width: 100%; min-width: 900px; position: relative; left: auto; margin-left: 0;}

  .box2_wrapper .box2 .box2_inner{padding: 15px;}
  .box2_wrapper .box2 .box2_inner .title1{font-size: 14px;}
  .box2_wrapper .box2 .box2_inner .title2 .txt1{font-size: 14px;}
  .box2_wrapper .box2 .box2_inner .title2 .txt2{font-size: 22px;}
  .box2_wrapper .box2 .box2_inner .title2 .txt3{font-size: 22px; padding: 0 0px;}
  .box2_wrapper .box2 .box2_inner .title2 .txt4{font-size: 12px;}

   iframe{width:350px!important}

	.box1 span {font-size:11pt}
	.box1 span b{font-size:10pt}
   
	.mem {font-size:10pt}

#map_canvas{width: 480px;height:650px}


.vdo {width:95%;}







}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

  header{float: none; text-align: center;}

  .top2_wrapper{float: none; padding-top: 15px;}

  .call1_wrapper{float: none; text-align: center;}
  .call1{display: inline-block;}

  .chat1_wrapper{float: none; margin-left: 0; margin-top: 15px; text-align: center;}
  .chat1{display: inline-block;}

   .page_slide .page_slide_img img{ width: 100%; min-width: 700px; position: relative; left: auto; margin-left: 0;}

	.navbar_ {float: none; margin-bottom: 0; margin-left: -15px; margin-right: -15px; display: block; height: 72px; padding-right: 0; background: none;}
  .navbar-collapse_{clear: both;}
  .navbar_ .nav{display: block; background: #C0E8FF;}
  .navbar_ .nav > li{float: none;background: none; margin-left: 0; border-top: 1px solid #197EB9;}
  .navbar_ .nav > li > a{margin-bottom: 0; line-height: 40px; padding:0; text-align: center;color:#000}
  .navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{font-weight:bold;color:#197EB9; border-color: #197EB9;background:#7AD9EF}

  .sub-menu ul{position: relative; left: 0; top: 0; text-align: center; background: none;}

  #search_wrapper{width: 100%;}
  #search{width: 100%;}

  .searchBtn{position: absolute; right: 0; top: 0;}

  .search-form-wrapper{width: 100%;}

  .search-form-wrapper .navbar-form{width: 100%;}
  .search-form-wrapper .navbar-form input{width: 100%;}

  .social_wrapper{float: none; text-align: center; padding-bottom: 10px;}

  footer{float: none; text-align: center; padding-bottom: 0;}

  .page_slide .page_title_wrapper{margin-top: -40px;}
  .page_slide .page_title_wrapper .page_title{font-size: 28px; padding: 13px;}

  .box2_wrapper{margin-top: 25px;}


.vdo {width:95%;}


.animate-zoom3{display:table;width:auto;height:auto;background-size:cover}
.animate-zoom3 img{display: block;max-width:100%;max-height:250px;width:auto;height:auto;object-fit:contain}

}

@media (min-width: 650px) and (max-width: 767px) {

#map_canvas{width: 500px;height:300px}
.adsection{width:auto;margin:auto}

.mem{font-size:12pt}
.vdo {width:95%;height:270px}

.prev3 {left: 50%; margin-left: -45px; bottom: 0px; top: auto;}
.next3 {right: 50%; margin-right: -45px; bottom: 0px; top: auto;}

}


@media (min-width: 481px) and (max-width: 650px) {

#map_canvas{width: 500px;height:300px}
.adsection{width:300px;margin:auto}
.page_slide .page_slide_img img{ width: 100%; min-width: 700px; position: relative; left: auto; margin-left: 0;}

.mem{font-size:11pt}
.vdo {width:95%;height:270px}

}
/* Landscape phones and down */
@media (max-width: 480px) {

  .page_slide .page_title_wrapper{margin-top: -30px;}
  .page_slide .page_title_wrapper .page_title{font-size: 18px; padding: 10px;}

  .google_map iframe{height: 240px;}

   .page_slide .page_slide_img img{ width: 100%; min-width: 700px; position: relative; left: auto; margin-left: 0;}

  .page-404 .txt1{font-size: 150px; line-height: 150px;}
  .page-404 .txt2{font-size: 50px; line-height: 50px;}

.vdo {width:90%;}

#map_canvas{width: 440px;height:300px}
.vdo {width:95%;}


}

.modal img{width:100%;height:auto}

/* ============================= slider ken burns zoom ====================== */
#camera_wrap .cameraSlide.cameracurrent .imgLoaded,
#camera_wrap .cameraSlide.cameracurrent .imgFake{
	animation: cameraKenBurns 6s ease-out forwards;
	transform-origin: center center;
}
@keyframes cameraKenBurns{
	from{transform: scale(1);}
	to{transform: scale(1.08);}
}