@media(min-width: 1366px){
    .container{
        width: 1020px !important;
    }
}
body{
	background: linear-gradient(#5464B9,#162460);
	font: 11px Arial;
}
a{
	text-decoration: none;
	outline: none;
}
a:hover{
	text-decoration: none;
}
.linetop{
	background: linear-gradient(#35598B,#223A6B);
}
.linetop a{
	color: #fff;
	font-weight: bold;
}
.account-left, .account-right{
	margin-bottom: 5px;
	margin-top: 5px
}
.account-left li {
    margin: 5px 0 5px 20px;
    line-height: 18px;
}
.account-right {
    margin-right: 10px;
}
.payment-options {
    background-image: url(../images/common-pm-icon.png);
    background-repeat: no-repeat;
    height: 22px;
    width: auto;
    line-height: 23px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    margin-top: -1px;
    padding-left: 26px;
}
.common-header-bg {
    background-image: url(../images/common-header.png);
}

.join-now {
    background-position: -2px -372px;
    background-repeat: no-repeat;
    padding-left: 23px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
}
.account-right input.form-control{
	height: 25px;
	line-height: 25px;
	border-radius: 0;
	width: 96px;
	font:100 11px/18px Tahoma,sans-serif;
}
.account-right .btn-default{
	background-color: #f1983b;
	border: 1px solid #fdc271;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	height: 23px;
	line-height: 22px;
}
.logo {
    position: relative;
    top: -10px;
}
.line-bn{
	background: linear-gradient(#C5D4FC,#E8E8E8,#DAE2F8);
	margin-right: 5px;
	margin-left: 5px;
}
.primary-menu {
	position: relative;
	z-index: 50;
	top: 15px;
	border-bottom: 1px solid #9e9e9e
}
svg{
	height: 15px;
	width: 30px;
}
.primary-menu a{
	color: #00175f;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
.primary-menu li{
	position: relative;
	padding: 10px;
}
.primary-menu li.current-menu-item,.primary-menu > li:hover{
	background: linear-gradient(#35598B,#223A6B);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}
.primary-menu li.current-menu-item a,.primary-menu > li:hover a{
	color: #fff
}
.primary-menu li.current-menu-item:before{
    width: 9px;
    height: 7px;
    background-position: -7px -282px;
    position: absolute;
    content: '';
    margin: auto;
    left: 50%;
    margin-left: -4px;
    bottom: -2px;
    background-image: url(../images/common-header.png);
}

.primary-menu .sub-menu a{
	color: #fff;
}
.primary-menu ul.sub-menu {
	position: absolute;
	list-style: none;
	left: 0px;
	padding-left: 0;
	z-index: 5;
	top: calc(100% + 50px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	background: #243D6E;
	width: 200px;
}
.primary-menu li.menu-item-has-children:hover > ul.sub-menu{
	opacity: 1;
	visibility: visible;
	transform: translate(0,-50px);
	-webkit-transform: translate(0,-50px);
	-moz-transform: translate(0,-50px);
	-o-transform: translate(0,-50px);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.primary-menu ul.sub-menu li{
	position: relative;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.primary-menu ul.sub-menu li:hover{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.primary-menu ul.sub-menu li a{
	line-height: 30px;
}
.primary-menu ul.sub-menu .sub-menu{
	position: absolute;
	left: calc(100% + 15px);
	top:50px;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.inner-content{
	padding-top: 10px;
	border-top: 1px solid #9e9e9e;
	position: relative;
	padding-bottom: 15px
}
.contentpage{
	background: #D5E3FD;
	padding: 30px
}
.inner-content:before{
	background: #fff;
	width: calc(100% - 10px);
	position: absolute;
	content: '';
	left: 5px;
	top: 0;
	height: 100%;
}
.menufooter{
	margin-top: 15px
}
.menufooter a{
	color: #fff
}
.menufooter li{
	border-right: 1px solid #fff
}
.menufooter li:last-child{
	border-right: 0
}
.menufooter li a:hover{
	color: #fc0
}
ul.Socialmedia,ul.Payment {
	padding-top: 15px
}
ul.Payment li,ul.Misc li,ul.Socialmedia li{
	padding: 0
}

.Visa, .Mastercard, .Moneybookers, .Neteller, .Entropay, .Netbanx, .ByMoneybookers {
    width: 38px;
    height: 33px;
    float: left;
}
.Visa {
    background: url(../images/Visa.png) no-repeat 0 0;
    width: 40px;
}
.Mastercard {
    background: url(../images/Mastercard.png) no-repeat 0 0;
    width: 21px;
}
.Neteller {
    background: url(../images/Neteller.png) no-repeat 0 0;
    width: 62px;
}
.Entropay {
    background: url(../images/Entropay.png) no-repeat 0 0;
    width: 22px;
}
.ByMoneybookers {
    background: url(../images/ByMoneybookers.png) no-repeat 0 0;
    width: 26px;
}
.GT, .Gamcare, .Above18, .Verisign, .RGA, .IOM, .cgy-ico, .pagcor-ico, .EGR {
    width: 29px;
    height: 46px;
    float: left;
}
.GT {
    background: url(../images/GT.png) no-repeat 0 0;
    width: 36px;
}
.Gamcare {
    background: url(../images/Gamcare.png) no-repeat 0 0;
    width: 32px;
}
.Above18 {
    background: url(../images/Above18.png) no-repeat 0 0;
    width: 29px;
    height: 42px;
}
.Gamcare {
    background: url(../images/Gamcare.png) no-repeat 0 0;
    width: 32px;
}
.Verisign {
    background: url(../images/Verisign.png) no-repeat 0 0;
    width: 62px;
}
.RGA {
    background: url(../images/RGA.png) no-repeat 0 0;
    width: 71px;
    height: 42px;
}
.IOM {
    background: url(../images/IOM-landing.png) no-repeat 0 0;
    width: 45px;
}
.EGR {
    background: url(../images/EGR.png) no-repeat 0 0;
    width: 61px;
    height: 60px;
}
.Twitter, .Youtube, .Googleplus, .Instagram, .Facebook, .Weibo {
    height: 44px;
    float: left;
    margin: 0 0 0 5px;
}
.Twitter {
    background: url(../images/twitter-icon.png) no-repeat 0 0;
    width: 25px;
}
.Youtube {
    background: url(../images/youtube-icon.png) no-repeat 0 0;
    width: 25px;
}
.Facebook {
    background: url(../images/facebook-icon.png) no-repeat 0 0;
    width: 25px;
}
.Googleplus {
    background: url(../images/googleplus-icon.png) no-repeat 0 0;
    width: 25px;
}
.Instagram {
    background: url(../images/instagram-icon.png) no-repeat 0 0;
    width: 25px;
}
.BoxBd {
    background: #99B8EC;
    padding: 5px;
    border: 1px solid #fff;
    box-shadow: 0 2px 2px 2px rgba(0,0,0,0.3);
    margin-bottom: 10px;
    position: relative;
}
.BoxBd .meta-title{
	position: absolute;
	bottom: 5px;
	background: rgba(0,0,0,.5);
	width: calc(100% - 10px);
	left: 5px;
	color: #fff;
	padding: 5px 10px;
	font-size: 12px
}
.BoxBdslide{
	background: #99B8EC;
    padding: 5px;
    border: 1px solid #fff;
    box-shadow: 0 2px 2px 2px rgba(0,0,0,0.3);
    margin-bottom: 10px;
    position: relative;
}

.boxslideinner .item{
	border: 1px solid #2a4696;
	padding: 15px 0;
	background: #5773B6;
	color: #fff
}
.boxslideinner .item a{
	color: #fff;
}
.BoxBd img{
	width: 100%
}
.date-info{
	margin-bottom: 0;
	padding-left: 30px;
	padding-bottom: 5px
}
.margin-auto{
	margin: 0 auto
}
.linecus{
	position: relative;
	top: -18px
}
.copyright{
	color: #fff
}
.endcontent{
	width: 90%;
	text-align: center;
	margin: 0 auto;
	color: #fff
}
.menubox{
	background: #142053;
	border: 2px solid #3f518c;
	padding: 10px;
	margin-bottom: 30px
}
.menubox h4{
	color: #ddd;
	font-size: 12px
}
.menubox li{
    background: url(../images/landing.png) no-repeat -600px -810px;
    padding: 0 5px 0 15px;
    color: #d7d7d7;
}
.menubox li a{
	color: #ddd
}
.menubox li a:hover{
	text-decoration: underline;
}
@media (min-width: 767px){
	.padding-5{
		padding-right: 5px!important;
		padding-left: 5px!important;
	}
	.margin-5{
		margin-right: -5px!important;
		margin-left: -5px!important;
	}
	.BoxBd.height240 img{
	height: 240px
	}
	.BoxBd.height155 img{
		height: 155px
	}
}
@media (max-width: 768px){
	.logo {
	    text-align: center;
	    display: block;
	}
	.primary-menu{
		margin-bottom: 30px;
		text-align: center;
	}
}

.hide-dekstop {display:none}

@media (max-width: 768px){

	.hide-mobile {display:none;}
	.hide-dekstop {display:inline;}
	
}

.loginform .form-group {
    display: inline-block;
}
.loginform input{
    width: 100px;
}
.loginform{
    position: relative;
    right: 15px;
    top: 5px;
    margin-bottom: 15px;
}

