@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot') format('embedded-opentype'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'), url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* =============================================================================
   Body Styles
* ============================================================================= */
body {
    background: #EFF6FB;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #000000;
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    height: 100%;
}
/* =============================================================================
   Basic Styles
* ============================================================================= */
atricle, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, header, hgroup, keygen, meter, nav, output, progress, section, source, video, title, mark, main {
    display: block;
}
img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}
a {
    color: #0e1f5c;
    text-decoration: underline;
}
a:hover {
	text-decoration: none;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.fclear {
    clear: both;
}
/* =============================================================================
   Wrapper Styles
* ============================================================================= */
.wrap-inner2 {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 10px;
}
/* =============================================================================
   Header Styles
* ============================================================================= */
.header {
    background: #104e7d;
    width: 100%;
    float: left;
}

.logo {
    float: left;
    margin: 18px 0;
}

/* =============================================================================
   Topnav Styles
* ============================================================================= */
nav {
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
}

    nav .wrap-inner {
        margin: 0 auto; /* 24-04-15 */
        padding: 0;
    }

.top-nav {
    float: left;
    display: inline-block;
}

ul.top-nav {
    padding: 0;
    margin: 0;
    float: left;
}

    ul.top-nav li {
        font-size: 16px;
        list-style-type: none;
        color: #fff;
        float: left;
    }

        ul.top-nav li a {
            padding: 5px 20px;
            display: block;
            float: left;
            margin-right: 1px;
            color: #fff;
            text-decoration: none;
        }

.top-nav li.selected a,
.top-nav li:hover a {
    color: #fff;
    background: #5b5b5b;
}

ul.top-nav div {
    background: #5b5b5b;
    position: absolute;
    left: 0;
    width: 100%;
    top: 32px; /* top:33px; 24-04-15  */
    display: none;
    /* HOVER OFF */
}

    ul.top-nav div.showmenu {
        display: block;
    }


ul.top-nav ul {
    list-style: none;
    margin: 0 auto;
    max-width: 1280px;
    min-width: 748px;
    padding: 0 10px;
}

    ul.top-nav ul li {
        padding: 8px 0 10px;
    }

        ul.top-nav ul li:last-child a {
            border-right: 0 solid #d6d6d6;
        }

        ul.top-nav ul li a {
            color: #d6d6d6;
            font-size: 14px;
            line-height: 14px;
            padding: 0 20px;
            border-right: 1px solid #d6d6d6;
        }

.top-nav li:hover li a {
    color: #fff;
}

.top-nav li:hover li:hover a {
    color: #fff;
}


.top-nav li li.selected a {
    color: #fff;
    font-weight: bold;
}

.top-nav-right {
    text-align: right;
    font-family: 'DINProBold';
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #000000;
}

    .top-nav-right a {
        padding: 5px 15px 8px 15px;
        margin-left: 6px;
        text-decoration: none;
    }

.button-login, .buy-now, .renew {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    background: #2192e8;
}

.renew {
    background: #ff3c00;
}

    .renew:hover {
        background: #b42a00;
    }

.buy-now:hover {
    background: #0164af;
}

.button-login {
    background: #7f8182;
}

    .button-login:hover {
        background: #5a5f62;
    }
/* =============================================================================
   Footer Styles
* ============================================================================= */
.footer {
    background: #104e7d;
    padding: 10px 0;
    width: 100%;
    float: left;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

    .footer a {
        color: #fff;
        text-decoration: none;
    }

        .footer a:hover {
            text-decoration: underline;
        }

    .footer span {
		color: #3C6A8D;
        margin-left: 5px;
        margin-right: 5px;
    }

.footer-nav {
    width: 416px;
    float: left;
    padding: 5px;
}

.contact-info {
    font-weight: bold;
    overflow: hidden;
    padding: 5px;
    text-align: center;
}
	
	.contact-info span {
    	color: #FFFFFF;
    	font-weight: bold;
	}

.copyright {
    width: 284px;
    float: right;
    padding: 5px;
}

.header {
    width: 100%;
    float: left;
    background: url(../images/header-bg.jpg) repeat-x center top #256390;
}

.logo {
    float: left;
    width: 526px;
    margin: 20px 0 25px 0;
}

.top_rt_logo {
    float: right;
    margin: 10px 0 0 0;
    width:734px;
    text-align:right
}
nav {
    float: left;
    width: 100%;
}

.menu_lt {
    float: left;
    display: inline-block;
}

.menu_rt {
    float: right;
    display: inline-block;
}

.menu_rt_btn1 {
    float: left;
    margin: 6px 7px 0 0;
    background: #e06b01;
    padding: 7px 15px;
}

.menu_rt_btn2 {
    float: left;
    margin: 6px 0 0 0;
    background: #e06b01;
    padding: 7px 15px;
}

.menu_rt_btn1 a {
    float: left;
    font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #e3f3ff;
    background: url(../images/get_started_arrow.png) no-repeat left center;
    text-decoration: none;
    padding: 0 0 0 18px;
    text-transform: uppercase;
}

    .menu_rt_btn1 a:hover {
        color: #000;
        background: url(../images/get_started_arrow_hover.png) no-repeat left center;
    }

.menu_rt_btn2 a {
    float: left;
    font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #e3f3ff;
    background: url(../images/login_arrow.png) no-repeat left center;
    text-decoration: none;
    padding: 0 0 0 25px;
    text-transform: uppercase;
}

    .menu_rt_btn2 a:hover {
        color: #000;
        background: url(../images/login_arrow_hover.png) no-repeat left center;
    }


@media screen and (max-width: 1140px) {

}

/*===============keep screen 1024=============*/
@media screen and (max-width: 1024px) {

}

/*===============keep screen 768px =============*/
@media screen and (max-width: 939px) {
.footer-nav, .copyright, .contact-info {
        text-align: center;
        width: 100%;
        float: left;
    }
.logo {
        width: 350px;
        margin-top: 33px;
    }
.footer-nav, .copyright, .contact-info {
        float: left;
        padding: 5px 0;
        text-align: center;
        width: 100%;
    }
.menu_rt_btn1 a, .menu_rt_btn2 a {
        font-size: 13px;
    }
.footer {
        float: left;
    }
.menu_rt_btn1 {
        padding: 7px 13px;
    }
.menu_rt_btn2 {
        padding: 7px 11px;
    }
.header nav {
        margin-top: 14px;
    }
.menumn2 li .dvshow {
        top: 38px;
        padding:0;
    }

}

/*  11-6-15  */
/*===============keep screen 480=============*/
@media screen and (max-width: 767px) {
    .header {
        background: #104e7d;
    }

    .logo {
        float:none;
		margin:24px auto 0;
		width:80%;
    }

    .top_rt_logo {
        float: none;
        margin: 20px auto;
        width: 211px;
    }

    .menu_lt {
        width: 100%;
        margin: 10px 0 0 0;
    }
	
    .menu_rt {
        float: none;
        margin: 0 auto;
        width: 225px;
        display: block;
    }
	.menu_rt_btn1 {
        margin: 10px 7px 10px 0;
    }

    .menu_rt_btn2 {
        margin: 10px 0 10px;
    }
	.main-mobile-menu .wrap-title
	{	padding:0;
	}
}


/*===============keep screen 320=============*/
@media screen and (max-width: 479px) {

.logo
{	width:98%;
}
.top_rt_logo
{	width:50%;
	margin-bottom:0;
}

.menu_rt_btn1 {
        margin: 10px 7px 10px 0;
    }

.menu_rt_btn2 {
        margin: 10px 0 10px;
    }

}