img, a img {outline:none; border:none;}
p{ text-align:justify; margin-bottom:10px; line-height:20px;}
/*ul, li {margin: 10px 0 0 0; padding:0px; list-style:none;}*/
input, textarea, select {outline:none;}
input[type="submit"], input[type="button"], input[type="image"] {cursor:pointer; border:0; outline:0; }
textarea {-o-transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; transition: none !important;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h4{font-size:18px; margin-bottom:20px;}
.clear {clear:both;}
.left{float:left;}
.right{float:right;}

::selection {background:#333; color:#fff;}
::-moz-selection {background:#333; color:#fff;}

.fade_anim, .fade_anim * {-webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}
.red{color:#f00;}
.green{color:#0a9f38;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx header starts xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.header_wrap{width:100%; height:auto;}
.header{width:980px; height: auto; margin:0 auto; padding:10px 0;}

.logo_div {float:left; display:block; padding:2px 0px 0px;}
.logo{float:left;width: 100%;}
.logo_text{width:auto; height:auto; margin:20px 0px 0px 10px;}



.header_right{float:right; width:auto; text-align:center; display:none;}
.header_right span{display:block; color:#656565; text-transform:capitalize; text-align:center; margin-bottom:5px;}
.header_right img {margin-left:10px;}

.login_topbox {float:right; margin-top:-10px; display:block;}
.login_topbox a.acc_name {display:block; float:left; line-height:30px; color:#333;}
.login_topbox a.login_button {padding:8px 15px; display:block; float:right; background:#ba024c; color:#FFF; border-radius:0 0 5px 5px; margin-left:15px;}
.login_topbox a.login_button:hover {background:#1b928f;}

@media all and (max-width:980px){
.header{width:auto; padding:10px 15px;}
}

@media all and (max-width:500px){
.header{width:auto; padding:10px;}
}

@media all and (max-width:800px){
.logo_text{width:380px; margin:25px 0px 0px 10px;}
}

@media all and (max-width:700px){
.logo_text{display:none;}
}

@media all and (max-width:500px){
.logo_div {padding:0px;}
.header_right {margin-top:7px;}
.header_right img {margin-left:5px; height:45px; display:inline-block;}
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx header ends xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx menu starts xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.menu_wrap{width:100%; background:#1b928f; height:50px;}

@media only screen and (min-width:981px) {
	
.menu_open, .menu_close {display:none;}

.menu_box {width:980px; margin:0 auto; position:relative; }
	
.nav {/*margin-right:100px;*/}
	
ul.menu {height:50px; width:100%;}

ul.menu li {display:inline-block; border-left:1px solid #bbb; text-align:center; position:relative; float:left;}
ul.menu li:first-child {border-left:0px !important;}
ul.menu li a {text-transform:uppercase; font-size:13px; line-height:50px; display:block; color:#555;}
ul.menu li:hover a, ul.menu li.active a {color:#1b928f; text-shadow:0px 0px 10px #fff;}

ul.menu li ul {position:absolute; width:220px; padding-top:5px; background:#FFF; z-index:999; -webkit-box-shadow:0px 2px 8px #aaa; -moz-box-shadow:0px 2px 8px #aaa; box-shadow:0px 2px 8px #aaa; display:none;}

ul.menu li ul li {display:block; float:none; border-left:none; text-align:left; border-bottom:1px dotted #ccc; height:auto;}
ul.menu li ul li:last-child {border-bottom:0px;}
ul.menu li ul li a {line-height:20px; padding-top:5px; padding-bottom:5px; text-transform:none; color:#555 !important;}
ul.menu li ul li a:hover{color:#1b928f !important;}

ul.menu li ul:before {width:0px;height:0px;position:absolute;left:20px;top:-7px;content:'';border-width:0px 7px 7px 7px;border-style:solid;border-color: transparent transparent #fff transparent;}

/*ul.menu li a.highlight {background:#ba024c;color:#fff;}*/

}

.login {background:#ba024c; float:right; margin-top:-50px; height:50px; position:relative; display:none;}
.login img {float:left; vertical-align:middle; margin-top:3px; margin-right:5px; width:23px; height:23px;}
.login a {display:block; color:#fff; font-size:15px; line-height:14px; padding:4px 13px 15px 13px;}
.login:hover {background:#1b928f;}

.login:after {font-size:11px; color:#fff; text-align:center; display:none; width:100%; position:absolute; bottom:2px; content:'(Coming soon)';}

a.electn {line-height:40px; padding:0px 8px; text-transform:uppercase; border:1px solid #969864; margin:4px;}
a.electn:hover {border:1px solid #e8d0b7;}

@media only screen and (min-width:981px) {
ul.menu li a {padding:0px 13px;}
}

@media only screen and (max-width:980px) {
	
.login {margin-top:0px;} 

.menu_open {display:block; margin:15px 0px 0px 15px; float:left; font-size:18px; cursor:pointer;}

.menu_close {width:25px; height:25px; float:right; margin:5px; background:#000; font-size:16px; color:#fff; line-height:25px; text-align:center; border-radius:50%; cursor:pointer;}

.pushy {position:fixed; width:280px; height:100%; top:0; left:0; z-index:9999; background:#efefef; overflow:auto; -webkit-overflow-scrolling:touch; -webkit-box-shadow:0px 0px 15px #444; -moz-box-shadow:0px 0px 15px #444; box-shadow:0px 0px 15px #444;}

/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-300px,0,0);
    -moz-transform: translate3d(-300px,0,0);
    -ms-transform: translate3d(-300px,0,0);
    -o-transform: translate3d(-300px,0,0);
    transform: translate3d(-300px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(-230px,0,0);
    -moz-transform: translate3d(-230px,0,0);
    -ms-transform: translate3d(-230px,0,0);
    -o-transform: translate3d(-230px,0,0);
    transform: translate3d(-230px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
     /*improves performance issues on mobile */
    -webkit-backface-visibility: hidden;
    /*-webkit-perspective: 10000;*/
}

.site-overlay{display: none;}

.pushy-active .site-overlay{display: block; position: fixed; right: 0px; top: 0; left:0; bottom:0; z-index: 1111; background: url(../images/site_overlay.png);}

ul.menu {margin:35px 0px 10px 0px;}

ul.menu li {display:block; border-bottom:1px dotted #ccc;}
ul.menu li:first-child {border-top:1px dotted #ccc;}
ul.menu li a {color:#777; padding:8px 10px; display:block; text-transform:uppercase;}
ul.menu li a:hover {color:#1b928f;}

ul.menu li.active, ul.menu li:hover {background-color:#fff;}

ul.menu li ul li {border-bottom:0px; background:url(../images/menu_bull.png) no-repeat 11px 10px;}
ul.menu li li:first-child {border-top:0px;}
ul.menu li ul li a {text-transform:none; padding:5px 5px 5px 20px;}

}

.menu_wrap.stick {position:fixed; top:0px; left:0px; z-index: 500; -webkit-box-shadow:0px 2px 5px #666; -moz-box-shadow:0px 2px 5px #666; box-shadow:0px 2px 5px #666;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx menu ends xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.container_wrap{width:100%; min-height:400px; height:auto; margin-bottom:30px; background:#000;}
.container_wrap.stick {padding-top:50px;}

.main_container{ width:980px; height: auto; margin:0 auto;}
@media all and (max-width:999px){
.main_container{width:96%; margin:0 auto;}
}

.gold_color {color:#CC996A;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer starts xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.footer_wrap{width:100%; height: auto;background:#0e0e0e !important;} 
.footer{ width:100%;margin:0 auto; min-height:150px;  height: auto; padding:10px 0; color:#323232; /*background:#09F;*/ position:relative;}
.footer_link{width:auto;  margin-right:320px}

.foot_column{width:33%; /*background:#090;*/ height: auto; display:inline-block; vertical-align:top;  margin-bottom:15px;  }
.foot_column h3{font-size:16px; margin-bottom:5px;}
.foot_column ul{/*background:#FC0;*/}
.foot_column ul li{ background:url(../images/footer_li.png) no-repeat left 5px; line-height:20px; padding-left:10px; }
.foot_column ul li a{display:block; color:#444;}
.foot_column ul li a:hover{color:#1b928f;}



.smart_card {width:300px; height:150px; float:right; margin-top:0px; border:1px solid #ddd; background:#E2E2E2}
.smart_card img {height:100%; width:auto; max-width:309px; display:block; margin:auto;}

.footer_bottom{display:blcok; margin-top:15px; font-size:12px; }
.footer_bottom a{color:#333;}
.footer_bottom a:hover{color:#1b928f;}

.copyright{float:left; color:#fff;}
.kweb{float:right;display:none;}

.social_media{width:auto; text-align:center; display:table; margin:0px auto -18px;float:right;}
.social_media a {width:20px; height:20px; display:inline-block; margin:0px 2px;}

@media all and (max-width:980px){
/*.footer{width:96%; padding:0px 2% 20px;}*/
.smart_card {margin:0px auto 20px; text-align:center;}
.foot_column{width:25%;}
}

@media all and (min-width:769px) and (max-width:980px){
.foot_column{width:49%;}	
}

@media all and (max-width:768px){
.smart_card{width:300px; height:150px; float:none; clear:both !important;}
.footer_link{margin-right:0;}
.foot_column{width:24.5%;}
}


@media all and (max-width:600px){
.foot_column{width:49%;}
.social_media{margin:0px auto 5px;}
/*.copyright, .kweb {float:none; display:block; text-align:center; margin-bottom:5px;}*/

}

@media all and (max-width:350px){
.foot_column{width:99%;}
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer ends xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

@media all and (min-width:981px){
.side_socialmedia {width:30px; height:90px; position:fixed; top:35%; overflow:hidden; z-index:1000;}
.side_socialmedia a, .side_socialmedia:hover a:hover {width:30px; height:auto; padding:0; display:block; position:relative; left:0; opacity:1; filter:alpha(opacity=100);}
.side_socialmedia:hover a {left:-5px; opacity:0.7; filter:alpha(opacity=70);}
.side_socialmedia img {display:block;}
}

@media all and (max-width:980px){
.side_socialmedia {display:none;}
}

ul.menu li.dk_hide {display:none;}

.various{width:400px; height:240px;}
.various h2{background:#ba024c; padding:12px; margin-bottom:25px; color:#fff; padding-left:18px;}
.various p{text-align:justify; font-size:16px; padding-bottom:20px; color:#f10101; margin-left:20px; text-transform:uppercase; }
.various p a{color:#666; padding-bottom:28px; padding-left:15px;}
.various p a:hover{color:#1b928f;}

@media all and (max-width:440px){
	.various p{font-size:13px; padding-bottom:15px;}
	.various{width:100%;!important}
	}

.error{color: red!important;}    
 .memlog_box .field_box input[type="button"]{border-radius: 5px;
    cursor: pointer;
    border: 0;
    outline: 0;
    padding: 7px 12px;
    background: #1b928f;
    color: #fff;}

.memlog_box .field_box input[type="button"]:hover{background: #ba024c;}  
/*.event_box ul li {list-style: disc; padding: 5px;list-style-position: inside;background: none; margin-bottom: 0px;}*/
.n-attention{
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-top: 15px;
    color: red;
}

.bg_gold{background: #dca956;}
.bg_gold a{color: #fff!important;}
@media all and (max-width:980px){
.bg_gold{background: #dca956;}
.bg_gold a{color: #000!important;}
.bg_gold a:first-child::active{color: #dca956!important;}
}