@import url(../fonts/fonts.css);

* { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, button, table, caption { margin: 0; padding: 0; border: 0; line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }

html, body { margin: 0; padding: 0 }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

a { text-decoration: none !important; }

a:hover, a:active { outline: 0; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }

sup { top: -0.5em }

sub { bottom: -0.25em }

img { -ms-interpolation-mode: bicubic; border: 0; max-width: 100%; }

::selection { background: rgba(102,204,255,0.8); color: #fff; }

::-moz-selection {
background:rgba(102,204,255,0.8);
color:#fff;
}

:focus, :active { outline: none; }

button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button }

textarea { overflow: auto; vertical-align: top }

strong { font-weight: bold }

em { font-style: italic }

small { font-size: 100% }

select { cursor: pointer; }

.f-left { float: left !important; }

.f-right { float: right !important; }

.mb-20 { margin-bottom: 20px !important; }

.ml-20 { margin-left: 20px !important; }

.mr-20 { margin-right: 20px !important; }

.mt-20 { margin-top: 20px !important; }

.mb-10 { margin-bottom: 10px !important; }

.ml-10 { margin-left: 10px !important; }

.mr-10 { margin-right: 10px !important; }

.mt-10 { margin-top: 10px !important; }

.pb-20 { padding-bottom: 20px !important; }

.pl-20 { padding-left: 20px !important; }

.pr-20 { padding-right: 20px !important; }

.pt-20 { padding-top: 20px !important; }

.pb-10 { padding-bottom: 10px !important; }

.pl-10 { padding-left: 10px !important; }

.pr-10 { padding-right: 10px !important; }

.pt-10 { padding-top: 10px !important; }

.pt-5 { padding-top: 6px !important; }

.clr { border: 0; clear: both; height: 0; }

.border { border: 1px solid red; }

/**************************************************************home**************************************************************/







body { font-family: 'Roboto Condensed', sans-serif; color: #666666; font-size: 16px; margin: 0; padding: 0 }

.container { margin: 0 auto; width: 1200px; padding:0 }

.header { background: url(../images/header-bg.gif) repeat; min-height: 60px; }

.header .logo { margin: 18px 0 0 0; padding: 0 12px 0 0; background: url(../images/logo-divider.gif) no-repeat right; min-height: 0; float: left }

.header .dropdown-toggle { background: none; font-size: 18px; color: #fdfdfd; padding: 0; margin: 18px 0 0 -10px; font-weight: normal; }

.header .dropdown-toggle:hover, .dropdown-toggle:focus { color: #59b3dc }

.tinynav { display: none; }

.header .nav { margin: 0 0 0 15px; }

.header .nav ul { margin: 0; padding: 0 }

.header .nav ul li { font-size: 18px; font-weight: bold; float: left; list-style-type: none }

.header .nav ul li a { color: #fff; text-decoration: none; padding: 21px 15px; display: block; transition: all 0.1s ease-in }

.header .nav ul li a:hover, .nav ul li.active a { background: #052e48; color: #59b3dc; }

.header .nav ul ul { background: #052e48; border-bottom: 2px solid #8b4b42; display: none; position: absolute; width: 180px; z-index: 100; }

.header .nav ul li:hover>ul { display: block; }

.header .nav ul li li { display: block; }

.header .nav ul li:last-child ul, .header .nav ul li:nth-last-child(2) ul { right: 0 }

.header .nav ul li li:last-child a { display: none }

.header .nav ul ul li { display: block; float: none; margin: 0; padding: 0; position: relative; }

.header .nav ul ul li a { font-size: 16px; padding: 5px 10px; }

.header .nav ul ul li:hover>a { background: #f2ecec; border: 0 }

.header .nav ul ul ul { left: 100%; margin: 0; top: 0; }

.header .nav ul li:last-child ul ul, .header .nav ul li:nth-last-child(2) ul ul { left: -100%; margin: 0; top: 0; }

.header input[type="text"] { background: #ffffff; font-size: 18px; color: #000000; font-weight: normal; margin: 13px 0 0 0; float: right; border-radius: 5px; padding: 4px 0 4px 6px; border: 2px solid transparent; }

.header input[type="text"]:focus { border: 2px solid #59b3dc; }

.header input[ type="submit"] { background: url(../images/search.png) no-repeat; min-height: 25px; width: 31px; text-indent: -99999px; float: right; margin: -28px 10px 0 0; border: 0; }

.header2 { background: #052e48; min-height: 40px; margin-bottom: 20px; }

.dropdown { float: left }

.header2 .dropdown-toggle { background: none; font-size: 18px; color: #f8c300; padding: 0; font-weight: normal; margin: 7px 0 0 0 }

.header2 .dropdown-toggle:hover, .dropdown-toggle:focus { color: #59b3dc }

.banner { min-height: 350px; margin-bottom: 20px; }

.banner h2 { text-transform: uppercase; font-weight: bold; color: #f3f2e5; font-size: 18px; padding: 7px 9px; background: #052e48; display: inline-block; margin: 11px 0 0 11px; }

.banner .tittle-box { background: #325369; opacity: 0.8; width: 470px; padding: 30px 40px 30px 23px; margin: 12px 0 0 0; }

.banner .tittle-box h1 { font-size: 36px; color: #ffffff; font-weight: bold; line-height: 1.2 }

.banner .tittle-box p { font-size: 18px; font-weight: normal; color: #fff; line-height: 1.2; margin-top: 18px }

.banner .tittle-box .read-more { font-size: 18px; font-weight: normal; margin: 24px 0 0 0; background: url(../images/arrow.png) no-repeat right; display: inline-block; padding: 0 20px 0 0 }

.banner .tittle-box .read-more a { color: #fff; text-decoration: none; transition: all 0.2s ease-in; }

.banner .tittle-box .read-more a:hover { padding: 0 0 0 2px; }

.carousel-indicators { bottom: 20px; left: auto !important; width: 60%; padding-left: 0; margin-left: 0%; text-align: right; right: 10px; }

.carousel-indicators li { width: 20px; height: 20px; margin: 1px; background: #0f4b72; border: 0; }

.carousel-indicators .active { width: 20px; height: 20px; margin: 0; background-color: #fff; }

.around-arrow a { display: block; }

.around-arrow a span { display: block; padding-bottom: 10px; }

.carousel-control.left { right: 40px !important; background-image: none; padding: 10px 0; }

.carousel-control.right { right: 0 !important; background-image: none; padding: 10px 0; }

.carousel-control { position: absolute; top: 10px; bottom: auto !important; left: auto !important; width: 20%; font-size: 14px !important; color: #e8f1f5; text-align: center; text-shadow: none; filter: alpha(opacity=50); opacity: 1; z-index: 999900000; display: block; }

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; background: #5e686c !important; }

.checkout-box { background: url(../images/box-gf.gif) repeat; min-height: 205px; padding: 14px; margin: 0 0 20px 0; }

.checkout-box .h-txt { float: left }

.checkout-box .checkout-image { width: 50px; min-height: 50px; float: right }

.checkout-box h4 { font-size: 18px; font-weight: normal; color: #0f4b72; line-height: 1.2 }

.checkout-box h2 { color: #0f4b72; font-size: 30px; font-weight: bold; }

.checkout-box p { font-size: 16px; color: #333333; font-weight: normal; margin: 12px 0 0 0; line-height: 1.2; float: left }

.checkout-box .checkbox-now { font-size: 16px; font-weight: normal; margin: 22px 0 0 0; background: url(../images/arrow-blue.png) no-repeat right; display: inline-block; padding: 0 20px 0 0 }

.checkout-box .checkbox-now a { color: #0f4b72; text-decoration: none; transition: all 0.2s ease-in; display: block }

.checkout-box .checkbox-now a:hover { padding: 0 0 0 2px; }

.latest-h { width: 100%; display: block; background: #e8f1f5; overflow: hidden; }

.latest-h h2 { font-size: 18px; font-weight: bold; color: #333333; padding: 13px 0 13px 8px; border-left: 11px solid #1c759c; font-weight: bold; }

/*.latest-box { margin-bottom: 60px; }*/
.latest-box {
   margin-bottom: 30px;
   min-height: 335px;
}

.latest-box .latest-img { width: 100%; }

.latest-box h3 { font-size: 18px; font-weight: normal; margin-bottom: 15px }

.latest-box h3 a { color: #0f4b72; display: block; text-decoration: none; transition: all 0.2s ease-in; margin: 10px 0 0 0 }

.latest-box h3 a:hover { color: #59b3dc }

.latest-box .save a { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #999999; display: block; text-decoration: none; transition: all 0.2s ease-in; float: left; margin-right: 25px; background: url(../images/plus.png) no-repeat left; min-height: 11px; padding: 0 0 0 15px; }

.latest-box .save a:hover { color: #59b3dc; }

.latest-box .share a { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #999999; display: block; text-decoration: none; transition: all 0.2s ease-in; float: left; background: url(../images/share.png) no-repeat left; min-height: 11px; padding: 0 0 0 15px; }

.latest-box .share a:hover { color: #59b3dc; }

.around { text-transform: uppercase; padding: 25px 0 10px 0; font-size: 16px; font-weight: normal; }

.around a { display: block; text-decoration: none; color: #1c759c; transition: all 0.2s ease-in }

.around a:hover { color: #59b3dc; }

.around-img { border-right: 1px solid #e8f1f5; }

.edelweiss-txt { font-size: 18px; font-weight: normal; padding: 13px 15px 0 0; }

.edelweiss-txt a { display: block; text-decoration: none; color: #0f4b72; transition: all 0.2s ease-in; line-height: 1.2; }

.edelweiss-txt a:hover { color: #59b3dc; }

.ads-txt { font-size: 14px; font-weight: normal; color: #333333; float: right; margin: 25px 75px 0 0 }

.ads-health { text-align: center; margin: 22px 0; }

.partners-pick { margin: 50px 0; }

.newsletter { background: #e4e3de url(../images/newsletter.gif) no-repeat right; min-height: 144px; padding: 15px 13px; min-width: 280px; }

.newsletter h2 { font-size: 22px; font-weight: bold; color: #052e48; }

.newsletter h2 span { font-size: 18px; font-weight: normal; }

.newsletter input[type="email"] { border: 2px solid transparent; font-size: 16px; font-weight: normal; color: #666666; background: #FFF; border-radius: 5px 0 0 5px; width: 156px; min-height: 34px; padding: 0 0 0 9px; margin-top: 25px; float: left; }

.newsletter input[type="email"]:focus { border: 2px solid #59b3dc }

.newsletter input[type="submit"] { background: #0f4b72; font-size: 16px; font-weight: bold; color: #fff; width: 97px; min-height: 34px; border-radius: 0 5px 5px 0; border: 0; margin: 25px 0 0 0; float: left; transition: all 0.2s ease-in }

.newsletter input[type="submit"]:hover { background: #ec3a3e }

.download-app { margin: 1px 0 20px 0; min-height: 205px; background: #bfcacf; text-align: center; padding: 10px 0; min-width: 280px; }

.smarters { background: #f3f3f3; padding: 10px 0 0 0; overflow: hidden; min-height: 161px; margin: 0 0 20px 0; }

.smarters h3 { color: #0f4b72; font-size: 16px; font-weight: normal; line-height: 1.2 }

.smarters h4 { font-size: 15px; font-weight: normal; color: #333333; line-height: 1.2 }

.smarters span { font-weight: bold; color: #ff6600 }

.smarters-img { text-align: center; }

.smarters .buy-btn { display: inline-block }

.smarters .buy-btn a { font-size: 14px; font-weight: bold; color: #fff; display: block; text-decoration: none; background: #0f4b72; padding: 11px; border-radius: 5px; margin: 10px 0 0 0; transition: all 0.2s ease-in }

.smarters .buy-btn a:hover { background: #ec3a3e }

.hangouts { padding-top: 20px; }

.e-magazines { background: #f3f3f3; }

.e-magazines .tab-nav { padding: 12px 0 0 0; text-align: center }

.e-magazines .tab-nav ul { margin: 0; padding: 0; }

.e-magazines .tab-nav ul li { display: inline-block; font-size: 16px; font-weight: normal; transition: all 0.2s ease-in }

.e-magazines .tab-nav ul li a { color: #666666; display: block; text-decoration: none; padding: 7px 15px; }

.e-magazines .tab-nav ul li a:hover, .tab-nav ul li.selected a { background: #1c758b; color: #ffffff; }

.selected { position: relative; background: #999999; }

.selected:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(153, 153, 153, 0); border-top-color: #1c758b; border-width: 6px; margin-left: -6px; }

.e-magazines .business { margin: 12px 0 0 0; min-height: 276px; position: relative }

.e-magazines .business img { width: 100%; }

.e-magazines .business .box-title { background: #0f0808; width: 100%; opacity: 0.7; min-height: 125px; position: absolute; bottom: 0; padding: 20px 10px; }

.e-magazines .business .box-title h3 { font-size: 17px; color: #ffffff; font-weight: normal; line-height: 1.1; margin-bottom: 12px; opacity: 1; }

.e-magazines .business .box-title .subscribe-btn { text-transform: uppercase; display: inline-block; opacity: 1; }

.e-magazines .business .box-title .subscribe-btn a { font-size: 14px; font-weight: bold; color: #fff; display: block; text-decoration: none; background: #0f4b72; padding: 11px; border-radius: 5px; margin: 10px; margin: 10px 0 0 0; transition: all 0.2s ease-in }

.e-magazines .business .box-title .subscribe-btn a:hover { background: #ec3a3e }

.game-ads { margin-bottom: 20px; margin: 10px 0 0 0; width: 100%; }

.game-ads img { width: 100%; }

.e-magazines .hangouts { padding: 12px 0 24px 0 }

.e-magazines h2 { margin: 0 0 20px 5px; display: inline-block; background: url(../images/arrow-blue.png) no-repeat right; padding-right: 18px; }

.e-magazines h2 a { font-size: 18px; font-weight: normal; color: #0f4b72; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-in; display: block }

.e-magazines h2 a:hover { padding: 0 0 0 2px; }

.discussion { background: #e3e2e2; margin: 1px 0 0 0; padding: 20px 13px; overflow: hidden; width: 100%; }

.discussion h3 { font-size: 18px; font-weight: bold; color: #333333; margin: 0 0 13px 0 }

.discussion input[type="email"] { border: 2px solid transparent; font-size: 16px; font-weight: normal; color: #666666; background: #FFF; border-radius: 5px 0 0 5px; width: 156px; min-height: 34px; padding: 0 0 0 9px; float: left }

.discussion input[type="email"]:focus { border: 2px solid #59b3dc }

.discussion input[type="submit"] { background: #0f4b72; font-size: 18px; font-weight: bold; color: #fff; width: 97px; min-height: 34px; border-radius: 0 5px 5px 0; border: 0; float: left; transition: all 0.2s ease-in; text-transform: uppercase; }

.discussion input[type="submit"]:hover { background: #ec3a3e }

.bigger-img { width: 100%; }

.bigger-img img { width: 100%; }

.nav-1 { background: #e8f1f5; margin: 20px 0 0 0; padding: 7px 0 7px 0; text-align: center; }

.nav-1 ul { margin: 0; padding: 0; }

.nav-1 ul li { font-size: 16px; font-weight: normal; display: inline-block; text-align: center; line-height: 1.2; position: relative }

.nav-1 ul li a { padding: 7px; color: #666666; display: block; text-decoration: none; transition: all 0.2s ease-in }

.nav-1 ul li a:hover, .nav-1 ul li.selected a { color: #ffffff; background: #1c759c; }

.heading-box { background: #f3f3f3; overflow: hidden; margin: 0 10px; border-bottom: 1px solid #cfcfcf }

.heading-box:last-child { border: 0 }

.heading-box h5 { font-size: 16px; font-weight: normal; padding: 15px 0 0 0; }

.heading-box h5 a { color: #0f4b72; text-decoration: none; display: block; transition: all 0.2s ease-in; }

.heading-box h5 a:hover { color: #59b3dc; }

.heading-img { padding: 15px 0 11px 0; float: right; }

.ads-txt-2 { text-align: right; padding-top: 10px; }

.bigger-txt { background: #e8f1f5; padding: 20px 10px 20px 10px; }

.bigger-txt h4 a { font-size: 18px; font-weight: normal; color: #0f4b72; line-height: 1.2; text-decoration: none; transition: all 0.2s ease-in }

.bigger-txt h4 a:hover { color: #59b3dc; }

.bigger-txt h5 { font-size: 16px; font-weight: normal; color: #333333; line-height: 1.2; margin-bottom: 15px }

.bigger-txt .read-more { display: inline-block; background: url(../images/arrow-blue.png) no-repeat right; padding: 0 20px 0 0; }

.bigger-txt .read-more a { font-size: 18px; color: #0f4b72; font-weight: normal; display: block; text-decoration: none; transition: all 0.2s ease-in; }

.bigger-txt .read-more a:hover { padding: 0 0 0 2px }

.footer { margin: 25px 0 0 0; padding: 10px 0 0 0; border-top: 1px dashed #91a5ae; }

.footer .share-txt { font-size: 16px; font-weight: normal; color: #333333; line-height: 1.1; float: left; margin: 0 10px 0 0; width: 260px;padding-bottom: 7px; }

.footer .social { float: left; }

.footer .social ul { margin: 0; padding: 0; text-align: center; }

.footer .social ul li { display: inline-block }

.footer .social ul li a { text-decoration: none; font-size: 16px; color: #0f4b72; font-weight: normal; transition: all 0.2s ease-in; display: block; padding: 10px 12px 0 37px; margin: 0 0 0 0; min-height: 37px; }

.footer .social ul li a:hover { color: #59b3dc; }

.footer .social ul li.facebook { background: url(../images/facebook.png) no-repeat; min-height: 37px;background-size: 30px 30px; }

.footer .social ul li.whatsaap { background: url(../images/whatsaap.png) no-repeat; min-height: 37px ;background-size: 30px 30px;}

.footer .social ul li.share { background: url(../images/share-img.png) no-repeat; min-height: 37px  ;background-size: 30px 30px;}

.footer .social ul li.twitter { background: url(../images/twitter.png) no-repeat; min-height: 37px  ;background-size: 30px 30px;}

.footer .social ul li.plus { background: url(../images/plus-g.png) no-repeat; min-height: 37px  ;background-size: 30px 30px;}

.footer .social ul li.pin { background: url(../images/pin-img.png) no-repeat; min-height: 37px ;background-size: 30px 30px; }
.footer .social ul li.instagram { background: url(../images/instagram.png) no-repeat; min-height: 37px ;background-size: 30px 30px; }

.footer .social ul li.in { background: url(../images/in-img.png) no-repeat; min-height: 37px ;background-size: 30px 30px; }

.footer .social ul li.rss { background: url(../images/rss.png) no-repeat; min-height: 37px ;background-size: 30px 30px; }

.logo-nav { border-top: 1px dashed #91a5ae; border-bottom: 1px dashed #91a5ae; overflow: hidden; width: 100%; padding: 15px 0; margin: 10px 0; }

.footer .logo-footer { float: left; }

.footer .footer-link { float: left; }

.footer .footer-link ul { margin: 0 0 0 20px; padding: 0; text-align: center; }

.footer .footer-link ul li { display: inline-block; font-size: 16px; font-weight: normal; background: url(../images/footer-nav-img.gif) no-repeat right; padding: 5px 9px 0 4px; }

.footer .footer-link ul li:last-child { background: none }

.footer .footer-link ul li a { display: block; text-decoration: none; color: #0f4b72; transition: all 0.2s ease-in; }

.footer .footer-link ul li a:hover { color: #59b3dc; }

.footer .copyright { font-size: 16px; color: #999999; font-weight: normal; line-height: 1.3; }

.footer .copyright p { padding: 5px 0; }

.footer .copyright a { text-decoration: none; color: #0f4b72; transition: all 0.2s ease-in; }

.footer .copyright a:hover { color: #59b3dc; }

/**************************************************************update**************************************************************/



.magzine { overflow: hidden; margin: 0 0 20px 0; background: #e8f1f5; }

.magzine h3 { font-size: 18px; color: #f3f2e5; font-weight: bold; padding: 7px 9px; background: #052e48; margin: 11px 0 35px 11px; display: inline-block }

.magzine h2 { font-size: 36px; color: #0f4b72; font-weight: bold; margin: 0 50px 27px 22px; line-height: 1.2 }

.magzine p { font-size: 18px; color: #0f4b72; font-weight: normal; margin: 0 20px 25px 22px; line-height: 1.2 }

.magzine .read-more { font-size: 18px; font-weight: normal; background: url(../images/arrow-blue.png) no-repeat right; display: inline-block; padding: 0 20px 0 0; margin: 0 0 0 22px; }

.magzine .read-more a { color: #0f4b72; text-decoration: none; transition: all 0.2s ease-in; }

.magzine .read-more a:hover { padding: 0 0 0 2px; }

.magzine .subscribe-btn { text-transform: uppercase; display: inline-block; }

.magzine .subscribe-btn a { font-size: 18px; font-weight: bold; color: #fff; display: block; text-decoration: none; background: #0f4b72; padding: 11px 42px; border-radius: 5px; margin: 20px 0 10px 22px; transition: all 0.2s ease-in }

.magzine .subscribe-btn a:hover { background: #ec3a3e }

.magzine .afa-img { text-align: right }

.latest-box h4 { font-size: 14px; font-weight: bold; color: #333333; margin: 14px 0 6px 0 }

.more-update { padding: 15px 0; border-bottom: 1px solid #cccccc }

.more-update .trade { }

.more-update h5 { font-weight: bold; font-size: 14px; color: #333333 }

.more-update h3 { font-weight: normal; font-size: 18px; margin: 5px 0 3px 0 }

.more-update h3 a { color: #0f4b72; transition: all 0.2s ease-in; }

.more-update h3 a:hover { color: #59b3dc }

.more-update p { font-weight: normal; font-size: 16px; color: #666666; margin: 0; line-height: 1.2 }

.more-update .read-more { font-size: 16px; font-weight: normal; background: url(../images/arrow-blue.png) no-repeat right; display: inline-block; padding: 0 20px 0 0; margin: 28px 0 0 0; text-transform: uppercase }

.more-update .read-more a { color: #0f4b72; text-decoration: none; transition: all 0.2s ease-in; }

.more-update .read-more a:hover { padding: 0 0 0 2px; }

.panel-body { padding: 0; margin: 0; }

.panel { border: 0; margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none; }

.panel ul { padding: 0px; margin: 0px; list-style: none; overflow: hidden; overflow: hidden }

.panel-footer { margin: 0; padding: 0; background: none; border: 0 }

ul.demo4 { height: auto !important; margin-bottom: 20px; }

.archive { padding: 7px 0; border-bottom: 1px solid #d9d6d6; margin: 0 0 0 0 }

.archive .archive-img img { margin: 0 0 0 13px; display: block }

.archive h3 { font-weight: normal; font-size: 16px; line-height: 1.2; margin: -2px 0 0 0; padding: 0; }

.archive h3 a { color: #0f4b72; transition: all 0.2s ease-in; }

.archive h3 a:hover { color: #59b3dc }

.archive h6 { font-size: 14px; color: #666666; font-weight: normal; margin: 3px 0 0 0 }

.archive .read-more { font-size: 14px; font-weight: normal; background: url(../images/arrow-blue.png) no-repeat right; display: inline-block; padding: 0 20px 0 0; margin: 22px 0 0 0; text-transform: uppercase }

.archive .read-more a { color: #0f4b72; text-decoration: none; transition: all 0.2s ease-in; }

.archive .read-more a:hover { padding: 0 0 0 2px; }

/***************************************************magzines**************************************************************/



.header2 .nav-magzine { float: left; margin: 0 0 0 8px; }

.header2 .nav-magzine ul { margin: 0; padding: 0; }

.header2 .nav-magzine ul li { float: left; font-weight: bold; background: #052e48; list-style-type: none }

.header2 .nav-magzine ul li a { color: #fff; transition: all 0.2s ease-in; display: block; padding: 11px 18px; font-size: 18px; }

.header2 .nav-magzine ul li a:hover, .header2 .nav-magzine ul li.active a { background: #FFF; color: #59b3dc }

.submenu-magzine { margin: 8px 0; }

.submenu-magzine ul { margin: 0; padding: 0 }

.submenu-magzine ul li { display: inline-block; font-size: 16px; font-weight: bold; padding: 0 25px 0 0 }

.submenu-magzine ul li a { transition: all 0.2s ease-in; color: #052e48; }

.submenu-magzine ul li a:hover, .submenu-magzine ul li.active a { color: #59b3dc }

.border-line { border-bottom: 1px solid #bed8e3; margin: 0 0 18px 0 }

.share-box { margin: 8px 0 0 0 }

.share-box h2 { margin: 0; font-size: 16px; color: #666666; font-weight: bold; line-height: 1.3; padding: 10px 0 10px 0; border-bottom: 1px solid #d9d6d6; text-transform: uppercase; }

.share-box h2 span { font-weight: normal; line-height: 1.3 }

.share-box h2:first-child { padding: 0 0 10px 0; }

.share-box h2 .share-social { display: inline-block; margin: 0 0 0 7px }

.magzine-block { margin: 0 0 13px 0 }

.magzine-block h2 { font-size: 36px; color: #333333; font-weight: bold; line-height: 1.2; margin: 0 0 20px 0 }

.magzine-block .adviser-1 { }

.magzine-block p { line-height: 1.3; font-size: 16px; font-weight: normal; color: #666666 }

.magzine-block .preview { font-size: 18px; font-weight: normal; background: url(../images/arrow-blue.png) no-repeat right; display: inline-block; padding: 0 20px 0 0; margin: 0px 0 0 0; text-transform: uppercase }

.magzine-block .preview a { color: #0f4b72; text-decoration: none; transition: all 0.2s ease-in; }

.magzine-block .preview a:hover { padding: 0 0 0 2px; }

.magzine-block .subscribe-btn { text-transform: uppercase; display: inline-block; }

.magzine-block .subscribe-btn a { font-size: 18px; font-weight: bold; color: #fff; display: block; text-decoration: none; background: #0f4b72; padding: 11px 42px; border-radius: 5px; margin: 25px 0 0 0; transition: all 0.2s ease-in }

.magzine-block .subscribe-btn a:hover { background: #ec3a3e }

.border-bottom-1 { border-bottom: 1px solid #d9d6d6 }

/***************************************************magzine-archive**************************************************************/




.show-block { background: #d9d6d6; margin: 0 0 20px 0; padding: 12px 0 12px 15px }

.show-block h2 { font-size: 18px; font-weight: normal; color: #333333; display: inline-block; margin: 0 10px 0 0 }

.show-block .form-control { display: inline-block; width: 28%; margin: 0 10px 0 0; min-height: 35px; border-radius: 0; font-size: 16px; color: #666666; font-weight: normal }

.magzine-block h3 { font-size: 24px; font-weight: bold; color: #0f4b72; line-height: 1.2; margin: 0 0 10px 0 }

/***************************************************news-listing**************************************************************/



.submenu-news { margin: 8px 0; }

.submenu-news ul { margin: 0; padding: 0 }

.submenu-news ul li { display: inline-block; font-size: 16px; font-weight: bold; padding: 0 15px 0 0 }

.submenu-news ul li:last-child a { background: url(../images/more-link-arrow.png) no-repeat right; padding: 0 12px 0 0 }

.submenu-news ul li a { transition: all 0.2s ease-in; color: #052e48; display: block; }

.submenu-news ul li a:hover, .submenu-news ul li.active a { color: #59b3dc }

.submenu-news ul ul { background: #3CF; border-bottom: 2px solid #8b4b42; display: none; position: absolute; width: 180px; z-index: 100; }

.submenu-news ul li:hover>ul { display: block; }

.submenu-news ul li li { display: block; }

.submenu-news ul li:last-child ul, .submenu-news ul li:nth-last-child(2) ul { right: 0 }

.submenu-news ul li li:last-child a { display: none }

.submenu-news ul ul li { display: block; float: none; margin: 0; padding: 0; position: relative; }

.submenu-news ul ul li a { font-size: 16px; padding: 5px 10px; }

.submenu-news ul ul li:hover>a { background: #f2ecec; border: 0 }

.submenu-news ul ul ul { left: 100%; margin: 0; top: 0; }

.submenu-news ul li:last-child ul ul, .submenu-news ul li:nth-last-child(2) ul ul { left: -100%; margin: 0; top: 0; }

.track-3 { }

/***************************************************news**************************************************************/


.magzine-block .phone-img { margin: -15px 0 22px 0 }

.magzine-block p { margin: 0 0 25px 0; font-size: 16px; font-weight: normal; color: #666666; line-height: 1.2 }

.read-more-center { text-align: center; margin: 20px 0; }

.read-more-center h2 { display: inline-block; font-size: 16px; font-weight: bold; color: #666666; }

.read-more-center span { margin: 0 12px 0 15px; background: #868686; font-size: 20px; color: #fff; border-radius: 50px; border: 1px solid #868686; text-align: center; }

.read-more-center span:hover { transition: 0.2s ease-in; background: #fff; color: #868686; }

.read-more-center ul { margin: 0; padding: 0; display: inline-block; }

.read-more-center ul li { display: inline-block; font-size: 16px; font-weight: normal }

.read-more-center ul li a { color: #0f4b72; transition: all 0.2s ease-in; }

.read-more-center ul li a:hover { color: #59b3dc; }

.comment-block { background: #f3f3f3; padding: 30px 30px 35px 215px }

.comment-block h2 { font-family: 24px; color: #666666; text-transform: uppercase; font-weight: normal; margin: 0; }

.comment-block textarea { background: #fff; width: 100%; margin: 10px 0; padding: 10px 0 50px 10px; border: 1px solid #cccccc; font-size: 14px; color: #666666; font-weight: normal; transition: all 0.2 ease-in }

.comment-block textarea:focus { border: 1px solid #59b3dc; }

.comment-block .post { text-align: right; }

.comment-block .post input[type="submit"] { background: #333333; border: 0; color: #fff; padding: 13px 45px; text-align: center; font-size: 18px; font-weight: bold; text-transform: uppercase; transition: all 0.2 ease-in }

.comment-block .post input[type="submit"]:hover { background: #59b3dc }

.comment-block h3 { margin: 10px 0 6px 0; font-size: 16px; color: #666666; font-weight: bold; text-transform: uppercase }

.comment-block .border-line-1 { border-bottom: 1px solid #cccccc }

.comment-block .comment-box h4 { margin: 16px 0 23px 0; font-size: 16px; color: #333333; font-weight: bold; }

.comment-block .comment-box h4 span { color: #666666; font-weight: normal }

.comment-block .comment-box p { color: 666666; font-size: 16px; font-weight: normal; line-height: 1.3 }

.comment-block .comment-box .reply { margin: 23px 0 5px 0; float: left }

.comment-block .comment-box .reply a { font-size: 16px; font-weight: normal; color: #0f4b72p; text-transform: uppercase; transition: all 0.1s ease-in }

.comment-block .comment-box .reply a:hover { color: #59b3dc }

.comment-block .comment-box .hand-unlike { float: right; margin: 23px 16px 0 0; }

.comment-block .comment-box .hand-unlike a:hover { transform: scale(10px, 10px); }

.comment-block .comment-box .hand-like { float: right; margin: 20px 16px 0 0; }

.comment-block .comment-box .hand-like a:hover { transform: scale(10px, 10px); }

/************************************************learn**********************************************/


/*.learn-block { margin: 45px 0 0 0; }*/
.learn-block {
    margin: 45px 0 0 0;
    min-height: 440px;
}

.learn-block .learn-img { position: relative }

.learn-block .learn-title { background: #052e48; display: inline-block; font-size: 18px; font-weight: bold; color: #f3f2e5; padding: 8px 10px; text-transform: uppercase; position: absolute; top: 13px; left: 10px }

.learn-block h2 { font-size: 24px; color: #0f4b72; font-weight: bold; line-height: 1.2; margin: 18px 0 12px 0 }

.learn-block p { font-size: 16px; color: #666666; font-weight: normal; line-height: 1.2; }

.learn-block .read-more { font-size: 18px; font-weight: normal; margin: 25px 0 0 0; background: url(../images/arrow-blue.png) no-repeat right; padding: 0 20px 0 0; font-weight: normal; display: inline-block }

.learn-block .read-more a { color: #0f4b72; text-decoration: none; transition: all 0.2s ease-in; }

.learn-block .read-more a:hover { padding: 0 0 0 2px; }

/************************************************ebook**********************************************/


.ebook-h { margin: 12px 0 10px 0; font-size: 30px; font-weight: bold; color: #333333; float: left }

.show-h { font-size: 24px; color: #666666; font-weight: normal; margin-bottom: 25px }

.ebook-nav { margin-bottom: 25px; }

.ebook-nav ul { margin: 0; padding: 0 }

.ebook-nav .link-h { color: #f06300; font-weight: bold; font-size: 18px }

.ebook-nav .nav-color { color: #333333; font-weight: bold; cursor: pointer }

.ebook-nav ul li { list-style-type: none; font-size: 16px; font-weight: normal; line-height: 1.6 }

.ebook-nav ul li a { color: #052e48; transition: all 0.2s ease-in; }

.ebook-nav ul li a:hover { color: #59b3dc; }

.border-left { border-left: 1px solid #bed8e3; margin: 0; padding: 0 0 0 15px; }

.border-top1 { border-top: 1px solid #bed8e3; margin: -30px 0 0 0 }

.ebook-user { margin-bottom: 50px; margin-top: 6px; }

.ebook-user .ebook-user-img { }

.ebook-user h3 { font-size: 18px; color: #0f4b72; font-weight: normal; margin: 8px 0 0 0; line-height: 1.2 }

.ebook-user h4 { font-size: 14px; color: #333333; font-weight: normal; line-height: 1.3 }

.ebook-user h4 span { font-weight: lighter }

.ebook-user h5 { font-size: 14px; color: #0f4b72; font-weight: normal; line-height: 1.3 }

.ebook-user h6 { font-size: 16px; color: #ec3a3e; font-weight: bold; line-height: 1.2 }

.ebook-user h6 span { color: #333333; font-weight: normal }

/************************************************event**********************************************/


.select-section { float: right; width: 410px }

.select-section .select-location { font-size: 18px; color: #333333; font-weight: normal; float: left; margin: 17px 0 0 0 }

.select-section .form-control { display: block; width: 70%; height: 34px; padding: 6px 12px; font-size: 16px; color: #666666; float: right; margin: 8px 0 0 0 }

.event-block { margin: 15px 0 50px 0 }

.event-block .event-img { position: relative }

.event-block .event-title { display: inline-block; font-size: 18px; font-weight: bold; color: #f3f2e5; padding: 8px 10px; text-transform: uppercase; position: absolute; top: 13px; left: 10px }

.event-block .event-title.green { background: #006600; }

.event-block .event-title.red { background: #eb413c; }

.event-block h6 { font-size: 14px; color: #666666; font-weight: normal; margin: 20px 0 8px 0 }

.event-block h2 { font-size: 24px; color: #0f4b72; font-weight: bold; }

.event-block h3 { font-size: 16px; color: #666666; font-weight: normal; margin: 12px 0 24px 0 }

.event-block .join-event { font-size: 18px; font-weight: normal; background: url(../images/arrow-blue.png) no-repeat right; padding: 0 20px 0 0; font-weight: normal; display: inline-block; text-transform: uppercase }

.event-block .join-event a { color: #0f4b72; text-decoration: none; transition: all 0.2s ease-in; }

.event-block .join-event a:hover { padding: 0 0 0 2px; }

/************************************************sign-in**********************************************/


.header .sign-btn { margin: 14px 0 0 0; background: #33cc33; display: inline-block; border-radius: 5px; float: right }

.header .sign-btn a { font-size: 18px; color: #ffffff; text-transform: uppercase; padding: 8px 60px 8px 75px; display: block; border-radius: 5px; transition: all 0.2s ease-in; font-weight: bold; }

.header .sign-btn a:hover { background: #02a802; }

.sign-block { background: #bed8e3; width: 660px; text-align: center; margin: 56px auto 35px auto; border-radius: 8px; min-height: 743px; padding: 38px 0 0 0; }

.sign-block h2 { font-size: 36px; color: #343436; margin-bottom: 28px; }

.sign-block .social-link { margin: 0 0 12px 0; }

.sign-block p { font-size: 14px; color: #343436; font-family: 'Calibri'; }

.sign-block h4 { font-size: 18px; color: #333333; margin: 20px 0 15px 0; }

.sign-block h2.h2-color { color: #333333; }

.sign-block input[type="text"] { border: 1px solid #cccccc; border-radius: 5px; padding: 0 0 0 14px; width: 220px; min-height: 44px; font-size: 18px; color: #999999; font-family: 'Calibri'; margin-bottom: 11px; }

.sign-block input[type="text"]:focus { border: 1px solid #33cc33; }

.sign-block input[type="email"] { border: 1px solid #cccccc; border-radius: 5px; padding: 0 0 0 14px; width: 220px; min-height: 44px; font-size: 18px; color: #999999; font-family: 'Calibri'; margin-bottom: 11px; }

.sign-block input[type="email"]:focus { border: 1px solid #33cc33; }

.sign-block input[type="password"] { border: 1px solid #cccccc; border-radius: 5px; padding: 0 0 0 14px; width: 220px; min-height: 44px; font-size: 18px; color: #999999; font-family: 'Calibri'; margin-bottom: 12px; }

.sign-block input[type="password"]:focus { border: 1px solid #33cc33; }

/* Base for label styling */

.sign-block [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px;  }

.sign-block [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 31px; cursor: pointer; }

/* checkbox aspect */

.sign-block [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 25px; height: 25px; border: 1px solid #aaa; background: #ffffff; border:1px solid #cccccc; border-radius:5px;  }

/* checked mark aspect */

.sign-block [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: '✔'; position: absolute; top: 3px; left: 4px; font-size: 18px; line-height: 0.8; color: #09ad7e; transition: all .2s;padding:4px 0 0 2px;}

/* checked mark aspect changes */

.sign-block [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }

.sign-block [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1);  }

/* disabled checkbox */

.sign-block [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before {box-shadow: none; border-color: #bbb; background-color: #ddd;  }

.sign-block [type="checkbox"]:disabled:checked + label:after { color: #999; }

.sign-block [type="checkbox"]:disabled + label { color: #aaa; }

.sign-block form{width:86%}

.sign-block label{  padding-top:6px; color:#343436; font-size:16px;font-family: 'Calibri'; font-weight:normal;}

.sign-block .sign-btn { margin: 18px 0 33px 0; background: #33cc33; display: inline-block; border-radius: 5px; }

.sign-block .sign-btn a { font-size: 20px; color: #ffffff; text-transform: uppercase; padding: 12px 0 12px 0; display: block; border-radius: 5px; transition: all 0.2s ease-in; font-weight: bold; width:221px; }

.sign-block .sign-btn a:hover { background: #02a802; }

.sign-block .f-password a{ color:#0e4c73; font-size:18px; transition:all .2s ease-in;}

.sign-block .f-password a:hover{color: #006f00;}

.sign-block h3{ color:#343436; font-size:18px; margin-top:26px}

.sign-block h3 span a{ color:#0e4c73;transition:all .2s ease-in;}

.sign-block h3 span a:hover{ color:#006f00}

/************************************************about-us**********************************************/

.about-us{margin:20px 310px 80px 210px;}

.about-us h3{ font-size:20px; color:#666666; line-height:1.2; margin-bottom:20px;}

.about-us p{ font-size:16px; color:#666666; line-height:1.3; margin-bottom:25px;}