body { padding-top: 60px; background: #f6f3ea url('../images/bg.png') repeat; }
@media (min-width: 768px) { body { padding-top: 90px; } }
body > .container { height: auto; overflow: hidden; background: #fff; padding: 0; }
h1, .h1, h2, .h2, h3, .h3 { margin-top: 0; font-size: 18px; font-weight: bold; }
h2, .h2 { margin-top: 25px; }
h3, .h3 { margin-top: 25px; font-size: 16px; }
textarea { resize: none; }
img { width: auto; max-width: 100%; height: auto; }

@media (min-width: 1280px) { .container { width: 1240px; } }

.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }

.no-margin { margin: 0; }
.no-margin-top { margin-top: 0; }
.no-margin-bottom { margin-bottom: 0; }
.margin-top { margin-top: 20px; }
.margin-bottom { margin-bottom: 20px; }
.margin-left { margin-left: 20px; }
.margin-right { margin-right: 20px; }
.margin-all { margin: 20px; }

.no-padding{ padding: 0 !important; }
.no-padding-bottom { padding-bottom: 0; }
.padding-top { padding-top: 20px; }
.padding-all { padding: 20px !important; }

#top-menu .container { height: 60px; border: none; color: #fff; background: #002744 url('../images/header-bg.jpg') no-repeat center; background-size: cover; }
#top-menu .navbar-brand { padding: 0; display: block; height: 60px; width: 176px; }
@media (min-width: 768px) {
    #top-menu .container { height: 90px; }
    #top-menu .navbar-brand { height: 90px; width: 266px; }
}
@media (min-width: 1200px) { #top-menu .navbar-brand { margin: 0 40px; } }
#top-menu .navbar-brand img { width: 100%; height: auto; }
#top-menu .navbar-nav a { padding: 10px 10px; font-size: 18px; color: #fff; }
#top-menu-collapse { background: #002744; }
@media (min-width: 768px) {
    #top-menu-collapse { background: none; }
    #top-menu .navbar-nav a { padding: 35px 20px; }
}
#top-menu .navbar-nav li a:hover, #top-menu .navbar-nav li a:focus  { background-color: #007fcf; color: #fff; text-decoration: none; }
#top-menu .navbar-nav li a.active  { background-color: #fff; color: #002744; }
#top-menu form.navbar-form { margin-top: 28px; margin-bottom: 28px; }
#top-menu form.navbar-form input.form-control { background-position: 10px center !important; padding: 5px 10px !important; border: 1px solid #ccc !important; }
#top-menu .navbar-toggle .icon-bar { background-color: #fff; margin-top: 5px; }

.promo { background: #002744 url('../images/promo.jpg') no-repeat center; background-size: cover; height: 230px; }
@media(min-width: 500px) { .promo { height: 190px; } }
.promo > .container { height: 100%; padding: 35px 0; }

.promo .advertisement { display: inline-block; width: 100%; height: 100%; }
@media(min-width: 768px) { .promo .advertisement { width: 728px; height: 90px; } }
@media(min-width: 992px) { .promo .advertisement { width: 728px; height: 90px; } }
@media(min-width: 1200px) { .promo .advertisement { width: 980px; height: 120px; } }

.social a { display: inline-block; width: 31px; height: 31px; margin-left: 20px; background: url('../images/social.png') left top no-repeat; }
.social a.googleplus { background-position: 0 -31px; }
.social a.facebook { background-position: -31px -31px; }
.social a.twitter { background-position: -62px -31px; }
.social a.googleplus:hover, .social a.facebook:hover, .social a.twitter:hover { background-position-y: 0; text-decoration: none; }

.wrapper { max-width: 1000px; margin: 0 20px; overflow: hidden; }
@media(min-width: 1200px) { .wrapper { margin: 0 auto; } }

article.content header { background: #383839; height: 120px; margin-top: 40px; }
@media(min-width: 768px) { article.content header { height: 60px; } }
article.content header h1 { margin: 0; color: #fff; font-weight: normal; line-height: 60px; vertical-align: bottom; display: inline-block; white-space: nowrap; overflow: hidden; width: 100%; font-size: 16px; }
@media(min-width: 768px) { article.content header h1 { width: 535px; font-size: 18px; } }
@media(min-width: 992px) { article.content header h1 { width: 755px; font-size: 24px; } }
@media(min-width: 1200px) { article.content header h1 { width: 825px; font-size: 24px; } }
article.content header .social { float: right; height: 31px; }
@media(min-width: 768px) { article.content header .social { margin-top: 16px; } }
article.content section { margin-top: 40px; }

section.mods nav.sort { background: #dbdbdb; margin-bottom: 40px; border: none; border-radius: 0; }
@media(min-width: 768px) { section.mods nav.sort { height: 60px; } }
section.mods nav.sort a, section.mods nav.sort button { display: block; width: 100%; text-align: center; border: none; color: #38383a; border-radius: 3px; font-size: 18px; background: #fff; padding: 3px; height: 40px; margin: 10px auto; }
section.mods nav.sort a { text-decoration: none; line-height: 34px; }
section.mods nav.sort a:hover, section.mods nav.sort a:focus, section.mods nav.sort button { background: #e7e7e7; }
section.mods nav.sort button { background: #002e50; color: #fff; }

section.mods .list { margin: 0; }
@media(min-width: 768px) { section.mods .list { margin: auto; } }
section.mods .list .row { margin: 0 -22px; }
section.mods .list .row > div { padding: 0 22px; }

section.mods .mod { margin-bottom: 30px; }
section.mods .mod a { display: block; }
section.mods .mod a img { display: block; width: 100%; height: auto; }
section.mods .mod .info { display: none; position: absolute; top: 0; left: 0; bottom: 0; margin: 0 22px; background: #002e50; opacity: .9; right: 0; color: #fff; text-align: center; }
section.mods .mod:hover .info { display: block; }
section.mods .mod .info > div { display: table; width: 100%; height: 100%; }
section.mods .mod .info > div > div { display: table-cell; vertical-align: middle; }
section.mods .mod .info .name { display: block; margin: 0 20px 20px 20px; font-size: 18px; }
section.mods .mod .info .counters span { margin: 0 20px; }
section.mods .mod .info .counters i { color: #cd504a; }

section.mods .advertisement { margin-bottom: 30px; text-align: center; overflow: hidden; }
@media(min-width: 768px) { section.mods .advertisement, section.mods .mod { height: 222px; } }
@media(min-width: 992px) { section.mods .advertisement, section.mods .mod { height: 295px; } }
@media(min-width: 1200px) { section.mods .advertisement, section.mods .mod { height: 305px; } }
section.mods .advertisement > div { width: 100%; height: 100%; background: url('../images/banner-bg.png') repeat; }
section.mods .advertisement .adsbygoogle { width: 305px; height: 305px; }
@media(min-width: 768px) { section.mods .advertisement .adsbygoogle { width: 222px; height: 222px; } }
@media(min-width: 992px) { section.mods .advertisement .adsbygoogle{ width: 295px; height: 295px; } }
@media(min-width: 1200px) { section.mods .advertisement .adsbygoogle { width: 305px; height: 305px; } }

section.mods nav.pagination { display: block; margin-bottom: 0; background: #dbdbdb; border: none; border-radius: 0; }
section.mods nav.pagination ul { margin: 0; padding: 0; }
section.mods nav.pagination ul li { list-style: none; display: inline-block; margin: 10px 0; }
section.mods nav.pagination ul li.disabled span { background: rgba(0,39,68,.3); color: #fff; }
section.mods nav.pagination ul li a, section.mods nav.pagination ul li span { color: #38383a; text-transform: uppercase; font-size: 25px; background: #fff; border-radius: 3px; padding: 10px 20px; }
section.mods nav.pagination ul li a { text-decoration: none; }
section.mods nav.pagination ul li a:hover, section.mods nav.pagination ul li a:focus { color: #38383a; background: #e7e7e7;  }
section.mods nav.pagination ul li.active span { background: #002744; color: #fff; }
section.mods nav.pagination .glyphicon { top: 3px; }

body > .container > footer { height: 130px; background: #002744 url('../images/footer-bg.jpg') no-repeat center; background-size: cover; position: relative; margin-top: 40px; }
@media(min-width: 992px) { body > .container > footer { height: 195px; } }
body > .container > footer .content { float: right; display: block; width: 100%; height: 100%; }
@media(min-width: 768px) { body > .container > footer .content { width: 70%; } }
body > .container > footer .content .info { display: block; width: 100%; min-height: 65px; background: #2e373e; }
@media(min-width: 992px) { body > .container > footer .content .info { margin-top: 40px; } }
body > .container > footer .content .info ul { display: inline-block; float: right; margin-right: 20px; }
@media(min-width: 450px) { body > .container > footer .content .info ul { margin-right: 0; } }
body > .container > footer .content .info ul li { margin-left: 10px; }
@media(min-width: 992px) { body > .container > footer .content .info ul li { margin-left: 20px; } }
body > .container > footer .content .info ul li a { line-height: 65px; color: #dbdbdb; font-size: 16px; }
body > .container > footer .content .info ul li a:hover, body > .container > footer .content .info ul li a:focus { color: #fff; }
body > .container > footer .content .info .social { display: inline-block; height: 65px; float: right; padding-top: 15px; margin-left: 20px; margin-right: 20px; }
@media(min-width: 1200px) { body > .container > footer .content .info .social { margin-right: 85px; } }
@media(min-width: 1280px) { body > .container > footer .content .info .social { margin-right: 120px; } }
body > .container > footer .content .menu { display: none; }
@media(min-width: 450px) { body > .container > footer .content .menu { display: block; } }
body > .container > footer .content .menu ul { display: inline-block; height: 65px; margin-right: 20px; }
@media(min-width: 1200px) { body > .container > footer .content .menu ul { margin-right: 266px; } }
@media(min-width: 1280px) { body > .container > footer .content .menu ul { margin-right: 301px; } }
body > .container > footer .content .menu ul li { margin-left: 20px; }
body > .container > footer .content .menu ul li a { line-height: 65px; color: #dbdbdb; font-size: 16px; }
body > .container > footer .content .menu ul li a:hover, body > .container > footer .content .menu ul li a:focus { color: #fff; }
body > .container > footer .logo { position: absolute; background: url('../images/footer-logo.png') no-repeat center; background-size: cover; }
@media(min-width: 768px) { body > .container > footer .logo {  width: 382px; height: 130px; left: -30px; } }
@media(min-width: 992px) { body > .container > footer .logo {  width: 573px; height: 195px; left: 0; } }

section.mod {}
section.mod .fluid { display: table; width: 100%; }
section.mod .column-left, section.mod .column-right { display: table-cell; vertical-align: top; }
section.mod .column-right { width: 376px; padding-left: 40px; }
section.mod .description .authors { background: #dbdbdb; min-height: 60px; margin-left: -40px; margin-bottom: 20px; padding: 20px 20px 10px 40px; }
@media(max-width: 768px) {
    section.mod .column-left, section.mod .column-right { display: block; }
    section.mod .column-left { margin-bottom: 40px; }
    section.mod .column-right { width: 100%; padding: 0; display: block; }
    section.mod .description .authors { padding: 20px 20px 10px 20px; margin-left: 0; }
}
section.mod .description .advertisement { margin-bottom: 20px; }
section.mod .description .advertisement .adsbygoogle { width: 100%; height: 280px; }
section.mod .stats .date { font-size: 12px; color: #a0a0a0; line-height: 12px; }
section.mod .stats .counters { font-size: 16px; line-height: 24px; }
section.mod .stats .counters span { margin-left: 20px; }
section.mod .stats .counters span i { color: #cd504a; }
section.mod .addthis { margin-top: 40px; }
section.mod .images { }
section.mod .tags { background: #dbdbdb; margin-top: 40px; margin-bottom: 40px; min-height: 60px; }
section.mod .tags ul li a { display: inline-block; background: #fff; border-radius: 3px; padding: 9px 20px; margin: 10px 5px 10px 0; color: #38383a; font-size: 16px; }
section.mod .tags ul li a:hover, section.mod .tags ul li a:focus { text-decoration: none; background: #e7e7e7; }
section.mod .similar { margin-bottom: 0; }
section.mod .similar h2 { background: #dbdbdb; margin-bottom: 40px; height: 60px; font-weight: normal; line-height: 60px; font-size: 24px; }
section.mod .similar a { display: block; margin-bottom: 20px; }
section.mod .similar a img { display: block; width: 100%; height: auto; }
section.mod .similar a .info { display: none; position: absolute; top: 0; left: 0; bottom: 0; background: #002e50; opacity: .9; right: 0; color: #fff; text-align: center; margin: 0 15px 20px 15px; }
@media(min-width: 768px) { section.mod .similar a:hover .info { display: block; } }
section.mod .similar a .info > div { display: table; width: 100%; height: 100%; }
section.mod .similar a .info > div > div { display: table-cell; vertical-align: middle; }
section.mod .similar a .info .name { display: block; margin: 0 20px 20px 20px; font-size: 18px; }
section.mod .similar a .info .counters span { margin: 0 20px; }
section.mod .similar a .info .counters i { color: #cd504a; }

#mod-image { display: block; margin-bottom: 20px; text-align: center; background: url('../images/banner-bg.png') repeat; }

#mod-image-carousel { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
#mod-image-carousel .viewport { height: 98px; overflow: hidden; position: relative; margin: 0 10px; }
#mod-image-carousel .button { background: #f5f5f5; display: block; position: absolute; top: 0; left: 0; width: 35px; height: 98px; border: 1px solid #595959; color: #909090; text-align: center; line-height: 98px; text-decoration: none; font-size: 22px; z-index: 2; }
#mod-image-carousel .prev { border-bottom-left-radius: 10px; border-top-left-radius: 10px; }
#mod-image-carousel .next { right: 0; left: auto; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
#mod-image-carousel .button:hover { color: #595959; background: #fff; }
#mod-image-carousel .disable { visibility: hidden; }
#mod-image-carousel .overview { list-style: none; position: absolute; padding: 5px 0; margin: 0; width: 150px; left: 0; top: 0; border: 1px solid #595959; height: 98px; border-radius: 10px; }
#mod-image-carousel .overview li { float: left; margin: 0 20px 0 0; padding: 1px; border: 1px solid #dcdcdc; width: 150px; cursor: pointer; margin-bottom: 10px; }

#mod-download .advertisement { width: 100%; display: inline-block; margin-bottom: 40px; }
#mod-download .advertisement .adsbygoogle { width: 100%; height: 280px; }
@media(min-width: 768px) { #mod-download .advertisement .adsbygoogle { width: 336px; height: 280px; } }
@media(min-width: 992px) { #mod-download .advertisement .adsbygoogle { width: 300px; height: 250px; } }
@media(min-width: 1200px) { #mod-download .advertisement .adsbygoogle { width: 336px; height: 280px; } }

#mod-download .mod-download-button { display: inline-block; border: 2px solid #012f51; margin-bottom: 40px; min-width: 300px; max-width: 100%; }
@media(max-width: 768px) { #mod-download .mod-download-button { width: 100%; } }
#mod-download .mod-download-button div { background: #012f51; border: 2px solid #012f51; padding: 20px 40px; color: #fff; font-size: 36px; margin: 2px; background: url('../images/button-bg.jpg') no-repeat center; background-size: cover; }
#mod-download .mod-download-button div span { display: block; font-size: 12px; }
#mod-download .mod-download-button:hover, #mod-download .mod-download-button:focus { text-decoration: none; }
#mod-download .mod-download-button:hover div, #mod-download .mod-download-button:focus div { background: #fff; color: #012f51; }
#mod-download .timeleft { display: inline-block; font-size: 40px; font-weight: bold; background: #fff url('../images/timer-bg.gif') no-repeat center; background-size: cover; width: 100px; height: 100px; margin-bottom: 20px; border: 2px solid #012f51; color: #012f51; box-sizing: content-box; }
#mod-download .timeleft span { margin: 10px; border: 2px solid #012f51; display: block; height: 80px; line-height: 80px; background: #007fcf; color: #fff; }

@media(max-width: 992px) { .at4-jumboshare .at4-count-container { min-width: inherit !important; } }

section.article .list-rectangle {list-style: none;font: 14px "Trebuchet MS", "Lucida Sans";padding: 0;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
section.article .list-rectangle a, section.article .list-rectangle div {position: relative;display: block;padding: .4em .4em .4em .8em;margin: .5em 0 .5em 2.5em;background: #D3D4DA;color: #444;text-decoration: none;transition: all .3s ease-out;}
section.article .list-rectangle a:hover, section.article .list-rectangle div:hover {background: #DCDDE1;}
section.article .list-rectangle a:before, section.article .list-rectangle div:before {content: "\2714";position: absolute;left: -2.5em;top: 50%;margin-top: -1em;background: #9097A2;height: 2em;width: 2em;line-height: 2em;text-align: center;font-weight: bold;}
section.article .list-rectangle a:after, section.article .list-rectangle div:after {position: absolute;content: "";border: .5em solid transparent;left: -1em;top: 50%;margin-top: -.5em;transition: all .3s ease-out;}
section.article .list-rectangle a:hover:after, section.article .list-rectangle div:hover:after {left: -.5em;border-left-color: #9097A2;}

section.article .list-check {padding:0;list-style: none;}
section.article .list-check li{padding:2px;}
section.article .list-check li:before {padding-right:10px;font-weight: bold;color: #ff4b51;content: "\2714";transition-duration: 0.5s;}
section.article .list-check li:hover:before {color: #af3639;content: "\2714";}