/***global css starts here***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0; border: 0; }
ul, ol { list-style:none }
section, article, aside, header, footer, nav, dialog, figure { display:block; }
a { text-decoration:none; color:#4F4F4F; }
/*a:hover { text-decoration:underline; }*/
a img, a, input, textarea { outline:0; border: none; }
a { text-decoration:none; outline:none; color:#000 }
/*a:hover { text-decoration:underline }*/
.clear { clear:both; }
.bold { font-weight:bold }
.middle { vertical-align:middle }
body { font:normal 12px/16px Arial, Helvetica, sans-serif; color:#000; background:#f3f3f3 url(../images/bg.jpg) repeat-x 0 0 }
.layout-outer { width:100%; background:url(../images/bg-body.jpg) repeat; min-height:519px; float:left }
.layout { margin:0 auto; width:1254px }
.layout-inner { width:1254px; float:left }
header { float:left; width:1247px; padding:10px 0 0 0 }
header h1 { float:left; width:auto; position:relative; z-index:100 }
nav { float:right; width:auto }
nav li { float:left; width:auto; padding:58px 0 0 32px }
nav li a { font:bold 16px/20px Arial, Helvetica, sans-serif; color:#504132; }
nav li a:hover { color:#E9B54F; }
#slider { float:left; width:1254px; position:relative; z-index:9; margin-bottom:22px; height:575px }
#slider { float:left; width:1250px; position:relative; z-index:9; margin-bottom:22px; height:575px }
#slider .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; }
#slider .bx-wrapper img { max-width: 100%; display: block; }
#slider .bx-wrapper .bx-viewport { }
#slider .bx-wrapper .bx-pager, #slider .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width:100%; }
#slider .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
#slider .bx-wrapper .bx-pager { text-align: center; font-size: 0; }
#slider .bx-wrapper .bx-pager .bx-pager-item, #slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
#slider .bx-wrapper .bx-pager.bx-default-pager a { background: url(../images/circle.png) no-repeat 0 0; text-indent: -9999px; display: block; width: 13px; height: 13px; margin: 0 5px; outline: 0; position:relative; z-index:999 }
#slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: url(../images/active.png) no-repeat 0 0; }
#slider .bx-prev { background: url(../images/prev.png) no-repeat scroll center center #FFFFFF; height: 65px; margin-top: -19px; outline: 0; position: absolute; text-indent: -9999px; top: 50%; width: 50px; left:-52px; z-index: 1; }
#slider .bx-prev:hover { background: url(../images/prev.png) no-repeat scroll center center #e9ac44; text-decoration:none; }
#slider .bx-next { background: url(../images/next.png) no-repeat scroll center center #fff; height: 65px; margin-top: -21px; outline: 0; position: absolute; text-indent: -9999px; top: 50%; right:-51px; width: 50px; z-index: 1; }
#slider .bx-next:hover { background: url(../images/next.png) no-repeat scroll center center #e9ac44; text-decoration:none; }
.slider-frame { float:left; width:1254px; position:absolute; left:0; top:-8px; z-index:1; height:575px }
.row { float:left; width:1251px; padding:0 1px 5px 2px }
.row .col-left { float:left; width:640px; padding-right:10px }
.row .col-right { float:left; width:456px; height:250px; background:#ffc081; color:#4b3a2e; font:normal 34px/40px Arial, Helvetica, sans-serif; padding:129px 0 0 145px }
.about3 { float:left; width:779px; padding-left:10px; }
.blue-bg { float:left; width:455px; padding:125px 0 0 7px; height:280px; background:#a8cfb4; color:#4b3a2e; font:normal 30px/34px Arial, Helvetica, sans-serif; }
.about4 { float:left; width:702px; padding-right:10px; }
.skyblue-bg { float:left; width:519px; padding:245px 20px 0 0px; height:542px; background:#83e0fa; color:#4b3a2e; font:normal 30px/34px Arial, Helvetica, sans-serif; text-align:right }
.img-row { float:left; width:100%; padding-top:30px; }
.mlr16 { margin:0 12px }
.about6 { float:left; width:561px; padding-left:10px; }
.purple-bg { float:left; width:653px; padding:155px 20px 0 7px; height:259px; background:#ac90b6; color:#4b3a2e; font:normal 30px/34px Arial, Helvetica, sans-serif; }
.about7 { float:left; width:662px; padding-right:10px; }
.right-sec2 { float:left; width:579px; }
.pink-bg { float:left; width:559px; padding:155px 20px 0 0px; height:294px; background:#b08a7c; color:#4b3a2e; font:normal 30px/34px Arial, Helvetica, sans-serif; text-align:right; margin-bottom:8px }
footer { width:100%; background:url(../images/footer-bg.jpg) repeat-x center top; min-height:199px; float:left; padding-top:26px; color:#3b4544 }
footer a { color:#3b4544 }
footer .col-left { width:383px; float:left; padding-left:36px; background:url(../images/line.png) repeat-y right 0; min-height:175px }
footer .col-mid { width:390px; float:left; padding-left:40px; background:url(../images/line.png) repeat-y right 0; min-height:175px }
footer .col-right { width:359px; float:left; padding-left:36px }
footer h3 { float:left; width:100%; font-size:16px; font-weight:bold; }
footer li { float:left; width:100%; font-size:16px; padding-top:10px; }
footer li a:hover { color:#E9B54F; }
footer .sicons { float:left; width:100%; padding-top:110px }
footer .sicons img { width:20px;}
footer .sicons a{ background: #3C4544;
    border-radius: 50%;
    float: left;
    height: 20px;
    margin: 10px 5px 5px 5px;
    text-align: center; line-height:25px; padding:5px;
    width: 25px;}
footer .sicons a:hover{background:#dda55a}
#contact { float:left; width:1231px; padding:0 0 0 23px; color:#3b4544; }
#contact h2 { float:left; width:100%; font-size:20px }
#contact ul { float:left; width:100%; padding:20px 0 35px 0 }
#contact li { float:left; width:auto; padding-right:125px; font-size:16px }
#contact .label{ float:left; width:100%; display:block; font-size:16px; padding-bottom:3px; }
#contact .left-sec { float:left; width:602px; padding-right:67px; }
#contact input[type="text"] { float:left; width:592px; padding:5px; background:#3b4544; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:31px; margin-bottom:26px; font-size:16px; }
#contact .right-sec { float:left; width:542px }
#contact textarea { float:left; width:532px; padding:5px; background:#3b4544; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:205px; margin-bottom:26px; font:normal 20px/22px Arial, Helvetica, sans-serif; overflow:hidden }
#contact input[type="submit"] { float:right; width:87px; background:#161719; color:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; height:27px; margin-top:26px; text-align:center; color:#e9ae4e; font-size:20px;  cursor:pointer; margin:24px 0 30px 0 }
#gallery { float:left; width:1254px; margin-bottom:10px }
#gallery img { float:left; width:auto }
#video { margin:0 auto 30px; width:1100px; }
#news { float:left; width:1222px; margin:92px 0 88px 0; background:#3b4544; padding:1px 16px 16px 16px; height:409px; border-bottom-left-radius:15px; -moz-border-bottom-left-radius:15px; -webkit-border-bottom-left-radius:15px; border-bottom-right-radius:15px; -moz-border-bottom-right-radius:15px; -webkit-border-bottom-right-radius:15px }
#news .latest-news { float:left; width:268px; height:352px; padding:11px 14px 0 22px; background:#fff; border-bottom-left-radius:15px; -moz-border-bottom-left-radius:15px; -webkit-border-bottom-left-radius:15px; border-bottom-right-radius:15px; -moz-border-bottom-right-radius:15px; -webkit-border-bottom-right-radius:15px; color:#3b4544; }
#news h2 {  font-size:26px; font-weight:bold; padding:22px 21px 1px; color:#FFFFFF;}
#news .latest-news p { float:left; width:100%; font-size:22px; line-height:26px }
#news li{ float:left; width:273px; margin:65px 0 0 9px; border-left:4px solid #575f5e; padding:8px 0 0 9px; height:290px; }
#news li:first-child{float:left; width:268px; height:270px; padding:11px 14px 0 22px; background:#fff; border-bottom-left-radius:15px; -moz-border-bottom-left-radius:15px; -webkit-border-bottom-left-radius:15px; border-bottom-right-radius:15px; -moz-border-bottom-right-radius:15px; -webkit-border-bottom-right-radius:15px; color:#fff; }
#news li:first-child p{color:#3b4544;float:left; width:100%; font-size:22px; line-height:26px }
#news li:first-child a {color:#000000;outline: medium none; text-decoration: none;}

#news li p { float:left; width:100%; font-size:22px; line-height:26px; color:#fff; }
.slickscrollcontainer { padding: 0px; margin: 0px; float:left; width:100%; position:relative !important; background:#d5d5d5;  overflow:hidden }
.slickscroll_horizontal_scrollbar { position: absolute; width: 169px; height:7px; cursor:pointer; left:0; top:397px !important; background:#8a8a8a;
border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px  ; }
#divMain2 { width:1222px; height: 398px; overflow:hidden; background:#3b4544; }
#services { float:left; width:1254px; margin:45px 0 40px 0; background:url(../images/bg-service.jpg) repeat; color:#656c72; }

#services .col-left { float:left; width:177px; color:#5c6d6f; font:bold 26px/28px Arial, Helvetica, sans-serif; text-align:center; padding-top:48px; }
#services .col-circle { float:left; width:234px; }
#services .col-text { float:left; width:723px; padding:20px 0 0 0; font:normal 14px/24px Arial, Helvetica, sans-serif; color:#656c72; }
#services .row-mid, #services .row { float:left; width:1096px; padding:30px 101px 35px 55px; background:url(../images/line-white.jpg) no-repeat 55px bottom; margin-bottom:28px }
#services .row-mid .col-01 {   color: #5C6D6F;
    float: right;
    font: bold 26px/28px Arial,Helvetica,sans-serif;
    padding-top: 48px;
    text-align: center;
    width: 190px; }
#services .row-mid .col-02 {  float: right;
    width: 190px; }
#services .row-mid .col-03 { float:left; width:107px; color:#5c6d6f; font:bold 26px/28px Arial, Helvetica, sans-serif; text-align:center; padding-top:48px; }
#services .row .col-01 { float:left; width:190px; color:#5c6d6f; font:bold 26px/28px Arial, Helvetica, sans-serif; text-align:center; padding-top:48px;  }
#services .row .col-02 { float:left; width:190px; padding:0 0px 0 30px; }
#services .row .col-03 { float:left; width:650px; color:#5c6d6f; font: 14px/28px Arial, Helvetica, sans-serif; text-align:center; padding-top:48px; }


#services .row-mid p { font:normal 14px/24px Arial, Helvetica, sans-serif; float:left; width:698px; padding-left:0px }
#services .row-bottom { float:left; width:1083px; padding:0px 101px 35px 70px; }
#services .making { float:left; width:106px; color:#5c6d6f; font:bold 26px/28px Arial, Helvetica, sans-serif; text-align:center; padding-top:48px; }
#services .col04 { float:left; width:244px; }
#services .col05 { float:left; width:300px; padding:10px 35px 0 0; font:normal 14px/24px Arial, Helvetica, sans-serif; color:#656c72; }
#services .col06 { float:left; width:302px; background:url(../images/line02.jpg) repeat-x 0 0; padding:15px 0 15px 0px }
#services h3 { float:left; width:287px; background:url(../images/line02.jpg) repeat-x 0 bottom; font:bold 26px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-left:18px; padding-bottom:15px }
.image-overlay { list-style: none; text-align: left; }
.image-overlay li { display: inline; }
.image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; }
.image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; }
.image-overlay a { float: left; overflow: hidden; position: relative; margin:5px; }
.image-overlay img { position: absolute; top: 0; left: 0; border: 0; }
.image-overlay .caption { float: left; position: absolute; background-color: #E9B54F !important; width: 100%; height:86%; opacity: .7;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.image-overlay .caption h1, .image-overlay .caption h2, .image-overlay .caption h3, .image-overlay .caption h4, .image-overlay .caption h5, .image-overlay .caption h6 { margin: 10px 0 10px 2px; font-size: 20px; font-weight: bold; padding: 80px 0 0 5px; text-align:center; color:#000 }
.image-overlay p { text-indent: 0; margin: 10px; font-size: 1em; text-align:center; color:#000 }
.img-row p { clear:none !important }
.image-overlay2 { list-style: none; text-align: left; }
.image-overlay2 li { display: inline; }
.image-overlay2 a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; }
.image-overlay2 a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; }
.image-overlay2 a { float: left; overflow: hidden; position: relative; margin:0px; }
.image-overlay2 img { position: absolute; top: 0; left: 0; border: 0; }
.image-overlay2 .caption { float: left; position: absolute; background-color: #E9B54F !important; width: 100%; height:100%; opacity: .7;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.image-overlay2 .caption h1, .image-overlay2 .caption h2, .image-overlay2 .caption h3, .image-overlay2 .caption h4, .image-overlay2 .caption h5, .image-overla2y .caption h6 { margin: 10px 0 10px 2px; font-size: 20px; font-weight: bold; padding:160px 0 0 5px; text-align:center; color:#000 }
.image-overlay2 p { text-indent: 0; margin: 10px; font-size: 1em; text-align:center; color:#000 }
.video-box { position:relative; float:left }
.video-btn { position:absolute; left:22%; top:40% }
.video-btn a { background:url(../images/video-btn.png) no-repeat 0 0; width:258px; height:130px; float:left }
.video-btn a:hover { background-position:0 bottom }

/* *********** For news scroll ********************* */
.scroll-text {width: 400px; height: 4.5em; overflow: hidden; }
.scroll-text ul { width: 800px; height: 300px; overflow: hidden; margin: 0; }
.scroll-text ul li { height: 1.5em; }
.scroll-img { border: 0px solid red; width: 1860px; height:350px; overflow: hidden; font-size: 0; }
.scroll-img ul { width:800px; height: 600px; margin: 0; }
.scroll-img ul li { display: inline-block; margin: 10px 0 10px 10px; }
#news-scroll.scroll-img ul { width: 2000px; }

div.hover-div{ position:relative; float:left}
div.hover-div:hover .hover-text{display:block;}
.hover-text{display:none;  position: absolute; background-color: #E9B54F !important; width: 100%; height:100%; opacity: .7;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; left:0%; top:4px}
.hover-text h2 { margin: 10px 0 10px 2px; font-size: 20px; font-weight: bold; padding: 80px 0 0 5px; text-align:center; color:#000 }
.hover-text p { text-indent: 0; margin: 10px; font-size: 1em; text-align:center; color:#000 }

#contact label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px; }
#contact input[type=radio]{ display: none; }
#contact label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: #000000;  border-radius: 8px;}
#contact .radio label:before { border-radius: 8px; }
#contact input[type=radio]:checked + label:before { content: "\2022"; color: #e9ac44; font-size: 45px; text-align: center; line-height: 18px; }


.boxgrid { width:408px;  height:378px; text-align: center;  float:left; overflow: hidden; position: relative; }
.boxgrid.last { margin: 0px; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.captionfull .boxcaption { top: 260; left: 0; }
.caption .boxcaption { top: 220; left: 0; }
.boxgrid h4 { float:left; width:100%; font-size:16px; padding-top:180px; line-height:20px}


.row-mid-new .heading-top, .row-new .heading-top{float:left; width:100%; font-size:18px;  padding-bottom:15px}
.rmore{float:right; width:100%; text-align:right;}
.row-new{float:left; width:90%; padding:30px 5%; background:url(../images/line-white.jpg) no-repeat 55px bottom; margin-bottom:28px}
.row-new .col-left01{float:left; width:12%}
.row-new .col-right01{float:left; width:78%}

.row-mid-new{float:left; width:90%; padding:30px 5%; background:url(../images/line-white.jpg) no-repeat 55px bottom; margin-bottom:28px}
.row-mid-new .col-left01{float:right; width:12%}
.row-mid-new .col-right01{float:left; width:78%}