* {
margin: 0;
padding: 0
}
html, body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
background-color: #fff;
font-size: 14px;
font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif
}
ul, ol, li {
list-style: none
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif
}
a, a:active, a:hover, a:link, a:visited, a:focus {
text-decoration: none;
cursor: pointer
}
.margin_tp_30 {
margin-top: 30px
}
section {
padding: 40px 0
}
@media (min-width: 768px) {
body {
padding-top: 0px
}
.hq-common-footer-2017 .module-wrap .ali-main-know {
padding: 30px 20px 0
}
.hq-common-footer-2017 .module-wrap .ali-main-hot {
padding: 20px 20px 0
}
.hq-common-footer-2017 .module-wrap .ali-copyright-100 {
padding: 20px !important
}
.hq-common-footer-2017 .module-wrap .footer-row {
width: 100%;
min-width: inherit !important
}
.footer-cmprofile {
width: 21%;
border-left: 1px dashed #414141;
padding-left: 20px
}
.bigscreen {
display: block
}
.smallscreen {
display: none
}
}
@media screen and (max-width: 768px) {
.section-heading-center {
padding-top: 0
}
body {
padding-top: 0px
}
section div.row>div {
margin-bottom: 50px
}
section div.row>div:last-child {
margin-bottom: 0
}
section div.row.sm-mb-20>div {
margin-bottom: 20px
}
section form>div.row>div {
margin-bottom: 0
}
.row div+div .sidebar {
margin-top: 50px
}
footer div.row>div:first-child {
margin-bottom: 0
}
footer .left, footer .right {
display: block;
float: none;
text-align: center
}
.footer-newsletter .footer-top {
width: 100%
}
.bigscreen {
display: none
}
.smallscreen {
display: block
}
.course_left img {
margin: 0 auto !important
}
.course_jt {
clear: both;
height: 20px;
text-align: right;
position: absolute;
bottom: -40px !important;
right: 20px !important;
z-index: 10
}
}
@media screen and (max-width: 480px) {
.team {
padding-bottom: 0
}
.footer-cmprofile {
width: 100%;
border-left: none;
padding-left: 20px
}
}
.am-sticky {
position: fixed !important;
z-index: 1010
}
ul ul, ol ul, ul ol, ol ol {
list-style: none;
padding: 0;
margin: 0
}
.section-dark {
background-color: #393939;
color: #868686
}
.section-heading {
margin-bottom: 40px;
color: #696D70
}
.section-heading.heading-small .heading {
font-size: 24px;
font-weight: 700
}
.section-heading .section-lead {
font-size: 16px;
color: #696D70
}
.section-heading .icon {
position: relative;
top: 2px
}
.section-heading-center {
padding-top: 40px;
margin-bottom: 60px;
text-align: center
}
.section-heading-center .heading {
margin-bottom: 10px;
font-size: 48px;
font-weight: 400
}
.section-heading-center .section-lead {
font-size: 20px;
font-weight: 300
}
.section-heading-center.heading-small .heading {
font-size: 24px;
font-weight: 700;
margin-bottom: 0
}
.section-heading-center.heading-small .section-lead {
font-size: 16px
}
.section-heading-center.heading-small:after {
display: block;
width: 50px;
margin: 20px auto 0 auto;
content: '';
border-top: 3px solid #ddd
}
.copyrights {
text-indent: -9999px;
height: 0;
line-height: 0;
font-size: 0;
overflow: hidden
}
.section-heading-shop {
margin-bottom: 50px
}
.section-heading-shop .heading-border {
font-weight: 400
}
.heading-border {
display: inline-block;
vertical-align: middle;
*vertical-align:auto;
*zoom:1;
*display:inline;
border-bottom: 6px double #8c8c8c;
padding-bottom: 5px
}
.heading-thin {
font-weight: 300
}
.border-primary, .heading-border-bottom-short.border-primary:after {
border-color: #69B417
}
.bg-primary {
background-color: #69B417
}
a.bg-primary:hover, a.bg-primary:focus {
background-color: #4f8711
}
.bg-success {
background-color: #5cb85c
}
a.bg-success:hover, a.bg-success:focus {
background-color: #449d44
}
.bg-info {
background-color: #5bc0de
}
a.bg-info:hover, a.bg-info:focus {
background-color: #31b0d5
}
.bg-warning {
background-color: #f0ad4e
}
a.bg-warning:hover, a.bg-warning:focus {
background-color: #ec971f
}
.bg-danger {
background-color: #d9534f
}
a.bg-danger:hover, a.bg-danger:focus {
background-color: #c9302c
}
ul.link-list li {
margin-bottom: 8px
}
ul.list-image-icons>li {
padding-left: 2px;
padding-right: 2px;
margin-bottom: 5px
}
.contact-info {
position: relative;
padding-left: 24px
}
.contact-info i {
position: absolute;
left: 0;
margin-top: 0
}
.content-lead {
padding: 50px 0
}
.content-lead p {
width: 75%;
margin: 0 auto;
font-size: 22px;
font-weight: 300;
text-align: center
}
.content-lead p:after {
content: '';
display: block;
border-top: 1px solid #69B417;
width: 120px;
margin: 0 auto;
margin-top: 35px
}
.label-primary {
background-color: #69B417
}
.label-red {
background-color: #e43636
}
.text-muted-2x {
color: #aaaaaa
}
.text-superbig {
font-size: 156px
}
.bold-separator {
border-top: 3px solid #69B417
}
.btn {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-weight: 500
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: none
}
.btn .icon {
font-size: 16px;
top: 3px;
position: relative;
margin-left: 3px
}
.btn>i {
margin-right: 5px
}
.btn-default {
color: #888;
border-color: #a5a5a5
}
.btn-primary {
color: #FFF;
background-color: #69B417;
border-color: #5c9d14
}
.btn-primary:focus, .btn-primary.focus {
color: #FFF;
background-color: #5c9d14;
border-color: #47790f
}
.btn-primary:hover {
color: #FFF;
background-color: #61a615;
border-color: #47790f
}
.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
color: #FFF;
background-color: #61a615;
border-color: #3c670d
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus {
color: #FFF;
background-color: #579413;
border-color: #345a0b
}
.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
background-image: none
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
background-color: #69B417;
border-color: #5c9d14
}
.btn-primary .badge {
color: #69B417;
background-color: #FFF
}
.btn-link {
color: #69B417
}
.btn-link:hover, .btn-link:focus {
text-decoration: none;
color: #5c9d14
}
.btn-lg {
font-size: 16px
}
.form-control {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #dedede;
color: inherit
}
.form-control:focus {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #c5c5c5;
background-color: #fafafa
}
.input-group-addon {
border-color: #dedede;
color: #a2a2a2
}
.form-horizontal.label-left .control-label {
text-align: left
}
div[class*="col-"]>.form-group {
margin-left: 0;
margin-right: 0
}
div[class*="col-"]>.input-group {
margin-bottom: 15px
}
.newsletter-form .form-control {
font-size: 14px
}
.newsletter-form .input-group-lg>.input-group-btn>.btn {
font-size: 14px;
min-width: 111px
}
.newsletter-form .input-group-btn>.btn i {
display: none
}
.newsletter-form .input-group-btn>.btn.loading i {
display: inline-block;
vertical-align: middle;
*vertical-align:auto;
*zoom:1;
*display:inline
}
.newsletter-form .input-group-btn>.btn.loading span {
display: none
}
.newsletter-form .alert {
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
padding: 5px;
border: none;
font-size: 12px;
background: transparent;
color: #fff;
font-weight: 600
}
.newsletter-form .alert.active {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1
}
.newsletter-form .alert.alert-danger {
color: #a94442
}
.newsletter-form .alert.alert-success {
color: #3c763d
}
.z500px-bg {
background-color: #0099e5 !important
}
.z500px-bg:hover, .z500px-bg:focus {
background-color: #0088cc !important
}
.about-me-bg {
background-color: #00405d !important
}
.about-me-bg:hover, .about-me-bg:focus {
background-color: #002e44 !important
}
.airbnb-bg {
background-color: #fd5c63 !important
}
.airbnb-bg:hover, .airbnb-bg:focus {
background-color: #fd434b !important
}
.alphabet-bg {
background-color: #ed1c24 !important
}
.alphabet-bg:hover, .alphabet-bg:focus {
background-color: #de1219 !important
}
.amazon-bg {
background-color: #ff9900 !important
}
.amazon-bg:hover, .amazon-bg:focus {
background-color: #e68a00 !important
}
.american-express-bg {
background-color: #002663 !important
}
.american-express-bg:hover, .american-express-bg:focus {
background-color: #001c4a !important
}
.aol-bg {
background-color: #ff0b00 !important
}
.aol-bg:hover, .aol-bg:focus {
background-color: #e60a00 !important
}
.behance-bg {
background-color: #1769ff !important
}
.behance-bg:hover, .behance-bg:focus {
background-color: #0059fd !important
}
.bing-bg {
background-color: #ffb900 !important
}
.bing-bg:hover, .bing-bg:focus {
background-color: #e6a700 !important
}
.bitbucket-bg {
background-color: #205081 !important
}
.bitbucket-bg:hover, .bitbucket-bg:focus {
background-color: #1b436d !important
}
.bitly-bg {
background-color: #ee6123 !important
}
.bitly-bg:hover, .bitly-bg:focus {
background-color: #e65312 !important
}
.blogger-bg {
background-color: #f57d00 !important
}
.blogger-bg:hover, .blogger-bg:focus {
background-color: #dc7000 !important
}
.booking-com-bg {
background-color: #003580 !important
}
.booking-com-bg:hover, .booking-com-bg:focus {
background-color: #002a67 !important
}
.buffer-bg {
background-color: #168eea !important
}
.buffer-bg:hover, .buffer-bg:focus {
background-color: #1380d3 !important
}
.code-school-bg {
background-color: #616f67 !important
}
.code-school-bg:hover, .code-school-bg:focus {
background-color: #55615a !important
}
.codecademy-bg {
background-color: #f65a5b !important
}
.codecademy-bg:hover, .codecademy-bg:focus {
background-color: #f54243 !important
}
.creative-market-bg {
background-color: #8ba753 !important
}
.creative-market-bg:hover, .creative-market-bg:focus {
background-color: #7d964b !important
}
.delicious-bg {
background-color: #3399ff !important
}
.delicious-bg:hover, .delicious-bg:focus {
background-color: #1a8cff !important
}
.deviantart-bg {
background-color: #05cc47 !important
}
.deviantart-bg:hover, .deviantart-bg:focus {
background-color: #04b33e !important
}
.digg-bg {
background-color: #005be2 !important
}
.digg-bg:hover, .digg-bg:focus {
background-color: #0051c9 !important
}
.disqus-bg {
background-color: #2e9fff !important
}
.disqus-bg:hover, .disqus-bg:focus {
background-color: #1593ff !important
}
.django-bg {
background-color: #092e20 !important
}
.django-bg:hover, .django-bg:focus {
background-color: #051911 !important
}
.dribbble-bg {
background-color: #ea4c89 !important
}
.dribbble-bg:hover, .dribbble-bg:focus {
background-color: #e7357a !important
}
.elance-bg {
background-color: #0d69af !important
}
.elance-bg:hover, .elance-bg:focus {
background-color: #0b5b97 !important
}
.envato-bg {
background-color: #82b541 !important
}
.envato-bg:hover, .envato-bg:focus {
background-color: #75a23a !important
}
.etsy-bg {
background-color: #d5641c !important
}
.etsy-bg:hover, .etsy-bg:focus {
background-color: #be5919 !important
}
.facebook-bg {
background-color: #3b5998 !important
}
.facebook-bg:hover, .facebook-bg:focus {
background-color: #344e86 !important
}
.feedly-bg {
background-color: #2bb24c !important
}
.feedly-bg:hover, .feedly-bg:focus {
background-color: #269d43 !important
}
.flattr-bg {
background-color: #f67c1a !important
}
.flattr-bg:hover, .flattr-bg:focus {
background-color: #ed6f09 !important
}
.flickr-bg {
background-color: #0063dc !important
}
.flickr-bg:hover, .flickr-bg:focus {
background-color: #0058c3 !important
}
.flipboard-bg {
background-color: #e12828 !important
}
.flipboard-bg:hover, .flipboard-bg:focus {
background-color: #d21d1d !important
}
.flixster-bg {
background-color: #2971b2 !important
}
.flixster-bg:hover, .flixster-bg:focus {
background-color: #24649d !important
}
.foursquare-bg {
background-color: #0732a2 !important
}
.foursquare-bg:hover, .foursquare-bg:focus {
background-color: #062a8a !important
}
.github-bg {
background-color: #4183c4 !important
}
.github-bg:hover, .github-bg:focus {
background-color: #3876b4 !important
}
.google-bg {
background-color: #4285f4 !important
}
.google-bg:hover, .google-bg:focus {
background-color: #2a75f3 !important
}
.google-plus-bg {
background-color: #dc4e41 !important
}
.google-plus-bg:hover, .google-plus-bg:focus {
background-color: #d83a2b !important
}
.instagram-bg {
background-color: #3f729b !important
}
.instagram-bg:hover, .instagram-bg:focus {
background-color: #386589 !important
}
.kickstarter-bg {
background-color: #2bde73 !important
}
.kickstarter-bg:hover, .kickstarter-bg:focus {
background-color: #20cf67 !important
}
.kik-bg {
background-color: #82bc23 !important
}
.kik-bg:hover, .kik-bg:focus {
background-color: #73a71f !important
}
.lastfm-bg {
background-color: #d51007 !important
}
.lastfm-bg:hover, .lastfm-bg:focus {
background-color: #bc0e06 !important
}
.line-bg {
background-color: #00c300 !important
}
.line-bg:hover, .line-bg:focus {
background-color: #00aa00 !important
}
.linkedin-bg {
background-color: #0077b5 !important
}
.linkedin-bg:hover, .linkedin-bg:focus {
background-color: #00669c !important
}
.mail-ru-bg {
background-color: #168de2 !important
}
.mail-ru-bg:hover, .mail-ru-bg:focus {
background-color: #147fcb !important
}
.mailchimp-bg {
background-color: #2c9ab7 !important
}
.mailchimp-bg:hover, .mailchimp-bg:focus {
background-color: #2789a2 !important
}
.myspace-bg {
background-color: #000000 !important
}
.myspace-bg:hover, .myspace-bg:focus {
background-color: black !important
}
.netflix-bg {
background-color: #e50914 !important
}
.netflix-bg:hover, .netflix-bg:focus {
background-color: #cc0812 !important
}
.ning-bg {
background-color: #75af42 !important
}
.ning-bg:hover, .ning-bg:focus {
background-color: #699c3b !important
}
.path-bg {
background-color: #ee3423 !important
}
.path-bg:hover, .path-bg:focus {
background-color: #e62412 !important
}
.patreon-bg {
background-color: #e6461a !important
}
.patreon-bg:hover, .patreon-bg:focus {
background-color: #d03f17 !important
}
.paypal-bg {
background-color: #003087 !important
}
.paypal-bg:hover, .paypal-bg:focus {
background-color: #00276e !important
}
.photobucket-bg {
background-color: #0ea0db !important
}
.photobucket-bg:hover, .photobucket-bg:focus {
background-color: #0c8ec3 !important
}
.pinterest-bg {
background-color: #bd081c !important
}
.pinterest-bg:hover, .pinterest-bg:focus {
background-color: #a50718 !important
}
.product-hunt-bg {
background-color: #da552f !important
}
.product-hunt-bg:hover, .product-hunt-bg:focus {
background-color: #cb4924 !important
}
.quora-bg {
background-color: #a82400 !important
}
.quora-bg:hover, .quora-bg:focus {
background-color: #8f1f00 !important
}
.rdio-bg {
background-color: #007dc3 !important
}
.rdio-bg:hover, .rdio-bg:focus {
background-color: #006daa !important
}
.reddit-bg {
background-color: #ff4500 !important
}
.reddit-bg:hover, .reddit-bg:focus {
background-color: #e63e00 !important
}
.rss-bg {
background-color: #f26522 !important
}
.rss-bg:hover, .rss-bg:focus {
background-color: #ed560e !important
}
.salesforce-bg {
background-color: #1798c1 !important
}
.salesforce-bg:hover, .salesforce-bg:focus {
background-color: #1486aa !important
}
.scribd-bg {
background-color: #1a7bba !important
}
.scribd-bg:hover, .scribd-bg:focus {
background-color: #176ca4 !important
}
.shopify-bg {
background-color: #96bf48 !important
}
.shopify-bg:hover, .shopify-bg:focus {
background-color: #89b03e !important
}
.skype-bg {
background-color: #00aff0 !important
}
.skype-bg:hover, .skype-bg:focus {
background-color: #009cd7 !important
}
.slack-bg {
background-color: #6ecadc !important
}
.slack-bg:hover, .slack-bg:focus {
background-color: #59c2d7 !important
}
.slideshare-bg {
background-color: #0077b5 !important
}
.slideshare-bg:hover, .slideshare-bg:focus {
background-color: #00669c !important
}
.soundcloud-bg {
background-color: #ff8800 !important
}
.soundcloud-bg:hover, .soundcloud-bg:focus {
background-color: #e67a00 !important
}
.spotify-bg {
background-color: #2ebd59 !important
}
.spotify-bg:hover, .spotify-bg:focus {
background-color: #29a84f !important
}
.squarespace-bg {
background-color: #222222 !important
}
.squarespace-bg:hover, .squarespace-bg:focus {
background-color: #151515 !important
}
.stackoverflow-bg {
background-color: #fe7a15 !important
}
.stackoverflow-bg:hover, .stackoverflow-bg:focus {
background-color: #f86c01 !important
}
.stripe-bg {
background-color: #00afe1 !important
}
.stripe-bg:hover, .stripe-bg:focus {
background-color: #009bc8 !important
}
.stumbleupon-bg {
background-color: #eb4924 !important
}
.stumbleupon-bg:hover, .stumbleupon-bg:focus {
background-color: #e13b15 !important
}
.telegram-bg {
background-color: #0088cc !important
}
.telegram-bg:hover, .telegram-bg:focus {
background-color: #0077b3 !important
}
.tumblr-bg {
background-color: #35465c !important
}
.tumblr-bg:hover, .tumblr-bg:focus {
background-color: #2c3a4c !important
}
.twitch-tv-bg {
background-color: #6441a5 !important
}
.twitch-tv-bg:hover, .twitch-tv-bg:focus {
background-color: #593a93 !important
}
.twitter-bg {
background-color: #55acee !important
}
.twitter-bg:hover, .twitter-bg:focus {
background-color: #3ea1ec !important
}
.vimeo-bg {
background-color: #162221 !important
}
.vimeo-bg:hover, .vimeo-bg:focus {
background-color: #0c1312 !important
}
.vine-bg {
background-color: #00b488 !important
}
.vine-bg:hover, .vine-bg:focus {
background-color: #009b75 !important
}
.wechat-bg {
background-color: #7bb32e !important
}
.wechat-bg:hover, .wechat-bg:focus {
background-color: #6d9f29 !important
}
.whatsapp-bg {
background-color: #43d854 !important
}
.whatsapp-bg:hover, .whatsapp-bg:focus {
background-color: #2ed441 !important
}
.yahoo-bg {
background-color: #410093 !important
}
.yahoo-bg:hover, .yahoo-bg:focus {
background-color: #36007a !important
}
.youtube-bg {
background-color: #cd201f !important
}
.youtube-bg:hover, .youtube-bg:focus {
background-color: #b71d1c !important
}
.z500px-bg-hover:hover, .z500px-bg-hover:focus {
background-color: #0099e5 !important;
border-color: #0088cc !important
}
.about-me-bg-hover:hover, .about-me-bg-hover:focus {
background-color: #00405d !important;
border-color: #002e44 !important
}
.airbnb-bg-hover:hover, .airbnb-bg-hover:focus {
background-color: #fd5c63 !important;
border-color: #fd434b !important
}
.alphabet-bg-hover:hover, .alphabet-bg-hover:focus {
background-color: #ed1c24 !important;
border-color: #de1219 !important
}
.amazon-bg-hover:hover, .amazon-bg-hover:focus {
background-color: #ff9900 !important;
border-color: #e68a00 !important
}
.american-express-bg-hover:hover, .american-express-bg-hover:focus {
background-color: #002663 !important;
border-color: #001c4a !important
}
.aol-bg-hover:hover, .aol-bg-hover:focus {
background-color: #ff0b00 !important;
border-color: #e60a00 !important
}
.behance-bg-hover:hover, .behance-bg-hover:focus {
background-color: #1769ff !important;
border-color: #0059fd !important
}
.bing-bg-hover:hover, .bing-bg-hover:focus {
background-color: #ffb900 !important;
border-color: #e6a700 !important
}
.bitbucket-bg-hover:hover, .bitbucket-bg-hover:focus {
background-color: #205081 !important;
border-color: #1b436d !important
}
.bitly-bg-hover:hover, .bitly-bg-hover:focus {
background-color: #ee6123 !important;
border-color: #e65312 !important
}
.blogger-bg-hover:hover, .blogger-bg-hover:focus {
background-color: #f57d00 !important;
border-color: #dc7000 !important
}
.booking-com-bg-hover:hover, .booking-com-bg-hover:focus {
background-color: #003580 !important;
border-color: #002a67 !important
}
.buffer-bg-hover:hover, .buffer-bg-hover:focus {
background-color: #168eea !important;
border-color: #1380d3 !important
}
.code-school-bg-hover:hover, .code-school-bg-hover:focus {
background-color: #616f67 !important;
border-color: #55615a !important
}
.codecademy-bg-hover:hover, .codecademy-bg-hover:focus {
background-color: #f65a5b !important;
border-color: #f54243 !important
}
.creative-market-bg-hover:hover, .creative-market-bg-hover:focus {
background-color: #8ba753 !important;
border-color: #7d964b !important
}
.delicious-bg-hover:hover, .delicious-bg-hover:focus {
background-color: #3399ff !important;
border-color: #1a8cff !important
}
.deviantart-bg-hover:hover, .deviantart-bg-hover:focus {
background-color: #05cc47 !important;
border-color: #04b33e !important
}
.digg-bg-hover:hover, .digg-bg-hover:focus {
background-color: #005be2 !important;
border-color: #0051c9 !important
}
.disqus-bg-hover:hover, .disqus-bg-hover:focus {
background-color: #2e9fff !important;
border-color: #1593ff !important
}
.django-bg-hover:hover, .django-bg-hover:focus {
background-color: #092e20 !important;
border-color: #051911 !important
}
.dribbble-bg-hover:hover, .dribbble-bg-hover:focus {
background-color: #ea4c89 !important;
border-color: #e7357a !important
}
.elance-bg-hover:hover, .elance-bg-hover:focus {
background-color: #0d69af !important;
border-color: #0b5b97 !important
}
.envato-bg-hover:hover, .envato-bg-hover:focus {
background-color: #82b541 !important;
border-color: #75a23a !important
}
.etsy-bg-hover:hover, .etsy-bg-hover:focus {
background-color: #d5641c !important;
border-color: #be5919 !important
}
.facebook-bg-hover:hover, .facebook-bg-hover:focus {
background-color: #3b5998 !important;
border-color: #344e86 !important
}
.feedly-bg-hover:hover, .feedly-bg-hover:focus {
background-color: #2bb24c !important;
border-color: #269d43 !important
}
.flattr-bg-hover:hover, .flattr-bg-hover:focus {
background-color: #f67c1a !important;
border-color: #ed6f09 !important
}
.flickr-bg-hover:hover, .flickr-bg-hover:focus {
background-color: #0063dc !important;
border-color: #0058c3 !important
}
.flipboard-bg-hover:hover, .flipboard-bg-hover:focus {
background-color: #e12828 !important;
border-color: #d21d1d !important
}
.flixster-bg-hover:hover, .flixster-bg-hover:focus {
background-color: #2971b2 !important;
border-color: #24649d !important
}
.foursquare-bg-hover:hover, .foursquare-bg-hover:focus {
background-color: #0732a2 !important;
border-color: #062a8a !important
}
.github-bg-hover:hover, .github-bg-hover:focus {
background-color: #4183c4 !important;
border-color: #3876b4 !important
}
.google-bg-hover:hover, .google-bg-hover:focus {
background-color: #4285f4 !important;
border-color: #2a75f3 !important
}
.google-plus-bg-hover:hover, .google-plus-bg-hover:focus {
background-color: #dc4e41 !important;
border-color: #d83a2b !important
}
.instagram-bg-hover:hover, .instagram-bg-hover:focus {
background-color: #3f729b !important;
border-color: #386589 !important
}
.kickstarter-bg-hover:hover, .kickstarter-bg-hover:focus {
background-color: #2bde73 !important;
border-color: #20cf67 !important
}
.kik-bg-hover:hover, .kik-bg-hover:focus {
background-color: #82bc23 !important;
border-color: #73a71f !important
}
.lastfm-bg-hover:hover, .lastfm-bg-hover:focus {
background-color: #d51007 !important;
border-color: #bc0e06 !important
}
.line-bg-hover:hover, .line-bg-hover:focus {
background-color: #00c300 !important;
border-color: #00aa00 !important
}
.linkedin-bg-hover:hover, .linkedin-bg-hover:focus {
background-color: #0077b5 !important;
border-color: #00669c !important
}
.mail-ru-bg-hover:hover, .mail-ru-bg-hover:focus {
background-color: #168de2 !important;
border-color: #147fcb !important
}
.mailchimp-bg-hover:hover, .mailchimp-bg-hover:focus {
background-color: #2c9ab7 !important;
border-color: #2789a2 !important
}
.myspace-bg-hover:hover, .myspace-bg-hover:focus {
background-color: #000000 !important;
border-color: black !important
}
.netflix-bg-hover:hover, .netflix-bg-hover:focus {
background-color: #e50914 !important;
border-color: #cc0812 !important
}
.ning-bg-hover:hover, .ning-bg-hover:focus {
background-color: #75af42 !important;
border-color: #699c3b !important
}
.path-bg-hover:hover, .path-bg-hover:focus {
background-color: #ee3423 !important;
border-color: #e62412 !important
}
.patreon-bg-hover:hover, .patreon-bg-hover:focus {
background-color: #e6461a !important;
border-color: #d03f17 !important
}
.paypal-bg-hover:hover, .paypal-bg-hover:focus {
background-color: #003087 !important;
border-color: #00276e !important
}
.photobucket-bg-hover:hover, .photobucket-bg-hover:focus {
background-color: #0ea0db !important;
border-color: #0c8ec3 !important
}
.pinterest-bg-hover:hover, .pinterest-bg-hover:focus {
background-color: #bd081c !important;
border-color: #a50718 !important
}
.product-hunt-bg-hover:hover, .product-hunt-bg-hover:focus {
background-color: #da552f !important;
border-color: #cb4924 !important
}
.quora-bg-hover:hover, .quora-bg-hover:focus {
background-color: #a82400 !important;
border-color: #8f1f00 !important
}
.rdio-bg-hover:hover, .rdio-bg-hover:focus {
background-color: #007dc3 !important;
border-color: #006daa !important
}
.reddit-bg-hover:hover, .reddit-bg-hover:focus {
background-color: #ff4500 !important;
border-color: #e63e00 !important
}
.rss-bg-hover:hover, .rss-bg-hover:focus {
background-color: #f26522 !important;
border-color: #ed560e !important
}
.salesforce-bg-hover:hover, .salesforce-bg-hover:focus {
background-color: #1798c1 !important;
border-color: #1486aa !important
}
.scribd-bg-hover:hover, .scribd-bg-hover:focus {
background-color: #1a7bba !important;
border-color: #176ca4 !important
}
.shopify-bg-hover:hover, .shopify-bg-hover:focus {
background-color: #96bf48 !important;
border-color: #89b03e !important
}
.skype-bg-hover:hover, .skype-bg-hover:focus {
background-color: #00aff0 !important;
border-color: #009cd7 !important
}
.slack-bg-hover:hover, .slack-bg-hover:focus {
background-color: #6ecadc !important;
border-color: #59c2d7 !important
}
.slideshare-bg-hover:hover, .slideshare-bg-hover:focus {
background-color: #0077b5 !important;
border-color: #00669c !important
}
.soundcloud-bg-hover:hover, .soundcloud-bg-hover:focus {
background-color: #ff8800 !important;
border-color: #e67a00 !important
}
.spotify-bg-hover:hover, .spotify-bg-hover:focus {
background-color: #2ebd59 !important;
border-color: #29a84f !important
}
.squarespace-bg-hover:hover, .squarespace-bg-hover:focus {
background-color: #222222 !important;
border-color: #151515 !important
}
.stackoverflow-bg-hover:hover, .stackoverflow-bg-hover:focus {
background-color: #fe7a15 !important;
border-color: #f86c01 !important
}
.stripe-bg-hover:hover, .stripe-bg-hover:focus {
background-color: #00afe1 !important;
border-color: #009bc8 !important
}
.stumbleupon-bg-hover:hover, .stumbleupon-bg-hover:focus {
background-color: #eb4924 !important;
border-color: #e13b15 !important
}
.telegram-bg-hover:hover, .telegram-bg-hover:focus {
background-color: #0088cc !important;
border-color: #0077b3 !important
}
.tumblr-bg-hover:hover, .tumblr-bg-hover:focus {
background-color: #35465c !important;
border-color: #2c3a4c !important
}
.twitch-tv-bg-hover:hover, .twitch-tv-bg-hover:focus {
background-color: #6441a5 !important;
border-color: #593a93 !important
}
.twitter-bg-hover:hover, .twitter-bg-hover:focus {
background-color: #55acee !important;
border-color: #3ea1ec !important
}
.vimeo-bg-hover:hover, .vimeo-bg-hover:focus {
background-color: #162221 !important;
border-color: #0c1312 !important
}
.vine-bg-hover:hover, .vine-bg-hover:focus {
background-color: #00b488 !important;
border-color: #009b75 !important
}
.wechat-bg-hover:hover, .wechat-bg-hover:focus {
background-color: #7bb32e !important;
border-color: #6d9f29 !important
}
.whatsapp-bg-hover:hover, .whatsapp-bg-hover:focus {
background-color: #43d854 !important;
border-color: #2ed441 !important
}
.yahoo-bg-hover:hover, .yahoo-bg-hover:focus {
background-color: #410093 !important;
border-color: #36007a !important
}
.youtube-bg-hover:hover, .youtube-bg-hover:focus {
background-color: #cd201f !important;
border-color: #b71d1c !important
}
.alert .alert-link {
font-weight: normal;
text-decoration: underline
}
.alert .alert-link:hover, .alert .alert-link:focus {
text-decoration: none
}
.label {
padding: .3em .7em .4em;
font-weight: normal
}
.layout-boxed #wrapper {
max-width: 1200px;
margin: 0 auto;
-webkit-box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc
}
.widget {
margin-bottom: 40px
}
.widget .widget-title {
margin-bottom: 20px;
margin-top: 0;
font-size: 20px;
font-weight: 700;
color: #636363
}
.left-border-title {
border-left: 3px solid #00aff0;
padding-left: 10px;
height: 20px;
line-height: 20px;
font-size: 24px;
font-weight: bold
}
.btn {
text-align: center;
font-size: 14px;
border: 1px solid;
padding: 10px 15px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-color: #3eabb8
}
.text-link, .text-link .arrow_right {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
position: relative;
display: inline-block
}
.text-link, .text-link .arrow_right {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
position: relative;
display: inline-block
}
.btn-filled, .btn:hover {
color: #fff;
border-color: #3eabb8
}
.btn-filled {
border-color: #3eabb8
}
.btn-filled:hover {
background: #fff;
color: #3eabb8;
border-color: #fff
}
.btn-white, .btn-white:hover {
border-color: #fff
}
.btn-white {
color: #fff
}
.btn-white.btn-filled, .btn-white:hover {
background: #fff;
color: #3eabb8
}
.btn-white.btn-filled:hover {
background: #3eabb8;
color: #fff;
border-color: #3eabb8
}
.btn-sm {
max-width: 140px;
min-width: 0;
padding: 10px 16px
}
.btn-sm.btn-filled {
border-color: #3eabb8
}
.btn-sm.btn-filled:hover {
border-color: #fff
}
.text-link {
font-weight: 400;
border-bottom: 2px solid;
text-decoration: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
width: auto;
color: #3eabb8;
border-color: #3eabb8
}
.text-link.text-white, .text-link.text-white:hover {
color: #fff;
border-color: #fff
}
.text-link .arrow_right {
width: 17px;
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transform: translate3d(30px, 0, 0);
-webkit-transform: translate3d(30px, 0, 0);
-moz-transform: translate3d(30px, 0, 0);
position: absolute;
right: 0;
top: 5px;
font-size: 15px
}
.nav-2, nav {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease
}
.nav-1, .nav-fixed {
top: 0;
width: 100%;
z-index: 99
}
.text-link:hover .arrow_right {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0)
}
.text-link:hover {
padding-right: 20px;
color: #2b767f
}
.inline-link {
color: #3eabb8;
font-weight: 700
}
.inline-linl:hover {
color: #2b767f
}
footer {
background-color: #081125;
color: #fff;
display: inline-block;
padding: 50px 0;
width: 100%;
font-weight: 400
}
.footer h1 {
font-size: 14px !important;
text-transform: uppercase;
font-weight: 200;
margin-top: 0;
margin-bottom: 20px
}
.footer address a {
color: #48cfab
}
footer .left {
float: left
}
.footer-bottom {
padding: 30px 0 50px 0;
border-top: 1px solid #bfbfbf
}
.hq-common-footer-2017 .footer-row {
margin-left: auto;
margin-right: auto;
zoom: 1;
width: 100%;
font-size: 12px;
margin-bottom: 20px
}
.hq-common-footer-2017 .footer-row:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.hq-common-footer-2017 .module-wrap .ali-main-know {
padding-top: 30px;
background-color: #081125;
min-height: 220px
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div {
padding-bottom: 30px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 300px;
border-bottom: 1px solid #4b5054
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell {
left: 0;
width: 280px;
position: absolute
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div {
position: relative;
padding-left: 80px
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img {
position: absolute;
left: 0;
width: 50px
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.white {
display: none
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.black {
display: block
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.white-black {
display: none
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div h2 {
color: #d7d8d9;
font-size: 16px;
height: 30px;
margin-top: 0;
margin-bottom: 0
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div h1 {
color: #fff;
font-size: 20px;
height: 30px;
margin-top: 0;
margin-bottom: 0
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul {
margin: 16px 0
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li {
height: 30px;
line-height: 30px
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li a {
font-size: 14px;
color: #9b9ea0;
-webkit-transition: color .3s;
-o-transition: color .3s;
-moz-transition: color .3s;
transition: color .3s
}
.hq-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li a:hover {
color: #28d0e9 !important;
text-decoration: none
}
.hq-common-footer-2017 .ali-main-know>div .ali-main-know-content>li {
float: left
}
.hq-common-footer-2017 .ali-main-know>div .ali-main-know-content>li h4 {
font-size: 14px !important;
color: #c2cdd8
}
.hq-common-footer-2017 .ali-main-know>div .ali-main-know-content .ali-main-know-title {
color: #d7d8d9;
font-size: 12px;
height: 18px;
line-height: 18px;
font-weight: bolder
}
.hq-common-footer-2017 .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent {
margin-top: 14px
}
.hq-common-footer-2017 .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li {
margin-top: 8px
}
.hq-common-footer-2017 .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li a {
color: #678098;
font-size: 13px !important;
-webkit-transition: color .3s;
-o-transition: color .3s;
-moz-transition: color .3s;
transition: color .3s
}
.hq-common-footer-2017 .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li a:hover {
color: #28d0e9 !important;
text-decoration: none
}
.hq-common-footer-2017 .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li.qr-code img {
margin-top: 16px;
width: 80px
}
.hq-common-footer-2017 .copyright {
text-align: center
}
.hq-common-footer-2017 .copyright a {
color: #678098;
font-size: 14px !important
}
.hq-common-footer-2017 .copyright a:hover {
color: #28d0e9
}
.ml5, .ml-5 {
margin-left: 5px !important
}
.amz-toolbar {
position: fixed;
right: 10px;
bottom: 70px;
z-index: 999
}
.amz-toolbar a {
display: none;
opacity: .7
}
.amz-toolbar a:hover {
opacity: 1;
color: #28d0e9
}
.amz-toolbar a.am-active {
display: block
}
.am-icon-btn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 48px;
height: 48px;
font-size: 24px;
line-height: 48px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #eee;
color: #555;
text-align: center
}
.footer-menu {
width: 11%;
padding-right: 10px
}
html, body {
min-width: 320px
}
@import url('./swiper.min.css');