body {

  padding-top: 0px;

 font-family: 'Muli', sans-serif;

    color: #333;

       font-size: 16px;

    font-weight: 400;

    font-style: normal;

    line-height: 1.8;

}

a

{

    -webkit-transition: all .3s ease .1s !important;

    -moz-transition: all .3s ease .1s !important;

    -ms-transition: all .3s ease .1s !important;

    -o-transition: all .3s ease .1s !important;

    transition: all .3s ease .1s !important;

}

h1,h2,h3,h4

{

font-family: 'Muli', sans-serif;

}

a:hover, a:focus

{

text-decoration:none;

}

img

{

max-width:100%;

}



.navbar {

  margin-bottom: 0px;

  

}

.navbar-wrapper {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  z-index: 20;

 

}



/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {

  padding-right: 0;

  padding-left: 0;

}

.navbar-wrapper .navbar {

  /*padding-right: 15px;

  padding-left: 15px;*/

 

     

	    

}



.navbar-collapse

{

position: relative;

    background: #fafafa;

    background: -moz-linear-gradient(top, #fafafa 0%, #dddddd 100%);

    background: -webkit-linear-gradient(top, #fafafa 0%, #dddddd 100%);

    background: linear-gradient(to bottom, #fafafa 0%, #dddddd 100%);

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

}



.social2

{

list-style:none;

padding:0;

margin:0;

}

@media(min-width:992px)

{

.social2

{

float:right;

margin:0 20px;

}



}

.social2 li

{

padding:8px 5px;

display:inline-block;

}

.social2 li a

{

display:inline-block;

width:35px;

height:35px;

background:#84c225;

color:#000;

border-radius:50%;

text-align:center;

padding-top:10px;

}

/*----------------------------------------------slider finish--------------------------------*/

/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

.carousel {

  /*height: 500px;*/

  margin-bottom: 0px;

  position:relative;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  z-index: 10;

}







/* Declare heights because of positioning of img element */

.carousel .item {

  /*height: 500px;*/

  background-color: #777;

}

.carousel .image1

{

       padding: 13% 0 13%;

background-position:center center;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

background-image:url(../images/slider1.jpg);

height:670px;

}

@media(min-width:768px)

{

.carousel .image1

{

    padding: 19% 0 13%;

    height: 520px;

}

}

@media(min-width:1600px)

{

.carousel .image1

{

          padding: 19% 0 13%;

    height: 650px;

}

}

.carousel .image1:before

{

position:absolute;

content:'';

left:0;

right:0;

bottom:0;

top:0;

background: rgba(0, 0, 0, 0.4);

display:block;

}



.carousel-inner > .item > img {

  /*position: absolute;*/

  top: 0;

  left: 0;

  min-width: 100%;

  /*height: 500px;*/

}

.slider-inner

{

    margin-left: 50px;

    color: #fff;

    

    padding: 27px;

}

.slider-inner h1

{

font-size:50px;

font-weight:900;

margin-top:0;

    color: #84c225;

}

.slider-inner h3

{

margin-top:0;

font-size:30px;

}

.btn2

{



    color: #fff;

    font-size: 19px;

    font-weight: 700;

    font-family: 'Muli', sans-serif;

    /* border-radius: 30px; */

    padding: 8px 24px;

    margin-top: 20px;

    display: inline-block;

    background: #f6a84a;

}

.btn2:hover, .btn2:focus

{

color: #fff;

    background: #800080;

    /* color: #fff; */

    text-decoration: none;

}

/*----------------------------------------------slider finish--------------------------------*/



@media (max-width: 992px) {

    .navbar-header {

       /* float: none;*/

    }

    .navbar-left,.navbar-right {

        float: none !important;

    }

    .navbar-toggle {

        display: block;

		  margin-top: 30px;

    }

    .navbar-collapse {

       /* border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/

    }

    .navbar-fixed-top {

		top: 0;

		border-width: 0 0 1px;

	}

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-nav {

        float: none!important;

		margin-top:0px;

		background:transparent;

		padding:0 0px;

		

	}

	.navbar-nav>li {

        float: none;

		/*border-left: #000 2px solid;*/

    }

    .navbar-nav>li>a {

    padding-top: 10px;

    padding-bottom: 10px;

    background: #fff;

    padding-left: 18px;

    padding-right: 18px;

    border-bottom: 1px solid rgba(17, 17, 17, 0.07);

		

    }

	.navbar-inverse .navbar-nav>li>a:hover

	{

	

	}

	

    .collapse.in{

  		display:block !important;

		/*background:#1d2e62;

		padding: 0 20px;*/

		margin-top:0px;

	}

}

.nav>li

{

    border-left:none;

}

@media(min-width:992px)

{

.nav>li

{

    /*border-left: 1px solid #F1EFEF;*/

}

}

.navbar-inverse .navbar-nav>li.last>a

{

border:1px solid #fff;

border-radius:5px;

padding-top:10px;

padding-bottom:10px;

margin-top:5px;

-webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

}

.navbar-inverse .navbar-nav>li.last>a:hover

{

background:#5DC0F8;

color:#fff;

border-color:#5DC0F8;

}

.navbar-inverse .navbar-nav>li>a span

{

    display: inline-block;

    color: #aaa;

    font-size: 9px;

    margin-top: 5px;

    line-height: 1.2;

}

.navbar-inverse .navbar-nav>li>a span.caret

{

text-align:center;

    text-align: center;

    color: #000;

    margin:0%;

}

@media(min-width:992px)

{

.navbar-inverse .navbar-nav>li>a span.caret

{



  /*  margin: 8% auto 0%;*/

}

}

.navbar-inverse .navbar-brand img

{

   

        margin: 12px 15px 0;

    width: 200px;

}

@media(min-width:992px)

{

.navbar-inverse .navbar-brand img

{

width:auto;

}

.main-header.shrink .navbar-nav>li>a

{

    

}

}

.main-header.shrink .navbar-brand img

{

 

}

@media(min-width:768px)

{

.main-header.shrink .navbar-brand img

{

 

}

}

@media(min-width:768px)

{

.main-header {

  -webkit-transition: height 0.3s;

  -moz-transition: height 0.3s;

  transition: height 0.3s;

  position:relative;

  width: 100%;

  height: 79px;

  background:#fff;

  display:block;

}

}

@media(min-width:768px)

{

.main-header {

position:relative;

display:block;

}

}

.main-header.shrink {



  line-height: 80px;

  background:#fff;

  top:0;

  display:block;

  position:fixed;

  width:100%;

}

@media(min-width:768px)

{

.main-header.shrink {

  height: 76px;

  }

}



.main-header.shrink .navbar-nav>li.last>a

{

background:#5DC0F8;

color:#fff;

border-color:#5DC0F8;

}





/*---------------------------------------------------YTPlayer--------------------------------------------------------------*/

.video

{

    position: relative;

    z-index: 1;

	    display: block;

}

@media(max-width:767px)

{

.video

{

display:none;

}

}

.video-content

{

position: relative;

    overflow: hidden;

    max-height: 750px;

}

@media(max-width:1400px)

{

.video-content

{

position: relative;

    overflow: hidden;

    max-height: 585px;

}

}



@media(max-width:1200px)

{

.video-content

{

position: relative;

    overflow: hidden;

    max-height:500px;

}

}



@media(max-width:992px)

{

.video-content

{

position: relative;

    overflow: hidden;

    max-height: 500px;

}

}



@media (max-width: 767px)

{

.video-content {

    position: relative;

    overflow: hidden;

    max-height: 215px;

}

}

.video-content .overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 50;

    background: rgba(0, 0, 0, 0.32);

}

.video-overlay

{

position: absolute;

    left: 0;

    right: 0;

    top: 20px;

    bottom: 0;

}

@media(min-width:768px)

{

.video-overlay

{

top: 150px;

}

}

.video-content p

{

display:none;

}



@media(min-width:992px)

{

.video-overlay

{

top: 80px;

}

}



.video-content h3

{



    font-weight: 300;

    color: #005d63;

    text-align: left;

	font-size:70px;



}

@media(min-width:768px)

{

.video-content h3

{

display:block;

}

.video-content p

{

display:block;

color:#fff;

font-size:17px;

line-height:28px;

font-weight:300;

width:60%;

}

}



@media(max-width:768px)

{

.video-content h3

{

font-size: 20px;

}

}



.video-content h3 span {

    color: #ff6b00;

	

	font-weight:900;

}



.video-container {

    position: relative;

    padding-bottom: 100%;

    padding-top: 20px;

    height: 0;

    overflow: hidden;

    background: #090909;

    outline: 0px;

    border: none;

}

.video-container iframe

{

position: absolute;

    top: -25.5%;

    left: 0;

    width: 100%;

    height: 100%;

    outline: 0px;

    border: none;

}

.media-btns {

    position: relative;

    width: 100px;

    /*height: 100px;*/

    display: table;

    margin: 0 auto;

    margin-bottom: 30px;

}

.play-btn {

    width: 100px;

    height: 100px;

    text-align: center;

    position: absolute;

    cursor: pointer;

    display: none;

    z-index: 40;

    border: 2px solid #fff;

    border-radius: 100px;

    font-size: 40px;

    color: #fff;

    background: 0 0;

    -webkit-transition: background .3s ease-in-out;

    -moz-transition: background .3s ease-in-out;

    transition: background .3s ease-in-out;

}

.pause-btn {

    width: 100px;

    height: 100px;

    text-align: center;

    position: absolute;

    cursor: pointer;

    z-index: 50;

    border: 2px solid #fff;

    border-radius: 100px;

    font-size: 40px;

    color: #fff;

    background: 0 0;

    -webkit-transition: background .3s ease-in-out;

    -moz-transition: background .3s ease-in-out;

    transition: background .3s ease-in-out;

	display:none;

}

.play-btn i.animated {

    line-height: 100px;

    padding-left: 3px;

    -webkit-animation-name: pulse;

    -moz-animation-name: pulse;

    -webkit-animation-duration: 1.5s;

    -moz-animation-duration: 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

}

.pause-btn i.animated {

    line-height: 100px;

    -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

}





@media(max-width:992px)

{

.pause-btn {

    width: 65px;

    height: 65px;

    font-size: 25px;

}

.pause-btn i.animated {

    line-height: 63px;

}

.media-btns {

    width: 65px;

    height: 65px;

	display:none;

}



}



@media(max-width:600px)

{

.pause-btn {

    width: 45px;

    height: 45px;

    font-size: 18px;

}

.pause-btn i.animated {

    line-height: 46px;

}

.media-btns {

    width: 45px;

    height: 45px;

}

.video-content h3 {

    font-size: 14px;

}

.video-content {

    position: relative;

    overflow: hidden;

    max-height: 160px;

}

}



@media(max-width:450px)

{

.pause-btn {

    width: 35px;

    height: 35px;

    font-size: 14px;

}

.pause-btn i.animated {

    line-height: 33px;

}

.media-btns {

    width: 30px;

    height: 30px;

}

.video-content h3 {

    font-size: 12px;

	margin-top:0;

}

.video-content {

    position: relative;

    overflow: hidden;

    max-height: 120px;

}



.btn_chat 

{

font-size:20px;

}

}



@media(max-width:350px)

{

.media-btns {

    width: 35px;

    height: 15px;

}



.video-content {

    position: relative;

    overflow: hidden;

    max-height: 105px;

}

}



.logo1

{

margin-top:20px;

}

@media(min-width:992px)

{

.logo1

{

margin-top:100px;

}

}





.static-img

{

background:url(../images/01.jpg) center;

background-size:cover;

display:none;

padding:150px 0;

position:relative;

}

.static-img:before

{

position:absolute;

content:'';

background:rgba(0,0,0,0.8);

left:0;

right:0;

top:0;

bottom:0;

}

@media(max-width:767px)

{

.static-img

{

display:block;

}

}

.static-img .container

{

position:relative;

}

@media(max-width:767px)

{

.static-img img

{

width:200px;

margin-top:60px;

}

}



/*---------------------------------------------------YTPlayer--------------------------------------------------------------*/





.center

{

text-align:center;

}

.pd0

{

padding:0;

}

.heading h2

{

   

    font-size: 30px;

    font-weight: 900;

    margin-top: 0;

    margin-bottom: 25px;

	position:relative;

}

@media(min-width:768px)

{

.heading h2

{

font-size: 35px;

}

}



/*.heading2 h2:before

{

position: absolute;

    content: '';

    bottom: -19px;

    width: 297px;

    margin-left: 0;

    

}*/

.heading2 h2:after

{

    position: absolute;

    left: 25%;

    content: '';

    bottom: -24px;

    display: block;

    width: 12px;

    height: 12px;

    margin-left: -6px;

    border: 1px solid #ddd;

    border-radius: 50%;

    background-color: #fff;

}

.line

{

    

    width: 86px;

	height:24px;

	background:url(../images/divider.png) no-repeat;

    margin: 20px 0 30px;

}



.abt h3

{

color:#800080;



}



.slider-inner .line

{

border-color:#fff;

}

.center .line

{

margin:10px auto 20px;

}





/*-------------------------------------------------span1------------------------------------------*/

.span1

{

    background: url(../images/banner-bg.png);

    padding: 50px 0 47px;

    overflow: visible;

    color: #fff;

    position: relative;

    z-index: 9;

}

.box1 h2

{

margin: 0;

    color: #fff;

font-size: 34px;

    line-height: 1em;

	font-weight:900;

}

.box1 h2.lg

{

font-size: 44px;

  



}

@media(min-width:992px)

{

.box1 h2.lg

{

text-align: right;

}

}

.box1 h2 span

{

color: #84c225

}

.box1-1 p

{

margin-bottom:0;

}

.box1-img

{

margin: -75px 0 -90px;

}

.box1-btn a

{

display:inline-block;

    padding: 20px 25px;

    border: 2px solid #84c225;

	font-size:14px;

	color:#fff;

	font-weight:600;

	text-align:center;

	text-transform:uppercase;

}

.box1-btn a:hover, .box1-btn a:focus

{

background:#84c225;

color:#333;

}

@media(max-width:992px)

{

.col-2

{

display:none;

}



}

/*-------------------------------------------------span1 end------------------------------------------*/



/*-------------------------------------------------span2------------------------------------------*/

.span2

{

padding:70px 0;

color:#000;

}

.span2 .heading p

{

    font-size: 20px;

    line-height: 26px;

    margin-bottom: 26px;

	margin-top:-20px;

}

.part2

{

margin:20px 0;

}

.box2-ht

{

height:380px;

overflow:hidden;

}

.box2

{

background:#84c225;

color:#333;

padding:22% 50px;

text-align:center;

}

.box22

{

background:#2b2b2b;

color:#fff;

}

.box23

{

background:#f3f3f3;

color: #000;

}

.box2 h2

{

margin:0;

text-transform:uppercase;

    font-weight: 900;

    

}

.box2 h3

{

margin-top:5px;

margin-bottom:20px;

text-transform:uppercase;

}

.box2 p

{

line-height:24px;

}

.box2-img a

{

position: relative;

    overflow: hidden;

    display: block;

}

.box2-img a img

{

-webkit-transition: transform 0.4s ease-in-out 0.05s;

    -moz-transition: transform 0.4s ease-in-out 0.05s;

    -ms-transition: transform 0.4s ease-in-out 0.05s;

    -o-transition: transform 0.4s ease-in-out 0.05s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    image-rendering: optimizeQuality;

    vertical-align: middle;

    max-width: 100%;

}

.box2-img a:hover img

{

-webkit-transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);

    transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);

}

/*-------------------------------------------------span2------------------------------------------*/



/*-------------------------------------------------span3------------------------------------------*/

.span3

{

background:url(../images/parallex.jpg) center;

background-size:cover;

padding:70px 0;

color:#fff;

position:relative;

}

.span3:before

{

background: rgba(40, 40, 40, 0.88);

position:absolute;

left:0;

right:0;

top:0;

bottom:0;

content:'';

}

@media(min-width:1024px)

{

.span3

{

background-attachment:fixed;

}

}

.span3 .container

{

position:relative;

}

.span3 .heading p

{

    margin-top: -15px;

    margin-bottom: 40px;

    font-size: 18px;

}

.heading span

{

color:#84c225;

}

.mrg40

{

margin-top:60px;

}

.box3

{

}

.box3 ul

{

margin:20px 0;

padding:0;

list-style:none;

}

.box3 ul li

{

padding:5px 0;

position:relative;

padding-left:26px;

}

.box3 ul li:before

{

display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

color:#84c225;

position:absolute;

left:0;

content:'\f00c';

    top: 13px;

}

.box3 ul li a

{

color:#fff;

text-transform:uppercase;

font-weight:600;

}

.box3 ul li a:hover, .box3 ul li a:focus

{

    color: #84c225;

}

/*-------------------------------------------------span3 end------------------------------------------*/



/*-------------------------------------------------span4------------------------------------------*/

.span4

{

padding:70px 0;

color:#000;

overflow:hidden;

}

.box4

{

text-align:center;

}

.box4 h2

{

    font-size: 44px;

    line-height: 44px;

    font-family: 'Muli', sans-serif;

    font-weight: 900;

    margin: 0 0 35px;

    color: #000;

}

.box4 h2 span

{

    color: #84c225;

} 

.box4 p

{

    font-size: 20px;

    line-height: 26px;

    margin-bottom: 26px;

    /* font-style: italic; */

	margin-top:-30px;

}

.box4 h1

{

font-family: Muli;

    font-weight: 600;

    font-size: 34px;

    line-height: 40px;

	    margin: 0 0 0px;

	    color: #292929;

	margin-top: -5px;

}



.box4 a

{

color:#292929;

}



/*.box4 a

{

display:inline-block;

background:#84c225;

color:#292929;

font-weight:700;

text-transform:uppercase;

font-size:14px;

padding:12px 25px;

margin:0 10px;

margin-top:30px;

}

.box4 a:hover

{

color:#fff;

background:#292929;

}*/

.box4 a.btn4

{

background:#292929;

color:#fff;

}

.box4 a.btn4:hover

{

background:#84c225;

color:#fff;

}

.box4-img

{

margin-top:50px;

}

/*-------------------------------------------------span4 end------------------------------------------*/

/*------------------------------span5-----------------------------------*/

.span5

{

color:#fff;

overflow:hidden;

}

.span51

{

background-color: #252525;

padding:40px 0 20px;

}

.box5

{

background:url(../images/box5.jpg) center;

background-size:cover;

padding:20px;

position:relative;

color:#fff;

height:340px;

}

@media(min-width:992px)

{

.box5

{

padding:70px 70px;

}

}

.box5:before

{

position:absolute;

left:0;

right:0;

top:0;

bottom:0;

content:'';

background: rgba(57, 57, 57, 0.8);

}

.box5-white

{

background:url(../images/box52.jpg) center;

background-size:cover;

color:#000;

}

.box5-white:before

{

background:rgba(255, 255, 255, 0.8);

}

.box51

{

position:relative;

padding-left:50px;

}

.box51:before

{

content:'\f10d';

position:absolute;

left:0;

display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

font-size:35px;

}

.star i

{

color: #fede00;

padding:0 3px;

font-size:12px;

}

.star span

{

padding-left:7px;

font-weight:700;

}

.box51 p

{

margin-top:20px;

line-height:24px;

}



/*------------------------------span5 end-----------------------------------*/



/*----------------------------------------footer top--------------------------------------*/

.foot-top

{

padding:20px 0;

background-color: #f6a84a;

}

.foot-top h2

{

color:#fff;

margin:0;

font-weight:600;

}

.foot-top h2 a

{

color:#fff;

}

.foot-top h2 a strong

{

font-weight:700;

}

/*----------------------------------------footer top end--------------------------------------*/

.footer

{

background:url(../images/footer.jpg) center;

background-size:cover;

padding:50px 0;

color:#fff;

position:relative;

}

.footer:before

{

position:absolute;

content:'';

background: rgba(0, 0, 0, 0.89);

left:0;

right:0;

top:0;

bottom:0;

}



.footer2

{

color:#fff;

width:100%;

overflow:hidden;

}

.foot2

{

margin:20px 0;

}

@media(min-wudth:768px)

{

.foot2

{

margin:0px 0;

}

}

.large-foot

{

padding-left:0px;

padding-right:0px;

}

@media(min-wudth:768px)

{

.large-foot

{

padding-left:10px;

padding-right:10px;

}

}

.foot2 h4

{

   font-size: 22px;

    margin: 0 0 10px;

    /* border-bottom: 1px solid #c2001f; */

    padding-bottom: 5px;

    display: inline-block;

    letter-spacing: 1.2px;

    font-weight: 700;



}

@media(max-width:767px)

{

.foot2 h4

{

margin-top:20px;

margin-bottom:10px;

}

}



.foot2 ul

{

list-style:none;

margin:0;

padding:0;

}

.foot2 ul li

{

padding:1px 0;

}

.foot2 ul li:before

{

    /*display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

	    content: "\f105";

		position:absolute;

		left:0;

		    top: 11px;*/

}

.foot2 ul li a

{

    font-size: 12px;

    color: #ccc;

    font-weight: 600;

}

.foot2 ul li a:hover

{

text-decoration:none;

 color: #fedb32;

}

.foot2 .input-group

{

    margin-bottom: 25px;

    border: 1px solid #FFF;

        padding: 9px 20px;g

}

.foot3 ul li

{

padding:5px 0;

text-align:left

}

.foot3 ul li:first-child

{

    background: url(../images/home-icon.png) no-repeat 1px 7px;

    padding-left: 27px;

}

.foot3 ul li:nth-child(even)

{

    background: url(../images/phone.png) no-repeat 1px 6px;

    padding-left: 25px;

}

.foot3 ul li:last-child

{

    background: url(../images/email.png) no-repeat 1px 6px;

    padding-left: 25px;

}

.foot2 p

{

margin-top:15px;

color: #b9b9b9;

font-size:13px;

}

.foot2 .social

{

margin-top:25px;

}

.foot2 .social li

{

display:inline;

padding:0 5px;

border-bottom: none;

}

.foot2 .social li:before

{

content:'';

}

.foot2 .social li a

{

    color: #fff;

    font-size: 16px;

    padding: 0px 10px;



}

.foot2 ul li

{

      font-size: 13px;

    padding: 8px 0;

    position: relative;

    color: #ccc;

    font-size: 12px;

    font-weight: 600;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.foot2 ul li:last-child

{

border-bottom:none;

}

.foot2 ul li span

{

float:right;

}

.foot2 ul li i

{

position:absolute;

left:0;

}

.footer3

{

    font-size: 15px;

    padding: 20px 0;

    position: relative;

    background-color: #000;

    color: #777;

}

.footer3 a

{

color: #84c225;

}

/*.footer3:before

{

position:absolute;

content:'';

left:0;

right:0;

top:0;

bottom:0;

background:rgba(0,0,0,0.8);

}*/

.foot3, .foot4

{

text-align:center;

}

@media(min-width:768px)

{

.foot3

{

text-align:left;

}

.foot4

{

text-align:right;

}

}

.foot4 a

{

color:#ddd;

}

@media(max-width:768px)

{

.navbar-collapse

{

margin-top:23px;

    

}

}





.top-header

{

    

    overflow: hidden;

}

.top-header-1, .menu_wrap

{

background:url(../images/grey-bg.png);

width:100%;

display:table;

}

.head-right

{

color:#fff;

background-color:transparent;

}

@media(min-width:992px)

{

.head-right

{

background-color: #131313;

}

}

.top-header .right2

{

color: #ccc;

	font-size:12px;

}

.hours

{

    float: left;

    width: 65%;

    position: relative;

    background-color: #131313;

    height: 59px;

    border-radius: 0 0 0 20px;

    font-size: 14px;

    line-height: 25px;

	    padding: 17px 60px 17px 24px;



  

    margin-left: -15px;

    width: calc(100% - 305px);

    color: #fff;

    text-align: center;

}

@media(min-width:1200px)

{

.hours

{

    font-size: 16px;

    padding: 17px 35px 17px 35px;

}

}

@media(max-width:991px)

{

.hours

{

}

}

.hours:after

{

position: absolute;

    left: -41.3px;

    top: 0;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0px 48px 54px 0;

    border-color: transparent #131313 transparent transparent;

}

.hours span

{

color: #84c225;

}

.appointment a {

    display: block;

    float: right;

    position: relative;

    background-color: #84c225;

    height: 59px;

    border-radius: 0 0 0 20px;

    font-size: 14px;

    line-height: 25px;

    font-weight: 900;

    text-transform: uppercase;

    padding: 17px 20px;

    margin-left: -15px;

    width: 305px;

    color: #000;

    text-align: center;

    outline: none;

}

@media(min-width:992px)

{

.appointment a {

font-size:17px;

}

}

.appointment a:after

{

position: absolute;

    left: -41px;

    top: 0;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0px 48px 54px 0;

        border-color: transparent #84c225 transparent transparent;

}

.head-phone

{

text-align:right;

color:#fff;

padding:15px 15px;

font-size:15px;

}

@media(max-width:991px)

{

.head-phone

{

}

}

.head-phone .phone

{

font-size:25px;

padding-left:10px;

    font-weight: 900;

}

.head-phone .phone cite

{

color:#84c225;

}

.head-phone .phone cite a

{

color:#84c225;

}

.left2

{

text-align:center;

}

.right2

{

text-align:center;

}

@media(min-width:768px)

{

.left2

{

text-align:left;

}

.right2

{

text-align:right;

}

}



.clear

{

clear:both;

}

/*@media(min-width:992px)

{

.navbar-inverse .navbar-nav>li:last-child

{



}

.navbar-inverse .navbar-nav>li:last-child>a

{

    background-color: #f6a84a;

    color: #fff;

    padding: 10px 20px;

    margin-top: 16px;

	float:right;

	    margin-bottom: 19px;

}

}*/

/*------------------------------------span6-------------------------------*/

.span6

{

background:#252525;

padding:70px 0;

color:#fff;

}

/*------------------------------------span6 end-------------------------------*/





/*------------------------------------banner------------------------------*/

.banner

{

background:url(../images/banner.jpg) center;

background-size:cover;

padding:250px 0 150px;

position:relative;

color:#fff;

}

.banner:after

{

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

        background-color: #800080;

    opacity: .7;



}

.banner h1

{

font-size: 50px;

    font-weight: 500;

    margin-top: 0;

    margin-bottom: 25px;

    position: relative;

    

}

.banner .container

{

position:relative;

z-index:1;

}

/*------------------------------------banner end------------------------------*/



/*---------------------------------span-abt-----------------------------*/

.span-abt

{

background:url(../images/gallery-bg.png) center;

padding:70px 0;

color:#fff;

width:100%;

display:table;

}

.span-abt-bg

{

background-color: #131313;

overflow:hidden;

}

.span-abt1

{

padding:40px 20px;

}

.span-abt1 h4

{

    margin-bottom: 20px;

    font-size: 23px;

    font-weight: 300;

    text-transform: uppercase;

}

.span-abt1 h5

{

font-weight:700;

color:#c2001f;

}

.span-abt-img

{

    position: relative;

    overflow: hidden;

}

.span-abt-img img

{

-webkit-transition: all .6s ease-in-out;

    -moz-transition: all .6s ease-in-out;

    -ms-transition: all .6s ease-in-out;

    -o-transition: all .6s ease-in-out;

    transition: all .6s ease-in-out;

}

.span-abt-img:hover img

{

    opacity: .5;

    -webkit-transform: scale(1.2) rotate(1deg);

    -moz-transform: scale(1.2) rotate(1deg);

    -ms-transform: scale(1.2) rotate(1deg);

    -o-transform: scale(1.2) rotate(1deg);

    transform: scale(1.2) rotate(1deg);

}



.mrg50

{

margin-top:50px;

}

.form h3, .address h3

{

font-size:22px;

text-transform:uppercase;

margin-bottom:20px;

}

.cont

{

    border: 1px solid rgba(0, 0, 0, 0.19);

    background: transparent;

    border-radius: 0;

}

.form label

{

font-weight:300;

font-size:13px;

}

.map

{

position: relative;

    padding-bottom: 55%;

    padding-top: 0px;

    height: 0;

    overflow: hidden;

}

@media(min-width:768px)

{

.map

{

 padding-bottom: 25%;

}

}

.map iframe

{

position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.map2

{

position: relative;

    padding-bottom: 55%;

    padding-top: 0px;

    height: 0;

    overflow: hidden;

}

@media(min-width:768px)

{

.map2

{

 padding-bottom: 25%;

}

}

.map2 iframe

{

position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.address ul

{

list-style:none;

padding:0;

margin:0;

}

.address ul li

{

    padding: 11px 0;

    position: relative;

    padding-left: 30px;

    font-size: 14px;

    color: #ddd;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10196078431372549);

}

.address ul li i, .address ul li em

{

position:absolute;

left:0;

top: 16px;

color:#c2001f;

}

.address ul li a

{

color:#ddd;

}

.address ul li:last-child

{

border-bottom:none;

}

/*----------------------------------span abt end------------------------------------*/



/*---------------------------------menus-----------------------------------------------*/

.lunch_menu h3

{

    color: #d0b082;

    margin: 50px 0 5px;

    text-transform: uppercase;

    font-size: 35px;

    font-weight: 500;

}

.lunch_menu p

{

margin-bottom:16px;

font-size:15px;



    line-height: 27px;

}

.lunch_menu p strong

{

text-transform:uppercase;

}

.lunch_menu p small

{

color:#c2001f;

}

/*---------------------------------lunch menus-------------------------------------------*/

.gal .box3

{

margin:15px 0;

}

.gal .box3

{

border:2px solid #000;

box-shadow:2px 2px 5px #000;

}

/*----------------------------------------bands----------------------------------*/

.bands

{

background-color: #131313;

padding:20px;

margin:20px 0;

}

.band-img

{

}

.band-img img

{

width:100%;

}

.bands p

{

font-size:17px;

font-weight:300;

}

/*----------------------------------------bands----------------------------------*/

.poker ul

{

list-style:none;

margin:0;

padding:0;

}

.poker ul li

{

position:relative;

padding:5px 0;

padding-left:20px;

font-size:15px;

}

.poker ul li:before

{

display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

content: "\f101";

position:absolute;

left:0;

color:#c2001f;

top: 12px;

}

.span-bg-2

{

margin-top:40px;

}

.logos

{

text-align:center;

}

.logos img

{

margin:15px 0;

}



.con1 h4, .con2 h4

{

font-weight:700;

margin-bottom:10px;

font-size:22px;

}

.con1 ul

{

list-style:none;

padding:0;

margin:0;

}



.con1 ul li

{

list-style:none;

padding:5px 0;

position:relative;

padding-left:24px;

}

.con1 ul li i

{

left:0;

position:absolute;

    top: 13px;

	color:#800080;

}

.board

{

transition: all .2s;

    margin-bottom: 20px;

}

.board:hover

{

-webkit-box-shadow: 0 0 20px 10px rgba(218,218,218,.34);

    -moz-box-shadow: 0 0 20px 10px rgba(218,218,218,.34);

    box-shadow: 0 0 20px 10px rgba(218,218,218,.34);

}

.board .board-txt

{

padding:20px;

}

.board .board-txt h4

{

font-weight:700;

margin-top:0;

font-size:22px;

}



.board .board-txt h5

{

font-size:18px;

color:#f6a84a;

font-weight:600;



}



.con1 a

{

color:#7b017a;

}



.box3-1

{

clear: both;

    display: block;

background-color: #fff;

    padding: 50px 0 20px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.075);

    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.075);

float: none;

    margin: auto;

    width: 96%;

	

	    display: table;

		position: relative;

    overflow: hidden;

}

.box3-1 .box3-img-1

{

border: 5px solid transparent;

    margin: 0 auto 20px;

    max-width: 150px;

    position: relative;

	-webkit-border-radius: 50%;

    border-radius: 50%;

	-webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.box3-1 .box3-img-1:before

{

    background-color: rgba(0, 0, 0, 0.025);

    content: "";

    height: 0;

    position: absolute;

    bottom: 135%;

    left: 0;

    right: 0;

    width: 100%;

    -webkit-transform: scale(3);

    transform: scale(3);

}



.box3-1 .box3-img-1:before, .box3-1 .box3-img-1:after, .box3-1 .box3-img-1 img

{

    -webkit-border-radius: 50%;

    border-radius: 50%;

}

.box3-1 .box3-img-1:before

{

    background-color: #f6a84a;

}

.box3-1:hover .box3-img-1:before

{

    height: 100%;

}

.box3-1:hover .box3-img-1:after

{

    opacity: 1;

    filter: alpha(opacity=100);

    visibility: visible;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.box3-1 .box3-img-1:after

{

    color: #000;

border: 5px solid;

    content: "";

    height: auto;

    opacity: 0;

    filter: alpha(opacity=0);

    position: absolute;

    bottom: -10px;

    left: -10px;

    right: -10px;

    top: -10px;

    visibility: hidden;

    width: auto;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.box3-1 .box3-img-1 img

{

position: relative;

    z-index: 1;

}

.box3-1 .box3-img-1 img, .box3-1 .box3-img-1:before, .box3-1 .box3-img-1:after, .box3 .box3-txt h5:after

{

-webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

	

}

.box3-1 .box3-txt

{

float: left;

    width: 100%;

    padding: 30px 10px;

    text-align: center;

    position: relative;

	    background: rgba(0, 0, 0, 0.05);

	    background-color: rgba(0, 0, 0, 0);

    padding: 30px;

	    color: #777777;

}

.box3-1 .box3-txt h4

{

    font-size: 19px;

    font-weight: bold;

    line-height: 30px;

	margin-bottom:10px;

	    color: #111111;

}

.box3-1 .box3-txt h5

{

font-size: 12px;

    font-weight: 600;

    letter-spacing: 1.6px;

    line-height: normal;

    padding-bottom: 25px;

    position: relative;

    text-transform: uppercase;

	    font-family: 'Roboto', sans-serif;

	    color: #777777;

}

.box3-1 .box3-txt h5:after

{

content: "";

    height: 3px;

    margin: auto;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 42px;

	    background-color: #f6a84a;

}

.box3-1:hover .box3-txt h5:after

{

width:62px;

}

.box3-1 .box3-txt a

{

color:#f6a84a;

}

.box3-1 .box3-txt a:hover

{

color:#000;

}

.box3-1 .box3-txt p

{

height:80px;

overflow:hidden;

}



.page-txt

{

padding-top:185px;

}



.span2 ul

{

list-style:none;

padding:0;

margin-bottom:12px;

overflow:hidden;

}

.span2 ul li

{

color:#000;

padding-top:5px;

padding-bottom:5px;

position:relative;

    padding-left: 17px;

}

.span2 ul li:before

{

    content: "\f101";

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #f6a84a;

    position: absolute;

    left: 0;

    top: 11px;

}



.span2 ul li a

{

color:#800080;

}



.videoWrap {

    position: relative;

    padding-bottom: 54.5%;

    padding-top: 0px;

    height: 0;

}



.videoWrap iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.box-span4

{

border:1px solid #ddd;

margin-bottom:20px;

margin-top:15px;

}



.span4-box-txt

{

padding:10px;

} 



.span4-box-txt h3

{

color:#f6a84a;

}



.span4-box-txt p

{

color:#333;

}



.intro-section

{

background:url(../images/2_5-1.jpg) center no-repeat;

padding:50px 0;

position:relative;

}



.intro-section:before

{

background: rgba(255, 255, 255, 0.5);

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.intro-section ul

{

list-style:none;

padding:0;

margin-bottom:12px;

overflow:hidden;

}



.intro-section ul li

{

color:#333;

padding-top:5px;

padding-bottom:5px;

position:relative;

    padding-left: 17px;

}



.intro-section ul li:before

{

    content: "\f101";

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #84c225;

    position: absolute;

    left: 0;

    top: 11px;

}



.intro-section img

{

margin-top:15px;

}



.img-border img

{

padding:3px;

border:1px solid #ddd;

}



.phone1 h1

{

font-size:20px;

color:#fff;

}



.phone1 a

{

color:#fff;

}



.phone1 a:hover

{

    color: #84c225;

}	



.brands a

{

    display: block;

    margin-bottom: 25px;

}



.mob-ok

{

display:none;

}

.pc-hid
{
display:none;
}


@media(min-width:768px)

{

.brands

{

margin-right:25px;

display:block;

}



.brands a

{

display:inline-block;

margin-right:25px;

}

}



@media(max-width:1024px)

{

.hours {

    font-size: 13px;

    padding: 17px 5px 17px 5px;

}



.box1 h2 {

    font-size: 30px;

}

.box1 h2.lg {

    font-size: 30px;

}

.slider-inner h1 {

    font-size: 40px;

}



.carousel .image1 {

    height: 460px;

}



.box2 {

    padding: 45px 25px;

    height: 313px;

}

}



@media(max-width:991px)

{

.hidden-xs

{

display:none;

}

}



@media(max-width:812px)

{

.hours

{

margin:0;

}

.hours:after

{

display:none;

}



.top-header-1, .menu_wrap

{

background: #131313;

}



.navbar-brand

{

margin-top:0;

}



.navbar-inverse .navbar-brand img {

    margin: 0px 15px 0;

}

.carousel .image1 {

    padding: 25% 0 13%;

}	

.box2 {

    padding: 30px 20px;

    height: 340px;

}

.footer3 {

    font-size: 13px;

}	

}



@media(max-width:767px)

{

.pc-hid
{
display:block;
}

.mob-hid
{
display:none;
}

.navbar-brand {

     float: none; 

    display: block;

    padding: 5px 15px 0px;

    text-align: center;

}

.navbar-wrapper {

     position: relative; 

    background: #131313;

}

.head-phone {

    text-align: center;

    padding: 10px 15px;

    font-size: 15px;

}

.carousel .image1 {

    height: 350px;

    padding: 16% 0 13%;	

}



.top-header .container

{

padding:0;

}

.box2-img a img

{

width:100%;

}

.box2 {

    padding: 50px 20px;

    height: auto;

}

.appointment a {

    width: 245px;

}

.hours {

    width: calc(100% - 250px);

}

}



@media(max-width:600px)

{

.appointment a {

    width: 200px;

    height: 45px;

    padding: 12px 20px;

}

.appointment a:after

{

display:none;

}

}



@media(max-width:500px)

{

.appointment

{

display:none;

}

.hours

{

width:100%;

}

}

   

@media(max-width:414px)

{

.mob-ok

{

display:block;

}	



.hours {

    width: 100%;

    display: block;

    height: auto;

    padding: 7px 0 0;

}



.slider-inner

{

margin:0;

    padding: 27px 0;

}

.box4 h2 {

    font-size: 30px;

}	

}



@media(max-width:380px)

{

.footer3 {

    font-size: 12px;

}

}