@import url('https://fonts.googleapis.com/css?family=Niconne');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?vgrc12');
    src:  url('fonts/icomoon.eot?vgrc12#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?vgrc12') format('truetype'),
        url('fonts/icomoon.woff?vgrc12') format('woff'),
        url('fonts/icomoon.svg?vgrc12#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-linkedin-logo:before {
    content: "\e900";
}
.icon-instagram-logo:before {
    content: "\e901";
}
.icon-twitter-logo-silhouette:before {
    content: "\e902";
}
.icon-facebook-letter-logo:before {
    content: "\e903";
}
.icon-time:before {
    content: "\e904"; padding: 10px 0; font-weight: 400;
}

body {margin:0; padding:0; font-family: 'Quicksand', sans-serif; color: #000; overflow-x: hidden; }
p { font-size:16px; font-family: 'Quicksand', sans-serif;}
a {text-decoration:none !important; }
a:focus {outline:none;}
h1, h2, h3, h4, h5, h6 {font-family: 'Niconne', cursive; margin:0}
h2 {font-size:40px;}
h3 {font-size:70px;}
.section {padding:80px 0;}

/*-------------------comman css---------------*/
ul, ol { margin:0; padding:0; } 
a, button  { -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
a, a:focus, a:hover, a:active, input:focus, select:focus, button:focus{ outline:0}
 

/*-------Welcome Section--------*/
#wel_section {background:url(../images/wel-left.png) no-repeat -2% 75%, url(../images/wel-rht.png) no-repeat right 60%; background-size:27% auto, 15% auto; background-color: #fff; position:relative; padding: 40px 0 35px 0;}
#wel_section h2 {color:#7f7e7e;}
#wel_section h3 {color:#8b011a;}
#wel_section p {padding-right: 60px; line-height: 30px;}
.wel-sec .col-sm-6 {padding:0;}
.wel-middle img {margin: 0 auto; position: absolute; left: 0; right: 0;top: 45%; width: 75%;}
.wel-sec {width: 73%; position: absolute; margin: 0 auto; left: 0; right: 10%;}
.blackBox {background: #f7f7f7;}
#wel_section h4{ text-transform: capitalize; color:#8b011a; font-size: 40px;margin-bottom: 20px;}
.hospitality{ width:100%; float:left;border: solid 1px #efefef;padding: 15px;text-align: center;position:relative;}
#wel_section .sponser_blk > span:nth-child(1){ left:0 !important;}
/*-------Events Section--------*/
#event_section {background:url(../images/eventsbg.png) no-repeat left top; text-align:center; background-size:100% 100%; padding: 150px 0;}
#event_section h3 {background:url(../images/border.png) no-repeat center bottom; margin-bottom:30px; padding-bottom:90px; color:#000}
#event_section h4 {color:#000; font-weight:300; font-family: 'Quicksand', sans-serif; font-size:36px; text-align:right; margin-top:20px} 
#event_section h5 {color:#b40026; font-family: 'Quicksand', sans-serif; font-weight:bold; font-size:40px; text-align:right; margin-bottom:40px}
.event_img { margin-left:195px;}
.evnt_blk {background:#9c0021; padding:25px; position:relative; width: 50%;
           color: #fff; clear:both}
.evnt_blk p {font-size:13px; margin-top: -55px;}
.clndr_blk {background: #5f0014; padding: 40px 0 20px 0; width: 32%; position: absolute; margin: 0 auto; right: -89px; top: 0px;}
.clndr_blk a {color: #fff;}
.evnt_blk span {font-size:150px; font-weight:bold; font-family: 'Quicksand', sans-serif; line-height:135px }
.icon-time {font-size: 40px !important; line-height: 0 !important; margin: 0;}
  
/*-------------Media Section-----------*/
#media_section h3 {color:#9c0021; background:url(../images/border1.png) no-repeat center bottom; margin-bottom:30px; padding-bottom:90px;}
#media_section h2 {color:#9c0021; font-size:30px; font-weight:400; font-family: 'Quicksand', sans-serif; margin-top: 35px;}
#media_section h2 span {color:#cccccc; font-size:60px; font-weight:bold;}
#media_section h4 {font-size:25px; font-weight:300; color:#353535; font-family: 'Quicksand', sans-serif; margin: 13px 0; line-height: 37px;}
#media_section p {line-height:30px;}
#media_section .text-right p {padding: 0 0px 0 115px;}
#media_section .text-left p {padding: 0 115px 0 0px;}
#media_section a {color:#b90027; font-weight:400; font-size:18px }
#media_section a:hover {color:#88a410;}
#media_section {background:url(../images/mediabg.png) no-repeat left 30%, url(../images/mediabg1.png) no-repeat right bottom}
#media_section img {width: 86%; float: right;}
#media_section .leftimg {float: left !important;}
#media_section .col-sm-6.slideInRight.animated {margin-top: 55px;}
.mediaBox .col-sm-6 {margin-top: 0px !important;} 
.header img {width: 100%; height:auto;}
.main-content {width:40%; position: absolute; right: 0; z-index: 20;}
.main-content img {width: auto !important; height: auto;}
.navbar-wrapper { width: 100%; position: absolute; z-index: 30;}
.navbar-static-top {padding: 20px 5%;}
.navBg {width: 100%; position: relative; float: left; background: url(../images/topBg1.png) repeat-x left top; padding: 8.625% 0 0 0; z-index: 10; }
.nameBox1 {float: left; margin-top: 2%;}
.nameBox2 {float: left; margin-top: 0%;}
.nameBox3 {float: left; margin-top: 2%; margin-left: -5%;}
.nameBox4 {float: left; margin-top: 2%;}
.nameBox5 {float: left; margin-top: 3%;  margin-left: -2.5%;}
.nameBox6 {float: left; margin-top: 22%;  margin-left: -19%;}
.nameBox7 {float: left; margin-top: 50%;  margin-left: -55%;}
.nameBox8 {float: left; margin-top: 50%;  margin-left: 25%;}

/*-------------Media Section-----------------*/
#celebrate_section {background:url(../images/celebratebg.png) no-repeat left top; background-attachment:fixed; background-size:100% 100% !important; position:relative; padding: 100px 0;}
#celebrate_section .top img, #book_section .top img {position:absolute; margin:0 auto; width:100%; top:0}
#celebrate_section .bottom img, #book_section .bottom img{position:absolute; margin:0 auto; width:100%; bottom:0}
#celebrate_section .col-sm-4 img {margin-left: 15%;}
#celebrate_section h3 {color: #a8cf45;text-align: right; margin-right: 10%; margin-top: 5%; font-size:70px}
/*-------------grape Section-----------------*/
#grape_section h3 {color:#9c0021; margin-bottom: 13px;}
#grape_section h4 {color:#000; font-weight:bold; font-size:25px; font-family: 'Quicksand', sans-serif; line-height:35px}
#grape_section h4 span {font-weight:300;}
#grape_section p {margin-bottom:60px;}
#grape_section strong {color:#6dba00; font-size:25px; font-weight:bold;}
.sponser_blk {width:100%; float:left; border:solid 1px #efefef; padding:15px; text-align:center; margin-bottom: 30px;}
.sponser_blk img {margin:0 auto; -webkit-filter:none; filter: none;   }
.sponser_blk:hover img {-webkit-filter: grayscale(100%);  filter: grayscale(100%);}
.sponser_blk > span:nth-child(1) {top: 0; left:15px; border-width: 1px 0 0 1px;}
.sponser_blk > span {position: absolute; width: 45px; height: 45px; vertical-align: middle;
                     border: 0 solid #9c0021; background-color: transparent; pointer-events: none; transition: height .5s, width .5s, color .08s;}
.cornerbox {padding: 4px; background: #9c0021; float: left; margin-top: -4px; margin-left: -4px;}
.sponser_blk:hover > span:nth-child(1) {top: 0; left: 15px; border-width: 1px 0 0 1px;
                                        border-color: #d00000;}
.sponser_blk:hover > span { border: 1 solid #d00000 !important; width: 89%; height: 85%;
                            transition: height 3s, width 3s, color .08s; display: inline-block;}
#grape_section .button, #book_section .button, #media_section .button{background:#d71920; padding: 14px 47px; color: #fff; transform:all linear 1s}
#media_section .button{background:#d71920; padding: 14px 47px; color: #fff; transform:all linear 1s; display:inline-block;}
#grape_section .button span {top: 0; left:15px; border-width: 1px 0 0 1px;}
#grape_section .button span {position: absolute; width: 45px; height: 45px; vertical-align: middle; border: 0 solid #fff; background-color: transparent; pointer-events: none; transition: height .5s, width .5s, color .08s;}
#grape_section .button:hover span:nth-child(1) {top: 0; left: 15px; border-width: 1px 0 0 1px;
                                                border-color: #d00000;}
#grape_section .button:hover span { border: 1 solid #fff !important; width: 89%; height: 85%;
                                    transition: height 3s, width 3s, color .08s; display: inline-block;}
#grape_section .button:hover span:nth-child(2) {top: 0; left: 15px; border-width: 0px 1px 1px 0px;
                                                border-color: #d00000;}
#grape_section .button:hover span { border: 1 solid #fff !important; width: 89%; height: 85%;transition: height 3s, width 3s, color .08s; display: inline-block;}
#grape_section a {display:inline-block; font-family: 'Niconne', cursive; color:#fff; font-size:30px}
#grape_section .button:hover {background:url(../images/button.png) no-repeat center; }
/*------------book Section----------*/
#book_section {background:url(../images/bookbg.jpg) no-repeat left top; background-size:100% 100%; background-attachment:fixed; position:relative; padding: 100px 0;}
#book_section .button:hover {background:url(../images/button1.png) no-repeat center;}
#book_section .button {display:inline-block; font-family: 'Niconne', cursive; font-size:30px}
.bookblk img {margin:0 auto;}
#book_section .button {padding:14px 56px;}
#book_section p {color:#fff; text-align:center; padding: 0 195px; line-height: 30px; margin: 25px 0;}
.counter {background:url(../images/count1.png) no-repeat center; text-align:center; color:#fff; padding:40px; width:100%}
.counter1 {background:url(../images/count2.png) no-repeat center; text-align:center; color:#fff; padding:40px; width:100%}
.counter2 {background:url(../images/count3.png) no-repeat center; text-align:center; color:#fff; padding:40px; width:100%}
.counter3 {background:url(../images/count4.png) no-repeat center; text-align:center; color:#fff; padding:40px; width:100%}
.counter p, .counter1 p, .counter2 p, .counter3 p { padding:0 !important; line-height: 25px !important; margin-top: 30px !important; margin-left: -10px !important; margin-bottom: 20px !important; font-size:20px}
.counter p span, .counter1 p span, .counter2 p span, .counter3 p span {font-family: 'Niconne', cursive; font-size:38px}
#book_section .row {padding: 10px 175px;}
/*-----------throwback section-------*/
#thrw_Section {background:url(../images/thwrkbg.jpg) no-repeat 26% 20%, url(../images/thwrkbg1.jpg) no-repeat left bottom, #f7f7f7;}
#thrw_Section h3 {color:#ba0027; margin-right:3%; margin-top: -2%; margin-bottom: 3%;}
#thrw_Section h4 {font-family: 'Quicksand', sans-serif; font-weight:500; font-size:18px;}
#thrw_Section h5 {color:#b90027; font-size:25px; font-weight:500; font-family: 'Quicksand', sans-serif; margin:10px 0;}
#thrw_Section p {line-height:30px;}
/*#thrw_Section .col-md-4 {padding-left: 45px;}*/
#thrw_Section a {color:#b90027; font-size:18px; font-weight:500;}
#thrw_Section a:hover {color:#508b03;}
#thrw_Section .row {margin-top: 20%;}
#thrw_Section .owl-prev {background:#9c0021; color: #fff; padding: 10px 19px; position:absolute; margin:0 auto; right:17%; top: -20px;  }
#thrw_Section .owl-next {background:#9c0021 !important; color: #fff; padding:10px 19px; position:absolute; margin:0 auto; right:10%; top: -20px; }
#thrw_Section .owl-next:hover, #thrw_Section .owl-prev:hover {background:#6e0017;}
/*-----------footer section-------*/
#footer_section {background:url(../images/footerbg.jpg) no-repeat left top; background-size:100% 100%;  position:relative; background-attachment:fixed; overflow: hidden;}
#footer_section .top {position: relative; margin: 0 auto; top: 0;}
#footer_section .top img {width: 100%; height: auto;} 
#footer_section h4 {color:#fff; font-size:22px; font-family: 'Quicksand', sans-serif;   margin: 0 0 30px 25px;}
#footer_section p {color:#fff; margin-right:65px}
#footer_section a {color:#fff; }
#footer_section a:hover {color:#d8aa1f}
#footer_section .col-sm-4 span {float: left; margin-right: -40px; font-size: 20px; padding-left: 60px; margin-top: 25px;}
#footer_section .icon-facebook-letter-logo {color: #00a859; padding-bottom: 69px;}
.line1 {
    background: #00a859;
    height: 85px;
    width: 1px;
    position: absolute;
    margin: 0 auto;
    left: 84px;
    bottom: 0%;
}
#footer_section  .icon-twitter-logo-silhouette {color:#b6338e;  padding-bottom: 69px; margin-top: 40px !important;}
.line2 {
    background: #b6338e;
    height: 72px;
    width: 1px;
    position: absolute;
    margin: 0 auto;
    left: 28%;
    bottom: 0%;
}
#footer_section .icon-instagram-logo {color:#d8aa1f;  padding-bottom: 69px;}
.line3 {
    background: #d8aa1f;
    height: 85px;
    width: 1px;
    position: absolute;
    margin: 0 auto;
    left: 37%;
    bottom: 0%;
}
#footer_section .icon-linkedin-logo {color:#227ef0;  padding-bottom: 69px; margin-top: 40px !important;}
.line4 {
    background: #227ef0;
    height: 72px;
    width: 1px;
    position: absolute;
    margin: 0 auto;
    left: 46%;
    bottom: 0%;
}

.sky {height: 411px; position: relative; overflow: hidden; margin: 10% 0 0 0;}

.moon {
    background: url("http://i.imgur.com/wFXd68N.png");
    position: absolute;
    left: 0;
    height: 300%;
    width: 300%;
    -webkit-animation: moon 50s linear infinite;
    -moz-animation: moon 50s linear infinite;
    -o-animation: moon 50s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.clouds_one {
    background: url("../images/cloud.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_one 50s linear infinite;
    -moz-animation: cloud_one 50s linear infinite;
    -o-animation: cloud_one 50s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}



@-webkit-keyframes sky_background {
    0% {
        background: transparent;
        color: #007fd5
    }
    50% {
        background: transparent;
        color: #a3d9ff
    }
    100% {
        background: transparent;
        color: #007fd5
    }
}

@-webkit-keyframes moon {
    0% {
        opacity: 0;
        left: -200%;
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1);
        left: 0%;
        bottom: 250px;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 0;
        bottom: 500px;
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@-webkit-keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-webkit-keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-webkit-keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-moz-keyframes sky_background {
    0% {
        background: transparent;
        color: #007fd5
    }
    50% {
        background: transparent;
        color: #a3d9ff
    }
    100% {
        background: transparent;
        color: #007fd5
    }
}

@-moz-keyframes moon {
    0% {
        opacity: 0;
        left: -200% -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1);
        left: 0% bottom: 250px;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 0;
        bottom: 500px;
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@-moz-keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-moz-keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-moz-keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@keyframes parachute {
    0% {
        transform: rotate(40deg)
            translate(0, 150px);

    }

    30% {
        transform: 
            rotate(-20deg)
            translate(50px, 250px);
    }
    60% {
        transform: 
            rotate(20deg)
            translate(100px, 300px); 
    }

    90% {
        transform: 
            rotate(0deg)
            translate(155px, 355px);
    }
    /*  100% {
                    transform: 
          translate(155px, 355px);
            }*/
}

.test {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: -80px;
    margin: -20px;
    font-size: 100px;
    animation: parachute 5s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    background-color: red;

}



#parachute {

    position: absolute;
    bottom: 0;
    left: 70%;

}
#parachute img{
    transform-origin:50px 5px;
    animation-duration: 1.6s;
    animation-name: paragato;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-name: paragato;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out; /* Chrome, Safari, Opera */
}
@keyframes paragato {
    from {
        transform:rotate(-20deg);
    }
    to {
        transform:rotate(20deg);
    }
}
@-webkit-keyframes paragato {
    from {
        transform:rotate(-20deg);
    }
    to {
        transform:rotate(20deg);
    }
}

/*----- About Page-------*/
#myCarousel img {width: 100%; height: auto;}
.innerInfo .navbar-wrapper {position: relative; padding: 15px 0; background: #fff; border-bottom: 1px solid #313165;}
.innerInfo .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {color: #da0303;}
.innerInfo .navbar-inverse .navbar-nav>li>a {color: #03072f;}
.innerInfo .navbar-nav>li>a { padding-top: 30px;  padding-bottom: 15px; }
#about-section {padding: 80px 0; line-height: 30px;} 
#about-section h3 {font-size: 45px; text-transform: none; margin: 0 0 20px 0; font-weight: 700; color: #9c0021; }
.modal-body span {width: 25% !important; float: left;} 

.whyhead { background-image: url(../images/grapeBg2.jpg)}
.masterhead { background-image: url(../images/grapeBg4.jpg)}
.abouthead { background-image: url(../images/grapeBg1.jpg)}
.teamhead { background-image: url(../images/teamhead.jpg)}
.page-title {
    position: relative;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 200px 0 100px 0;
    background-image: url(../images/grapeBg1.jpg)
}

.page-title:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(70,29,0,0.70);
}
.page-title .title-box {
    position: relative;
    padding: 30px 50px 35px;
    z-index: 10;
    display: inline-block;
    background-color: rgba(255,255,255,0.10);
}
.page-title .title-box h2 {
    position: relative;
    color: #ffffff;
    font-size: 52px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.page-title .title-box ul {
    position: relative;
}
.page-title .title-box ul li {
    position: relative;
    color: #f7bf1e;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 25px;
} 
.page-title .title-box ul li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.page-title1 {
    position: relative;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 200px 0 100px 0;
    background-image: url(../images/grapeBg2.jpg)
}
.page-title1:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(78,85,10,0.70);
}
.page-title1 .title-box {
    position: relative;
    padding: 30px 50px 35px;
    z-index: 10;
    display: inline-block;
    background-color: rgba(255,255,255,0.10);
}
.page-title1 .title-box h2 {
    position: relative;
    color: #ffffff;
    font-size: 52px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.page-title1 .title-box ul {
    position: relative;
}
.page-title1 .title-box ul li {
    position: relative;
    color: #f7bf1e;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 25px;
} 
.page-title1 .title-box ul li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.page-title2 {
    position: relative;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 200px 0 100px 0;
    background-image: url(../images/grapeBg3.jpg)
}
.page-title2:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(78,85,10,0.70);
}
.page-title2 .title-box {
    position: relative;
    padding: 30px 50px 35px;
    z-index: 10;
    display: inline-block;
    background-color: rgba(255,255,255,0.10);
}
.page-title2 .title-box h2 {
    position: relative;
    color: #ffffff;
    font-size: 52px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.page-title2 .title-box ul {
    position: relative;
}
.page-title2 .title-box ul li {
    position: relative;
    color: #f7bf1e;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 25px;
} 
.page-title2 .title-box ul li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.page-title3 {
    position: relative;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 200px 0 100px 0;
    background-image: url(../images/grapeBg4.jpg)
}
.page-title3:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color:  rgba(70,29,0,0.70);
}
.page-title3 .title-box {
    position: relative;
    padding: 30px 50px 35px;
    z-index: 10;
    display: inline-block;
    background-color: rgba(255,255,255,0.10);
}
.page-title3 .title-box h2 {
    position: relative;
    color: #ffffff;
    font-size: 52px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.page-title3 .title-box ul {
    position: relative;
}
.page-title3 .title-box ul li {
    position: relative;
    color: #f7bf1e;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 25px;
} 
.page-title3 .title-box ul li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.page-title4 {
    position: relative;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 200px 0 100px 0;
    background-image: url(../images/grapeBg5.jpg)
}
.page-title4:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color:  rgba(31,14,8,0.70);
}
.page-title4 .title-box {
    position: relative;
    padding: 30px 50px 35px;
    z-index: 10;
    display: inline-block;
    background-color: rgba(255,255,255,0.10);
}
.page-title4 .title-box h2 {
    position: relative;
    color: #ffffff;
    font-size: 52px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.page-title4 .title-box ul {
    position: relative;
}
.page-title4 .title-box ul li {
    position: relative;
    color: #f7bf1e;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 25px;
} 
.page-title4 .title-box ul li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.page-title5 {
    position: relative;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 200px 0 100px 0;
    background-image: url(../images/grapeBg6.jpg)
}
.page-title5:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color:  rgba(70,29,0,0.70);
}
.page-title5 .title-box {
    position: relative;
    padding: 30px 50px 35px;
    z-index: 10;
    display: inline-block;
    background-color: rgba(255,255,255,0.10);
}
.page-title5 .title-box h2 {
    position: relative;
    color: #ffffff;
    font-size: 52px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.page-title5 .title-box ul {
    position: relative;
}
.page-title5 .title-box ul li {
    position: relative;
    color: #f7bf1e;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 25px;
} 
.page-title5 .title-box ul li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.page-title6 {
    position: relative;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 200px 0 100px 0;
    background-image: url(../images/grapeBg7.jpg)
}

.page-title6:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(70,29,0,0.70);
}
.page-title6 .title-box {
    position: relative;
    padding: 30px 50px 35px;
    z-index: 10;
    display: inline-block;
    background-color: rgba(255,255,255,0.10);
}
.page-title6 .title-box h2 {
    position: relative;
    color: #ffffff;
    font-size: 52px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.page-title6 .title-box ul {
    position: relative;
}
.page-title6 .title-box ul li {
    position: relative;
    color: #f7bf1e;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 25px;
} 
.page-title6 .title-box ul li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}


.vc_row {
    margin-left: -15px;
    margin-right: -15px;
}
.vc_column_container {
    padding-left: 0;
    padding-right: 0;
}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}


.counter-section {  position: relative;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 80px 0px 80px;
    background-image: url(../images/grapeBg.jpg);
}
.counter-section ul {padding: 0; margin: 0;}
.counter-section li {list-style: none; padding: 0; float: left; width: 32.333%; border: 1px solid rgba(255,255,255,0.20); background-color: rgba(255,255,255,0.10); padding: 20px 30px; margin: 0 1% 20px 0;     font-size: 20px; font-family: 'Quicksand', sans-serif; font-weight: 500; color: #eedcc4; }

 
.strategyhead {background-image: url(../images/strategyhead.jpg);}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.counter-section:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(70,29,0,0.70);
}
.expertise .fact-counter .column .inner {padding:0 10px !important;}
.expertise .col-md-8 {margin-top:30px;}
.fact-counter .column .inner {
    position: relative;
    text-align: left;
    float: left;
    width: 100%;
    border: 1px solid rgba(255,255,255,0.20);
    background-color: rgba(255,255,255,0.10);
    padding: 30px 10px;
    margin: 0 0 20px 0;
}
.fact-counter .column .inner .icon-box {
    position: relative;
    width: 120px;
    height: 120px;
    color: #d2cbb6;
    font-size: 35px;
    text-align: center;
    line-height: 150px;
    margin: 0 30px;
    border-radius: 50%;
    float: left;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: rgba(255,255,255,0.2);
    line-height: 3.5;
}
.count-outer.count-box.counted {margin-top:15px;}
.fact-counter .count-outer .count-text {
    position: relative;
    font-weight: 600;
    color: #eedcc4;
    font-size: 25px;
    line-height: 1em;
    font-family:  'Quicksand', sans-serif;
}
.fact-counter .column .counter-title {
    position: relative;
    font-size: 20px; font-family:  'Quicksand', sans-serif;
    font-weight: 500;
    color: #eedcc4;
    margin-top: 4px;
	line-height: 30px;
}
.counter-section .content-column .inner-box h2 {font-size: 45px; text-transform: none; margin: 0 0 20px 0; font-weight: 700; color: #fff; }
.counter-section  a {
    text-decoration: none;
    cursor: pointer;
    color: #f7bf1e;
}
.counter-section .content-column .inner-box .text {
    position: relative;
    color: #e4e4e4;
    font-size: 17px;
    line-height: 1.6em;
    margin-bottom: 25px;
}
.consultant-section .pull-right {margin: 0 0 20px 35px; border: 3px solid #CCC;} 
.btn-style-one {
    position: relative;
    padding: 10px 38px;
    line-height: 24px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    background-color: #d00000;
    border: 2px solid #d00000;
    text-transform: capitalize;
    font-family: 'Heebo', sans-serif;
}
.btn-style-one:hover {
    color: #d00000;
    background: none;
}
.inner-box {text-align: left;}
#about-section ul {padding: 0; margin: 0;}
.whySection li {width:46% !important; text-align:left !important; padding-left:10px !important}
.whySection1 .list-inline li {width: 24% !important; float: left; text-align: left; padding-left: 25px !important; border: none !important; background:url(../images/listing.png) no-repeat left 50%; margin: 0 !important;}
.list-inline {border: solid 1px #ccc; float: left; width: 100%; border-left: solid 3px rgba(201, 0, 0, 0.5); padding:10px 0 !important; margin-top:25px !important}
.text {margin-bottom: 25px;}
.text1 {background:none !important;}
.whySection1 .text {width:32.33%;}
#about-section li, .whySection li, .consultant-section li {list-style: none; float: left; width: 100%; border: solid 1px #ccc; margin-right: 11px; margin-top: 15px; border-left: solid 3px rgba(201, 0, 0, 0.5); padding: 15px; font-size: 20px;}
.consultant-section {
    position: relative;
    padding: 60px 0px 90px 0; line-height: 30px;
}
.sec-title h3 {font-size: 30px;
    color: #03072f;
    font-weight: 500; text-align: center;
    line-height: 1.1em;
    padding: 0;
    font-family: 'Heebo', sans-serif;
	margin-bottom:30px;}
	
.sec-title h2 {
    font-size: 36px;
    color: #cb0000;
    font-weight: 700; text-align: center;
    line-height: 1.1em;
    padding: 0;
    font-family: 'Heebo', sans-serif;
	margin-bottom:30px;
}
.page-title .title-box ul li::after {
	content: '\f105';
	position: absolute;
	right: -17px;
	top: 0px;
	color: #ffffff;
	font-family: 'FontAwesome';
}
.page-title .title-box ul li:last-child::after {
	display: none;
}
.sec-title.centered .text {
    max-width: 630px;
    margin: 0 auto 40px auto;
}
.team-member {
    position: relative;
    margin-bottom: 60px;
}
.team-member .inner-box {
    position: relative;
    border: 1px solid #ebebeb;
    display: block;
    padding: 50px 30px 50px;
    text-align: center;
    border-radius: 2px;
    background: #fafafa;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}
.team-member .image-box {
    position: relative;
    width: 133px;
    height: 133px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 25px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team-member .info {
    position: relative;
    margin: 0 auto 10px;
}
.team-member .info h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6em;
    text-transform: capitalize;
}
.team-member .info h3 {
    font-size: 18px;
    font-weight: 500; color: #cf0909;
    line-height: 1.6em; margin: 0;
    text-transform: capitalize;
}
.team-member .social-links li {
    position: relative;
    display: inline-block;
}
.team-member .social-links .icon-facebook-letter-logo {color:#3b5998;}
.team-member .social-links .icon-twitter-logo-silhouette {color:#17a3f2;}
.team-member .social-links .icon-linkedin-letters {color:#007bb6}
.team-member .social-links li a {
    font-size: 14px;
    color: #666666;
    width: 40px;
    height: 40px;
    margin: 0px 3px;
    line-height: 38px;
    border-radius: 50%;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #ededed;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
} 
.team-member .image-box img {
    display: block;
    width: 100%;
    border-radius: 50%; border: 4px solid #CCC;
}
.consultant-section .col-md-9 {text-align: left;}
.consultant-section .col-md-9 h4 {font-size: 18px; font-weight: 500; line-height: 1.6em;  color: #000; margin: 0px !important; padding: 0px  !important;}
.consultant-section .col-lg-12 {text-align: left;}
.consultant-section .col-lg-12 ul {padding: 0; margin: 0;}
.consultant-section .col-lg-12 li {list-style: none; background: url(../images/listing.png) no-repeat left 10px; margin: 0 0 0 0; padding: 0 0 0 20px; }
.consultant-section #collapse5 li {list-style: none; background: url(../images/listing.png) no-repeat left 10px; margin: 0 0 0 0; padding: 0 0 0 20px; }
/*--------TEAM PAGE----------*/
.quote-boxed {padding: 30px 60px 60px;}
.quote-boxed {position: relative; z-index: 1; padding: 30px 30px 30px 30px; height:auto; margin-left: auto; margin-right: auto; background: #ffffff; text-align: left; transition: .33s; position: relative; text-align: left; margin-bottom:30px}
.quote-boxed > span:nth-child(1) {top: 0; left: 0; border-width: 1px 0 0 1px;}
.quote-boxed > span:nth-child(2) {top: 0; right: 0; border-width: 1px 1px 0 0;}
.quote-boxed > span:nth-child(3) { bottom: 0; right: 0; border-width: 0 1px 1px 0;}
.quote-boxed > span:nth-child(4) { bottom: 0;  left: 0; border-width: 0 0 1px 1px;}
.quote-boxed:hover > span:nth-child(1) {top: 0; left: 0; border-width: 1px 0 0 1px; border-color:#d00000;}
.quote-boxed:hover > span:nth-child(2) {top: 0; right: 0; border-width: 1px 1px 0 0; border-color:#d00000;}
.quote-boxed:hover > span:nth-child(3) { bottom: 0; right: 0; border-width: 0 1px 1px 0; border-color:#d00000;}
.quote-boxed:hover > span:nth-child(4) { bottom: 0;  left: 0; border-width: 0 0 1px 1px; border-color:#d00000;}
.quote-boxed:hover > span  {border:1 solid #d00000 !important; width: 100%; height: 100%;transition: height 3s, width 3s, color .08s; display: inline-block}
.quote-boxed:hover {color: #000; background: #f6f6f6;}
svg:not(:root) {float:left; margin: 15px;}
.quote-boxed__title {padding: 0 !important; margin: 0 !important;}
.quote-boxed p {margin-left:65px; padding:0 !important}
.quote-boxed > span {position: absolute; width: 57px; height: 57px; vertical-align: middle; border: 0 solid #cccbcb; background-color: transparent; pointer-events: none;
transition: height .5s, width .5s, color .08s;}
html:not(.mobile):not(.tablet) .quote-boxed .quote-boxed__title, html:not(.mobile):not(.tablet) .quote-boxed .quote-boxed__cite, html:not(.mobile):not(.tablet) .quote-boxed .quote-boxed__time, html:not(.mobile):not(.tablet) .quote-boxed .quote-boxed__shape {transition: .22s .1s;}
.quote-boxed__title {font-size: 24px; color:#da0303}
.quote-boxed__meta {transform: translateY(-15px); margin-left: -30px; margin-bottom: -15px;}
* + .quote-boxed__meta { margin-top: 15px;}
.quote-boxed__meta > :not(:last-child) {position: relative;}
/*-----contact------*/
.contact-section .form-column {position: relative; margin-bottom: 20px;}
form  input, form  textarea, #security_code {width: 100% !important; margin-bottom: 15px !important; border-radius: 0; border:solid 1px #ccc; padding: 15px 30px; background:#f6f6f6}
form  input:focus, form  textarea:focus {border:solid 1px #d00000;}
#localcase { padding-left: 15px;}
#localcase img {border: solid 1px #ccc; border-radius: 10px; padding: 10px;}
#security_code { width: 30% !important; margin-left: 20px; color:#000;}
.enquiryBtn  input{
	position: relative;
	padding: 15px 20px; display: inline-block; width: auto;
	line-height: 24px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700; 
	background-color: #cf0000;
	border: 2px solid #cf0000;
	text-transform: capitalize;
	font-family: 'Heebo', sans-serif;  
}
.location {width: 100%; float: left; padding: 70px 70px; color: #fff; text-align: center;}
.location h4 {color: #d8aa1f; font-size: 35px; margin: 0 0 20px 0; }
.location h5 {color: #fff; font-size: 25px; margin: 0 0 20px 0; }
.location h5 span {color: #b4b4b4; font-size: 18px; margin: 0 0 10px 0; display: block; }
.location p {color: #b4b4b4; }
.location h6 {color: #fff; font-size: 25px; margin: 0 0 20px 0; }
.location h6 span {color: #b4b4b4; font-size: 18px; margin: 10px 0 10px 0; display: block; }
.location h3 {color: #fff; font-size: 18px; margin: 0 0 20px 0; line-height: 30px; }
.location h3 span {color: #b4b4b4; font-size: 18px; margin: 0 0 10px 0; display: block; }
.location a {color: #000;}
.enquiryBtn  img {width: 15% !important; border: 1px solid #CCC !important; margin: 0 0 20px 0 !important;}
.tred {font-size: 18px; color: #e71616; font-weight: 500;}
.enquiryBtn input:hover {background:none; color:#cf0000}
.contactsec .fact-counter .column .inner .icon-box { float:none; text-align:center; margin:0 auto; width: 65px; height: 65px; font-size: 20px;}
.contactsec .fact-counter .column .inner {text-align:center;}
.contactsec .fact-counter .count-outer .count-text {font-size:20px;}
.cntdtl h4 {color:#d00000; font-size:25px; margin: 0 0 15px 0;}
.cntdtl strong {color: #00af5d;}
.cntdtl {background: #fff; border: 1px solid #ccc; text-align: center; padding: 35px 20px; margin: 50px 0 0 0;}
.contactInfo {width: 100%; float: left; background: #000; }
.contactInfo img {width: 100%; height: auto;}
.contactInfo .col-md-3 {padding: 0; margin: 0;}
.contactInfo .col-md-4 {padding: 0; margin: 0;}
.contactInfo .col-md-5 {padding: 0; margin: 0;}
.contactInfo .container-fluid {padding: 0; margin: 0;}

/*----- Button Effects-------*/
.col {
  padding: 1rem;
}
.icon-technology {float: left; color: #fff; font-size: 30px; margin-left: 60px; margin-top: 35px;}

#about-section .btn-2 {
  color: #df6969 !important; 
}
#about-section .col {  width: 20%; text-align: center; margin-top: 25px;
margin: 0 auto; background:url(../images/btn.png) no-repeat center center; background-size: 100% auto;}
.col {padding: 0rem;}
#about-section  code {
    font-size: 16px;
    color: #df6969; background:none; text-transform:uppercase}
	
#about-section  .col:nth-of-type(2n+1) {
    clear: left;
  }
#about-section  .col:hover {background:none;}
#about-section .btn {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 20px;
  text-decoration: none; border-radius:0
}
#about-section img {width: 100%; height: auto; margin: 20px 0 0 0; border: 3px solid #900;}
.vc_row-fluid img {width: 100%; height: auto; margin: 20px 0 0 0; border: 3px solid #aa843b;}
#about-section .btn:before, #about-section .btn:after,
#about-section .btn .btn--inner:before,
#about-section .btn .btn--inner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background-color: currentColor;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; transition:all linear 500ms;
}

#about-section .btn--cw:after,
#about-section .btn--ccw:after,
#about-section .btn--cw-tlbr:after,
#about-section .btn--ccw-tlbr:after,
#about-section .btn--cw-trbl:after,
#about-section .btn--ccw-trbl:after {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}
#about-section .btn--cw .btn--inner:before,
#about-section .btn--ccw .btn--inner:before,
#about-section .btn--cw-tlbr .btn--inner:before,
#about-section .btn--ccw-tlbr .btn--inner:before,
#about-section .btn--cw-trbl .btn--inner:before,
#about-section .btn--ccw-trbl .btn--inner:before {
  right: 0;
  left: auto;
}
#about-section .btn--cw .btn--inner:after,
#about-section .btn--ccw .btn--inner:after,
#about-section .btn--cw-tlbr .btn--inner:after,
#about-section .btn--ccw-tlbr .btn--inner:after,
#about-section .btn--cw-trbl .btn--inner:after,
#about-section .btn--ccw-trbl .btn--inner:after {
  top: auto;
  bottom: 0;
}

#about-section .btn--cw:before, .btn--cw:after {
  width: 0;
  height: 2px;
}
#about-section .btn--cw .btn--inner:before,
#about-section .btn--cw .btn--inner:after {
  width: 2px;
  height: 0;
}
#about-section .btn--cw:hover:before, .btn--cw:hover:after {
  width: 100%;
}
#about-section .btn--cw:hover .btn--inner:before,
#about-section .btn--cw:hover .btn--inner:after {
  height: 100%;
}

#about-section .btn--ccw:before,#about-section .btn--ccw:after {
  width: 2px;
  height: 0;
}
#about-section .btn--ccw .btn--inner:before,
#about-section .btn--ccw .btn--inner:after {
  width: 0;
  height: 2px;
}
#about-section .btn--ccw:hover:before,#about-section .btn--ccw:hover:after {
  height: 100%;
}
#about-section .btn--ccw:hover .btn--inner:before,
#about-section .btn--ccw:hover .btn--inner:after {
  width: 100%;
}

#about-section.btn--tlbr:before, .btn--tlbr:after {
  width: 0;
  height: 2px;
}
#about-section .btn--tlbr:after,
#about-section .btn--tlbr .btn--inner:after {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}
#about-section .btn--tlbr .btn--inner:before,
#about-section .btn--tlbr .btn--inner:after {
  width: 2px;
  height: 0;
}
#about-section .btn--tlbr:hover:before, .btn--tlbr:hover:after {
  width: 100%;
}
#about-section .btn--tlbr:hover .btn--inner:before,
#about-section .btn--tlbr:hover .btn--inner:after {
  height: 100%;
}

#about-section .btn--trbl:before, .btn--trbl:after {
  width: 0;
  height: 2px;
}
#about-section .btn--trbl:before,
#about-section .btn--trbl .btn--inner:before {
  right: 0;
  left: auto;
}
#about-section .btn--trbl:after,
#about-section .btn--trbl .btn--inner:after {
  top: auto;
  bottom: 0;
}
#about-section .btn--trbl .btn--inner:before,
#about-section .btn--trbl .btn--inner:after {
  width: 2px;
  height: 0;
}
#about-section .btn--trbl:hover:before, .btn--trbl:hover:after {
  width: 100%;
}
#about-section .btn--trbl:hover .btn--inner:before,
#about-section .btn--trbl:hover .btn--inner:after {
  height: 100%;
}

#about-section .btn--cw-tlbr:before, .btn--cw-tlbr:after,
#about-section.btn--cw-tlbr .btn--inner:before,
#about-section.btn--cw-tlbr .btn--inner:after,
#about-section .btn--ccw-tlbr:before,
#about-section .btn--ccw-tlbr:after,
#about-section .btn--ccw-tlbr .btn--inner:before,
#about-section .btn--ccw-tlbr .btn--inner:after,
#about-section .btn--cw-trbl:before,
#about-section .btn--cw-trbl:after,
#about-section .btn--cw-trbl .btn--inner:before,
#about-section .btn--cw-trbl .btn--inner:after,
#about-section .btn--ccw-trbl:before,
#about-section .btn--ccw-trbl:after,
#about-section .btn--ccw-trbl .btn--inner:before,
#about-section .btn--ccw-trbl .btn--inner:after {
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

#about-section .btn--cw-tlbr:before, .btn--cw-tlbr:after {
  width: 0;
  height: 2px;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
#about-section .btn--cw-tlbr .btn--inner:before,
#about-section .btn--cw-tlbr .btn--inner:after {
  width: 2px;
  height: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
#about-section .btn--cw-tlbr:hover:before, .btn--cw-tlbr:hover:after {
  width: 100%;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
#about-section .btn--cw-tlbr:hover .btn--inner:before,
#about-section .btn--cw-tlbr:hover .btn--inner:after {
  height: 100%;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

#about-section .btn--ccw-tlbr:before, .btn--ccw-tlbr:after {
  width: 2px;
  height: 0;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
#about-section .btn--ccw-tlbr .btn--inner:before,
#about-section .btn--ccw-tlbr .btn--inner:after {
  width: 0;
  height: 2px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
#about-section .btn--ccw-tlbr:hover:before, .btn--ccw-tlbr:hover:after {
  height: 100%;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
#about-section .btn--ccw-tlbr:hover .btn--inner:before,
#about-section .btn--ccw-tlbr:hover .btn--inner:after {
  width: 100%;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

#about-section .btn--cw-trbl:before, .btn--cw-trbl:after {
  width: 0;
  height: 2px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
#about-section .btn--cw-trbl .btn--inner:before,
#about-section .btn--cw-trbl .btn--inner:after {
  width: 2px;
  height: 0;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
#about-section .btn--cw-trbl:hover:before, .btn--cw-trbl:hover:after {
  width: 100%;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
#about-section .btn--cw-trbl:hover .btn--inner:before,
#about-section .btn--cw-trbl:hover .btn--inner:after {
  height: 100%;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

#about-section .btn--ccw-trbl:before, .btn--ccw-trbl:after {
  width: 2px;
  height: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
#about-section .btn--ccw-trbl .btn--inner:before,
#about-section .btn--ccw-trbl .btn--inner:after {
  width: 0;
  height: 2px;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
#about-section .btn--ccw-trbl:hover:before, .btn--ccw-trbl:hover:after {
  height: 100%;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
#about-section .btn--ccw-trbl:hover .btn--inner:before,
#about-section .btn--ccw-trbl:hover .btn--inner:after {
  width: 100%;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.cntdtl img {width: 20% !important; border: none !important; height: auto; margin: 0 0 25px 0 !important;}
#about-section .section {padding: 0;}
.evectCon #media_section {background: none !important;}
.evectCon h2 {font-size: 45px; text-transform: none; margin: 0 0 20px 20px; font-weight: 700; color: #9c0021; }
.innerWhy h2 {margin: 0 0 20px 0; }
.evectCon h2 span {color: #000;}
.evectCon h3 {font-size: 30px; text-transform: none; margin: 0 0 20px 0; font-weight: 600; color: #9c0021; }
.evectCon h3 span {font-size: 25px; text-transform: none; margin: 0; display: block; font-weight: 700; color: #000000; }
.mediaBox{width: 100%; float: left; background: #fff; margin: 0 0 25px 0}
.mediaBox a {background: #900; padding: 10px 20px; color: #fff !important; font-size:16px; font-weight: bold;}
.mediaBox a:hover {background: #a2da15; }

.mediaBox p {margin: 0 0 25px 0 !important;}
.mediaBox .col-sm-6 {padding: 0; margin: 0;}
.grid-gallery h3 {font-size: 20px;}
.par {width: 50%; margin : -380px 0 0 25%; text-align: left; position: absolute; z-index: 99999; }
.par h4 {font-size: 53px; color: #dbb10b; text-align: left;}
.par h5 {font-size: 30px; color: #fff; font-weight:600; line-height: 40px;  text-align: left; font-family:  'Quicksand', sans-serif;}
.par h5 span {font-size: 26px; color: #fff; font-weight: 400; margin: 0 0 25px 0;  font-family:  'Quicksand', sans-serif; display: block;}
.par a { font-family:  'Quicksand', sans-serif; font-size: 25px; text-transform: uppercase; font-weight: 700; color: #fff; background: #9c0021; padding: 10px 20px;  }

.activitiesInfo h5 {font-family:  'Niconne', cursive; font-size: 25px; color: #cb0f0f; padding: 15px 25px; display: block; float: left;}
.activitiesInfo img {width: 100% !important; height: auto;}

.popup img{margin:0 auto}
.tentImage {text-align: center;}
.tentImage img {margin: 25px; padding: 7px; border: 1px solid #ccc;}
/*------------- New About us -------------*/
.about-section1 {padding: 80px 0; line-height: 30px;} 
.about-section1 h3 {font-size: 45px; text-transform: none; margin: 0 0 20px 0; font-weight: 700; color: #9c0021; }
.about-section1 li, .whySection li, .consultant-section li {list-style: none; float: left; width: 100%; border: solid 1px #ccc; margin-right: 11px; margin-top: 15px; border-left: solid 3px rgba(201, 0, 0, 0.5); padding: 15px; font-size: 20px;}
.about-section1 img {width: 100%; height: auto; margin: 20px 0 0 0; border: 3px solid #900;}
/*-----------------------------------*/
/* Page 404
/*-----------------------------------*/
#page404{text-align:center;}
#page404 img{margin:50px 0; margin-bottom:20px;}
#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
.btn11 { background: #c9383d; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
.btn11:hover {background:#9f161b;}

/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 40%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 90%; height: 0; overflow: hidden;  border: none; margin-bottom:0;}
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%; top: 0; left: 0; width: 100%; height: 100%;}
 iframe {border: 0;}
 
/*--------- Old  --------------*/
/*-----Effects---*/
#event_section .grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

/* Common style */
#event_section  .grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0px 0% 30px 0%;
	background: #000;
	text-align: center;
	cursor: pointer;
}

#event_section .grid figure img {
	position: relative;
	display: block;
	opacity: 0.8;
}

#event_section  .grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#event_section .grid figure figcaption::before,
#event_section .grid figure figcaption::after {
	pointer-events: none;
}

#event_section .grid figure figcaption,
#event_section .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
#event_section .grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

#event_section .grid figure h2 {
	/*word-spacing: -0.15em;*/
	font-weight: 300;
}

#event_section .grid figure h2 span {
	font-weight: 800;
}

#event_section .grid figure h2,
#event_section .grid figure p {
	margin: 0;
}

#event_section .grid figure p {
	letter-spacing: 1px;
	font-size: 18px;
}
.tentBox {    /* margin-top: -22%; */
    z-index: 99999;
    position: absolute;
    bottom: -50px;
    width: 100%;
}
.lanternBox {width: 80%; position: absolute; top: 0;}
.lanternBox img {width: 100%; height: auto;}

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}
.event_img figure.effect-lily figcaption > div {height: 37%;}
.event2 figcaption > div {height:30% !important;}
figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s; font-family: 'Quicksand', sans-serif; font-size:23px; font-weight:bold !important;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0; font-size:18px; text-transform:none;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
.header img {width: 100%; height: auto;}
.tentBox img {width: 100%; height: auto;}
.newRoom {width: 100%; float: left;}
.iconCon {float: left; margin: 0 10px -20px 10px;}
#footer_section .container-fluid {padding: 0 5%;}
.boxFull {width: 100% !important; float: left;}
.nameBox7 {margin-left: -51% !important; margin-top: 45% !important; }
.nameBox6 {margin-top: 18%!important;margin-left: -19% !important;}

#interVeil {
	width: 1084px;
	left: 0px;
	visibility: visible;
	display: block;
	right: 0;
}
.drag-contentarea {
	height: 620px !important;
}
/*------------- Inner Page --------------*/
.back-to-top { cursor: pointer; position: fixed; bottom: 20px;  right: 20px; display:none; z-index: 9999 !important;} 

.calender {
	width: 100%;
	float: left;
	background: #FFF;
	 padding: 20px 0; 
	margin-bottom: 25px;
	height: 180px;
	text-align: center;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.calender h1{font-size:100px;}
.date {
	background:/* #b8e600*/ #f2f3ef;
	width: 100%;
	padding: 15px;
	 -webkit-transition: background 2s; /* Safari */
    transition: background 2s;
}
.date:hover {
	background:/* #b8e600*/ #9c0021;
	color:#fff;
}
.modal p{color:#000; text-align:left; padding: 4px 20px; font-weight: 500 }
.modal span{width:50%; color:#9c0021; text-align:left}
.modal-header .close {
	margin-top: -35px;
}
.modal-header {
	padding: 10px 25px 5px 13px;
	border-bottom: 1px solid #e5e5e5;
}
.title span{font-size:20px;}


.maps{width:100%; float:left; margin-bottom: 50px;}
.maps .col-sm-6 {margin: 0; padding: 0;}
.maps .col-sm-6 iframe {border:solid 1px #ccc;}
.map1{width:50%; float:left;}
.map2{width:50%; float:left;}
.tent_lction {padding:80px 0;}
.tent_lction .list-group {margin: 0; padding: 0; list-style: none; font-size: 18px;}
.tent_lction .list-group li {border: solid 1px #ccc; float: left; width: 48%; padding: 10px 20px; line-height: 34px; margin-right: 20px; border-left:solid 2px #00893d}
.tent_lction h2 {color:#b80027; margin-top:20px}
.tent_lction .col-sm-6 .list-group li {width:100% !important; margin-bottom:10px !important}
.tent_lction  h4 {color:#000; font-size:40px; margin-bottom:20px}
.tab-content {
	background: #fff;
	padding: 30px 50px; border:solid 1px #ccc; border-top:none;}
.nav-tabs > li.active > a {color:#b80027; font-weight:bold;}
.nav-tabs > li  a, .nav-tabs > li   {color:#000; font-weight:400;}
.nav-tabs > li  a {background-color: #fff; border: 1px solid #ddd;     font-weight: bold; margin: 0 10px 0 0;}
.tab-content p{ color:#000; font-weight:400; line-height:30px;}
.tab-content ul {margin:0; padding:0;}
.tab-content li {line-height:30px; margin: 0 0 0 20px; font-size:15px;}
.tab-content h4 {color:#00893d}
.tentCon {width: 100%; float: left;}
 .tab-content h2 {color: #CB1434; font-size: 30px;}
 .fb_video a{ background:none;}
  .fb_video a:hover{ background:none;}
  .slideshow li {
	width: 800px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -400px;
	visibility: hidden;
}
.news figure img {
	display: block;
	width: 100%;
	border: 2px solid #dcdcdc;
	padding: 4px;
}

#gallery18 figure {
	overflow-y: scroll;
}
#newsAll figure {
	overflow: scroll;
}
@media only screen and (min-width: 1500px) {
.nameBox5 {margin-top: 2%!important; margin-left: -6% !important;}
.nameBox6 {margin-top: 24%!important; margin-left: -26% !important;}
.nameBox7 { margin-top: 59% !important; margin-left: -69%;}

}
@media only screen and (min-width: 1450px) {
.nameBox5 {margin-top: 2%!important; margin-left: -6% !important;}
.nameBox6 {margin-top: 24%!important; margin-left: -26% !important;}
.nameBox7 { margin-top: 59% !important; margin-left: -73%;}
.nameBox7 {margin-left: -51% !important; margin-top: 45% !important; }
.nameBox6 {margin-top: 18%!important;margin-left: -19% !important;}

}
@media only screen and (min-width: 1400px) {
.navbar-inverse .navbar-nav>li>a {font-size: 28px !important;}
}
@media only screen and (min-width: 1300px) {
.navbar-inverse .navbar-nav>li>a {font-size: 22px !important;}
.navBg {margin: -2px 0 0 0;}
.counter-section li { width: 32.333%; padding: 15px 30px; font-size: 16px;}
.main-content {width: 36%; position: absolute; right: 0; z-index: 9999999;}
.main-content img {width: 80% !important; height: auto;}
.nameBox6 {margin-top: 27%;  margin-left: -29%;}
.nameBox2 {margin-top: 0%;  margin-left: -4%;}
.nameBox3 {margin-top: 2%; margin-left: -10%;}
.nameBox4 {margin-top: 2%; margin-left: -4%;}
.nameBox5 {margin-top: 5%; margin-left: -4%;}
.nameBox7 { float: left; margin-top: 66%; margin-left: -79%;}
}
@media only screen and (min-width: 1200px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {position: absolute; background: none; width: 90%;}
.navbar-brand img {width: 80%;}
.navbar-inverse .navbar-nav>li>a {font-size: 18px;}
.navBg { margin-top: -2px;}
.counter-section .auto-container{padding: 0px;}

}
 
@media only screen and (max-width: 1300px) {	
.sky {margin: 0% 0 0 0;}
.par { width: 50%;  margin: -270px 0 0 22%; }
.par h4 {font-size: 43px; }
.par h5 {font-size: 25px;}
.par h5 span {font-size: 22px;  margin: 0 0 20px 0;}
.par a {font-size: 16px;}
.main-content img {width: 80% !important; height: auto;}
.nameBox7 {float: left; margin-top: 0; margin-left: 0;}
#media_section {padding: 10px 0 60px 0 !important;}
#celebrate_section h3 {font-size: 50px;}
#celebrate_section .col-sm-4 img {margin-left: 15%; width: 100%; height: auto;}
#thrw_Section {background-size: 30% auto;}
.counter-section li { width: 32.333%; padding: 15px 30px; font-size: 16px;}
.evectCon #media_section {padding: 60px 0 !important;}
.evectCon #media_section h2 {margin: 25px 0 0 0 !important;}
.evectCon .text-right p {padding: 10px 0 0 40px !important;}
.evectCon .text-left  p {padding: 10px 40px 0 0 !important;}
.main-content {width: 40%; position: absolute; right: 0; z-index: 9999999;}
.main-content img {width: 80% !important; height: auto;}
.nameBox2 {margin-left: -3%;}
.nameBox3 {margin-left: -11%;}
.nameBox4 {margin-left: -3%;}
.nameBox5 {margin-left: -6.5%;}
.nameBox6 {margin-left: -26%;}
.nameBox7 {margin-top: 4%; }
}
@media only screen and (max-width: 1220px) {
.container {width: 94%; margin: 0 3%;}
.nameBox6 {margin-top: 22%;  margin-left: -50%;}
.nameBox2 {margin-top: 0%;  margin-left: -5%;}
.nameBox3 {margin-top: 2%; margin-left: -16%;}
.nameBox4 {margin-top: 2%; margin-left: -5%;}
.nameBox5 {margin-top: 3%; margin-left: -7.5%;}
#wel_section h3 {font-size: 55px;}
#media_section {background: none;}
.newRoom {margin: 0 0 40px 0;}
#media_section .text-left p {padding: 0; margin: 0;}
.text-left br {display: none;}
.text-right br {display: none;}
#media_section h4 {line-height: 10px;}
#media_section h2 {margin: 10px 0 0 0;}
#media_section .text-right p {padding: 0; margin: 0;}
.counter-section li {width: 49%; padding: 10px 15px; font-size: 16px;  margin: 0 1% 10px 0; }
}
@media only screen and (max-width: 1200px) {	
.evectCon .newRoom .col-sm-4 {width: 50% !important;}
#surveybox {
	z-index: 100000;
	width: 800px;
	visibility: visible;
	display: block;
	left: 112.5px;
	top: 17px;
}
}
@media only screen and (max-width: 1199px) {	
.navbar-static-top {padding: 10px 5% 0 5%; }
.navbar-brand img {width: 70%;}
.navbar-brand {margin-top: -30px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {position: absolute; background: #ffff; width: 90%;}
.navbar-inverse .navbar-nav>li>a {font-size: 25px;}
.nav>li { border-bottom: 1px dashed #616161;}
.dropdown-menu {width: 100%;}
.nav-tabs li { border-bottom: none !important;}
.navBg {background-size: 100% auto; margin-top: -2px;}
.counter-section .auto-container{padding: 0px 10%;}
#footer_section p {margin-right: 0;}
.back-to-top{bottom: 0;}
}
@media only screen and (max-width: 1150px) {	
#event_section h5 {font-size: 30px;}
#event_section h4 {font-size: 30px;}
#event_section {padding: 100px 0;}
#footer_section p {font-size: 15px;}
#about-section h2 {font-size: 35px;}
.counter-section li { width: 49%; padding: 10px 15px;font-size: 16px; margin: 0 1% 10px 0;}
#book_section .row {padding: 10px 130px;}
}

@media only screen and (max-width: 1100px) {	
#wel_section .col-sm-6 {width: 100%; }
.wel-sec {position: relative;}
.wel-sec .col-sm-6 {padding: 0; width: 50% !important;  float: left;}
.wel-sec .col-sm-6 img {width: 100%; height: auto;}
.wel-middle img {margin: 40% auto;}
#wel_section p {padding: 0;}
#wel_section .col-sm-6:first-child {margin: 0 0 40px 0; }  
.activitiesInfo h5 {font-size: 17px;}
#thrw_Section .owl-prev {right: 19%;}
.drag-controls img{margin-right:40px;}
#surveybox {
	left: 165.5px !important;
}
}
@media only screen and (max-width: 1020px) {
.main-content img {width: 60% !important; height: auto;}
.nameBox6 {margin-top: 22%;  margin-left: -50%;}
.nameBox2 {margin-top: 0%;  margin-left: -9%;}
.nameBox3 {margin-top: 2%; margin-left: -16%;}
.nameBox4 {margin-top: 2%; margin-left: -9%;}
.nameBox5 {margin-top: 3%; margin-left: -13.5%;}
.par { width: 50%;  margin: -270px 0 0 22%; }
.par h4 {font-size: 33px; }
.par h5 {font-size: 20px; line-height: 25px;}
.par h5 span {font-size: 17px;  margin: 0 0 20px 0;}
.par a {font-size: 16px;}
#footer_section p {font-size: 13px;}
#about-section h2 {font-size: 30px;}
#book_section .row {padding: 10px 75px;}
.drag-controls img {
	margin-right: 70px;
}
#surveybox {
	z-index: 100000;
	width: 800px;
	visibility: visible;
	display: block;
	left: 112.5px;
	top: 17px;
}
}
@media only screen and (max-width: 991px) {
#book_section p {padding: 0 2%;}

#wel_section .col-sm-6 {width: 100%; }
.wel-sec .col-sm-6 {width: 50% !important;}
.wel-sec{position: relative;}
.wel-sec .col-sm-6 img {width: 100%; height: auto;}
.wel-middle img {margin: 38% auto;  }  
.main-content {display: none;}
#wel_section .col-sm-6:first-child {margin: 0 0 40px 0;}
#event_section h5 {font-size: 25px;}
#event_section h4 {font-size: 25px;}
#media_section h4 {font-size: 20px; font-weight: 600; line-height: 10px;}
#celebrate_section h3 {font-size: 40px;}
#celebrate_section .col-sm-4 img {margin-left: 15%; width: 70%; height: auto;}
.bookblk img {margin: 0 auto; width: 40%;}
.counter {padding: 40px; width: 100%; background-size: 100% 100%;}
.counter1 {padding: 40px; width: 100%; background-size: 100% 100%;}
.counter2 {padding: 40px; width: 100%; background-size: 100% 100%;}
#thrw_Section { background: none; background: #f7f7f7;}
#thrw_Section .col-md-4 {margin: 0 0 30px 0;}
#thrw_Section .row {margin-top: 6%;}
#thrw_Section {padding: 0 0 40px 0;}
#thrw_Section h3 {font-size: 50px; text-align: left;}
#footer_section .col-sm-4 {display: none;}
#footer_section .col-sm-8 {width: 100%; text-align: center;  padding: 0 0 30px 0;}
.page-title {padding: 160px 0 80px 0;}
.page-title .title-box {padding: 30px 50px 40px 50px;}
.page-title .title-box h2 {font-size: 45px;}
.page-title .title-box ul li {font-size: 15px;}
.page-title .title-box ul li a {font-size: 15px;}
.evectCon #media_section h2 {font-size: 25px; font-weight: 600;}  
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {margin: 0 10px 0 0; }
.nav-tabs > li a {margin: 0 10px 0 0;}
.nav-tabs li {width: 50%; margin: 0 0 10px 0;}
#surveybox {
	left: 99.5px !important;
}
}
@media only screen and (max-width: 900px) { 
#about-section h2 {font-size: 25px;}
#about-section li, .whySection li, .consultant-section li {font-size: 18px;}
.counter-section li { width: 100%; margin: 0 0 10px 0;}
.icon-box {display: none;}
.fact-counter .column .inner {padding: 5px 30px 20px 30px; }
}
@media only screen and (max-width: 800px) { 
#wel_section h2 {font-size: 30px;} 
#wel_section h3 {font-size: 50px;} 
#media_section h4 {line-height: 25px;}
.evectCon #media_section h2 {font-size: 20px; font-weight: 600;}
.counter p span, .counter1 p span, .counter2 p span, .counter3 p span {font-family: 'Niconne', cursive; font-size:30px}
#surveybox {
	width:645px !important;
	left: 64.5px !important;
}
.drag-controls img {
	margin-right: 0;
}
}
@media only screen and (max-width: 767px) { 
#book_section p {padding: 0 1%;}
.bookblk img {width: 60%; height: auto;}
#book_section .button {padding: 8px 26px;}
#book_section .col-sm-4 {width: 32.333%;}
.counter {background-size: 100% auto;}
.counter1 {background-size: 100% auto;}
.counter2 {background-size: 100% auto;}
.counter3 {background-size: 100% auto;}
#grape_section h3 {font-size: 60px;}
#grape_section h4 {font-size: 30px;}
.carousel-caption {right: 0; left: 0;  width: 100%;}
#wel_section {background: none;}
.wel-sec .col-sm-6 {padding: 0; width: 50%;  float: left;}
#event_section {background-image: none; background: #f3eca2; padding: 50px 0;}
#event_section .grid figure {width: 100%;}
#event_section h3 { margin-bottom: 0; padding-bottom: 55px; color: #000; font-size: 55px; background-size: 20% auto;}
.newInfo {display: none !important;}
.newRoom {border-bottom: 1px dashed #CCC; padding: 0 0 40px 0;}
.newRoom:last-child {border-bottom: none; padding: 0;}
#media_section {padding: 10px 0 10px 0 !important;}
#media_section h3 {margin-bottom: 0; padding-bottom: 80px; background-size: 25% auto; font-size: 50px;}
#media_section {padding: 60px 0 10px 0 !important;}
#celebrate_section .col-sm-4 img {display: none;}
#grape_section h3 {font-size: 50px;}
#grape_section strong {font-size: 20px;}
#grape_section h4 {font-size: 25px;}
.counter-section .content-column .inner-box h2 { font-size: 35px; margin: 0 0 10px 0;}
.counter-section {padding: 60px 0;}
#about-section {padding: 60px 0;}
.consultant-section .pull-right {display: none;}
.page-title {padding: 160px 0 80px 0;}
.page-title .title-box {padding: 25px 45px 35px 45px;}
.page-title .title-box h2 {font-size: 35px;}
.page-title .title-box ul li {font-size: 14px;}
.page-title .title-box ul li a {font-size: 14px;}
#about-section h3 {font-size: 35px;}
.evectCon #media_section img {width: 100%; height: auto;}
.evectCon #media_section h2 {margin: 25px 25px 15px 25px !important; text-align: left; float: left; display: block; width: 100%;}
.evectCon #media_section p {margin: 25px 25px !important; text-align: left;}
.evectCon .text-right p {padding: 0px !important ;}
.evectCon .newRoom .col-sm-4 {width: 100% !important;}
#thrw_Section .owl-prev {right: 20%;}
#thrw_Section .owl-next {right: 10%;}
#countdown .col-sm-3{ width:50%; float:left; margin-top:15px; }


}
@media only screen and (max-width: 600px) {
#wel_section h2 {font-size: 25px;} 
#wel_section h3 {font-size: 45px;} 
#media_section h3 {margin-bottom: 0; padding-bottom: 50px; background-size: 30% auto; font-size: 50px;}
#thrw_Section h3 {font-size: 40px;} 
.evectCon #media_section .col-sm-4 {width: 100%;}
#surveybox {
	width: 500px !important;
	left: 37.5px !important;
}
.popup img {width: 95%;}
.drag-contentarea {
	height: 453px !important;
	padding: 8px;
}
}
@media only screen and (max-width: 550px) { 
#book_section {padding: 60px 0 45px 0;} 
.counter-section .content-column .inner-box h2 { font-size: 30px; margin: 0 0 10px 0;}
#thrw_Section .owl-prev {right: 22%;}
#thrw_Section .owl-next {right: 10%;}
}
@media only screen and (max-width: 500px) {
#book_section .col-sm-4 {width: 50%; margin: 0 25%;}
#grape_section h3 {font-size: 50px;}
#grape_section h4 {font-size: 25px;} 
.navbar-brand img {width: 65%;}
.navbar-brand { padding: 0px 15px;}
.navbar-brand img {width: 50%;}
.navbar-brand {margin-top: -5px;}
.navBg {margin-top: -2px;} 
#event_section .grid figure h2 {font-size: 16px;}
#event_section h3 {padding-bottom: 35px !important;}
#wel_section {padding: 50px 0 0 0 !important;}
#grape_section h3 {font-size: 40px;}
#grape_section strong {font-size: 18px;}
#grape_section h4 {font-size: 20px;}
#grape_section {padding: 40px 0;}
#back-to-top {display: none !important;}
#about-section h3 {font-size: 25px;}
.counter p span, .counter1 p span, .counter2 p span, .counter3 p span {font-family: 'Niconne', cursive;font-size: 22px;}
#surveybox {
	width: 435px !important;
	left: 31.5px !important;
}
.drag-contentarea {
	height: 390px !important;
	padding: 8px;
}
}
@media only screen and (max-width: 450px) {
.navbar-brand {margin-top: -59px;}
.wel-sec {display: none;}
#wel_section .col-sm-6:first-child {margin: 0; } 
#wel_section {padding: 0;}
#book_section .button {font-size: 20px;}
#book_section {padding: 60px 0 0 0;}
.counter-section {padding: 40px 0;}
#about-section {padding: 40px 0;}
#thrw_Section .owl-prev {right: 26%;}
#thrw_Section .owl-next {right: 10%;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {margin: 0 10px 0 0; }
.nav-tabs > li a {margin: 0 10px 0 0;}
.nav-tabs li {width: 100%; margin: 0 0 10px 0;}
#countdown .col-sm-3 {width: 100%;margin-top: 15px;}
.counter p span, .counter1 p span, .counter2 p span, .counter3 p span {font-size: 25px;}
.counter, .counter1, .counter2, .counter3 {background-size:60% auto;}
}
@media only screen and (max-width: 400px) {
#book_section .col-sm-4 {width: 60%; margin: 0 40%;} 
.tentBox {bottom: -40px;}
#wel_section h2 {font-size: 20px;} 
#wel_section h3 {font-size: 30px;}
#event_section h3 {padding-bottom: 25px !important; font-size: 35px;} 
#media_section h3 {margin-bottom: 0; padding-bottom: 60px; background-size: 40% auto; font-size: 40px;}
#thrw_Section h3 {font-size: 30px;}
.counter-section .content-column .inner-box h2 { font-size: 25px; margin: 0 0 10px 0;}
.page-title {padding: 130px 0 70px 0;}
.page-title .title-box {padding: 20px 40px 30px 40px;}
.page-title .title-box h2 {font-size: 25px;}
.page-title .title-box ul li {font-size: 13px;}
.page-title .title-box ul li a {font-size: 13px;}
.owl-carousel .owl-item {padding: 0px !important;}
.counter, .counter1, .counter2, .counter3 {
	background-size: 85% auto;
}
#surveybox {
	width: 365px !important;
	left: 19.5px !important;
}
.drag-contentarea {
	height: 330px !important;
}
}
@media only screen and (max-width: 350px) {
#book_section .col-sm-4 {width: 70%; margin: 0 15%;} 
#grape_section h3 {font-size: 40px;}
#grape_section h4 {font-size: 20px;}
#wel_section {padding: 30px 0 0 0 !important; margin: 0 0 50px 0;}
#thrw_Section .owl-prev {right: 28%;}
#thrw_Section .owl-next {right: 10%;}
#wel_section h4{font-size: 37px;}
#surveybox {
	width: 286px !important;
	left: 11.5px !important;
}
.drag-contentarea {
	height: 255px !important;
}
}