/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video
{
    display: block;
}
mark, rp, rt, ruby, summary, time
{
    display: inline;
}

/* Global properties ======================================================== */
body
{
    background: url(../images/body-bg.gif) 0 0 repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 22px;
    color: #413a3a;
    min-width: 1000px;
}
html, body
{
    height: 100%;
}

p
{
    padding-top: 6px;
    text-align: justify;
    font-size: 13px;
    line-height: 21px;
}

.top
{
    padding-top: 4px;
}
.top1
{
    padding-top: 10px;
}
.top2
{
    padding-top: 13px;
}
.top3
{
    padding-top: 0px;
}
.top4
{
    padding-top: 0px;
}
.top5
{
    padding-top: 0px;
}

.bot
{
    padding-bottom: 13px;
}
.bot1
{
    padding-bottom: 7px;
}
.bot2
{
    padding-bottom: 5px;
}

.margin_0
{
    margin: 0 !important;
}

.img-bot
{
    padding-bottom: 8px;
}
.img-bot1
{
    padding-bottom: 9px;
}
.img-pad
{
    padding: 4px 0 10px;
}

a
{
    color: #413a3a;
    outline: none;
}
a:hover
{
    text-decoration: none;
}

/* Global Structure ============================================================= */
.main
{
    margin: 0 auto;
    width: 982px;
}

/* Header */
header
{
    height: 140px;
    /*background: url(../images/content-bg.gif) top center repeat-y;*/
    position: relative;
    z-index: 3;
}
#page1 header
{
    height:auto;
}
/* Content */
section#content
{
    background: url(../images/content-bg.gif) top center repeat-y;
    width: 100%;
}
#page1 section#content
{
}
/* Footer */
footer
{
    height: 64px;
}
/* Left & Right alignment */

.fleft
{
    float: left;
}
.fright
{
    float: right;
}
.clear
{
    clear: both;
}

.col-1, .col-2, .col-3, .col-4, .col-5
{
    float: left;
}
.col-1
{
    width: 474px;
}
.col-2
{
    width: 360px;
}

#page1 .block
{
    height:auto;
}

.alignright
{
    text-align: right;
}
.aligncenter
{
    text-align: center;
}

.wrapper
{
    width: 100%;
    overflow: hidden;
}
.container
{
    width: 100%;
}

.width
{
    overflow: hidden;
}
.width span
{
    display: inline-block;
    vertical-align: baseline;
    width: 88px;
}
.width a
{
    color: white;
}
/*----- form defaults -----*/
input, select, textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    vertical-align: middle;
    font-weight: normal;
}

/*----- other -----*/
.img-indent
{
    margin: 0 20px 0 0;
    float: left;
}
.img-indent2
{
    margin: 10px 20px 0 0;
    float: left;
}
.img-border2
{
    border: 4px solid #dododo;
}
.extra-wrap
{
    overflow: hidden;
}
.img-border
{
    border: 5px solid #B0B0B0;
}
.img-border1
{
    border: 2px solid #ffffff;
}
/*=============================================================================== text =====*/
h1
{
    padding: 0px 0 8px 0px;
    margin: 20px 0 0 1px;
    position: relative;
    float: left;
    height: 112px;
    width: 320px;
    background: url(../images/logo-bg.gif) 0 0 no-repeat;
}
h1 a
{
    display: block;
    height: 52px;
    width: 279px;
    text-indent: -5000px;
    background: url(../images/logo.gif) left top no-repeat;
    margin: 27px 0 0 20px;
}
h2
{
    font-size: 30px;
    line-height: 1.2em;
    color: #4f4a48;
    padding: 0px 0px 0px 0px;
    margin: -8px 0px 0px 0px;
    text-transform: uppercase;
}
h2 span
{
    display: block;
    margin-top: -6px;
}

h3
{
    font-size: 28px;
    color: #4f4a48;
    margin: 0px;
    text-transform: uppercase;
    padding: 26px 0;
    line-height:normal;
}
h4
{
    font-size: 18px;
    color: #f83379;
    margin: 0px;
    padding: 5px 0 20px;
}
.h-bot
{
    padding-bottom: 24px;
}

.color
{
    color: #7e6b6b;
}
/*=================================================================================================================== header =====*/
.extra
{
    background: url(../images/extra-bg.gif) top center repeat-y;
}

#menu
{
    padding-left: 1px;
}

.slideshow
{
    height: 282px;
    background: #fff;
    padding: 24px 0;
    margin-left: 1px;
    width: 979px;
}
#slideshow
{
    padding: 0 0 0 19px;
}
.slideshow-bot
{
    background: url(../images/slider-bg.png) 0 0 no-repeat;
    height: 52px;
    position: relative;
    z-index: 2;
    margin-left: 1px;
    margin-bottom: -52px;
}
/*=============================================================================== nav =====*/
nav
{
    width: 641px;
    background: url(../images/nav-bg.gif) 0 0 no-repeat;
    height: 82px;
}
nav ul
{
    width: 100%;
    overflow: hidden;
    padding: 10px 0 0;
}
nav li
{
    float: left;
    font-size: 13px;
    line-height: 18px;
    background: url(../images/nav-li-bg.gif) 0 0 no-repeat;
    padding-left: 29px;
}
nav li a
{
    display: block;
    margin-right: 29px;
    color: #464240;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    padding: 16px 0;
}
nav li a:hover
{
    color: #f81a69;
}
nav .first
{
    background: none;
    padding-left: 28px;
}
/*=================================================================================================================== content =====*/
.content-indent
{
    padding: 0 60px 34px;
}
/*=============================================================================== indents =====*/
.indent_1
{
    padding: 0px 41px 21px 41px;
}
.indent
{
    padding: 0px 41px 0px 41px;
}
.indent1
{
    padding: 0px 52px 60px 61px;
}
.indent2
{
    padding: 0px 0px 43px 61px;
}
.indent3
{
    padding: 0 56px 60px 56px;
    min-height: 475px;
}
/*=============================================================================== col-indents =====*/
.col-indent
{
    padding-right: 40px;
}
.col-indent1
{
    padding-right: 7px;
}
/*=============================================================================== block =====*/
.block
{
    background: url(../images/block-bg.jpg) 0 0 repeat;
    height: auto;
    position: relative;
    z-index: 1;
    padding: 12px;
    color: white;
    margin-bottom: 30px;
    overflow: hidden;
}
.block strong
{
    font-size: 22px;
    line-height: 1.2em;
    color: #282420;
    padding: 0 0 0 0;
    display: block;
    text-transform: uppercase;
}
.block em
{
    display: block;
    font-size: 26px;
    line-height: 1.2em;
    color: white;
    margin: -6px 0 -2px;
    text-transform: uppercase;
}

/*=============================================================================== line-hor =====*/

/*=============================================================================== lists =====*/
.list
{
    padding: 9px 0 4px 0;
}
.list li
{
    line-height: 36px;
    background: url(../images/list-bg.gif) 0 15px no-repeat;
    padding-left: 19px;
}
.list li a
{
    color: #6e6666;
}
.list .last
{
    padding-bottom: 11px;
}
.list .last1
{
    padding-bottom: 7px;
}

.list_1
{
    padding: 14px 0 0 0;
    margin-bottom: -1px;
}
.list_1 li
{
    width: 100%;
    overflow: hidden;
    padding-bottom: 14px;
}
.list_1 em
{
    float: left;
    font-size: 30px;
    line-height: 1.2em;
    color: #7e6b6b;
    margin-right: 15px;
    width: 29px;
    display: inline-block;
    letter-spacing: -1px;
}
.list_1 span
{
    float: left;
    overflow: hidden;
    display: inline-block;
    width: 215px;
    padding-top: 4px;
}
.list_1 .last
{
    padding-bottom: 10px;
}
.list_1 .last1
{
    padding-bottom: 18px;
}
.list3 ul
{
    float: left;
}
.list3 li
{
    padding: 6px 0 0 20px;
    margin-left: 0px;
    text-align: justify;
    background: url(../images/arr.png) no-repeat scroll 3px 12px transparent;
}

/*=============================================================================== links =====*/
.link
{
    font-size: 11px;
    line-height: 18px;
    color: #f81a69;
    text-transform: uppercase;
    display: inline-block;
}
.block .link
{
    color: white;
    margin: 3px 0 0 1px;
}
/*=============================================================================== gallery =====*/
.gallery
{
    padding: 20px 20px 20px 19px;
    width: 900px;
    overflow: hidden;
}
.sliders
{
    float: left;
    margin-left: 40px;
    width: 220px;
    overflow: hidden;
    padding-top: 20px;
}
.sliders img
{
    float: left;
    margin: 20px 0 0 20px;
}
.links
{
    padding: 20px 0 0 119px;
    float: left;
    width: 84px;
    overflow: hidden;
}
.links img
{
    float: left;
    margin-right: 2px;
}
/*=============================================================================== nav =====*/

/*=============================================================================== nav =====*/

/*=================================================================================================================== footer =====*/
footer
{
    font-size: 11px;
    color: #707070;
}
.footer-indent
{
    padding: 20px 21px;
}
footer p
{
    float: left;
    padding: 0;
}
footer span
{
    float: right;
}
footer span a
{
    color: #707070;
    text-decoration: none;
}
footer span a:hover, footer span a.active
{
    color: #ffffff;
}
footer .btlink
{
    padding: 0;
}
footer .btlink a
{
    color: #707070;
    text-decoration: none;
    font-size: 11px;
}
footer .btlink a:hover, footer .btlink a.active
{
    color: white;
}

/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#contacts-form
{
    padding: 21px 0 0;
}
#contacts-form fieldset
{
    border: none;
}
#contacts-form label
{
    display: block;
    height: 54px;
    overflow: hidden;
    vertical-align: top;
    line-height: 20px;
}
#contacts-form input
{
    width: 248px;
    padding: 4px 5px 5px 5px;
    border: 1px solid #d3d2d2;
    line-height: 1.2307em;
    background: white;
    color: #8c8c8c;
}
#contacts-form textarea
{
    width: 248px;
    padding: 4px 5px 5px 5px;
    border: 1px solid #d3d2d2;
    background: white;
    color: #8c8c8c;
    height: 179px;
    overflow: auto;
}
#contacts-form .link
{
    margin: 24px 1px 0 24px;
}

/*==========================================*/

#form-main
{
    display: block;
    width: 268px;
}
#form-main .wdt1
{
    width: 268px;
    float: left;
}
#form-main .wdt2
{
    height: 220px;
    width: 230px;
    resize: none;
}
#form-main .wdt3
{
    float: left;
    width: 100%;
    text-align: right;
}
#form-main label
{
    display: block;
    height: 31px;
}
#form-main input
{
    width: 230px;
    font-size: 12px;
    color: #999999;
    padding: 5px 5px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #aeb3b8;
}
#form-main input.button
{
    width: 80px;
    font-size: 12px;
    color: #999999;
    padding: 5px 5px;
    margin: 6px 4px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #aeb3b8;
    float: left;
    cursor: pointer;
}
#form-main textarea
{
    height: 134px;
    overflow: auto;
    width: 230px;
    font-size: 12px;
    color: #999999;
    padding: 3px 5px;
    margin: 0 0 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #aeb3b8;
    resize:none;
}

input.btn
{
    margin: 4px 0 0 10px !important;
    width: 80px !important;
    height: 28px;
    font-size: 13px;
    background-color: #D5D3D3;
    border: solid 1px #333333;
    color: #333333 !important;
    cursor: pointer;
    display: block;
    float: right;
}
input.btn:hover
{
    background-color: #f81b69;
    border-color: #f81b69 !important;
    color: #ffffff !important;
}
.gmap
{
    float: right;
}
/*********************** CLEAR THE FLOATS begins **************************/

.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

html[xmlns] .clearfix
{
    display: block;
}

* html .clearfix
{
    height: 1%;
}
/*********************** CLEAR THE FLOATS ends **************************/

/* ***********************k*********************** */
.h-top-main{ width:100%; height:auto; overflow:hidden;}
.h-top{ width:940px;  height: 100px; background:#EBEAEA; margin:0 auto; padding:20px 0;}
.h-top-col-1{ width:30%; height:auto; float:left; margin-left:-20px;}

.h-top-col-2{ width:70%; height:auto; height:auto; float:right; background:#fff;  margin: 20px -20px 0 0;}
.h-top-col-2 ul{ margin:0; padding:0;}
.h-top-col-2 ul li{ list-style:none; float:left; border-right:1px solid #E5E5E5; text-transform:uppercase;}
.h-top-col-2 ul li+li+li+li+li{ border-right:none;}
.h-top-col-2 ul li a {
    display: block;
    padding: 15px 18px;
    text-decoration: none;
    text-transform: capitalize;
}
.h-top-col-2 ul li a:hover{ background-color:#2F292B; color:#fff;}
.active{ background-color:#2F292B; color:#fff;}
.active-1{color:#fff !important;}

.h-top-col-2 ul li:last{ border-right:none;}

.bannr{ width:95%; height:auto; background:#FFFFFF; margin:0 auto; padding:20px; overflow:hidden;}

img{ max-width:100%;}

.clear{ clear:both; overflow:hidden;}
.button:hover{ color:#F8367C !important;}
.map-1{ width:340px; height:320px; border:0;}

.jsr-cls1{ position: relative; margin: 0 auto; top: 0px; left: 0px; width: 930px; height: 370px; overflow: hidden; visibility: hidden; background-color: #24262e;}
.jsr-cls2{ cursor: default; position: relative; top: 0px; left: 0px; width: 930px; height: 370px; overflow: hidden;}

.pad-tp15{ padding-top:15px;}


.left-arrow {
    background: rgba(0, 0, 0, 0) url("../images/slider/left-arrow.png") no-repeat scroll 0 0;
    height: 20px;
    left: 1px;
    position: absolute;
    top: 108px;
    width: 21px;
    z-index: -100;
}

.right-arrow {
    background: rgba(0, 0, 0, 0) url("../images/slider/right-arrow.png") no-repeat scroll 0 0;
    height: 20px;
    position: absolute;
    right: 1px;
    top: 91px;
    width: 21px;
    z-index: -100;
}
.threebox-txt{ text-align:center; font-size:14px; font-weight:600; margin:10px 0 30px 0;}
.vido {
    float: left;
    height: 192px;
    margin: 0 20px 0 0;
    width: 260px;
}







/* ********************************************** */
/* ************** media quries ****************** */
/* ********************************************** */

@media only screen and (max-width: 480px){
body{ min-width: 100%;}
.main {
    margin: 0 auto;
    width: 100%;
}
header{ height:auto; width: 96%; margin:0 auto;}
.h-top{ width: 100%; height:auto;}
.h-top-col-1 {
    float: none;
    margin-left: 0px;
    width: 100%;
}

.h-top-col-2 {
    background: #fff none repeat scroll 0 0;
    float:none;
    margin: 20px 0px 0 0;
    width: 100%;
}
/*slider*/
.bannr {
    padding: 20px 0;
    width: 96%;
}
.jsr-cls1, .jsr-cls2{ width:910px;}
/*slider*/

.h-top-col-2 ul li {
    border-right: 0px;
    float:none;
    border-bottom:1px solid #000;
    width:100%;
    text-align:center;
}
.h-top-col-2 ul li a {
    display: block;
    padding: 10px 0px;
    text-decoration: none;
    display:block;
    color:#000;
}
.active {
    color: #fff !important;
}


.indent, .indent1 {
    padding: 20px 10px;
}
#page1 .block {
    height: auto;
}
.block{ background-size:cover; height:auto;}
.block strong, .block em{ font-size:25px;}
.img-indent {
    display: block;
    float: none;
    margin: 0 auto 10px;
}
.indent3 {
    min-height: auto;
    padding: 30px 10px;
}
#page2 .col-1, #page2 .col-2, #page2 .col-3 {
    margin-right: 0px;
    width: 100%;
}
#page3 .col-1, #page3 .col-2, #page3 .col-3 {
    margin-right: 0px;
    width: 100%;
}
#page4 .col-1, #page4 .col-2, #page4 .col-3, #page4 .col-4 {
    margin-right: 0px;
    width: 100%;
}
#page5 .col-1, #page5 .col-2, #page5 .col-3 {
    margin-right: 0px;
    width: 100%;
}
#page6 .col-1, #page6 .col-2, #page6 .col-3 {
    margin-right: 0px;
    width: 100%;
}
#form-main .wdt1, #form-main {
    width: 100%;
}

.img-border {
    border: 5px solid #b0b0b0;
    display: block;
    float: none;
    margin: 10px auto;
}
.m-img{ margin:0 auto; display:block; float:none;}
.map-1{ width:100%; height:320px; border:0;}
.gmap {
    float:none;
}
#form-main input, #form-main .wdt2{ width:96%;}
footer .btlink, footer span {
    text-align: center;
    float:none;
    width:100%;
}
footer .btlink a{ display:inline-block;}
.footer-indent {
    /*padding: 15px 10px 0;*/
    text-align:center;
    box-sizing:border-box;
}

footer {
    height: auto;
}
}

/* ********************************************** */

@media only screen and (min-width: 481px) and (max-width: 767px){
body{ min-width: 100%;}
.main {
    margin: 0 auto;
    width: 100%;
}
header{ height:auto; width: 98%; margin:0 auto;}
.h-top{ width: 100%; height:auto;}
.h-top-col-1 {
    float: none;
    margin-left: 0px;
    width: 100%;
}

.h-top-col-2 {
    background: #fff none repeat scroll 0 0;
    float:none;
    margin: 20px 0px 0 0;
    width: 100%;
}
/*slider*/
.bannr {
    padding: 20px 0;
    width: 98%;
}
.jsr-cls1, .jsr-cls2{ width:910px;}
/*slider*/

.h-top-col-2 ul li {
    border-right: 0px;
    float:none;
    border-bottom:1px solid #000;
    width:100%;
    text-align:center;
}
.h-top-col-2 ul li a {
    display: block;
    padding: 10px 0px;
    text-decoration: none;
    display:block;
    color:#000;
}
.active {
    color: #fff !important;
}


.indent, .indent1 {
    padding: 20px 10px;
}
#page1 .block {
    height: auto;
}
.block{ background-size:cover; height:auto;}
.block strong, .block em{ font-size:25px;}
.img-indent {
    display: block;
    float: none;
    margin: 0 auto 10px;
}
.indent3 {
    min-height: auto;
    padding: 30px 10px;
}
#page2 .col-1, #page2 .col-2, #page2 .col-3 {
    margin-right: 0px;
    width: 100%;
}
#page3 .col-1, #page3 .col-2, #page3 .col-3 {
    margin-right: 0px;
    width: 100%;
}
#page4 .col-1, #page4 .col-2, #page4 .col-3, #page4 .col-4 {
    margin-right: 0px;
    width: 100%;
}
#page5 .col-1, #page5 .col-2, #page5 .col-3 {
    margin-right: 0px;
    width: 100%;
}
#page6 .col-1, #page6 .col-2, #page6 .col-3 {
    margin-right: 0px;
    width: 100%;
}
#form-main .wdt1, #form-main {
    width: 100%;
}

.img-border {
    border: 5px solid #b0b0b0;
    display: block;
    float: none;
    margin: 10px auto;
}
.m-img{ margin:0 auto; display:block; float:none;}
.map-1{ width:100%; height:320px; border:0;}
.gmap {
    float:none;
}
#form-main input, #form-main .wdt2{ width:98%;}
footer .btlink, footer span {
    text-align: center;
    float:none;
}
footer .btlink a{ display:inline-block;}
.footer-indent {
    padding: 15px 10px 0;
    text-align:center;
}

footer {
    height: auto;
}
}
/* ********************************************** */

@media only screen and (min-width: 768px) and (max-width: 980px){
body{ min-width: 100%;}
.main {
    margin: 0 auto;
    width: 100%;
}
header{ height:140px; width: 100%; margin:0 auto;}
.h-top {
    padding: 20px 0 0;
    width: 98%;
    border-bottom: 1px solid #cfcfcf;
}
.h-top-col-1 {
    margin-left:0px;
    width: 30%;
}
.h-top-col-2 {
    margin: 20px 0 0 5px;
    width: 69%;
}

.h-top-main {
    background: #EBEAEA none repeat scroll 0 0;
}
.h-top-col-2 ul li a {
    padding: 10px 7px;
}

/*slider*/
.bannr {
    padding: 20px 0;
    width: 98%;
}
.jsr-cls1, .jsr-cls2{ width:910px;}
/*slider*/

.indent, .indent1 {
    padding: 20px 20px;
}
.indent3 {
    min-height: auto;
    padding: 0px 20px 20px;
}
#page1 .block {
    height: auto;
}
.block{ background-size:cover; height:auto;}

#page2 .col-1, #page2 .col-2 {
    margin-right: 35px;
    width: 30%;
}
 #page2 .col-3{ margin-right:0; width:30%;}
 
#page3 .col-1, #page3 .col-2, #page3 .col-3 {
    margin-right: 30px;
    width: 30%;
}
#page3 .col-3 {
    margin-right: 0px;
    width: 30%;
}

#page4 .col-1, #page4 .col-2, #page4 .col-3, #page4 .col-4 {
    margin-right: 16px;
    width: 23%;
}
#page4 .col-4 {
    margin-right: 0px;
    width: 23%;
}


#page5 .col-1, #page5 .col-2, #page5 .col-3 {
    margin-right: 31px;
    width: 30%;
}
#page5 .col-3 {
    margin-right: 0px;
    width: 30%;
}

#page6 .col-1, #page6 .col-2, #page6 .col-3 {
    margin-right: 36px;
    width: 30%;
}
#page6 .col-3 {
    margin-right: 0px;
    width: 30%;
}
.map-1 {
    width: 100%;
}
#form-main, #form-main .wdt1 {
    display: block;
    width: 100%;
}
footer .btlink, footer span {
    text-align: center;
    float:none;
}
footer .btlink a{ display:inline-block;}
.footer-indent {
    padding: 15px 10px 0;
    text-align:center;
}

footer {
    height: auto;
}
}

/* ********************************************** */

@media only screen and (width: 980px){
.h-top-col-2 ul li a {
    padding: 12px 19px;
}

.indent, .indent1 {
    padding: 20px 30px;
}
.indent3 {
    min-height: auto;
    padding: 0 30px 30px;
}
#page2 .col-1, #page2 .col-2 {
    margin-right: 35px;
    width: 31%;
}

#page3 .col-1, #page3 .col-2, #page3 .col-3 {
    margin: 0 19px;
    width: 29%;
}
#page4 .col-1, #page4 .col-2, #page4 .col-3, #page4 .col-4 {
    margin: 0 10px;
    width: 23%;
}

#page4 .col-1, #page4 .col-2, #page4 .col-3, #page4 .col-4 {
    margin: 0 17px;
    width: 21%;
}
#page5 .col-1, #page5 .col-2, #page5 .col-3 {
    margin: 0 15px;
    width: 30%;
}
}