/*
Free Html5 Responsive Templates : http://www.zerotheme.com/
*/
/* Import Section
=================================================================== */
@import url("icons.css");				/* Icons. */
@import url("icons-color.css");			/* Icons. */  
@import url("social-icons.css");		/* Social Icons */
@import url("hover.css");				/* Hover CSS3 Effect */
@import url(https://fonts.googleapis.com/css?family=Vidaloka);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
.legibility {
  text-rendering: optimizeLegibility;
}

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Reset----------------------------------- */
/* ---------------------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
html{overflow: scroll;}
.for-members-scroll{overflow-y: scroll;

overflow-x: hidden;
	
	max-width:96%;
	height:450px;
}
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
::-moz-selection{background: #FFE401 none repeat scroll 0 0;color: #000;text-shadow:none}
::selection{background: #FFE401 none repeat scroll 0 0;color: #000;text-shadow:none}

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

html { -webkit-text-size-adjust: none;}

img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

a{color: #000;text-decoration: none;-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
	transition-duration: 0.3s;}
a:hover {text-decoration: underline;}

h1{ font-family: 'Fira Sans', sans-serif;font-weight:300;line-height: 30px;}
h2 	{ font-family: 'Fira Sans', sans-serif;font-weight:300;}
h3, h4	{ font-family: 'Fira Sans', sans-serif;font-weight:300;}
h5, h6	{ font-family: 'Fira Sans', sans-serif;font-weight:300;line-height: 16px;}

h1, h2, h3, h4, h5, h6{clear: both;hyphens: auto; color: #222;line-height: 1.2; font-family: 'Fira Sans', sans-serif;font-weight:300;letter-spacing: 1px;}
.center-block{display:block;margin-right:auto;margin-left:auto}
p{margin: 10px 0;}


.back-to-top i {font-size:12pt;
    display: block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    color: #F8E715;
    border-radius: 8px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    text-align: center;
   background:#000000;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.back-to-top {
    display: none;
    position: fixed;
    bottom: 18px;
    right: 15px;
}

.videoWrapper li{list-style-type: square;background-color:#fff; 
}
.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

/* --Line-- */
hr.line { margin: 15px auto; padding: 0; max-width: 80px;border: 0; border-top: solid 6px #ccc;text-align: center;border-radius: 6px;}

.widget-title{font-weight: 500;text-transform: uppercase;line-height: 1.38;margin-bottom: 20px;font-size: 14px;color: #eee;}
ul.list-inline li{display: inline-block;}
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {font-family: 'Merriweather', serif;background:#fff;color: #666667;}
body .wrap-body{}

@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px){
	body{padding: 0;}
	.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Header--------------------------------- */
/* ---------------------------------------------------------------------------- */
header{}
 .logo {background: #fff url(../images/logo.png);width:100%;height:210px;
background-repeat: no-repeat;
    background-position: center 10px;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
   
    white-space:nowrap;

margin-bottom:20px;}
#back {
height: 100%;
width: 70%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
#back a:link {
height: 100%;
width: 100%;
display: block;
}
header .top-bar ul  {display:inline-block;width:100% !important;}
header .top-bar ul li  {float:right;height:25px;}

header .top-bar ul li:first-child {}
header .top-bar .top-social {margin-top:-200px;height:25px;margin-right:-125px;}

header .top-bar ul.top-social  li{border: none;padding:0 10px 0 10px;}
header .top-bar .top-social a{display: block;transition-duration: 0.3s;}



/* ---------------------------------------------------------------------------- */
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */

#container .wrap-container{background: #ffffff;}

/* ---content-box--- */

/* Flexslider

/*slider area*/
/*-- Animation --*/
/* carousel */
#main-slide .item img{
	width: 100%;
}

#main-slide .item .slider-content {
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
  z-index: 0;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}





#main-slide .carousel-control.left,
#main-slide .carousel-control.right {top: 76%;
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

#main-slide .carousel-control.left  {
	padding:5% 25px 15px 0px;
}

#main-slide .carousel-control.right  {
padding:5% 0px 15px 25px;
}




#main-slide .slider-content {width: 100%;
 min-height: 33vh;
margin:0px;
	bottom: 0px;
	background-color: #222;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	text-align: center;
	left: 0;
    line-height: 1;top:80%;

}

#main-slide .slider-content p{font-family: 'Merriweather', serif;font-size:18pt;color: #666667;text-align:center;font-weight:normal;
	font-style:italic;
	color: #fff;padding:0 120px 0 120px;
	font-weight: normal;
	line-height:30px;
	  width: 80%;
    height: 80%;
    vertical-align: middle;
    position:absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;          
  
}
.carousel-caption
			{font-family: 'Merriweather', serif;font-size:16pt;color: #666667;text-align:center;font-weight:normal;line-height:24pt;
	font-style:italic;
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 10;
				padding:20px 15% 20px 15%;
				
				color: #fff;
				
				background: rgba(0,0,0,0.4);
			}

#main-slide .slider-content h3{text-shadow: 1px 1px 1px #000, 
               2px 2px 4px #383838;
	font-size: 48px;
	font-weight: 300;
	margin-top: 60px;
	font variant: small-caps;
    text-align: center;
    color: #fff;font-variant: small-caps;
}

.slider.btn{
	padding: 10px 40px;
	margin-top: 40px;
	font-size: 20px;
	border-radius: 2px;
	text-transform: uppercase;
	line-height: 28px;
	border: 0;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
		box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
}

.slider.btn.btn-default{
	margin-left: 4px;
	background: #ECECEC
}

.slider.btn.btn-default:hover{
	background: #000;
	color: #fff;
}

.slider-content-left {
	position: relative;
	margin: 0 0 0 40px;
}

.slider-content-right{
	position: relative;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  	z-index: 2;
    opacity: 1;
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* End carousel */

.btn-primary-home {font-size:13pt; font-family: 'Fira Sans', sans-serif;font-weight:300;font-weight:300;text-align:center;
  color: #666667;margin:0 auto; width:auto; cursor:hand; border:none;background:#fff;}
  .btn-primary-home:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 100%; /* Change this to whatever width you want. */
    padding-top: 2px; /* This creates some space between the element and the border. */
   border-bottom:3px solid #FFD200;  }
  .btn-primary-about {font-size:13pt; font-family: 'Fira Sans', sans-serif;font-weight:300;text-align:center;
  color: #666667;margin:0 auto; cursor:hand; border:none;background:none;}
  .btn-primary-about:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 100%; /* Change this to whatever width you want. */
    padding-top: 2px; /* This creates some space between the element and the border. */
   border-bottom:3px solid #FFD200;  }
.btn-primary {font-size:20pt; font-family: 'Fira Sans', sans-serif;font-weight:300;text-align:center;
  color: #ffffff;margin:0 auto;border:none;cursor:hand; padding: 9px 14px;width:250px;}
  .btn-primary a{
  color: #ffffff;}
.content-box p{text-align:justify;}
.content-box .wrap-box {padding:0; position: relative;}
.content-box .header { margin: 0 0 30px;text-align: center;}
.content-box .header h2{font-size: 30px;margin: 0;padding:0;line-height: .9;text-transform: uppercase;}
.content-box .header .wrapper{padding: 5px; }
.content-box .header .intro {font-size: 18px;}
.content-box.box-1 h2 {color: #EC1164;font-size:30pt; text-align:center;padding:0 0 20px 0;font-family: 'Fira Sans', sans-serif;font-weight:300;}
.content-box.box-3 h2 {color: #54A3DA;font-size:30pt; text-align:center;padding:25px 0 25px 0;font-family: 'Fira Sans', sans-serif;font-weight:300;}
@media only screen and (max-width: 767px) {
 .content-box .wrap-box {padding: 20px 20px;}
}
.box-item h3{margin:0 auto;text-align:center;font-size:16pt;font-family: 'Fira Sans', sans-serif;font-weight:300;color:#54A3DA;text-align:center;}
.box-item h3 a{color:#54A3DA;text-align:center;}
.content-box.box-1 .box-item{width:100%;}
.box-item p{font-family: 'Merriweather', serif;font-size:20pt;color: #666667;line-height:30pt;}
.box-item  ul li{font-family: 'Merriweather', serif;font-size:14pt;color: #666667;line-height:30px;list-style:circle;list-position:inside;}
.box-item  ul li a{color: #54A3DA;}
.content-box.box-2 .box-item{color: #000;padding: 60px 0;}




.content-box.box-3 {background:#F3F3F3;}
.content-box.box-3 .box-item {margin: auto auto 30px;}
.content-box.box-3 .box-item img{margin: 0 auto;display: block;max-width: 200px;height: auto;-webkit-transition: all .5s ease; /* Safari and Chrome */-moz-transition: all .5s ease; /* Firefox */-ms-transition: all .5s ease; /* IE 9 */-o-transition: all .5s ease; /* Opera */transition: all .5s ease;}
.content-box.box-3 .box-item h3{margin:0;}
.content-box.box-3 .zoom-container{margin: 0;}
 .box-item-content h3{color: #666667;}

.content-box.box-3 .box-item:hover .box-item-container img{-webkit-transform:scale(1.10); /* Safari and Chrome */-moz-transform:scale(1.10); /* Firefox */-ms-transform:scale(1.10); /* IE 9 */-o-transform:scale(1.0); /* Opera */transform:scale(1.10);}
 .content-box.box-3about{background:#fff;}
.content-box.box-3about h2 {color: #EC1164;font-size:30pt; text-align:center;padding:25px 0 25px 0;}
.content-box.box-3ph h2 {color: #8DC640;font-size:30pt; text-align:center;padding:25px 0 25px 0;}
.content-box.box-3con h2 {color: #97479A;font-size:30pt; text-align:center;padding:25px 0 25px 0;}
.content-box.box-3fm{background:#F3F3F3;}

.content-box.box-3fm h2{color:#54A3DA;font-size:30pt; text-align:center;font-family: 'Fira Sans', sans-serif;font-weight:300;padding:20px 0 20px 0;}
.content-box.box-3fm-detail{background:#fff;}
.content-box.box-3fm-detail p{font-family: 'Merriweather', serif;font-size:14pt;color: #666667;line-height:30px;}
.content-box.box-3fm-detail h2{color:#54A3DA;font-size:30pt; text-align:center;font-family: 'Fira Sans', sans-serif;font-weight:300;padding:40px 0 0px 0;}
.content-box.box-4fm{background:#FFF;}
.content-box.box-4fm h2{color:#54A3DA;font-size:30pt; text-align:center;font-family: 'Fira Sans', sans-serif;font-weight:300;padding:20px 0 20px 0;}
.content-box.box-4 {}
.content-box.box-4 .box-item{box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);background-color: #fff;margin-bottom: 30px;}
.content-box.box-4 .box-item:hover {box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.35);-webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.content-box.box-4 .box-item:hover .box-item-content{}
.content-box.box-4 .box-item img{display: block;width: 100% !important;height: auto;-webkit-transition: all .5s ease; /* Safari and Chrome */-moz-transition: all .5s ease; /* Firefox */-ms-transition: all .5s ease; /* IE 9 */-o-transition: all .5s ease; /* Opera */transition: all .5s ease;}
.content-box.box-4 .box-item .box-item-content{background-color: #fff;padding: 30px 25px;}
.content-box.box-4 .box-item .box-item-content h4{font-size: 17px;color: #000;}
.content-box.box-4 .box-item .box-item-content p {margin: 10px 0;}
.content-box.box-4 .box-item .box-item-content a{font-size: 16px;font-weight: bold;margin-top: 10px;text-transform: uppercase;}

.content-box.box-5 {min-height: 450px;}
.content-box.box-5 h3{font-size: 42px;font-weight: 500;margin: 0 0 70px;text-align: center;color: #e1e1e1;}
.content-box.box-5 span{color: #FFE401;}
.content-box.box-5 img {float:left; display: inline-block; margin-right: 30px;max-width: 190px;}
.content-box.box-5 .wrap-box{padding-left: 230px;padding-right: 230px;}
@media all and (max-width: 767px){
	.content-box.box-5 img {float:none; display: block; max-width: 250px;margin: 0 auto 30px}
	.content-box.box-5 .wrap-box{padding-left: 30px;padding-right: 30px;}
}

.content-box.box-6 {}
.content-box.box-6  .wrap-box { padding: 0;}
.content-box.box-6 h2{color:#00A9AC;font-size:30pt; text-align:center;font-family: 'Fira Sans', sans-serif;font-weight:300;padding:25px 0 25px 0px;}
.content-box.box-6about .wrap-box { padding:0;}
.content-box.box-6about{background:#F3F3F3;}
.content-box.box-6about h2{color:#EC1164;font-size:30pt; text-align:center;font-family: 'Fira Sans', sans-serif;font-weight:300;padding:25px 0 0px 0;}
.content-box.box-6aboutbrd{background:#fff;}
.content-box.box-6aboutbrd h2{color:#EC1164;font-size:30pt; text-align:center;font-family: 'Fira Sans', sans-serif;font-weight:300;padding-top:25px;}
.content-box.box-6champ{background:#fff;}
/* ---MainContent-Article--- */
#main-content{margin-top: 40px;}
#main-content .wrap-content{padding: 0 30px 20px;border-right: 1px solid #ddd;}
#main-content .wrap-content h3{margin-bottom: 10px;}
#main-content .wrap-map{background: #fff;padding: 5px;border: 1px solid #bbb;max-width: 520px;}




/* ---------------------------------------------------------------------------- */
/* -------------------------------------Footer--------------------------------- */
/* ---------------------------------------------------------------------------- */
footer{background: #F3F3F3;font-size: 14px;}

footer .top-footer{padding:40px 0; background-color: #fff;}
footer .wrap-footer{padding: 20px 60px;}
footer .wrap-footer h2{color:#97479A;font-size:30pt; text-align:center;font-family: 'Fira Sans', sans-serif;font-weight:300;padding:25px 0 25px 0;}
footer .wrap-footer ul li {margin-bottom: 5px;padding: 10px 0 15px;}
footer .logo img{max-width: 170px;margin-top: 30px;}
@media (min-width:1700px) and (max-width:1920px){
#main-slide .carousel-control.left,
#main-slide .carousel-control.right {top: 80%;
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}
}
@media (min-width:1153px) and (max-width:1280px){header .top-bar .top-social {margin-top:-200px;height:25px;margin-right:0px;overflow:hidden;}
}
@media (min-width:1024px) and (max-width:1152px){header .top-bar .top-social {margin-top:-200px;height:25px;margin-right:0px;overflow:hidden;}
}
@media (min-width:1281px) and (max-width:1366px){
#main-slide .carousel-control.left,
#main-slide .carousel-control.right {top: 73%;
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}
}
@media (min-width:1153px) and (max-width:1280px){
#main-slide .carousel-control.left,
#main-slide .carousel-control.right {top: 72%;
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}
}
@media (min-width:1025px) and (max-width:1152px){
#main-slide .carousel-control.left,
#main-slide .carousel-control.right {top: 67%;
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 800px) {header .top-bar .top-social {margin-top:-200px;height:25px;margin-right:0px;overflow:hidden;}
#main-slide .carousel-control.left,
#main-slide .carousel-control.right {top: 60%;
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

#main-slide .carousel-control.left  {
	padding:5% 95px 15px 0px;
}

#main-slide .carousel-control.right  {
padding:5% 0px 15px 95px;
}




#main-slide .slider-content {width: 100%;
 min-height: 33vh;
margin:0px;
	bottom: 0px;
	background-color: #222;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	text-align: center;
	left: 0;
    line-height: 1;top:80%;

}

#main-slide .slider-content p{font-family: 'Merriweather', serif;font-size:11pt;color: #666667;text-align:center;font-weight:normal;
	font-style:italic;
	color: #fff;padding:0 20px 0 20px;
	font-weight: normal;
	line-height:30px;
	  width: 80%;
    height: 80%;
    vertical-align: middle;
    position:absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;          
  
}
.carousel-caption p{display:none;
			}
}
@media only screen and (max-width: 767px) {
	footer .wrap-footer{padding: 40px 20px;}
	footer .wrap-footer h2{font-size:18pt !important;}
	.content-box p{text-align:center;}
}

footer .col-footer-1 {}

footer .col-footer-2{font-family: 'Fira Sans', sans-serif;font-weight:300;font-size:14pt;}
footer .col-footer-2 p{font-family: 'Fira Sans', sans-serif;font-weight:300;font-size:14pt;font-weight:normal;color:#666667;}
footer .col-footer-2 ul {padding: 0;}
footer .col-footer-2 ul li {list-style: none;margin-bottom: 5px;padding-bottom: 10px;font-family: 'Fira Sans', sans-serif;font-weight:300;font-size:14pt;font-weight:normal;color:#666667;}
footer .col-footer-2 ul li:last-child{border-bottom: none;}
footer .col-footer-2 ul li a{color:#666667;font-size:14pt;}
footer .col-footer-2 ul li a:hover{color: #FFE401;}
.col-footer-2 i {color:#97479A;}

footer .col-footer-3 a{color: #999; background: #202020; padding: 5px 10px;line-height: 2.3;font-size: 14px;text-transform: capitalize;margin-right: 1px;}
footer .col-footer-3 a:hover{color: #fff;background: #FFE401;}

footer .col-footer-4 input[type="text"]{ 
	border: 2px solid #E7E7E7;
	outline: medium none;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 1.2;
    margin: 10px 0;
    padding: 5px 10px 0;
    width: 100%;
	background-color: transparent;
    border: 2px solid #444444;
}

.copyright{background: #909091;color: #E0E0E1;font-family: 'Fira Sans', sans-serif;font-weight:300;}
.copyright .wrapper{padding: 20px;}
.copyright ul.quick-link{float: right;font-family: 'Fira Sans', sans-serif;font-weight:300;}
.copyright ul.quick-link li {display: inline-block;margin-right: 10px;}
.copyright a{color: #E0E0E1;font-size:10px;}
.copyright a:hover{color: #E0E0E1;}

@media all and (max-width: 768px){
	.copyright{text-align: center;}
	.copyright ul.quick-link{float: none;margin-top: 10px;}
	footer .wrap-footer h2{color:#97479A;font-size:14pt; }
	.carousel-caption p{display:none;
			}
}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */
.contact h3{margin-left: 30px;}
#contact_form {padding:0px 25px;font-family: 'Fira Sans', sans-serif;font-weight:300;}

#ff label {cursor:pointer;margin:5px 0;display:block;font-weight:bold;}

#ff input {display:block;width:100%;color:#111;background-color:#fff;border:1px solid #ccc;padding:13px;margin: 5px 0 25px 0;font-size: 14px;max-height: 45px;font-family: 'Fira Sans', sans-serif;font-weight:300;}

textarea {display:block;width:100%;height:200px;background-color:#fff; color:#111;border:1px solid #ccc;padding:10px;margin: 5px 0 25px 0;font-family: 'Fira Sans', sans-serif;font-weight:300;font-size: 14px;}

#ff .sendButton {font-size:14pt; font-family: 'Fira Sans', sans-serif;font-weight:300;text-align:center;
  color: #ffffff;background-color: #97479A;margin:0 auto;border:none;cursor:hand; padding: 9px 14px;width:95%;}
#ff .sendButton:hover {background-color:#97479A;color:#fff;}
@media (min-width:1023px) and (max-width:1024px){
#main-slide .carousel-control.left,
#main-slide .carousel-control.right {top: 60%;
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}
}
@media (min-width:481px) and (max-width:767px){#main-slide .carousel-control.left,
#main-slide .carousel-control.right {top: 60%;
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

#main-slide .carousel-control.left  {
	padding:5% 25px 15px 0px;
}

#main-slide .carousel-control.right  {
padding:5% 0px 15px 25px;
}

.carousel-control img{width:50%; height:auto;}


#main-slide .slider-content {width: 100%;
 min-height: 33vh;
margin:0px;
	bottom: 0px;
	background-color: #222;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	text-align: center;
	left: 0;
    line-height: 1;top:80%;

}


.carousel-caption
			p{display:none;
			}

.content-box.box-1 h2 {font-size:18pt; }
.content-box.box-3 h2 {font-size:18pt;}
.content-box.box-3ph h2 {font-size:18pt; text-align:center;}
.content-box.box-3about h2 {font-size:18pt;}
.content-box.box-6 h2{font-size:18pt;}


.content-box.box-6about h2{font-size:18pt;}

.content-box.box-6aboutbrd h2{font-size:18pt;}
.content-box.box-6champ{margin-top:-30px;margin-bottom:0px;}

}
@media only screen and (min-device-width : 481px) and (max-device-width : 800px) {

.carousel-caption p{display:none;
			}
 .logo {background: #fff url(../images/logo-767.png);

background-repeat: no-repeat;
    background-position: center 60px;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
   
    white-space:nowrap;

margin-bottom:0px;}

header .top-bar ul  {display:inline-block;width:50% !important;text-align:center !important;}
header .top-bar ul li  {float:none;text-align:center;height:25px;}

.btn-primary-home {font-size:95%; font-family: 'Fira Sans', sans-serif;font-weight:300;text-align:center;
  color: #666667;margin:0 auto; width:auto; cursor:hand; border:none;background:#fff;}
  .btn-primary-home:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 100%; /* Change this to whatever width you want. */
    padding-top: 2px; /* This creates some space between the element and the border. */
   border-bottom:3px solid #FFD200;  }
/* Styles */
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
header .top-bar .top-social {margin-top:-200px;height:25px;margin-right:10px;float:right;}

 .logo {background: #fff url(../images/logo-480.png);

background-repeat: no-repeat;
    background-position: center 60px;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
   
    white-space:nowrap;

margin-bottom:0px;}

header .top-bar ul  {display:inline-block;width:50% !important;
}
header .top-bar ul li  {height:25px;}

.btn-primary-home {font-size:85%; font-family: 'Fira Sans', sans-serif;font-weight:300;text-align:center;
  color: #666667;margin:0 auto; width:auto; cursor:hand; border:none;background:#fff;}
  .btn-primary-home:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 100%; /* Change this to whatever width you want. */
    padding-top: 2px; /* This creates some space between the element and the border. */
   border-bottom:3px solid #FFD200;  }
   #main-slide .carousel-control.left,
#main-slide .carousel-control.right {top: 30%;
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

#main-slide .carousel-control.left  {
	padding:5% 25px 15px 0px;
}

#main-slide .carousel-control.right  {
padding:5% 0px 15px 25px;
}

.carousel-control img{width:50%; height:auto;}


#main-slide .slider-content {width: 100%;
 min-height: 33vh;
margin:0px;
	bottom: 0px;
	background-color: #222;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	text-align: center;
	left: 0;
    line-height: 1;top:80%;

}


.carousel-caption p{display:none;
			}
}