@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Pacifico&subset=latin-ext,vietnamese');

html, body { width:100%; max-width:100%; overflow-x:hidden; padding:0; margin:0; }
a ,  a i { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; text-decoration:none; }
body {font-family: 'Raleway', sans-serif;}
.main_side .gadgets_engage .inner .engage-button { border-radius:0; background:none; padding:0; }
.bottom_gadgets .gadgets_engage .inner .engage-button .writebuttonm, .main_banner .gadgets_engage .inner .engage-button .writebuttonm, .main_side .gadgets_engage .inner .engage-button .writebuttonm {background-color: #2991d6;box-shadow:none;margin:0;color:#ffffff;text-transform: capitalize;border-radius:0;font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 22px;}
.bottom_gadgets .gadgets_engage .inner .engage-button .writebuttonm:hover, .main_banner .gadgets_engage .inner .engage-button .writebuttonm:hover, .main_side .gadgets_engage .inner .engage-button .writebuttonm:hover {background: #36A9F5;text-decoration:none;}
.bottom_gadgets .gadgets_engage .inner .engage-button, .main_banner .gadgets_engage .inner .engage-button {border-radius:0; background:none; padding:0;}
.adminmenu>div.inner { max-width: 100%; }
.main_articles article .articlecnt h1 a, .main_articles article .articlecnt h2 a {font-family: 'Roboto', sans-serif;font-weight: 400 !important;font-size: 32px;}
.main_articles article .articlecnt h1 a, .main_articles article .articlecnt h2 a:hover, .main_articles article .articlecnt .namedatetime>span a:hover, a.rdm:hover, .popular_post #feedContainer h3 a:hover, .gadgets_category ul.category > li > div >a:hover {color:#2991d6;}
.popular_post h2 , .gadgets.gadgets_category h2 {font-family: 'Roboto', sans-serif;font-weight: 400;}
.backtohometop .clbacktohome {background: #2991d6;}
#back_to_top {height: 43px;width: 43px;background-color: #ffffff;border-radius: 5px;text-align: center;position: fixed;bottom: 12px;right: 30px;}
#back_to_top:hover {background:#F3F3F3}
#back_to_top i {font-size: 16px;color: rgba(0,0,0,.5);padding-top: 13px;}

.top_bar { width: 100%; max-width: 100%; background: #f5f5f5; font-size: 14px;}
.top_bar .inner {max-width: 1190px;margin: 0 auto;padding: 0 10px;overflow: hidden;}
.top_contact a {border-left: 1px solid #dde2e6;color: #a1adb5;font-family: 'Raleway', sans-serif;padding-right: 10px;display: block;float: left;line-height: 42px;padding-left: 17px;padding-right: 17px;}
.top_contact a:hover {color:#3276B9; text-decoration:none; }
.top_contact i {padding-right: 10px;color: #c6d0d6;font-size: 16px;}
.top_contact { overflow: hidden; float: left;}
.top_social { float: right;}
.top_contact > a:nth-of-type(2) { border-right: 1px solid #dde2e6;}
.top_social a {border-left: 1px solid #dde2e6;float: left;display: inline-block;padding-left: 5px;padding-right: 5px;font-size: 18px;width: 33px;text-align: center;line-height: 40px;}
.top_social > a:first-of-type { color: #3B5998;}
.top_social > a:nth-of-type(2) { color: #CE1312;}
.top_social > a:nth-of-type(3) { color: #1DCAFF;}
.top_social > a:nth-of-type(4) {color: #E02C6D;}
.top_social > a:nth-of-type(5) {color: #77BA43;text-decoration: none;border-right: 1px solid #dde2e6;}
.main_header { background: #202538; box-shadow: 0 3px 5px #333;}
.main_header > .innercustom1 .logoout { max-width: 200px; padding-top: 10px; padding-bottom: 10px;}
#menu { background-color: transparent; margin: 16px auto; }
#menu a {color:#fff;font-size: 14px;line-height: 30px;font-weight: 400;font-family: 'Raleway', sans-serif;padding: 0 10px;}
#menu li:hover > a { color: #006c9c;}
#menu a i {display: block;float: left;line-height: 30px;margin-right: 3px;font-size: 14px;}
.main_header > .innercustom1 {padding: 0 8px;}
#menu .top-fa-search i {font-size: 24px !important;line-height: 26px;}
#menu ul { background: #2d344d; border: none; padding: 18px 38px;}
#menu ul li a {color:#8f96af;border-bottom: 1px solid #484d62;padding: 0;line-height: 38px;}
#menu ul li:first-child > a:after { display: none;}
#menu ul > li:last-of-type a { border-bottom:none; }
#menu ul a:hover { background-color: transparent; color: #fff; }
.top_banner .item {min-height:500px;z-index: 2;position: relative;}
.top_banner { color: #fff; text-align: center;}
.top_banner .inner > p:first-of-type {font-size:58px;margin-bottom: 25px;line-height: 69px;letter-spacing: 0.02em;}
.top_banner .inner > p:nth-of-type(2) {font-size:18px;line-height: 25px;margin-bottom: 15px;}
.top_banner .inner > p:nth-of-type(3) a {font-size:20px;color:#fff;background-color: #77ba43;border-color: #77ba43;display:block;letter-spacing: 0.1em;width: 153px;margin: 0 auto;line-height: 54px;border-radius: 5px;text-decoration: none;}
.top_banner .item .inner {padding-top: 152px;z-index: 9;position: relative;}
.dark_overlay {width: 100%;height: 100%;background: rgba(0,0,0,0.4);position: absolute;z-index: 1;}
.item_bg {width: 100%;height: 100%;position: absolute;z-index: 1; }
.footer-content {background: #2d344d;overflow: hidden;color: #fff;padding: 40px 0 73px;}
.main_footer>.inner { max-width: 100% !important; padding: 0;}
.custom_footer .container { overflow: hidden;}
.custom_footer .navbar-brand a {font-family: 'Pacifico', cursive; color: #fff !important; font-size: 52px;line-height: 72px; display: block; text-decoration: none;}
.custom_footer .navbar-brand { height: inherit; padding: 0; font-size: inherit; line-height: inherit; width: 100%; margin-bottom: 17px;}
.footer-content p { color: #a7b0b4; font-family: 'Raleway', sans-serif; font-size: 14px;}
.custom_footer h6 { font-weight:400; font-size: 18px; line-height: 24px; color: #fff; letter-spacing: 0.06em; text-transform: uppercase; margin-top: 40px; margin-bottom: 26px;}
.marked-list { max-width: 200px; margin-top: 0; list-style: none; margin: 0; padding: 0;}
.marked-list > li { position: relative; list-style: none;}
.main_footer a, .text-primary { color: #3276B9 !important; font-size: 14px; line-height: 24px;}
.text-primary  { font-size:14px; line-height:24px;}
.marked-list > li + li { margin-top: 12px;}
.main_footer a:hover { color:#fff !important; text-decoration:none; }
.footer-content address p.text-light-clr { color: #4e5673; margin-bottom:15px; }
.footer-content address a { color: #a7b0b4 !important;}
.page-footer.footer-widget.dark .footer-content .contact-info dl dt { color: #4e5673;}
.contact-info dl dt { color: #4e5673; min-width: 66px; font-size: 14px; line-height: 24px; font-weight: 400; font-family: 'Raleway';}
.contact-info dl dt, .contact-info dl dd {display: inline-block;}
.contact-info { margin-top: 24px; max-width: 241px;}
.contact-info dl dd a {font-family:'Raleway';font-size:14px;line-height:24px;color: #a7b0b4 !important;font-weight: 400;}
.bootstraprwardz dl { margin-bottom:0;}
.main_footer>.inner .powered { display:none; }
.footer_copyright {padding: 21px 0;background: #202538;}
.footer_copyright p { color: #4e5673; font-size: 13px; margin: 0; line-height: 23px;}
.footer_copyright .pull-md-left { float:left; }
.footer_copyright .container {overflow:hidden; }
.pull-md-right {float:right;margin-bottom: 0 !important;}
.footer_copyright i {font-size:24px; color: #4e5673; }
.list-inline > li {display: inline-block;padding-left: 5px;padding-right: 5px;font-size: 18px;width: 40px;text-align: center;}
.footer_copyright a:hover i { color:#fff !important; }
.main_header > .innercustom1 .topsearchbox { z-index:9; }
.css_top {position:fixed;top:0px;transition: top 1s linear 0.1s;-webkit-animation: mymove .5s;animation: mymove .5s;width: 100%;z-index: 9;}
@-webkit-keyframes mymove {
100%{opacity:1;transform:translateY(0px);}
0%{opacity:0;transform:translateY(-15px)}
}
@keyframes mymove {
100%{opacity:1;transform:translateY(0px);}
0%{opacity:0;transform:translateY(-15px)}
}
@-webkit-keyframes mymoveup {
100%{opacity:1;transform:translateY(0px);}
0%{opacity:0;transform:translateY(15px)}
}
@keyframes mymoveup {
100%{opacity:1;transform:translateY(0px);}
0%{opacity:0;transform:translateY(15px)}
}

.powered_by {color: #fff !important;font-size: 12px !important;}
.powered_by img {max-width: 80px;margin-left: 2px;vertical-align: top;margin-top: 6px;}

@media screen and (max-width:1440px){
.top_banner .item { min-height: 420px; }
.top_banner .inner > p:first-of-type { font-size:48px; line-height:48px; margin-bottom:20px; }
.top_banner .item .inner { padding-top:133px;  }
}
@media screen and (max-width:1100px){
#menu a { font-size: 13px; padding: 0 6px; }
#menu a i { font-size:12px; }
#menu .top-fa-search i { font-size: 16px !important; }
.top_banner .item { min-height: 330px; }
.top_banner .inner > p:first-of-type { font-size: 40px; line-height: 40px; margin-bottom:12px; }
.top_banner .item .inner { padding-top: 100px; }
}
@media screen and (max-width:960px){
#menu-wrap #menu-trigger { background-color: #fff; }
.top_bar { font-size:12px; }
.top_contact a { line-height: 30px; }
.top_social a { font-size: 16px; width: 25px; line-height: 30px; }
.main_header > .innercustom1 .logoout { max-width: 138px; padding-top: 6px; padding-bottom: 6px; }
#menu-trigger , #menu-trigger-search { margin-top:0; }
.top_banner .item { min-height: 260px; }
#menu ul { background: transparent; padding: 0px ; }
#menu ul li a { line-height: 33px; padding: 0 10px; }
#menu { margin-top: 0px;  max-height: 250px; overflow: scroll; max-width: 300px; }
.main_header > .innercustom1 .topsearchbox { top: 58px;  }
.top_banner .inner > p:first-of-type { font-size: 33px;  margin-bottom: 10px; line-height: 33px;}
.top_banner .inner > p:nth-of-type(2) { font-size: 15px; line-height: 15px; }
.top_banner .item .inner { padding-top: 78px; }
.top_banner .inner > p:nth-of-type(3) a { font-size:15px; width: 125px; line-height: 38px; }
}
@media screen and (max-width:767px){
.marked-list { margin: 0 auto; }
.marked-list > li + li { margin-top: 0; }
.custom_footer h6 { margin-top: 20px; margin-bottom: 15px; }
.contact-info { margin: 0 auto; }
.footer-content { padding: 30px 0; }
.footer_copyright .pull-md-left { float: none; width: 100%; text-align: center; }
.footer_copyright { padding:10px; }
.bootstraprwardz .list-inline { float:none; }
#back_to_top { height: 25px; width: 25px;}
#back_to_top i { font-size:14px; padding-top: 6px; }
}
@media screen and (max-width:560px){
.top_bar { font-size:10px; }
.top_contact i { padding-right: 3px; font-size: 10px; }
.top_contact a { line-height: 20px; padding-left: 5px; padding-right: 5px; }
.top_social a {  padding-left: 0px; padding-right: 0px; font-size: 12px;  width: 22px; line-height: 20px; }
.top_banner .item { min-height: 190px; }
.top_banner .inner > p:first-of-type { font-size: 27px;  margin-bottom: 8px; }
.top_banner .item .inner { padding-top:50px; }
.top_banner .inner > p:nth-of-type(3) a { width: 110px; line-height:32px; font-size:12px; }
}
@media screen and (max-width:381px){
.top_contact i { padding-right:2px; font-size:8px; }
.top_bar { font-size:8px; }
.top_banner .inner > p:first-of-type { font-size: 21px; margin-bottom: 0px; }
.top_banner .inner > p:nth-of-type(2) { font-size:12px; }
.top_banner .item { min-height:145px; }
.top_banner .item .inner { padding-top:25px; }
}