@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px;font-family: 'Muli'; font-size:14px;}

@font-face {
	font-family: 'Muli';
	src: url('../fonts/Muli.ttf') format('truetype');
	font-style: normal;
}
@font-face {
	font-family: 'Muli-Bold';
	src: url('../fonts/Muli-Bold.ttf') format('truetype');
	font-style: normal;
}

@font-face {
	font-family: 'Play-Regular';
	src: url('../fonts/Play-Regular.ttf') format('truetype');
	font-style: normal;
}
@font-face {
	font-family: 'Play-Bold';
	src: url('../fonts/Play-Bold.ttf') format('truetype');
	font-style: normal;
}


.top-right-logo{ margin:0px; padding:0px; float:right;}
.top-right-logo li{ display:inline-block; width:100px; margin:7px 5px; padding:0px 10px;border-left:#ddd solid 1px;}
.top-right-logo li img{ width:100%; height:100%;}

.logo{ margin:10px 0px; display:inline-table;}
.logo1{ margin:8px 0px; display:inline-table;}

header nav {
	text-align: center;
}
header nav ul {
	margin: 0;
	padding: 0em;
	list-style-type: none;
}
header nav ul li {
	display: inline;
	margin-left:0px; text-align:left;
}
header{position:relative;width:100%;}
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;width:100%;}
.logo a{color:#6DDB07;}
nav{position:relative;width:100%;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:15px 20px;font-size:16px;text-decoration:none;color:#fff;font-weight:normal;font-family: 'Play-bold';}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#2A183A!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px;}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:23px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:20px;right:14.5px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; z-index:99;}
#cssmenu ul ul li{height:100%;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:92%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:300px;font-size:14px;text-decoration:none;color:#ddd;font-weight:400;font-family: 'Play-Regular';}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

.active_1{ background:#D9C202;}
.active_2{ background:rgb(220, 136, 7);}
.active_2 a:before {
    content: "\f109";
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    float: left;
    padding: 1px 5px 0 0px;
}



@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 12px 4px;float:none; background:#fff;}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

.header_bg{ background:#522d80;}

.banner1{ margin:0px; padding:0px;}
.banner1 img{ max-width:100%;}



.right-scroll {
    position: relative; float:left; width:100%;
}
.newhighlight {
    margin-top:0px;
    padding-bottom: 0px;
    display: flow-root;
}
.head-new {
    text-shadow: 0 0 black;
    float: left;
    background: #522d80;
    color: #fff !IMPORTANT;font-family: 'Play-bold';
    padding: 10px 5px 10px 5px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    top:-10px;
    margin-bottom: 3px;
    z-index: 99;
}
.marquee{ margin-top:-45px; float:left; width:100%;}
.marquee a {
    color: rgb(255, 0, 0);font-family: 'Play-Regular'; font-size:16px; font-weight:bold; }

.important-links {
    margin-top:18px;
}
.important-links .our-ass {
    background: #fff none repeat scroll 0 0;
    border: 1px double #c7c7c7;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    display: inline-block;
    float: none;
    height: 81px;
    margin-bottom: 13px;
    vertical-align: top;
    width: 4.5%;
    padding: 0px 5px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.important-links .our-ass:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}
.important-links .our-ass a {
    display: block;
    height: 100%;
    line-height: 75px;
    vertical-align: middle;
    width: 100%;
}
.important-links .our-ass img {
    max-height: 96%!important; max-width:100%;
}

.welcome {
    background: #f3f3f3 none repeat scroll 0 0;
    padding: 16px 0;
}
.welcome h1 {
    font-size: 30px;
    margin-top: 0px;
    font-weight: 300;font-family: 'Play-Regular';
    text-transform: uppercase;
}
div.printfriendly {
    margin: 12px 12px 12px 12px;
}

.pf-alignright {
    float: right;
}
.welcome p {
    font-size: 15px;font-family: 'Muli';
    line-height: 25px;
}
.welcome h3{ font-size:23px;font-family: 'Play-Bold';}

.btn-more {
    background: #522d80 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;font-family: 'Play-Regular'; font-size:16px;
    padding: 8px 18px;
    position: relative;
    z-index: 9;
}
.btn-more:hover {
    color: #fff; text-decoration:none;
}
.btn-more::after, .pro-wrap a.read-more:after {
    background: #f66733 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-: all 0.2s ease 0s;
    -moz-: all 0.2s ease 0s;
    -o-: all 0.2s ease 0s;
    -ms-: all 0.2s ease 0s;
    width: 0;
    z-index: -1;
}
.btn-more:hover::after {
    width: 100%;
}
.sponsorship {
    background: rgba(255, 255, 255, 0.92);
    padding: 6px 16px;font-family: 'Play-Regular';
    display: inline-block;
    border: 1px solid #e4e4e4;
}
.sponsorship li {
    display: inline-block;
    margin: 0 2px;
}
.sponsorship li h4 {
    text-align: center;
    font-size: 16px;font-family: 'Play-Regular';
    padding: 0;
    margin: 0 0 7px 0;
    text-transform: uppercase;
    color: #f47920;
}


.well-right {
    background: #e4e4e4;
    margin-bottom: 25px;
    height: 150px;
    padding: 10px 0 12px;
    position: relative;
    text-align: center;
    z-index: 9;
    transition: all 0.3s;
    -moz-transition: all 0.6s ease-in;
    -ms-transition: all 0.6s ease-in;
    -webkit-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -moz-transform: perspective(1px) translateZ(0);
    -ms-transform: perspective(1px) translateZ(0);
    -o-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
}
.well-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0; 
    bottom: 0;
    left: 0;
    right: 0;
    background: #522d80;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.well-right a {
    text-align: center;
    display: block;
    padding: 10px 0px;
    color: #000;
    font-family: 'Play-Regular';
    font-size: 15px;
}
.well-right span {
    display: block;
    margin-bottom:2px;
    padding:0px 0px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.well-right p {
    font-family: 'Play-Bold';
    line-height: normal;
}
.well-right:after {
    border:2px solid #e4e4e4;
    content: "";
    height:150px;
    left:6px;
    position: absolute;
    top:7px;
    width:100%;
    z-index: -1;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.well-right:hover:before, .well-right:focus:before, .well-right:active:before {
    -webkit-transform: scaleX(1.1);
    -moz-transform: scaleX(1.1);
    -o-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    transform: scaleX(1.1);
}
.well-right:hover:after {
    border: 2px solid #522d80;
}
.well-right:hover a {
    color: #fff; text-decoration:none;
}
.well-right:hover span {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}
.well-right:hover p {
    text-shadow: 1px 2px 3px rgba(0,0,0,0.2);
}
.footer {
    background: #b5b5b5;
    color: #000;
    padding: 15px 0;
}
.c-note {
    position: fixed;
    width: 100%;
    bottom: 0px;
    background: #020636;
    padding: 5px;
    font-size: 10pt;
    color: #faff18;
    z-index: 99999;
}
.c-note span {
    font-weight: bold !IMPORTANT;
    font-size: 14px;
    color: #fff;
    font-family: Play;font-family: 'Muli';
    text-transform: uppercase;
}
.c-note a {
    font-weight: bold !IMPORTANT;
    font-size: 14px;    color: #719430;
    font-family: Play;
}

.foo-nav ul{ text-align:left; margin:0px; padding:0px;}
.foo-nav ul li { float:left; list-style:none;
}
.foo-nav ul li a {
    border-right: 1px solid;
    color: #000;font-family: 'Muli'; font-size:16px;
    line-height: 9px;
    padding: 0 12px;
    transition: all 0.2s ease 0s;
}
.social-icon {
    text-align: right;
}
.social-icon li {
    display: inline-block;
}
.social-icon li a {
    color: #fff;
    background: #f47920;
    width: 33px;
    height: 33px;
    display: block;
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 2px solid transparent;
}
.social-icon li a:hover {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
    background: transparent;
    color: #000;
    border: 2px solid #000;
}
.copy{font-family: 'Muli'; font-size:14px; }
.pow{font-family: 'Muli'; font-size:14px;}
.visit.text-left.visitor-section {
    float: left;
    text-align: center;
    background: #000;font-family: 'Muli'; font-size:14px;
    color: #ff7712;
    padding: 21px 15px;
    position: relative;
    top: -39px;
    margin-left: 100px;
}
.modify{font-family: 'Muli'; font-size:14px;}