#scrrolbar, .cart-scrrolbar {max-height: 320px}
.buynow-2 .heading {
position: relative;
cursor: pointer;
padding-left: 40px;
}
.buynow-2 .heading:before {
content: "";
position: absolute;
width: 22px;
height: 20px;
left: 10px;
top: 0;
background-image: url(//huyduong.vn/wp-content/themes/huyduong/css/spritesheet.png) ;
background-repeat: no-repeat;
background-position: -459px -360px
}
.buynow-2 .heading .text {
padding-left: 10px;
display: inline-block;
font-size: 18px;
font-weight: bold;
line-height: 20px;
text-transform: uppercase;
color: #555
}
.buynow-2 .heading .text:hover {color: #0388cd;}
.buynow-2 .list-cart-heading {
width: 100%;
background: #f0f0f0;
font-size: 12px;
color: #333;
padding: 0 15px
}
.buynow-2 .list-cart-heading .item {
float: left;
padding: 6px 15px;
text-transform: uppercase;
font-size: 
}
.buynow-2 .list-cart-heading .item+.item {
border-left: 1px solid #fff
}
.buynow-2 .list-cart-heading .product,
.buynow-2 .list-order .product {
width: 45%
}
.buynow-2 .list-cart-heading .price,
.buynow-2 .list-order .price {
width: 17%
}
.buynow-2 .list-cart-heading .count,
.buynow-2 .list-order .count {
width: 15%
}
.buynow-2 .list-cart-heading .prices,
.buynow-2 .list-order .prices {
width: 17%
}
.buynow-2 .list-order {
padding: 0 15px
}
.buynow-2 .list-order>.item {
padding: 15px 0
}
.buynow-2 .list-order>.item+.item {
border-top: 1px dotted #ccc
}
.buynow-2 .list-order .product .thumb {
width: 80px;
height: 80px;
border: 1px solid #d8d8d8
}
.buynow-2 .list-order .price,
.buynow-2 .list-order .prices {
padding-right: 15px;
font-size: 12px;
font-weight: 700
}
.buynow-2 .list-order .price span {
display: block
}
.buynow-2 .list-order .list-item>* {
float: left
}
.buynow-2 .list-order .product .info {
width: 250px;
padding: 0 15px
}
.buynow-2 .list-order .product .info .title {
font-size: 13px;
line-height: 18px;
height: 54px;
font-weight: 700
}
.buynow-2 .list-order .product .info .title .link {
color: #333;
font-size: 12px
}
.buynow-2 .list-order .product .info .title .link:hover {
color: #0388cd
}
.buynow-2 .list-order .product .delete {
border: none;
background: #fff;
font-size: 11px;
color: #6f0600;
cursor: pointer
}
.buynow-2 .list-order .product .delete i {
color: #959595;
margin-right: 5px
}
.buynow-2 .list-order .price .old {
text-decoration: line-through;
color: #959595;
font-weight: 400
}
.buynow-2 .list-order .price .saleoff {
color: #d60c0c;
font-weight: 400
}
.buynow-2 .list-order .count {
text-align: center
}
.buynow-2 .list-order .count>* {
display: inline-block
}
.buynow-2 .list-order .count .btn {
position: absolute;
width: 30px;
height: 30px;
border: 1px solid #dfdfdf;
top: 0;
cursor: pointer
}
.buynow-2 .list-order .count .abate:before,
.buynow-2 .list-order .count .augment:before {
width: 12px;
height: 2px;
margin: 15px auto;
content: "";
display: block
}
.buynow-2 .list-order .count .abate {
left: -30px;
border-right: none
}
.buynow-2 .list-order .count .abate:before {
background: #ccc
}
.buynow-2 .list-order .count .augment {
right: -30px;
border-left: none
}
.buynow-2 .list-order .count .augment:before {
background: #288ad6
}
.buynow-2 .list-order .count .augment:after {
content: "";
width: 2px;
height: 12px;
background: #288ad6;
display: block;
margin: 0 auto;
position: absolute;
top: 10px;
left: 0;
right: 0
}
.buynow-2 .list-order .count .quantity {
width: 30px;
height: 30px;
text-align: center;
border: 1px solid #dfdfdf
}
.buynow-2 .panel-foot {
padding: 15px 15px 0;
font-size: 14px;
line-height: 20px;
color: #333;
border-top: 1px solid #eee
}
.buynow-2 .panel-foot .total .price strong {
color: #d60c0c
}
.buynow-2 .panel-foot .total p {
font-size: 13px
}
.buynow-2 .panel-foot .action .continue {
font-size: 13px;
color: #0388cd
}
.buynow-2 .panel-foot .action .purchase {
display: block;
position: relative;
padding: 8px 40px 8px 20px;
background: #d60c0c;
color: #fff;
border: none;
font-size: 13px;
line-height: 20px;
font-weight: 700;
cursor: pointer;
border-radius: 4px
}
.buynow-2 .panel-foot .action .purchase:after {
content: "";
display: block;
position: absolute;
width: 12px;
height: 8px;
background: url(//huyduong.vn/wp-content/themes/huyduong/css/spritesheet.png) -264px -81px no-repeat;
top: 14px;
right: 15px
}
#scrrolbar::-webkit-scrollbar {
height: 100%;
width: 6px
}
#scrrolbar::-webkit-scrollbar-thumb {
background: #ccc;
height: 10px;
width: 7px;
border-radius: 3px
}
#modal-cart .uk-modal-dialog {
width: 740px!important;
padding: 20px 0 10px!important
}
#modal-cart .uk-modal-dialog>.uk-close:first-child {
margin: -16px 5px 0 0
}
.cart-scrrolbar::-webkit-scrollbar {
height: 100%;
width: 6px
}
.cart-scrrolbar::-webkit-scrollbar-thumb {
background: #ccc;
height: 10px;
width: 7px;
border-radius: 3px
}
@media (max-width: 768px) {
}
.header-search {
position: relative
}
.header-search .searchResult {
padding: 15px 10px;
position: absolute;
z-index: 1000;
top: -moz-calc(100% + 1px);
top: -webkit-calc(100% + 1px);
top: -ms-calc(100% + 1px);
top: -o-calc(100% + 1px);
top: calc(100% + 1px);
left: 0;
background: #fff;
-moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);
-ms-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);
-o-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);
display: none;
width: 120%
}
.header-search .searchResult .title {
position: relative;
margin: 0 0 8px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
background: #fff;
text-transform: uppercase
}
.header-search .searchResult .title>* {
position: relative;
padding: 0 10px 0 0;
background: #fff;
z-index: 100
}
.header-search .searchResult .title:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
background: #ff392f;
left: 0;
top: initial;
bottom: 5px;
z-index: 50
}
.header-search .searchResult .result:not(:last-child) {
margin: 0 0 15px
}
.header-search .searchResult .list li:not(:last-child) {
margin: 0 0 5px
}
.header-search .searchResult .list li a {
font-size: 14px;
line-height: 20px;
color: #333
}
.header-search .searchResult .list li a:hover {
color: #1d8acb
}
.comment-1 .heading {
position: relative;
margin-bottom: 15px
}
.comment-1 .heading .text {
padding: 0 10px 0 0;
display: inline-block;
background: #fff;
text-transform: uppercase;
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: #04457d
}
.comment-1 .comment-list .item {
font-size: 12px;
line-height: 20px;
color: #333;
margin-bottom: 5px
}
.comment-1 .comment-list .item+.item {
padding-top: 15px;
border-top: 1px solid #ebebeb
}
.comment-1 .comment-list .user {
display: inline-block;
margin-right: 10px
}
.comment-1 .info .avatar {
width: 50px;
height: 50px
}
.comment-1 .info .author {
-moz-width: calc(100% -50px);
-ms-width: calc(100% -50px);
-o-width: calc(100% -50px);
-webkit-width: calc(100% -50px);
width: calc(100% -50px);
padding-left: 10px
}
.comment-1 .comment-list .date {
color: #969696
}
.comment-1 .comment-list .email {
color: #737373
}
.comment-1 .comment-list .content p {
margin: 0 0 5px
}
.comment-1 .comment-form {
margin-top: 5px;
padding-top: 20px;
border-top: 1px dashed #ccc
}
.comment-1 .form .text {
border: 1px solid #ccc;
font-size: 14px;
line-height: 20px;
color: #252525;
border-radius: 0
}
.comment-1 .form .text::-webkit-input-placeholder {
font-size: 12px;
line-height: 16px;
color: #959595
}
.comment-1 .form .text:-ms-input-placeholder {
font-size: 12px;
line-height: 16px;
color: #959595
}
.comment-1 .form .text:-moz-placeholder {
font-size: 12px;
line-height: 16px;
color: #959595
}
.comment-1 .form .text:placeholder {
font-size: 12px;
line-height: 16px;
color: #959595
}
.comment-1 .form textarea.text {
height: 120px
}
.comment-1 .form .btn {
font-size: 13px;
line-height: 20px
}
.comment-1 .form .continue {
background: #fafafa
}
.comment-1 .form .reset {
background: #e7e7e7;
margin-left: 15px
}@font-face{font-family:'FontAwesome';src:url(//huyduong.vn/wp-content/themes/huyduong/fonts/fontawesome-webfont.eot-v=4.4.0) ;src:url(//huyduong.vn/wp-content/themes/huyduong/fonts/fontawesome-webfont.eot-#iefix&v=4.4.0) format('embedded-opentype'),url(//huyduong.vn/wp-content/themes/huyduong/fonts/fontawesome-webfont.woff2-v=4.4.0) format('woff2'),url(//huyduong.vn/wp-content/themes/huyduong/fonts/fontawesome-webfont.woff-v=4.4.0) format('woff'),url(//huyduong.vn/wp-content/themes/huyduong/fonts/fontawesome-webfont.ttf-v=4.4.0) format('truetype'),url(//huyduong.vn/wp-content/themes/huyduong/fonts/fontawesome-webfont.svg-v=4.4.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}html {
font: 400 14px/20px Arial, sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: #fff;
color: #333;
background-image: -webkit-radial-gradient(100% 100%, center, #fff, #fff);
background-image: radial-gradient(100% 100% at center, #fff, #fff)
}
body {
margin: 0;
padding: 0;
}
a {
background: 0 0
}
a:active,
a:hover {
outline: 0
}
.uk-link,
a {
color: #1D8ACB;
text-decoration: none;
cursor: pointer
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
font-size: 12px;
font-family: Consolas, monospace, serif;
color: #D05;
white-space: nowrap;
padding: 0 4px;
border: 1px solid #E5E5E5;
border-radius: 3px;
background: #fafafa
}
ins {
background: #ffa;
color: #666;
text-decoration: none
}
mark {
background: #ffa;
color: #666
}
q {
font-style: italic
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
audio,
canvas,
img,
svg,
video {
max-width: 100%;
height: auto;
box-sizing: border-box
}
.uk-img-preserve,
.uk-img-preserve audio,
.uk-img-preserve canvas,
.uk-img-preserve img,
.uk-img-preserve svg,
.uk-img-preserve video {
max-width: none
}
img {
border: 0;
outline: none
}
svg:not(:root) {
overflow: hidden
}
blockquote,
figure {
margin: 0
}
address,
blockquote,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
margin: 0 0 10px 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 10px 0;
font-family: inherit;
color: #222;
text-transform: none
}
ol>li>ol,
ol>li>ul,
ul>li>ol,
ul>li>ul {
margin: 0
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
hr {
box-sizing: content-box;
height: 0;
margin: 15px 0;
border: 0;
border-top: 1px solid #E5E5E5
}
address {
font-style: normal
}
blockquote {
padding-left: 15px;
border-left: 5px solid #E5E5E5;
font-size: 16px;
line-height: 22px;
font-style: italic
}
pre {
padding: 10px;
background: #fafafa;
font: 12px/18px Consolas, monospace, serif;
color: #666;
-moz-tab-size: 4;
tab-size: 4;
overflow: auto;
border: 1px solid #E5E5E5;
border-radius: 3px
}
::-moz-selection {
background: #39f;
color: #fff;
text-shadow: none
}
::selection {
background: #39f;
color: #fff;
text-shadow: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block
}
progress {
vertical-align: baseline
}
audio:not([controls]) {
display: none
}
[hidden],
template {
display: none
}
iframe {
border: 0
}
@media screen and (max-width:400px) {
@-ms-viewport {
width: device-width
}
}
.uk-grid {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none
}
.uk-grid:after,
.uk-grid:before {
content: "";
display: block;
overflow: hidden
}
.uk-grid:after {
clear: both
}
.uk-grid>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
margin: 0;
float: left
}
.uk-grid>*>:last-child {
margin-bottom: 0
}
.uk-grid {
margin-left: -25px
}
.uk-grid>* {
padding-left: 25px
}
@media (min-width:1220px) {
.uk-grid {
margin-left: -35px
}
.uk-grid>* {
padding-left: 35px
}
}
.uk-grid-collapse {
margin-left: 0
}
.uk-grid-collapse>* {
padding-left: 0
}
.uk-grid-small {
margin-left: -10px
}
.uk-grid-small>* {
padding-left: 10px
}
.uk-grid-medium {
margin-left: -25px
}
.uk-grid-medium>* {
padding-left: 25px
}
@media (min-width:960px) {
.uk-grid-large {
margin-left: -35px
}
.uk-grid-large>* {
padding-left: 35px
}
}
@media (min-width:1220px) {
.uk-grid-large {
margin-left: -50px
}
.uk-grid-large>* {
padding-left: 50px
}
}
.uk-grid-divider:not(:empty) {
margin-left: -25px;
margin-right: -25px
}
.uk-grid-divider>* {
padding-left: 25px;
padding-right: 25px
}
.uk-grid-divider>[class*=uk-width-9-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider>[class*=uk-width-2-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-3-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-4-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-5-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-6-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-7-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-8-]:nth-child(n+2) {
border-left: 1px solid #E5E5E5
}
@media (min-width:768px) {
.uk-grid-divider>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2) {
border-left: 1px solid #E5E5E5
}
}
@media (min-width:960px) {
.uk-grid-divider>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2) {
border-left: 1px solid #E5E5E5
}
}
@media (min-width:1220px) {
.uk-grid-divider:not(: empty) {
margin-left: -35px;
margin-right: -35px
}
.uk-grid-divider>* {
padding-left: 35px;
padding-right: 35px
}
.uk-grid-divider:empty {
margin-top: 35px;
margin-bottom: 35px
}
}
.uk-grid-divider:empty {
margin-top: 25px;
margin-bottom: 25px;
border-top: 1px solid #E5E5E5
}
.uk-grid-match>* {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.uk-grid-match>*>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
box-sizing: border-box;
width: 100%
}
[class*=uk-grid-width]>* {
box-sizing: border-box;
width: 100%
}
.uk-grid-width-1-2>* {
width: 50%
}
.uk-grid-width-1-3>* {
width: 33.333%
}
.uk-grid-width-1-4>* {
width: 25%
}
.uk-grid-width-1-5>* {
width: 20%
}
.uk-grid-width-1-6>* {
width: 16.666%
}
.uk-grid-width-1-10>* {
width: 10%
}
.uk-grid-width-auto>* {
width: auto
}
@media (min-width:480px) {
.uk-grid-width-small-1-1>* {
width: 100%
}
.uk-grid-width-small-1-2>* {
width: 50%
}
.uk-grid-width-small-1-3>* {
width: 33.333%
}
.uk-grid-width-small-1-4>* {
width: 25%
}
.uk-grid-width-small-1-5>* {
width: 20%
}
.uk-grid-width-small-1-6>* {
width: 16.666%
}
.uk-grid-width-small-1-10>* {
width: 10%
}
}
@media (min-width:768px) {
.uk-grid-width-medium-1-1>* {
width: 100%
}
.uk-grid-width-medium-1-2>* {
width: 50%
}
.uk-grid-width-medium-1-3>* {
width: 33.333%
}
.uk-grid-width-medium-1-4>* {
width: 25%
}
.uk-grid-width-medium-1-5>* {
width: 20%
}
.uk-grid-width-medium-1-6>* {
width: 16.666%
}
.uk-grid-width-medium-1-10>* {
width: 10%
}
}
@media (min-width:960px) {
.uk-grid-width-large-1-1>* {
width: 100%
}
.uk-grid-width-large-1-2>* {
width: 50%
}
.uk-grid-width-large-1-3>* {
width: 33.333%
}
.uk-grid-width-large-1-4>* {
width: 25%
}
.uk-grid-width-large-1-5>* {
width: 20%
}
.uk-grid-width-large-1-6>* {
width: 16.666%
}
.uk-grid-width-large-1-10>* {
width: 10%
}
}
@media (min-width:1220px) {
.uk-grid-width-xlarge-1-1>* {
width: 100%
}
.uk-grid-width-xlarge-1-2>* {
width: 50%
}
.uk-grid-width-xlarge-1-3>* {
width: 33.333%
}
.uk-grid-width-xlarge-1-4>* {
width: 25%
}
.uk-grid-width-xlarge-1-5>* {
width: 20%
}
.uk-grid-width-xlarge-1-6>* {
width: 16.666%
}
.uk-grid-width-xlarge-1-10>* {
width: 10%
}
}
[class*=uk-width] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%
}
.uk-width-1-1 {
width: 100%
}
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
width: 50%
}
.uk-width-1-3,
.uk-width-2-6 {
width: 33.333%
}
.uk-width-2-3,
.uk-width-4-6 {
width: 66.666%
}
.uk-width-1-4 {
width: 25%
}
.uk-width-3-4 {
width: 75%
}
.uk-width-1-5,
.uk-width-2-10 {
width: 20%
}
.uk-width-2-5,
.uk-width-4-10 {
width: 40%
}
.uk-width-3-5,
.uk-width-6-10 {
width: 60%
}
.uk-width-4-5,
.uk-width-8-10 {
width: 80%
}
.uk-width-1-6 {
width: 16.666%
}
.uk-width-5-6 {
width: 83.333%
}
.uk-width-1-10 {
width: 10%
}
.uk-width-3-10 {
width: 30%
}
.uk-width-7-10 {
width: 70%
}
.uk-width-9-10 {
width: 90%
}
@media (min-width:480px) {
.uk-width-small-1-1 {
width: 100%
}
.uk-width-small-1-2,
.uk-width-small-2-4,
.uk-width-small-3-6,
.uk-width-small-5-10 {
width: 50%
}
.uk-width-small-1-3,
.uk-width-small-2-6 {
width: 33.333%
}
.uk-width-small-2-3,
.uk-width-small-4-6 {
width: 66.666%
}
.uk-width-small-1-4 {
width: 25%
}
.uk-width-small-3-4 {
width: 75%
}
.uk-width-small-1-5,
.uk-width-small-2-10 {
width: 20%
}
.uk-width-small-2-5,
.uk-width-small-4-10 {
width: 40%
}
.uk-width-small-3-5,
.uk-width-small-6-10 {
width: 60%
}
.uk-width-small-4-5,
.uk-width-small-8-10 {
width: 80%
}
.uk-width-small-1-6 {
width: 16.666%
}
.uk-width-small-5-6 {
width: 83.333%
}
.uk-width-small-1-10 {
width: 10%
}
.uk-width-small-3-10 {
width: 30%
}
.uk-width-small-7-10 {
width: 70%
}
.uk-width-small-9-10 {
width: 90%
}
}
@media (min-width:768px) {
.uk-width-medium-1-1 {
width: 100%
}
.uk-width-medium-1-2,
.uk-width-medium-2-4,
.uk-width-medium-3-6,
.uk-width-medium-5-10 {
width: 50%
}
.uk-width-medium-1-3,
.uk-width-medium-2-6 {
width: 33.333%
}
.uk-width-medium-2-3,
.uk-width-medium-4-6 {
width: 66.666%
}
.uk-width-medium-1-4 {
width: 25%
}
.uk-width-medium-3-4 {
width: 75%
}
.uk-width-medium-1-5,
.uk-width-medium-2-10 {
width: 20%
}
.uk-width-medium-2-5,
.uk-width-medium-4-10 {
width: 40%
}
.uk-width-medium-3-5,
.uk-width-medium-6-10 {
width: 60%
}
.uk-width-medium-4-5,
.uk-width-medium-8-10 {
width: 80%
}
.uk-width-medium-1-6 {
width: 16.666%
}
.uk-width-medium-5-6 {
width: 83.333%
}
.uk-width-medium-1-10 {
width: 10%
}
.uk-width-medium-3-10 {
width: 30%
}
.uk-width-medium-7-10 {
width: 70%
}
.uk-width-medium-9-10 {
width: 90%
}
}
@media (min-width:960px) {
.uk-width-large-1-1 {
width: 100%
}
.uk-width-large-1-2,
.uk-width-large-2-4,
.uk-width-large-3-6,
.uk-width-large-5-10 {
width: 50%
}
.uk-width-large-1-3,
.uk-width-large-2-6 {
width: 33.333%
}
.uk-width-large-2-3,
.uk-width-large-4-6 {
width: 66.666%
}
.uk-width-large-1-4 {
width: 25%
}
.uk-width-large-3-4 {
width: 75%
}
.uk-width-large-1-5,
.uk-width-large-2-10 {
width: 20%
}
.uk-width-large-2-5,
.uk-width-large-4-10 {
width: 40%
}
.uk-width-large-3-5,
.uk-width-large-6-10 {
width: 60%
}
.uk-width-large-4-5,
.uk-width-large-8-10 {
width: 80%
}
.uk-width-large-1-6 {
width: 16.666%
}
.uk-width-large-5-6 {
width: 83.333%
}
.uk-width-large-1-10 {
width: 10%
}
.uk-width-large-3-10 {
width: 30%
}
.uk-width-large-7-10 {
width: 70%
}
.uk-width-large-9-10 {
width: 90%
}
}
@media (min-width:1220px) {
.uk-width-xlarge-1-1 {
width: 100%
}
.uk-width-xlarge-1-2,
.uk-width-xlarge-2-4,
.uk-width-xlarge-3-6,
.uk-width-xlarge-5-10 {
width: 50%
}
.uk-width-xlarge-1-3,
.uk-width-xlarge-2-6 {
width: 33.333%
}
.uk-width-xlarge-2-3,
.uk-width-xlarge-4-6 {
width: 66.666%
}
.uk-width-xlarge-1-4 {
width: 25%
}
.uk-width-xlarge-3-4 {
width: 75%
}
.uk-width-xlarge-1-5,
.uk-width-xlarge-2-10 {
width: 20%
}
.uk-width-xlarge-2-5,
.uk-width-xlarge-4-10 {
width: 40%
}
.uk-width-xlarge-3-5,
.uk-width-xlarge-6-10 {
width: 60%
}
.uk-width-xlarge-4-5,
.uk-width-xlarge-8-10 {
width: 80%
}
.uk-width-xlarge-1-6 {
width: 16.666%
}
.uk-width-xlarge-5-6 {
width: 83.333%
}
.uk-width-xlarge-1-10 {
width: 10%
}
.uk-width-xlarge-3-10 {
width: 30%
}
.uk-width-xlarge-7-10 {
width: 70%
}
.uk-width-xlarge-9-10 {
width: 90%
}
}
@media (min-width:768px) {
[class*=uk-push-],
[class*=uk-pull-] {
position: relative
}
.uk-push-1-2,
.uk-push-2-4,
.uk-push-3-6,
.uk-push-5-10 {
left: 50%
}
.uk-push-1-3,
.uk-push-2-6 {
left: 33.333%
}
.uk-push-2-3,
.uk-push-4-6 {
left: 66.666%
}
.uk-push-1-4 {
left: 25%
}
.uk-push-3-4 {
left: 75%
}
.uk-push-1-5,
.uk-push-2-10 {
left: 20%
}
.uk-push-2-5,
.uk-push-4-10 {
left: 40%
}
.uk-push-3-5,
.uk-push-6-10 {
left: 60%
}
.uk-push-4-5,
.uk-push-8-10 {
left: 80%
}
.uk-push-1-6 {
left: 16.666%
}
.uk-push-5-6 {
left: 83.333%
}
.uk-push-1-10 {
left: 10%
}
.uk-push-3-10 {
left: 30%
}
.uk-push-7-10 {
left: 70%
}
.uk-push-9-10 {
left: 90%
}
.uk-pull-1-2,
.uk-pull-2-4,
.uk-pull-3-6,
.uk-pull-5-10 {
left: -50%
}
.uk-pull-1-3,
.uk-pull-2-6 {
left: -33.333%
}
.uk-pull-2-3,
.uk-pull-4-6 {
left: -66.666%
}
.uk-pull-1-4 {
left: -25%
}
.uk-pull-3-4 {
left: -75%
}
.uk-pull-1-5,
.uk-pull-2-10 {
left: -20%
}
.uk-pull-2-5,
.uk-pull-4-10 {
left: -40%
}
.uk-pull-3-5,
.uk-pull-6-10 {
left: -60%
}
.uk-pull-4-5,
.uk-pull-8-10 {
left: -80%
}
.uk-pull-1-6 {
left: -16.666%
}
.uk-pull-5-6 {
left: -83.333%
}
.uk-pull-1-10 {
left: -10%
}
.uk-pull-3-10 {
left: -30%
}
.uk-pull-7-10 {
left: -70%
}
.uk-pull-9-10 {
left: -90%
}
}
.uk-panel {
display: block;
position: relative;
}
.uk-panel,
.uk-panel:hover {
text-decoration: none
}
.uk-panel:after,
.uk-panel:before {
content: "";
display: table
}
.uk-panel:after {
clear: both
}
.uk-panel>:not(.uk-panel-title):last-child {
margin-bottom: 0
}
.uk-panel-title {
margin-top: 0;
font-size: 18px;
line-height: 24px;
font-weight: 400;
text-transform: none;
color: #666
}
.uk-panel-badge {
position: absolute;
top: 0;
right: 0;
z-index: 1
}
.uk-panel-teaser {
margin-bottom: 15px
}
.uk-panel-box {
padding: 15px;
background: #fafafa;
color: #666;
border: 1px solid #E5E5E5;
border-radius: 4px
}
.uk-panel-box-hover:hover {
color: #666
}
.uk-panel-box .uk-panel-title {
color: #666
}
.uk-panel-box .uk-panel-badge {
top: 10px;
right: 10px
}
.uk-panel-box>.uk-panel-teaser {
margin-top: -16px;
margin-left: -16px;
margin-right: -16px
}
.uk-panel-box>.uk-nav-side {
margin: 0 -15px
}
.uk-panel-box-primary {
background-color: #ebf7fd;
color: #2d7091;
border-color: rgba(45, 112, 145, .3)
}
.uk-panel-box-primary-hover:hover {
color: #2d7091
}
.uk-panel-box-primary .uk-panel-title {
color: #2d7091
}
.uk-panel-box-secondary {
background-color: #fff;
color: #444
}
.uk-panel-box-secondary-hover:hover {
color: #444
}
.uk-panel-box-secondary .uk-panel-title {
color: #444
}
.uk-panel-hover {
padding: 15px;
color: #666;
border: 1px solid transparent;
border-radius: 4px
}
.uk-panel-hover:hover {
background: #fafafa;
color: #666;
border-color: #E5E5E5
}
.uk-panel-hover .uk-panel-badge {
top: 10px;
right: 10px
}
.uk-panel-hover>.uk-panel-teaser {
margin-top: -16px;
margin-left: -16px;
margin-right: -16px
}
.uk-panel-header .uk-panel-title {
padding-bottom: 10px;
border-bottom: 1px solid #E5E5E5;
color: #666
}
.uk-panel-space {
padding: 30px
}
.uk-panel-space .uk-panel-badge {
top: 30px;
right: 30px
}
.uk-panel+.uk-panel-divider {
margin-top: 50px!important
}
.uk-panel+.uk-panel-divider:before {
content: "";
display: block;
position: absolute;
top: -25px;
left: 0;
right: 0;
border-top: 1px solid #E5E5E5
}
@media (min-width:1220px) {
.uk-panel+.uk-panel-divider {
margin-top: 70px!important
}
.uk-panel+.uk-panel-divider:before {
top: -35px
}
}
.uk-panel-box .uk-panel-teaser {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
overflow: hidden;
-webkit-transform: translateZ(0)
}
.uk-block {
position: relative;
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 20px
}
@media (min-width:768px) {
.uk-block {
padding-top: 50px;
padding-bottom: 50px
}
}
.uk-block:after,
.uk-block:before {
content: "";
display: table
}
.uk-block:after {
clear: both
}
.uk-block>:last-child {
margin-bottom: 0
}
.uk-block-large {
padding-top: 20px;
padding-bottom: 20px
}
@media (min-width:768px) {
.uk-block-large {
padding-top: 50px;
padding-bottom: 50px
}
}
@media (min-width:960px) {
.uk-block-large {
padding-top: 100px;
padding-bottom: 100px
}
}
.uk-block-default {
background: #fff
}
.uk-block-muted {
background: #f9f9f9
}
.uk-block-primary {
background: #00a8e6
}
.uk-block-secondary {
background: #222
}
.uk-block-default+.uk-block-default,
.uk-block-muted+.uk-block-muted,
.uk-block-primary+.uk-block-primary,
.uk-block-secondary+.uk-block-secondary {
padding-top: 0
}
.uk-article:after,
.uk-article:before {
content: "";
display: table
}
.uk-article:after {
clear: both
}
.uk-article>:last-child {
margin-bottom: 0
}
.uk-article-title {
font-size: 20px;
line-height: 24px;
font-weight: 300;
text-transform: none
}
.uk-article-title a {
color: inherit;
text-decoration: none
}
.uk-article-meta {
font-size: 12px;
line-height: 18px;
color: #999
}
.uk-article-lead {
color: #222;
font-size: 18px;
line-height: 24px;
font-weight: 400
}
.uk-article-divider {
margin-bottom: 25px;
border-color: #E5E5E5
}
*+.uk-article-divider {
margin-top: 25px
}
.uk-article+.uk-article {
padding-top: 50px;
border-top: 1px solid #E5E5E5
}
.uk-comment-header {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #E5E5E5;
border-radius: 4px;
background: #fafafa
}
.uk-comment-header:after,
.uk-comment-header:before {
content: "";
display: table
}
.uk-comment-header:after {
clear: both
}
.uk-comment-avatar {
margin-right: 15px;
float: left
}
.uk-comment-title {
margin: 5px 0 0 0;
font-size: 16px;
line-height: 22px
}
.uk-comment-meta {
margin: 2px 0 0 0;
font-size: 11px;
line-height: 16px;
color: #999
}
.uk-comment-body {
padding-left: 10px;
padding-right: 10px
}
.uk-comment-body>:last-child {
margin-bottom: 0
}
.uk-comment-list {
padding: 0;
list-style: none
}
.uk-comment-list .uk-comment+ul {
margin: 25px 0 0 0;
list-style: none
}
.uk-comment-list .uk-comment+ul>li:nth-child(n+2),
.uk-comment-list>li:nth-child(n+2) {
margin-top: 25px
}
@media (min-width:768px) {
.uk-comment-list .uk-comment+ul {
padding-left: 100px
}
}
.uk-comment-primary .uk-comment-header {
border-color: rgba(45, 112, 145, .3);
background-color: #ebf7fd;
color: #2d7091;
text-shadow: 0 1px 0 #fff
}
.uk-cover-background {
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat
}
.uk-cover {
overflow: hidden
}
.uk-cover-object {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none;
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
[data-uk-cover] {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.uk-nav,
.uk-nav ul {
margin: 0;
padding: 0;
list-style: none
}
.uk-nav li>a {
display: block;
text-decoration: none
}
.uk-nav>li>a {
padding: 5px 15px
}
.uk-nav ul a {
padding: 5px 10px
}
.uk-nav li>a>div {
font-size: 12px;
line-height: 18px
}
.uk-nav-header {
padding: 3px 15px;
text-transform: uppercase;
font-weight: 700;
font-size: 12px
}
.uk-nav-header:not(:first-child) {
margin-top: 15px
}
.uk-nav-divider {
margin: 7px 15px
}
ul.uk-nav-sub {
padding: 5px 0 5px 15px
}
.uk-nav-parent-icon>.uk-parent>a:after {
content: "\f104";
width: 20px;
margin-right: -10px;
float: right;
font-family: FontAwesome;
text-align: center
}
.uk-nav-parent-icon>.uk-parent.uk-open>a:after {
content: "\f107"
}
.uk-nav-side>li>a {
color: #666
}
.uk-nav-side>li>a:focus,
.uk-nav-side>li>a:hover {
background: rgba(0, 0, 0, .03);
color: #666;
outline: 0;
box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
text-shadow: 0 -1px 0 #fff
}
.uk-nav-side>li.uk-active>a {
background: #009dd8;
color: #fff;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-side .uk-nav-header {
color: #666
}
.uk-nav-side .uk-nav-divider {
border-top: 1px solid #E5E5E5;
box-shadow: 0 1px 0 #fff
}
.uk-nav-side ul a {
color: #1D8ACB
}
.uk-nav-side ul a:hover {
color: #0B5F90
}
.uk-nav-dropdown>li>a {
color: #666
}
.uk-nav-dropdown>li>a:focus,
.uk-nav-dropdown>li>a:hover {
background: #009dd8;
color: #fff;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-dropdown .uk-nav-header {
color: #999
}
.uk-nav-dropdown .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-nav-dropdown ul a {
color: #1D8ACB
}
.uk-nav-dropdown ul a:hover {
color: #0B5F90
}
.uk-nav-navbar>li>a {
color: #666
}
.uk-nav-navbar .uk-nav-header {
color: #999
}
.uk-nav-navbar .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-nav-navbar ul a {
color: #1D8ACB
}
.uk-nav-navbar ul a:hover {
color: #0B5F90
}
.uk-nav-offcanvas>li>a {
color: #ccc;
padding: 10px 15px;
border-top: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-nav-offcanvas>.uk-open>a,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
background: #404040;
color: #fff;
outline: 0
}
html .uk-nav.uk-nav-offcanvas>li.uk-active>a {
background: #1a1a1a;
color: #fff;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}
.uk-nav-offcanvas .uk-nav-header {
color: #777;
margin-top: 0;
border-top: 1px solid rgba(0, 0, 0, .3);
background: #404040;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-nav-offcanvas .uk-nav-divider {
border-top: 1px solid rgba(255, 255, 255, .01);
margin: 0;
height: 4px;
background: rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}
.uk-nav-offcanvas ul a {
color: #ccc
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
color: #fff
}
.uk-nav-offcanvas {
border-bottom: 1px solid rgba(0, 0, 0, .3);
box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}
.uk-nav-offcanvas .uk-nav-sub {
border-top: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
}
.uk-navbar {
background: #f7f7f7;
color: #666;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom-color: rgba(0, 0, 0, .3);
border-radius: 4px;
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee)
}
.uk-navbar:after,
.uk-navbar:before {
content: "";
display: table
}
.uk-navbar:after {
clear: both
}
.uk-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
}
.uk-navbar-nav>li {
float: left;
position: relative
}
.uk-navbar-nav>li>a {
display: block;
box-sizing: border-box;
text-decoration: none;
padding: 10px 15px;
line-height: 20px;
color: #666;
font-size: 14px;
font-family: inherit;
font-weight: 400;
border: none;
}
.uk-navbar-nav>li>a[href='#'] {
cursor: text
}
.uk-navbar-nav>li.uk-open>a,
.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a:focus {
background-color: transparent;
color: #666;
outline: 0;
position: relative;
z-index: 1;
}
.uk-navbar-nav>li.uk-active>a {
background-color: #fafafa;
color: #666;
}
.uk-navbar-nav .uk-navbar-nav-subtitle {
line-height: 28px
}
.uk-navbar-nav-subtitle>div {
margin-top: -6px;
font-size: 10px;
line-height: 12px
}
.uk-navbar-brand,
.uk-navbar-content,
.uk-navbar-toggle {
box-sizing: border-box;
display: block;
padding: 0 15px;
margin-top: -1px;
}
.uk-navbar-brand:before,
.uk-navbar-content:before,
.uk-navbar-toggle:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center) {
padding-left: 0
}
.uk-navbar-content>a:not([class]) {
color: #1D8ACB
}
.uk-navbar-content>a:not([class]):hover {
color: #0B5F90
}
.uk-navbar-brand {
font-size: 18px;
color: #666;
text-decoration: none
}
.uk-navbar-brand:focus,
.uk-navbar-brand:hover {
color: #666;
text-decoration: none;
outline: 0
}
.uk-navbar-toggle {
font-size: 18px;
color: #666;
text-decoration: none
}
.uk-navbar-toggle:focus,
.uk-navbar-toggle:hover {
color: #666;
text-decoration: none;
outline: 0
}
.uk-navbar-toggle:after {
content: "\f0c9";
font-family: FontAwesome;
vertical-align: middle
}
.uk-navbar-toggle-alt:after {
content: "\f002"
}
.uk-navbar-center {
float: none;
text-align: center;
max-width: 50%;
margin-left: auto;
margin-right: auto
}
.uk-navbar-flip {
float: right
}
.uk-navbar-flip .uk-navbar-nav>li>a {
margin-left: 0;
margin-right: -1px
}
.uk-navbar-flip .uk-navbar-nav:first-child>li:first-child>a {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.uk-navbar-flip .uk-navbar-nav:last-child>li:last-child>a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.uk-navbar-attached {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-radius: 0
}
.uk-navbar-attached .uk-navbar-nav>li>a {
border-radius: 0!important
}
.uk-subnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-top: -10px;
padding: 0;
list-style: none
}
.uk-subnav>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
padding-left: 10px;
margin-top: 10px;
position: relative
}
.uk-subnav:after,
.uk-subnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-subnav:after {
clear: both
}
.uk-subnav>* {
float: left
}
.uk-subnav>*>* {
display: inline-block;
color: #666
}
.uk-subnav>*>:focus,
.uk-subnav>*>:hover {
color: #1D8ACB;
text-decoration: none
}
.uk-subnav>.uk-active>* {
color: #1D8ACB
}
.uk-subnav-line>:before {
content: "";
display: inline-block;
height: 10px;
vertical-align: middle
}
.uk-subnav-line>:nth-child(n+2):before {
margin-right: 10px;
border-left: 1px solid #E5E5E5
}
.uk-subnav-pill>*>* {
padding: 3px 9px;
border-radius: 4px
}
.uk-subnav-pill>*>:focus,
.uk-subnav-pill>*>:hover {
background: #fafafa;
color: #666;
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
}
.uk-subnav-pill>.uk-active>* {
background: #009dd8;
color: #fff;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-subnav>.uk-disabled>* {
background: 0 0;
color: #999;
text-decoration: none;
cursor: text;
box-shadow: none
}
.uk-breadcrumb {
padding: 0;
list-style: none;
font-size: 0
}
.uk-breadcrumb>li {
font-size: 1rem;
vertical-align: top
}
.uk-breadcrumb>li,
.uk-breadcrumb>li>a,
.uk-breadcrumb>li>span {
display: inline-block
}
.uk-breadcrumb>li:nth-child(n+2):before {
content: "/";
display: inline-block;
margin: 0 8px
}
.uk-breadcrumb>li:not(.uk-active)>span {
color: #999
}
.uk-pagination {
padding: 0;
list-style: none;
text-align: center;
font-size: 0
}
.uk-pagination:after,
.uk-pagination:before {
content: "";
display: table
}
.uk-pagination:after {
clear: both
}
.uk-pagination>li {
display: inline-block;
font-size: 1rem;
vertical-align: top
}
.uk-pagination>li:nth-child(n+2) {
margin-left: 5px
}
.uk-pagination>li>a,
.uk-pagination>li>span {
display: inline-block;
min-width: 16px;
padding: 3px 5px;
line-height: 20px;
text-decoration: none;
box-sizing: content-box;
text-align: center;
border-radius: 4px
}
.uk-pagination>li>a {
background: #f7f7f7;
color: #666;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee);
}
.uk-pagination>li>a:focus,
.uk-pagination>li>a:hover {
background-color: #fafafa;
color: #666;
outline: 0;
background-image: none
}
.uk-pagination>li>a:active {
background-color: #f5f5f5;
color: #666;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-pagination>.uk-active>span {
background: #009dd8;
color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-pagination>.uk-disabled>span {
background-color: #fafafa;
color: #999;
border: 1px solid rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 #fff
}
.uk-pagination-previous {
float: left
}
.uk-pagination-next {
float: right
}
.uk-pagination-left {
text-align: left
}
.uk-pagination-right {
text-align: right
}
.uk-tab {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #E5E5E5
}
.uk-tab:after,
.uk-tab:before {
content: "";
display: table
}
.uk-tab:after {
clear: both
}
.uk-tab>li {
margin-bottom: -1px;
float: left;
position: relative
}
.uk-tab>li>a {
display: block;
padding: 8px 12px 8px 12px;
border: 1px solid transparent;
border-bottom-width: 0;
color: #1D8ACB;
text-decoration: none;
border-radius: 4px 4px 0 0;
text-shadow: 0 1px 0 #fff
}
.uk-tab>li:nth-child(n+2)>a {
margin-left: 5px
}
.uk-tab>li.uk-open>a,
.uk-tab>li>a:focus,
.uk-tab>li>a:hover {
border-color: #E5E5E5;
background: #fafafa;
color: #0B5F90;
outline: 0
}
.uk-tab>li.uk-open:not(.uk-active)>a,
.uk-tab>li:not(.uk-active)>a:focus,
.uk-tab>li:not(.uk-active)>a:hover {
margin-bottom: 1px;
padding-bottom: 7px
}
.uk-tab>li.uk-active>a {
border-color: #E5E5E5;
border-bottom-color: transparent;
background: #fff;
color: #666
}
.uk-tab>li.uk-disabled>a {
color: #999;
cursor: text
}
.uk-tab>li.uk-disabled.uk-active>a,
.uk-tab>li.uk-disabled>a:focus,
.uk-tab>li.uk-disabled>a:hover {
background: 0 0;
border-color: transparent
}
.uk-tab-flip>li {
float: right
}
.uk-tab-flip>li:nth-child(n+2)>a {
margin-left: 0;
margin-right: 5px
}
.uk-tab>li.uk-tab-responsive>a {
margin-left: 0;
margin-right: 0
}
.uk-tab-responsive>a:before {
content: "\f0c9\00a0";
font-family: FontAwesome
}
.uk-tab-center {
border-bottom: 1px solid #E5E5E5
}
.uk-tab-center-bottom {
border-bottom: none;
border-top: 1px solid #E5E5E5
}
.uk-tab-center:after,
.uk-tab-center:before {
content: "";
display: table
}
.uk-tab-center:after {
clear: both
}
.uk-tab-center .uk-tab {
position: relative;
right: 50%;
border: none;
float: right
}
.uk-tab-center .uk-tab>li {
position: relative;
right: -50%
}
.uk-tab-center .uk-tab>li>a {
text-align: center
}
.uk-tab-bottom {
border-top: 1px solid #E5E5E5;
border-bottom: none
}
.uk-tab-bottom>li {
margin-top: -1px;
margin-bottom: 0
}
.uk-tab-bottom>li>a {
padding-top: 8px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-top-width: 0
}
.uk-tab-bottom>li.uk-open:not(.uk-active)>a,
.uk-tab-bottom>li:not(.uk-active)>a:focus,
.uk-tab-bottom>li:not(.uk-active)>a:hover {
margin-bottom: 0;
margin-top: 1px;
padding-bottom: 8px;
padding-top: 7px
}
.uk-tab-bottom>li.uk-active>a {
border-top-color: transparent;
border-bottom-color: #E5E5E5
}
.uk-tab-grid {
margin-left: -5px;
border-bottom: none;
position: relative;
z-index: 0
}
.uk-tab-grid:before {
display: block;
position: absolute;
left: 5px;
right: 0;
bottom: -1px;
border-top: 1px solid #E5E5E5;
z-index: -1
}
.uk-tab-grid>li:first-child>a {
margin-left: 5px
}
.uk-tab-grid>li>a {
text-align: center
}
.uk-tab-grid.uk-tab-bottom {
border-top: none
}
.uk-tab-grid.uk-tab-bottom:before {
top: -1px;
bottom: auto
}
@media (min-width:768px) {
.uk-tab-left,
.uk-tab-right {
border-bottom: none
}
.uk-tab-left>li,
.uk-tab-right>li {
margin-bottom: 0;
float: none
}
.uk-tab-left>li>a,
.uk-tab-right>li>a {
padding-top: 8px;
padding-bottom: 8px
}
.uk-tab-left>li:nth-child(n+2)>a,
.uk-tab-right>li:nth-child(n+2)>a {
margin-left: 0;
margin-top: 5px
}
.uk-tab-left>li.uk-active>a,
.uk-tab-right>li.uk-active>a {
border-color: #E5E5E5
}
.uk-tab-left {
border-right: 1px solid #E5E5E5
}
.uk-tab-left>li {
margin-right: -1px
}
.uk-tab-left>li>a {
border-bottom-width: 1px;
border-right-width: 0
}
.uk-tab-left>li:not(.uk-active)>a:focus,
.uk-tab-left>li:not(.uk-active)>a:hover {
margin-bottom: 0;
margin-right: 1px;
padding-bottom: 8px;
padding-right: 11px
}
.uk-tab-left>li.uk-active>a {
border-right-color: transparent
}
.uk-tab-right {
border-left: 1px solid #E5E5E5
}
.uk-tab-right>li {
margin-left: -1px
}
.uk-tab-right>li>a {
border-bottom-width: 1px;
border-left-width: 0
}
.uk-tab-right>li:not(.uk-active)>a:focus,
.uk-tab-right>li:not(.uk-active)>a:hover {
margin-bottom: 0;
margin-left: 1px;
padding-bottom: 8px;
padding-left: 11px
}
.uk-tab-right>li.uk-active>a {
border-left-color: transparent
}
}
.uk-tab-bottom>li>a {
border-radius: 0 0 4px 4px
}
@media (min-width:768px) {
.uk-tab-left>li>a {
border-radius: 4px 0 0 4px
}
.uk-tab-right>li>a {
border-radius: 0 4px 4px 0
}
}
.uk-thumbnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-top: -10px;
padding: 0;
list-style: none
}
.uk-thumbnav>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
padding-left: 10px;
margin-top: 10px
}
.uk-thumbnav:after,
.uk-thumbnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-thumbnav:after {
clear: both
}
.uk-thumbnav>* {
float: left
}
.uk-thumbnav>*>* {
display: block;
background: #fff
}
.uk-thumbnav>*>*>img {
opacity: .7;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.uk-thumbnav>*>:focus>img,
.uk-thumbnav>*>:hover>img {
opacity: 1
}
.uk-thumbnav>.uk-active>*>img {
opacity: 1
}
.uk-list {
padding: 0;
list-style: none
}
.uk-list>li:after,
.uk-list>li:before {
content: "";
display: table
}
.uk-list>li:after {
clear: both
}
.uk-list>li>:last-child {
margin-bottom: 0
}
.uk-list ul {
margin: 0;
padding: 0px;
list-style: none
}
.uk-list-line>li:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #E5E5E5
}
.uk-list-striped>li {
padding: 5px 5px;
border-bottom: 1px solid #E5E5E5
}
.uk-list-striped>li:nth-of-type(odd) {
background: #fafafa
}
.uk-list-space>li:nth-child(n+2) {
margin-top: 10px
}
.uk-list-striped>li:first-child {
border-top: 1px solid #E5E5E5
}
@media (min-width:768px) {
.uk-description-list-horizontal {
overflow: hidden
}
.uk-description-list-horizontal>dt {
width: 160px;
float: left;
clear: both;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.uk-description-list-horizontal>dd {
margin-left: 180px
}
}
.uk-description-list-line>dt {
font-weight: 400
}
.uk-description-list-line>dt:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #E5E5E5
}
.uk-description-list-line>dd {
color: #999
}
.uk-table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 15px
}
*+.uk-table {
margin-top: 15px
}
.uk-table td,
.uk-table th {
padding: 8px 8px;
border-bottom: 1px solid #E5E5E5
}
.uk-table th {
text-align: left
}
.uk-table td {
vertical-align: top
}
.uk-table thead th {
vertical-align: bottom
}
.uk-table caption,
.uk-table tfoot {
font-size: 12px;
font-style: italic
}
.uk-table caption {
text-align: left;
color: #999
}
.uk-table tbody tr.uk-active {
background: #f0f0f0
}
.uk-table-middle,
.uk-table-middle td {
vertical-align: middle!important
}
.uk-table-striped tbody tr:nth-of-type(odd) {
background: #fafafa
}
.uk-table-condensed td {
padding: 4px 8px
}
.uk-table-hover tbody tr:hover {
background: #f0f0f0
}
.uk-form input,
.uk-form select,
.uk-form textarea {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit;
color: inherit
}
.uk-form select {
text-transform: none
}
.uk-form optgroup {
font: inherit;
font-weight: 700
}
.uk-form input::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-form input[type=checkbox],
.uk-form input[type=radio] {
padding: 0;
margin: 0;
vertical-align: middle;
}
.uk-form input[type=checkbox]:not(:disabled),
.uk-form input[type=radio]:not(:disabled) {
cursor: pointer;
vertical-align: middle;
}
.uk-form input:not([type]),
.uk-form input[type=text],
.uk-form input[type=password],
.uk-form input[type=email],
.uk-form input[type=url],
.uk-form input[type=search],
.uk-form input[type=tel],
.uk-form input[type=number],
.uk-form input[type=datetime],
.uk-form textarea {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}
.uk-form input[type=search]::-webkit-search-cancel-button,
.uk-form input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}
.uk-form input[type=number]::-webkit-inner-spin-button,
.uk-form input[type=number]::-webkit-outer-spin-button {
height: auto
}
.uk-form fieldset {
border: none;
margin: 0;
padding: 0
}
.uk-form textarea {
overflow: auto;
vertical-align: top
}
.uk-form::-moz-placeholder {
opacity: 1
}
.uk-form:invalid {
box-shadow: none
}
.uk-form input:not([type=radio]):not([type=checkbox]),
.uk-form select {
vertical-align: middle
}
.uk-form>:last-child {
margin-bottom: 0
}
.uk-form input:not([type]),
.uk-form input[type=text],
.uk-form input[type=password],
.uk-form input[type=email],
.uk-form input[type=url],
.uk-form input[type=search],
.uk-form input[type=tel],
.uk-form input[type=number],
.uk-form input[type=datetime],
.uk-form input[type=datetime-local],
.uk-form input[type=date],
.uk-form input[type=month],
.uk-form input[type=time],
.uk-form input[type=week],
.uk-form input[type=color],
.uk-form select,
.uk-form textarea {
height: 32px;
padding: 0px 10px;
line-height: 32px;
max-width: 100%;
border: 1px solid #d5d5d5;
background: #fff;
color: #333;
outline: none;
font-size: 14px;line-height: 20px;
-webkit-transition: all .2s linear;
-webkit-transition-property: border, background, color, box-shadow, padding;
transition: all .2s linear;
transition-property: border, background, color, box-shadow, padding;
}
.uk-form input:not([type]):disabled,
.uk-form input[type=text]:disabled,
.uk-form input[type=password]:disabled,
.uk-form input[type=email]:disabled,
.uk-form input[type=url]:disabled,
.uk-form input[type=search]:disabled,
.uk-form input[type=tel]:disabled,
.uk-form input[type=number]:disabled,
.uk-form input[type=datetime]:disabled,
.uk-form input[type=datetime-local]:disabled,
.uk-form input[type=date]:disabled,
.uk-form input[type=month]:disabled,
.uk-form input[type=time]:disabled,
.uk-form input[type=week]:disabled,
.uk-form input[type=color]:disabled,
.uk-form select:disabled,
.uk-form textarea:disabled {
border-color: #E5E5E5;
background-color: #fafafa;
color: #999
}
.uk-form:-ms-input-placeholder {
color: #999!important
}
.uk-form::-moz-placeholder {
color: #999
}
.uk-form::-webkit-input-placeholder {
color: #999
}
.uk-form:disabled:-ms-input-placeholder {
color: #999!important
}
.uk-form:disabled::-moz-placeholder {
color: #999
}
.uk-form:disabled::-webkit-input-placeholder {
color: #999
}
.uk-form legend {
width: 100%;
border: 0;
padding: 0;
padding-bottom: 15px;
font-size: 18px;
line-height: 30px
}
.uk-form legend:after {
content: "";
display: block;
border-bottom: 1px solid #E5E5E5;
width: 100%
}
input:not([type]).uk-form-small,
input[type].uk-form-small,
select.uk-form-small,
textarea.uk-form-small {
height: 25px;
padding: 3px 3px;
font-size: 12px
}
input:not([type]).uk-form-large,
input[type].uk-form-large,
select.uk-form-large,
textarea.uk-form-large {
height: 40px;
padding: 8px 6px;
font-size: 16px
}
.uk-form select[multiple],
.uk-form select[size],
.uk-form textarea {
height: auto
}
.uk-form-danger {
border-color: #dc8d99!important;
background: #fff7f8!important;
color: #d85030!important
}
.uk-form-success {
border-color: #8ec73b!important;
background: #fafff2!important;
color: #659f13!important
}
.uk-form-blank {
border-color: transparent!important;
border-style: dashed!important;
background: 0 0!important
}
.uk-form-blank:focus {
border-color: #E5E5E5!important
}
input.uk-form-width-mini {
width: 40px
}
select.uk-form-width-mini {
width: 65px
}
.uk-form-width-small {
width: 130px
}
.uk-form-width-medium {
width: 200px
}
.uk-form-width-large {
width: 500px
}
.uk-form-row:after,
.uk-form-row:before {
content: "";
display: table
}
.uk-form-row:after {
clear: both
}
.uk-form-row+.uk-form-row {
margin-top: 15px
}
.uk-form-help-inline {
display: inline-block;
margin: 0 0 0 10px
}
.uk-form-help-block {
margin: 5px 0 0 0
}
.uk-form-controls>:first-child {
margin-top: 0
}
.uk-form-controls>:last-child {
margin-bottom: 0
}
.uk-form-controls-condensed {
margin: 5px 0
}
.uk-form-stacked .uk-form-label {
display: block;
margin-bottom: 5px;
font-weight: 700
}
@media (max-width:959px) {
.uk-form-horizontal .uk-form-label {
display: block;
margin-bottom: 5px;
font-weight: 700
}
}
@media (min-width:960px) {
.uk-form-horizontal .uk-form-label {
width: 200px;
margin-top: 5px;
float: left
}
.uk-form-horizontal .uk-form-controls {
margin-left: 215px
}
.uk-form-horizontal .uk-form-controls-text {
padding-top: 5px
}
}
.uk-form-icon {
display: inline-block;
position: relative;
max-width: 100%
}
.uk-form-icon>[class*=uk-icon-] {
position: absolute;
top: 50%;
width: 30px;
margin-top: -7px;
font-size: 14px;
color: #999;
text-align: center;
pointer-events: none
}
.uk-form-icon:not(.uk-form-icon-flip)>input {
padding-left: 30px!important
}
.uk-form-icon-flip>[class*=uk-icon-] {
right: 0
}
.uk-form-icon-flip>input {
padding-right: 30px!important
}
.uk-button::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-button {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
margin: 0;
border: none;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
display: inline-block;
padding: 5px 15px;
background: #d5d5d5;
vertical-align: middle;
line-height: 20px;
font-size: 14px;
text-decoration: none;
text-align: center;
-webkit-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
outline: none;
}
.uk-button:not(:disabled) {
cursor: pointer
}
.uk-button.uk-active,
.uk-button:active {
background-color: inherit;
color: inherit;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-button-primary {
background-color: #009dd8;
color: #fff;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-button-primary:focus,
.uk-button-primary:hover {
background-color: #00aff2;
color: #fff;
background-image: none
}
.uk-button-primary.uk-active,
.uk-button-primary:active {
background-color: #008abf;
color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-button-success {
background-color: #82bb42;
color: #fff;
background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
background-image: linear-gradient(to bottom, #9fd256, #6fac34);
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-button-success:focus,
.uk-button-success:hover {
background-color: #8fce48;
color: #fff;
background-image: none
}
.uk-button-success.uk-active,
.uk-button-success:active {
background-color: #76b430;
color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-button-danger {
background-color: #d32c46;
color: #fff;
background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
background-image: linear-gradient(to bottom, #ee465a, #c11a39);
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-button-danger:focus,
.uk-button-danger:hover {
background-color: #e33551;
color: #fff;
background-image: none
}
.uk-button-danger.uk-active,
.uk-button-danger:active {
background-color: #c91c37;
color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-button:disabled {
background-color: #fafafa;
color: #999;
border-color: rgba(0, 0, 0, .2);
background-image: none;
box-shadow: none;
text-shadow: 0 1px 0 #fff
}
.uk-button-link,
.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:disabled,
.uk-button-link:focus,
.uk-button-link:hover {
border-color: transparent;
background: 0 0;
box-shadow: none;
text-shadow: none
}
.uk-button-link {
color: #1D8ACB
}
.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:focus,
.uk-button-link:hover {
color: #0B5F90;
text-decoration: underline
}
.uk-button-link:disabled {
color: #999
}
.uk-button-link:focus {
outline: 1px dotted
}
.uk-button-mini {
min-height: 20px;
padding: 0 6px;
line-height: 18px;
font-size: 11px
}
.uk-button-small {
min-height: 25px;
padding: 0 10px;
line-height: 23px;
font-size: 12px
}
.uk-button-large {
min-height: 40px;
padding: 0 15px;
line-height: 38px;
font-size: 16px;
border-radius: 5px
}
.uk-button-group {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 0;
white-space: nowrap
}
.uk-button-group>* {
display: inline-block
}
.uk-button-group .uk-button {
vertical-align: top
}
.uk-button-dropdown {
display: inline-block;
vertical-align: middle;
position: relative
}
.uk-button-group>.uk-button:not(:first-child):not(:last-child),
.uk-button-group>div:not(:first-child):not(:last-child) .uk-button {
border-radius: 0
}
.uk-button-group>.uk-button:first-child,
.uk-button-group>div:first-child .uk-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.uk-button-group>.uk-button:last-child,
.uk-button-group>div:last-child .uk-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.uk-button-group>.uk-button:nth-child(n+2),
.uk-button-group>div:nth-child(n+2) .uk-button {
margin-left: -1px
}
.uk-button-group .uk-button.uk-active,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button:hover {
position: relative
}
.uk-close::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-close {
-webkit-appearance: none;
margin: 0;
border: none;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
padding: 0;
background: 0 0;
display: inline-block;
box-sizing: content-box;
width: 20px;
line-height: 20px;
text-align: center;
vertical-align: middle;
}
.uk-close:after {
display: block;
content: "\f00d";
font-family: FontAwesome
}
.uk-close:focus,
.uk-close:hover {
opacity: .5;
outline: 0;
color: inherit;
text-decoration: none;
cursor: pointer
}
.uk-close-alt {
padding: 2px;
border-radius: 50%;
background: #fff;
opacity: 1;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 0 6px rgba(0, 0, 0, .3)
}
.uk-close-alt:focus,
.uk-close-alt:hover {
opacity: 1
}
.uk-close-alt:after {
opacity: .5
}
.uk-close-alt:focus:after,
.uk-close-alt:hover:after {
opacity: .8
}
.uk-badge {
display: inline-block;
padding: 0 5px;
background: #009dd8;
font-size: 10px;
font-weight: 700;
line-height: 14px;
color: #fff;
text-align: center;
vertical-align: middle;
text-transform: none;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
border-radius: 2px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
a.uk-badge:hover {
color: #fff
}
.uk-badge-notification {
box-sizing: border-box;
min-width: 18px;
border-radius: 500px;
font-size: 12px;
line-height: 18px
}
.uk-badge-success {
background-color: #82bb42;
background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
background-image: linear-gradient(to bottom, #9fd256, #6fac34)
}
.uk-badge-warning {
background-color: #f9a124;
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406)
}
.uk-badge-danger {
background-color: #d32c46;
background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
background-image: linear-gradient(to bottom, #ee465a, #c11a39)
}
.uk-alert {
margin-bottom: 15px;
padding: 10px;
background: #ebf7fd;
color: #2d7091;
border: 1px solid rgba(45, 112, 145, .3);
border-radius: 4px;
text-shadow: 0 1px 0 #fff
}
*+.uk-alert {
margin-top: 15px
}
.uk-alert>:last-child {
margin-bottom: 0
}
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
color: inherit
}
.uk-alert>.uk-close:first-child {
float: right
}
.uk-alert>.uk-close:first-child+* {
margin-top: 0
}
.uk-alert-success {
background: #f2fae3;
color: #659f13;
border-color: rgba(101, 159, 19, .3)
}
.uk-alert-warning {
background: #fffceb;
color: #e28327;
border-color: rgba(226, 131, 39, .3)
}
.uk-alert-danger {
background: #fff1f0;
color: #d85030;
border-color: rgba(216, 80, 48, .3)
}
.uk-alert-large {
padding: 20px
}
.uk-alert-large>.uk-close:first-child {
margin: -10px -10px 0 0
}
.uk-thumbnail {
display: inline-block;
max-width: 100%;
box-sizing: border-box;
margin: 0;
padding: 4px;
border: 1px solid #E5E5E5;
background: #fff;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}
a.uk-thumbnail:focus,
a.uk-thumbnail:hover {
border-color: #b2b2b2;
background-color: #fff;
text-decoration: none;
outline: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}
.uk-thumbnail-caption {
padding-top: 4px;
text-align: center;
color: #666
}
.uk-thumbnail-mini {
width: 150px
}
.uk-thumbnail-small {
width: 200px
}
.uk-thumbnail-medium {
width: 300px
}
.uk-thumbnail-large {
width: 400px
}
.uk-thumbnail-expand,
.uk-thumbnail-expand>img {
width: 100%
}
.uk-overlay {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle;
overflow: hidden;
-webkit-transform: translateZ(0);
margin: 0
}
.uk-overlay.uk-border-circle {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.uk-overlay>:first-child {
margin-bottom: 0
}
.uk-overlay-panel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
color: #fff
}
.uk-overlay-panel.uk-flex>*>:last-child,
.uk-overlay-panel>:last-child {
margin-bottom: 0
}
.uk-overlay-panel h1,
.uk-overlay-panel h2,
.uk-overlay-panel h3,
.uk-overlay-panel h4,
.uk-overlay-panel h5,
.uk-overlay-panel h6 {
color: inherit
}
.uk-overlay-panel a:not([class]) {
color: inherit;
text-decoration: underline
}
.uk-overlay-panel a[class*=uk-icon-]:not(.uk-icon-button) {
color: inherit
}
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
opacity: 0
}
.uk-overlay-active:not(.uk-active)>.uk-overlay-panel:not(.uk-ignore) {
opacity: 0
}
.uk-overlay-background {
background: rgba(0, 0, 0, .5)
}
.uk-overlay-image {
padding: 0
}
.uk-overlay-top {
bottom: auto
}
.uk-overlay-bottom {
top: auto
}
.uk-overlay-left {
right: auto
}
.uk-overlay-right {
left: auto
}
.uk-overlay-icon:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff
}
.uk-overlay-blur,
.uk-overlay-fade,
.uk-overlay-grayscale,
.uk-overlay-scale,
.uk-overlay-spin,
[class*=uk-overlay-slide] {
transition-duration: .3s;
transition-timing-function: ease-out;
transition-property: opacity, transform, filter
}
.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*=uk-overlay-slide] {
transition-duration: .8s
}
.uk-overlay-fade {
opacity: .7
}
.uk-overlay-active .uk-active>.uk-overlay-fade,
.uk-overlay-hover.uk-hover .uk-overlay-fade,
.uk-overlay-hover:hover .uk-overlay-fade {
opacity: 1
}
.uk-overlay-scale {
-webkit-transform: scale(1);
transform: scale(1)
}
.uk-overlay-active .uk-active>.uk-overlay-scale,
.uk-overlay-hover.uk-hover .uk-overlay-scale,
.uk-overlay-hover:hover .uk-overlay-scale {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.uk-overlay-spin {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
.uk-overlay-active .uk-active>.uk-overlay-spin,
.uk-overlay-hover.uk-hover .uk-overlay-spin,
.uk-overlay-hover:hover .uk-overlay-spin {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
.uk-overlay-grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.uk-overlay-active .uk-active>.uk-overlay-grayscale,
.uk-overlay-hover.uk-hover .uk-overlay-grayscale,
.uk-overlay-hover:hover .uk-overlay-grayscale {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
[class*=uk-overlay-slide] {
opacity: 0
}
.uk-overlay-slide-top {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.uk-overlay-slide-bottom {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.uk-overlay-slide-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.uk-overlay-slide-right {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.uk-overlay-active .uk-active>[class*=uk-overlay-slide],
.uk-overlay-hover.uk-hover [class*=uk-overlay-slide],
.uk-overlay-hover:hover [class*=uk-overlay-slide] {
opacity: 1;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0)
}
.uk-overlay-area {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .3);
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transform: translate3d(0, 0, 0)
}
.uk-overlay-toggle.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay:hover .uk-overlay-area {
opacity: 1
}
.uk-overlay-area:empty:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff
}
.uk-overlay-area:not(:empty) {
font-size: 0
}
.uk-overlay-area:not(:empty):before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.uk-overlay-area-content {
display: inline-block;
box-sizing: border-box;
width: 100%;
vertical-align: middle;
font-size: 1rem;
text-align: center;
padding: 0 15px;
color: #fff
}
.uk-overlay-area-content>:last-child {
margin-bottom: 0
}
.uk-overlay-area-content a:not([class]),
.uk-overlay-area-content a:not([class]):hover {
color: inherit
}
.uk-overlay-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
background: rgba(0, 0, 0, .5);
color: #fff;
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transform: translate3d(0, 0, 0)
}
.uk-overlay-toggle.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay:hover .uk-overlay-caption {
opacity: 1
}
[class*=uk-column-] {
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px
}
.uk-column-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
@media (min-width:480px) {
.uk-column-small-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-small-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-small-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-small-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-small-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
@media (min-width:768px) {
.uk-column-medium-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-medium-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-medium-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-medium-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-medium-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
@media (min-width:960px) {
.uk-column-large-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-large-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-large-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-large-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-large-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
@media (min-width:1220px) {
.uk-column-xlarge-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-xlarge-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-xlarge-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-xlarge-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-xlarge-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
[class*=uk-animation-] {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@media screen {
[data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]) {
opacity: 0
}
}
.uk-animation-fade {
-webkit-animation-name: uk-fade;
animation-name: uk-fade;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-timing-function: linear!important;
animation-timing-function: linear!important
}
.uk-animation-scale-up {
-webkit-animation-name: uk-fade-scale-02;
animation-name: uk-fade-scale-02
}
.uk-animation-scale-down {
-webkit-animation-name: uk-fade-scale-18;
animation-name: uk-fade-scale-18
}
.uk-animation-slide-top {
-webkit-animation-name: uk-fade-top;
animation-name: uk-fade-top
}
.uk-animation-slide-bottom {
-webkit-animation-name: uk-fade-bottom;
animation-name: uk-fade-bottom
}
.uk-animation-slide-left {
-webkit-animation-name: uk-fade-left;
animation-name: uk-fade-left
}
.uk-animation-slide-right {
-webkit-animation-name: uk-fade-right;
animation-name: uk-fade-right
}
.uk-animation-scale {
-webkit-animation-name: uk-scale-12;
animation-name: uk-scale-12
}
.uk-animation-shake {
-webkit-animation-name: uk-shake;
animation-name: uk-shake
}
.uk-animation-reverse {
-webkit-animation-direction: reverse;
animation-direction: reverse;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.uk-animation-15 {
-webkit-animation-duration: 15s;
animation-duration: 15s
}
.uk-animation-top-left {
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.uk-animation-top-center {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0
}
.uk-animation-top-right {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.uk-animation-middle-left {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%
}
.uk-animation-middle-right {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.uk-animation-bottom-left {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%
}
.uk-animation-bottom-center {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.uk-animation-bottom-right {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*=uk-animation-],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*=uk-animation-] {
-webkit-animation-name: none;
animation-name: none
}
@-webkit-keyframes uk-fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes uk-fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes uk-fade-top {
0% {
opacity: 0;
-webkit-transform: translateY(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@keyframes uk-fade-top {
0% {
opacity: 0;
transform: translateY(-100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes uk-fade-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@keyframes uk-fade-bottom {
0% {
opacity: 0;
transform: translateY(100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes uk-fade-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@keyframes uk-fade-left {
0% {
opacity: 0;
transform: translateX(-100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@-webkit-keyframes uk-fade-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@keyframes uk-fade-right {
0% {
opacity: 0;
transform: translateX(100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@-webkit-keyframes uk-fade-scale-02 {
0% {
opacity: 0;
-webkit-transform: scale(.2)
}
100% {
opacity: 1;
-webkit-transform: scale(1)
}
}
@keyframes uk-fade-scale-02 {
0% {
opacity: 0;
transform: scale(.2)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes uk-fade-scale-15 {
0% {
opacity: 0;
-webkit-transform: scale(1.5)
}
100% {
opacity: 1;
-webkit-transform: scale(1)
}
}
@keyframes uk-fade-scale-15 {
0% {
opacity: 0;
transform: scale(1.5)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes uk-fade-scale-18 {
0% {
opacity: 0;
-webkit-transform: scale(1.8)
}
100% {
opacity: 1;
-webkit-transform: scale(1)
}
}
@keyframes uk-fade-scale-18 {
0% {
opacity: 0;
transform: scale(1.8)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes uk-slide-left {
0% {
-webkit-transform: translateX(-100%)
}
100% {
-webkit-transform: translateX(0)
}
}
@keyframes uk-slide-left {
0% {
transform: translateX(-100%)
}
100% {
transform: translateX(0)
}
}
@-webkit-keyframes uk-slide-right {
0% {
-webkit-transform: translateX(100%)
}
100% {
-webkit-transform: translateX(0)
}
}
@keyframes uk-slide-right {
0% {
transform: translateX(100%)
}
100% {
transform: translateX(0)
}
}
@-webkit-keyframes uk-slide-left-33 {
0% {
-webkit-transform: translateX(33%)
}
100% {
-webkit-transform: translateX(0)
}
}
@keyframes uk-slide-left-33 {
0% {
transform: translateX(33%)
}
100% {
transform: translateX(0)
}
}
@-webkit-keyframes uk-slide-right-33 {
0% {
-webkit-transform: translateX(-33%)
}
100% {
-webkit-transform: translateX(0)
}
}
@keyframes uk-slide-right-33 {
0% {
transform: translateX(-33%)
}
100% {
transform: translateX(0)
}
}
@-webkit-keyframes uk-scale-12 {
0% {
-webkit-transform: scale(1.2)
}
100% {
-webkit-transform: scale(1)
}
}
@keyframes uk-scale-12 {
0% {
transform: scale(1.2)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes uk-rotate {
0% {
-webkit-transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg)
}
}
@keyframes uk-rotate {
0% {
transform: rotate(0)
}
100% {
transform: rotate(359deg)
}
}
@-webkit-keyframes uk-shake {
0%,
100% {
-webkit-transform: translateX(0)
}
10% {
-webkit-transform: translateX(-9px)
}
20% {
-webkit-transform: translateX(8px)
}
30% {
-webkit-transform: translateX(-7px)
}
40% {
-webkit-transform: translateX(6px)
}
50% {
-webkit-transform: translateX(-5px)
}
60% {
-webkit-transform: translateX(4px)
}
70% {
-webkit-transform: translateX(-3px)
}
80% {
-webkit-transform: translateX(2px)
}
90% {
-webkit-transform: translateX(-1px)
}
}
@keyframes uk-shake {
0%,
100% {
transform: translateX(0)
}
10% {
transform: translateX(-9px)
}
20% {
transform: translateX(8px)
}
30% {
transform: translateX(-7px)
}
40% {
transform: translateX(6px)
}
50% {
transform: translateX(-5px)
}
60% {
transform: translateX(4px)
}
70% {
transform: translateX(-3px)
}
80% {
transform: translateX(2px)
}
90% {
transform: translateX(-1px)
}
}
@-webkit-keyframes uk-slide-top-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(-10px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@keyframes uk-slide-top-fixed {
0% {
opacity: 0;
transform: translateY(-10px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes uk-slide-bottom-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(10px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@keyframes uk-slide-bottom-fixed {
0% {
opacity: 0;
transform: translateY(10px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.uk-dropdown,
.uk-dropdown-blank {
display: none;
position: absolute;
z-index: 1020;
box-sizing: border-box;
width: 200px
}
.uk-dropdown {
padding: 10px 20px;
background: #fff;
color: #666;
font-size: 1rem;
vertical-align: top;
border: 1px solid #d3d3d3;
}
.uk-open>.uk-dropdown,
.uk-open>.uk-dropdown-blank {
display: block;
-webkit-animation: uk-fade .2s ease-in-out;
animation: uk-fade .2s ease-in-out;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.uk-dropdown-top {
margin-top: -5px
}
.uk-dropdown-bottom {
}
.uk-dropdown-left {
margin-left: -5px
}
.uk-dropdown-right {
margin-left: 5px
}
.uk-dropdown .uk-nav {
margin: 0 -20px
}
.uk-grid .uk-dropdown-grid+.uk-dropdown-grid {
margin-top: 15px
}
.uk-dropdown-grid>[class*=uk-width-]>.uk-panel+.uk-panel {
margin-top: 15px
}
@media (min-width:768px) {
.uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid {
margin-left: -15px;
margin-right: -15px
}
.uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-] {
padding-left: 15px;
padding-right: 15px
}
.uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
border-left: 1px solid #E5E5E5
}
.uk-dropdown-width-2:not(.uk-dropdown-stack) {
width: 400px
}
.uk-dropdown-width-3:not(.uk-dropdown-stack) {
width: 600px
}
.uk-dropdown-width-4:not(.uk-dropdown-stack) {
width: 800px
}
.uk-dropdown-width-5:not(.uk-dropdown-stack) {
width: 1000px
}
}
@media (max-width:767px) {
.uk-dropdown-grid>[class*=uk-width-] {
width: 100%
}
.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
margin-top: 15px
}
}
.uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-] {
width: 100%
}
.uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
margin-top: 15px
}
.uk-dropdown-small {
min-width: 150px;
width: auto;
padding: 5px;
white-space: nowrap
}
.uk-dropdown-small .uk-nav {
margin: 0 -5px
}
.uk-dropdown-navbar {
background: #fff;
color: #666;
left: 0px;
}
.uk-open>.uk-dropdown-navbar {
-webkit-animation: uk-slide-top-fixed .2s ease-in-out;
animation: uk-slide-top-fixed .2s ease-in-out
}
.uk-dropdown-scrollable {
overflow-y: auto;
max-height: 200px
}
.uk-dropdown-navbar.uk-dropdown-flip {
left: auto
}
.uk-modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: rgba(0, 0, 0, .6);
opacity: 0;
-webkit-transition: opacity .15s linear;
-moz-transition: opacity .15s linear;
-ms-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
touch-action: cross-slide-y pinch-zoom double-tap-zoom;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.uk-modal.uk-open {
opacity: 1
}
.uk-modal-page,
.uk-modal-page body {
overflow: hidden
}
.uk-modal-dialog {
position: relative;
box-sizing: border-box;
margin: 100px auto;
padding: 10px;
width: 650px;
max-width: 100%;
max-width: calc(100% - 20px);
background: #fff;
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: opacity .3s linear, -webkit-transform .3s ease-out;
transition: opacity .3s linear, transform .3s ease-out;
box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}
@media (max-width:767px) {
.uk-modal-dialog {
width: auto;
margin: 10px auto
}
}
.uk-open .uk-modal-dialog {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.uk-modal-dialog>:not([class*=uk-modal-]):last-child {
margin-bottom: 0
}
.uk-modal-dialog>.uk-close:first-child {
margin: -10px -10px 0 0;
float: right;
color: #898989;
}
.uk-modal-dialog>.uk-close:first-child+:not([class*=uk-modal-]) {
margin-top: 0
}
.uk-modal-dialog-lightbox {
margin: 15px auto;
padding: 0;
max-width: 95%;
max-width: calc(100% - 30px);
min-height: 50px;
border-radius: 0
}
.uk-modal-dialog-lightbox>.uk-close:first-child {
position: absolute;
top: -12px;
right: -12px;
margin: 0;
float: none
}
@media (max-width:767px) {
.uk-modal-dialog-lightbox>.uk-close:first-child {
top: -7px;
right: -7px
}
}
.uk-modal-dialog-blank {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear
}
.uk-modal-dialog-blank>.uk-close:first-child {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
margin: 0;
float: none
}
@media (min-width:768px) {
.uk-modal-dialog-large {
width: 930px
}
}
@media (min-width:1220px) {
.uk-modal-dialog-large {
width: 1130px
}
}
.uk-modal-header {
margin-bottom: 15px;
margin: -20px -20px 15px -20px;
padding: 20px;
border-bottom: 1px solid #E5E5E5;
border-radius: 4px 4px 0 0;
background: #fafafa
}
.uk-modal-footer {
margin-top: 15px;
margin: 15px -20px -20px -20px;
padding: 20px;
border-top: 1px solid #E5E5E5;
border-radius: 0 0 4px 4px;
background: #fafafa
}
.uk-modal-footer>:last-child,
.uk-modal-header>:last-child {
margin-bottom: 0
}
.uk-modal-caption {
position: absolute;
left: 0;
right: 0;
bottom: -20px;
margin-bottom: -10px;
color: #fff;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.uk-modal-spinner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 25px;
color: #ddd
}
.uk-modal-spinner:after {
content: "\f110";
display: block;
font-family: FontAwesome;
-webkit-animation: uk-rotate 2s infinite linear;
animation: uk-rotate 2s infinite linear
}
.uk-offcanvas {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
touch-action: none;
background: rgba(0, 0, 0, .1)
}
.uk-offcanvas.uk-active {
display: block
}
.uk-offcanvas-page {
position: fixed;
-webkit-transition: margin-left .3s ease-in-out;
transition: margin-left .3s ease-in-out;
margin-left: 0
}
.uk-offcanvas-bar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 1001;
width: 270px;
max-width: 100%;
background: #333;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
-ms-scroll-chaining: none
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.uk-offcanvas-bar-flip {
left: auto;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.uk-offcanvas-bar[mode=none] {
-webkit-transition: none;
transition: none
}
.uk-offcanvas-bar[mode=reveal] {
-webkit-transform: translateX(0);
transform: translateX(0);
clip: rect(0, 0, 100vh, 0);
-webkit-transition: -webkit-transform .3s ease-in-out, clip .3s ease-in-out;
transition: transform .3s ease-in-out, clip .3s ease-in-out
}
.uk-offcanvas-bar-flip[mode=reveal] {
clip: none;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.uk-offcanvas-bar-flip[mode=reveal]>* {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out
}
.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode=reveal].uk-offcanvas-bar-show>* {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.uk-offcanvas .uk-panel {
margin: 20px 15px;
color: #777;
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-offcanvas .uk-panel-title {
color: #ccc
}
.uk-offcanvas .uk-panel a:not([class]) {
color: #ccc
}
.uk-offcanvas .uk-panel a:not([class]):hover {
color: #fff
}
.uk-offcanvas-bar:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background: rgba(0, 0, 0, .6);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}
.uk-offcanvas-bar-flip:after {
right: auto;
left: 0;
width: 1px;
background: rgba(0, 0, 0, .6);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}
.uk-switcher {
margin: 0;
padding: 0;
list-style: none;
touch-action: cross-slide-y pinch-zoom double-tap-zoom
}
.uk-switcher>:not(.uk-active) {
display: none
}
.uk-text-small {
font-size: 11px;
line-height: 16px
}
.uk-text-large {
font-size: 20px;
line-height: 26px;
font-weight: 300
}
.uk-text-bold {
font-weight: 700
}
.uk-text-muted {
color: #999!important
}
.uk-text-primary {
color: #2d7091!important
}
.uk-text-success {
color: #659f13!important
}
.uk-text-warning {
color: #e28327!important
}
.uk-text-danger {
color: #d85030!important
}
.uk-text-contrast {
color: #fff!important
}
.uk-text-left {
text-align: left!important
}
.uk-text-right {
text-align: right!important
}
.uk-text-center {
text-align: center!important
}
.uk-text-justify {
text-align: justify!important
}
.uk-text-top {
vertical-align: top!important
}
.uk-text-middle {
vertical-align: middle!important
}
.uk-text-bottom {
vertical-align: bottom!important
}
@media (max-width:959px) {
.uk-text-center-medium {
text-align: center!important
}
.uk-text-left-medium {
text-align: left!important
}
}
@media (max-width:767px) {
.uk-text-center-small {
text-align: center!important
}
.uk-text-left-small {
text-align: left!important
}
}
.uk-text-nowrap {
white-space: nowrap
}
.uk-text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.uk-text-break {
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto
}
.uk-text-capitalize {
text-transform: capitalize!important
}
.uk-text-lowercase {
text-transform: lowercase!important
}
.uk-text-uppercase {
text-transform: uppercase!important
}
.uk-container {
box-sizing: border-box;
max-width: 980px;
padding: 0 25px
}
@media (min-width:1220px) {
.uk-container {
max-width: 1200px;
padding: 0 35px
}
}
.uk-container:after,
.uk-container:before {
content: "";
display: table
}
.uk-container:after {
clear: both
}
.uk-container-center {
margin-left: auto;
margin-right: auto
}
.uk-clearfix:before {
content: "";
display: table-cell
}
.uk-clearfix:after {
content: "";
display: table;
clear: both
}
.uk-nbfc {
overflow: hidden
}
.uk-nbfc-alt {
display: table-cell;
width: 10000px
}
.uk-float-left {
float: left
}
.uk-float-right {
float: right
}
[class*=uk-float-] {
max-width: 100%
}
[class*=uk-align-] {
display: block;
margin-bottom: 15px
}
.uk-align-left {
margin-right: 15px;
float: left
}
.uk-align-right {
margin-left: 15px;
float: right
}
@media (min-width:768px) {
.uk-align-medium-left {
margin-right: 15px;
float: left
}
.uk-align-medium-right {
margin-left: 15px;
float: right
}
}
.uk-align-center {
margin-left: auto;
margin-right: auto
}
.uk-vertical-align {
font-size: 0
}
.uk-vertical-align:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.uk-vertical-align-bottom,
.uk-vertical-align-middle {
display: inline-block;
max-width: 100%;
font-size: 1rem
}
.uk-vertical-align-middle {
vertical-align: middle
}
.uk-vertical-align-bottom {
vertical-align: bottom
}
[class*=uk-height] {
box-sizing: border-box
}
.uk-height-1-1 {
height: 100%
}
.uk-height-viewport {
height: 100vh;
min-height: 600px
}
.uk-responsive-height,
.uk-responsive-width {
box-sizing: border-box
}
.uk-responsive-width {
max-width: 100%!important;
height: auto
}
.uk-responsive-height {
max-height: 100%;
width: auto
}
.uk-margin {
margin-bottom: 15px
}
*+.uk-margin {
margin-top: 15px
}
.uk-margin-top {
margin-top: 15px!important
}
.uk-margin-bottom {
margin-bottom: 15px!important
}
.uk-margin-left {
margin-left: 15px!important
}
.uk-margin-right {
margin-right: 15px!important
}
.uk-margin-large {
margin-bottom: 50px
}
*+.uk-margin-large {
margin-top: 50px
}
.uk-margin-large-top {
margin-top: 50px!important
}
.uk-margin-large-bottom {
margin-bottom: 50px!important
}
.uk-margin-large-left {
margin-left: 50px!important
}
.uk-margin-large-right {
margin-right: 50px!important
}
.uk-margin-small {
margin-bottom: 5px
}
*+.uk-margin-small {
margin-top: 5px
}
.uk-margin-small-top {
margin-top: 5px!important
}
.uk-margin-small-bottom {
margin-bottom: 5px!important
}
.uk-margin-small-left {
margin-left: 5px!important
}
.uk-margin-small-right {
margin-right: 5px!important
}
.uk-margin-remove {
margin: 0!important
}
.uk-margin-top-remove {
margin-top: 0!important
}
.uk-margin-bottom-remove {
margin-bottom: 0!important
}
.uk-padding-remove {
padding: 0!important
}
.uk-padding-top-remove {
padding-top: 0!important
}
.uk-padding-bottom-remove {
padding-bottom: 0!important
}
.uk-padding-vertical-remove {
padding-top: 0!important;
padding-bottom: 0!important
}
.uk-border-circle {
border-radius: 50%
}
.uk-border-rounded {
border-radius: 5px
}
.uk-heading-large {
font-size: 36px;
line-height: 42px
}
@media (min-width:768px) {
.uk-heading-large {
font-size: 52px;
line-height: 64px
}
}
.uk-link-muted,
.uk-link-muted a {
color: #666
}
.uk-link-muted a:hover,
.uk-link-muted:hover {
color: #666
}
.uk-link-reset,
.uk-link-reset a,
.uk-link-reset a:focus,
.uk-link-reset a:hover,
.uk-link-reset:focus,
.uk-link-reset:hover {
color: inherit;
text-decoration: none
}
.uk-scrollable-text {
height: 300px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
resize: both
}
.uk-scrollable-box {
box-sizing: border-box;
height: 170px;
padding: 10px;
border: 1px solid #E5E5E5;
overflow: auto;
-webkit-overflow-scrolling: touch;
resize: both;
border-radius: 3px
}
.uk-scrollable-box>:last-child {
margin-bottom: 0
}
.uk-overflow-hidden {
overflow: hidden
}
.uk-overflow-container {
overflow: auto;
-webkit-overflow-scrolling: touch
}
.uk-overflow-container>:last-child {
margin-bottom: 0
}
.uk-position-absolute,
[class*=uk-position-top],
[class*=uk-position-bottom] {
position: absolute!important
}
.uk-position-top {
top: 0;
left: 0;
right: 0
}
.uk-position-bottom {
bottom: 0;
left: 0;
right: 0
}
.uk-position-top-left {
top: 0;
left: 0
}
.uk-position-top-right {
top: 0;
right: 0
}
.uk-position-bottom-left {
bottom: 0;
left: 0
}
.uk-position-bottom-right {
bottom: 0;
right: 0
}
.uk-position-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.uk-position-relative {
position: relative!important
}
.uk-position-z-index {
z-index: 1
}
.uk-display-block {
display: block!important
}
.uk-display-inline {
display: inline!important
}
.uk-display-inline-block {
display: inline-block!important;
max-width: 100%
}
@media (min-width:960px) {
.uk-visible-small {
display: none!important
}
.uk-visible-medium {
display: none!important
}
.uk-hidden-large {
display: none!important
}
}
@media (min-width:768px) and (max-width:959px) {
.uk-visible-small {
display: none!important
}
.uk-visible-large {
display: none!important
}
.uk-hidden-medium {
display: none!important
}
}
@media (max-width:767px) {
.uk-visible-medium {
display: none!important
}
.uk-visible-large {
display: none!important
}
.uk-hidden-small {
display: none!important
}
}
.uk-hidden {
display: none!important;
visibility: hidden!important
}
.uk-invisible {
visibility: hidden!important
}
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
display: block!important;
visibility: visible!important
}
.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
display: inline-block!important;
visibility: visible!important
}
.uk-notouch .uk-hidden-notouch,
.uk-touch .uk-hidden-touch {
display: none!important
}
.uk-flex {
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.uk-flex-inline {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex
}
.uk-flex-inline>*,
.uk-flex>* {
-ms-flex-negative: 1
}
.uk-flex-top {
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.uk-flex-middle {
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.uk-flex-bottom {
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end
}
.uk-flex-center {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.uk-flex-right {
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.uk-flex-space-between {
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.uk-flex-space-around {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around
}
.uk-flex-row-reverse {
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse
}
.uk-flex-column {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.uk-flex-column-reverse {
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse
}
.uk-flex-nowrap {
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap
}
.uk-flex-wrap {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.uk-flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.uk-flex-wrap-top {
-ms-flex-line-pack: start;
-webkit-align-content: flex-start;
align-content: flex-start
}
.uk-flex-wrap-middle {
-ms-flex-line-pack: center;
-webkit-align-content: center;
align-content: center
}
.uk-flex-wrap-bottom {
-ms-flex-line-pack: end;
-webkit-align-content: flex-end;
align-content: flex-end
}
.uk-flex-wrap-space-between {
-ms-flex-line-pack: justify;
-webkit-align-content: space-between;
align-content: space-between
}
.uk-flex-wrap-space-around {
-ms-flex-line-pack: distribute;
-webkit-align-content: space-around;
align-content: space-around
}
.uk-flex-order-first {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
@media (min-width:480px) {
.uk-flex-order-first-small {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-small {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
@media (min-width:768px) {
.uk-flex-order-first-medium {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-medium {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
@media (min-width:960px) {
.uk-flex-order-first-large {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-large {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
@media (min-width:1220px) {
.uk-flex-order-first-xlarge {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-xlarge {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
.uk-flex-item-none {
-ms-flex: none;
-webkit-flex: none;
flex: none
}
.uk-flex-item-auto {
-ms-flex: auto;
-webkit-flex: auto;
flex: auto;
-ms-flex-negative: 1
}
.uk-flex-item-1 {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.uk-contrast {
color: #fff
}
.uk-contrast .uk-link,
.uk-contrast a:not([class]) {
color: rgba(255, 255, 255, .7);
text-decoration: none
}
.uk-contrast .uk-link:hover,
.uk-contrast a:not([class]):hover {
color: #fff;
text-decoration: underline
}
.uk-contrast:not(pre)>code,
.uk-contrast:not(pre)>kbd,
.uk-contrast:not(pre)>samp {
color: #fff;
border-color: rgba(255, 255, 255, .2);
background: rgba(255, 255, 255, .1)
}
.uk-contrast em {
color: #fff
}
.uk-contrast h1,
.uk-contrast h2,
.uk-contrast h3,
.uk-contrast h4,
.uk-contrast h5,
.uk-contrast h6 {
color: #fff
}
.uk-contrast hr {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-nav li>a,
.uk-contrast .uk-nav li>a:hover {
text-decoration: none
}
.uk-contrast .uk-nav-side>li>a {
color: #fff
}
.uk-contrast .uk-nav-side>li>a:focus,
.uk-contrast .uk-nav-side>li>a:hover {
background: rgba(255, 255, 255, .1);
color: #fff;
text-shadow: none
}
.uk-contrast .uk-nav-side>li.uk-active>a {
background: #fff;
color: #444;
text-shadow: none
}
.uk-contrast .uk-nav-side .uk-nav-header {
color: #fff
}
.uk-contrast .uk-nav-side .uk-nav-divider {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-nav-side ul a {
color: rgba(255, 255, 255, .7)
}
.uk-contrast .uk-nav-side ul a:hover {
color: #fff
}
.uk-contrast .uk-subnav>*>a {
color: rgba(255, 255, 255, .7);
text-decoration: none
}
.uk-contrast .uk-subnav>*>a:focus,
.uk-contrast .uk-subnav>*>a:hover {
color: #fff;
text-decoration: none
}
.uk-contrast .uk-subnav>.uk-active>a {
color: #fff
}
.uk-contrast .uk-subnav-line>:nth-child(n+2):before {
border-left-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-subnav-pill>*>a:focus,
.uk-contrast .uk-subnav-pill>*>a:hover {
background: rgba(255, 255, 255, .7);
color: #444;
text-decoration: none
}
.uk-contrast .uk-subnav-pill>.uk-active>a {
background: #fff;
color: #444
}
.uk-contrast .uk-tab {
border-bottom-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-tab>li>a {
border-color: transparent;
color: rgba(255, 255, 255, .7);
text-shadow: none
}
.uk-contrast .uk-tab>li.uk-open>a,
.uk-contrast .uk-tab>li>a:focus,
.uk-contrast .uk-tab>li>a:hover {
border-color: rgba(255, 255, 255, .7);
background: rgba(255, 255, 255, .7);
color: #444;
text-decoration: none
}
.uk-contrast .uk-tab>li.uk-active>a {
border-color: rgba(255, 255, 255, .2);
border-bottom-color: transparent;
background: #fff;
color: #444
}
.uk-contrast .uk-tab-center {
border-bottom-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-tab-grid:before {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-list-line>li:nth-child(n+2) {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-form input:not([type]),
.uk-contrast .uk-form input[type=text],
.uk-contrast .uk-form input[type=password],
.uk-contrast .uk-form input[type=email],
.uk-contrast .uk-form input[type=url],
.uk-contrast .uk-form input[type=search],
.uk-contrast .uk-form input[type=tel],
.uk-contrast .uk-form input[type=number],
.uk-contrast .uk-form input[type=datetime],
.uk-contrast .uk-form input[type=datetime-local],
.uk-contrast .uk-form input[type=date],
.uk-contrast .uk-form input[type=month],
.uk-contrast .uk-form input[type=time],
.uk-contrast .uk-form input[type=week],
.uk-contrast .uk-form input[type=color],
.uk-contrast .uk-form select,
.uk-contrast .uk-form textarea {
border-color: rgba(255, 255, 255, .8);
background: rgba(255, 255, 255, .8);
color: #444;
background-clip: padding-box
}
.uk-contrast .uk-form input:not([type]):focus,
.uk-contrast .uk-form input[type=text]:focus,
.uk-contrast .uk-form input[type=password]:focus,
.uk-contrast .uk-form input[type=email]:focus,
.uk-contrast .uk-form input[type=url]:focus,
.uk-contrast .uk-form input[type=search]:focus,
.uk-contrast .uk-form input[type=tel]:focus,
.uk-contrast .uk-form input[type=number]:focus,
.uk-contrast .uk-form input[type=datetime]:focus,
.uk-contrast .uk-form input[type=datetime-local]:focus,
.uk-contrast .uk-form input[type=date]:focus,
.uk-contrast .uk-form input[type=month]:focus,
.uk-contrast .uk-form input[type=time]:focus,
.uk-contrast .uk-form input[type=week]:focus,
.uk-contrast .uk-form input[type=color]:focus,
.uk-contrast .uk-form select:focus,
.uk-contrast .uk-form textarea:focus {
border-color: #fff;
background: #fff;
color: #444
}
.uk-contrast .uk-form:-ms-input-placeholder {
color: rgba(68, 68, 68, .7)!important
}
.uk-contrast .uk-form::-moz-placeholder {
color: rgba(68, 68, 68, .7)
}
.uk-contrast .uk-form::-webkit-input-placeholder {
color: rgba(68, 68, 68, .7)
}
.uk-contrast .uk-button {
color: #444;
background: #fff;
border-color: transparent
}
.uk-contrast .uk-button:focus,
.uk-contrast .uk-button:hover {
background-color: rgba(255, 255, 255, .8);
color: #444;
border-color: transparent
}
.uk-contrast .uk-button.uk-active,
.uk-contrast .uk-button:active {
background-color: rgba(255, 255, 255, .7);
color: #444;
box-shadow: none
}
.uk-contrast .uk-button-primary {
background-color: #009dd8;
color: #fff
}
.uk-contrast .uk-button-primary:focus,
.uk-contrast .uk-button-primary:hover {
background-color: #00aff2;
color: #fff
}
.uk-contrast .uk-button-primary.uk-active,
.uk-contrast .uk-button-primary:active {
background-color: #008abf;
color: #fff
}
.uk-contrast .uk-icon-hover {
color: rgba(255, 255, 255, .7)
}
.uk-contrast .uk-icon-hover:hover {
color: #fff
}
.uk-contrast .uk-icon-button {
background: #fff;
color: #444;
border-color: transparent
}
.uk-contrast .uk-icon-button:focus,
.uk-contrast .uk-icon-button:hover {
background-color: rgba(255, 255, 255, .8);
color: #444;
border-color: transparent
}
.uk-contrast .uk-icon-button:active {
background-color: rgba(255, 255, 255, .7);
color: #444;
box-shadow: none
}
.uk-contrast .uk-text-muted {
color: rgba(255, 255, 255, .6)!important
}
.uk-contrast .uk-text-primary {
color: #2d7091!important
}
@media print {
*,
:after,
:before {
background: 0 0!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important
}
a,
a:visited {
text-decoration: underline
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
@page {
margin: .5cm
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
}
.uk-dotnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-top: -15px;
padding: 0;
list-style: none
}
.uk-dotnav>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
padding-left: 15px;
margin-top: 15px
}
.uk-dotnav:after,
.uk-dotnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-dotnav:after {
clear: both
}
.uk-dotnav>* {
float: left
}
.uk-dotnav>*>* {
display: block;
box-sizing: content-box;
width: 14px;
height: 14px;
background: rgba(50, 50, 50, .1);
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.uk-dotnav>*>:focus,
.uk-dotnav>*>:hover {
background: rgba(50, 50, 50, .4);
outline: 0
}
.uk-dotnav>*>:active {
background: rgba(50, 50, 50, .6)
}
.uk-dotnav>.uk-active>* {
background: rgba(50, 50, 50, .4);
}
.uk-dotnav-contrast>*>* {
background: rgba(255, 255, 255, .4)
}
.uk-dotnav-contrast>*>:focus,
.uk-dotnav-contrast>*>:hover {
background: rgba(255, 255, 255, .7)
}
.uk-dotnav-contrast>*>:active {
background: rgba(255, 255, 255, .9)
}
.uk-dotnav-contrast>.uk-active>* {
background: rgba(255, 255, 255, .9)
}
.uk-dotnav-vertical {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.uk-dotnav-vertical>* {
float: none
}
.uk-slidenav {
display: inline-block;
box-sizing: border-box;
width: 60px;
height: 60px;
line-height: 60px;
color: rgba(50, 50, 50, .4);
font-size: 60px;
text-align: center
}
.uk-slidenav:focus,
.uk-slidenav:hover {
outline: 0;
text-decoration: none;
color: rgba(50, 50, 50, .7);
cursor: pointer
}
.uk-slidenav:active {
color: rgba(50, 50, 50, .9)
}
.uk-slidenav-previous:before {
content: "\f104";
font-family: FontAwesome
}
.uk-slidenav-next:before {
content: "\f105";
font-family: FontAwesome
}
.uk-slidenav-position {
position: relative
}
.uk-slidenav-position .uk-slidenav {
display: none;
position: absolute;
top: 50%;
z-index: 1;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.uk-slidenav-position:hover .uk-slidenav {
display: block
}
.uk-slidenav-position .uk-slidenav-previous {
left: 5px
}
.uk-slidenav-position .uk-slidenav-next {
right: 5px
}
.uk-slidenav-contrast {
color: rgba(255, 255, 255, .5)
}
.uk-slidenav-contrast:focus,
.uk-slidenav-contrast:hover {
color: rgba(255, 255, 255, .7)
}
.uk-slidenav-contrast:active {
color: rgba(255, 255, 255, .9)
}
.uk-form input[type=checkbox],
.uk-form input[type=radio] {
display: inline-block;
height: 13px;
width: 13px;
border: 1px solid #aaa;
overflow: hidden;
margin-top: -4px;
vertical-align: middle;
-webkit-appearance: none;
outline: 0;
background: 0 0
}
.uk-form input[type=radio] {
border-radius: 50%
}
.uk-form input[type=checkbox]:before,
.uk-form input[type=radio]:before {
display: block
}
.uk-form input[type=radio]:checked:before {
content: '';
width: 8px;
height: 8px;
margin: 1.5px auto 0;
border-radius: 50%;
background: #00a8e6
}
.uk-form input[type=checkbox]:checked:before,
.uk-form input[type=checkbox]:indeterminate:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 12px;
-webkit-font-smoothing: antialiased;
text-align: center;
line-height: 11px;
color: #00a8e6
}
.uk-form input[type=checkbox]:indeterminate:before {
content: "\f068"
}
.uk-form input[type=checkbox]:disabled,
.uk-form input[type=radio]:disabled {
border-color: #ddd
}
.uk-form input[type=radio]:disabled:checked:before {
background-color: #aaa
}
.uk-form input[type=checkbox]:disabled:checked:before,
.uk-form input[type=checkbox]:disabled:indeterminate:before {
color: #aaa
}
.uk-form-file {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden
}
.uk-form-file input[type=file] {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
opacity: 0;
cursor: pointer;
left: 0;
font-size: 500px
}
.uk-form-password {
display: inline-block;
position: relative;
max-width: 100%
}
.uk-form-password-toggle {
display: block;
position: absolute;
top: 50%;
right: 10px;
margin-top: -6px;
font-size: 13px;
line-height: 13px;
color: #999
}
.uk-form-password-toggle:hover {
color: #999;
text-decoration: none
}
.uk-form-password>input {
padding-right: 50px!important
}
.uk-form-select {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden
}
.uk-form-select select {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
left: 0;
-webkit-appearance: none
}
.uk-placeholder {
margin-bottom: 15px;
padding: 15px;
border: 1px dashed #E5E5E5;
background: #fafafa;
color: #666
}
*+.uk-placeholder {
margin-top: 15px
}
.uk-placeholder>:last-child {
margin-bottom: 0
}
.uk-placeholder-large {
padding-top: 80px;
padding-bottom: 80px
}
.uk-progress {
box-sizing: border-box;
height: 20px;
margin-bottom: 15px;
background: #f7f7f7;
overflow: hidden;
line-height: 20px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07), inset 0 2px 2px rgba(0, 0, 0, .07);
border-radius: 4px
}
*+.uk-progress {
margin-top: 15px
}
.uk-progress-bar {
width: 0;
height: 100%;
background: #009dd8;
float: left;
-webkit-transition: width .6s ease;
transition: width .6s ease;
font-size: 12px;
color: #fff;
text-align: center;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .1);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-progress-mini {
height: 6px
}
.uk-progress-small {
height: 12px
}
.uk-progress-success .uk-progress-bar {
background-color: #82bb42;
background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
background-image: linear-gradient(to bottom, #9fd256, #6fac34)
}
.uk-progress-warning .uk-progress-bar {
background-color: #f9a124;
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406)
}
.uk-progress-danger .uk-progress-bar {
background-color: #d32c46;
background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
background-image: linear-gradient(to bottom, #ee465a, #c11a39)
}
.uk-progress-striped .uk-progress-bar {
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 30px 30px
}
.uk-progress-striped.uk-active .uk-progress-bar {
-webkit-animation: uk-progress-bar-stripes 2s linear infinite;
animation: uk-progress-bar-stripes 2s linear infinite
}
@-webkit-keyframes uk-progress-bar-stripes {
0% {
background-position: 0 0
}
100% {
background-position: 30px 0
}
}
@keyframes uk-progress-bar-stripes {
0% {
background-position: 0 0
}
100% {
background-position: 30px 0
}
}
.uk-progress-mini,
.uk-progress-small {
border-radius: 500px
}
.uk-accordion-title {
margin: 0;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.uk-accordion-content:after,
.uk-accordion-content:before {
content: "";
display: table
}
.uk-accordion-content:after {
clear: both
}
.uk-accordion-content>:last-child {
margin-bottom: 0
}
.uk-autocomplete {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle
}
.uk-dropdown-flip {
left: auto;
right: 0
}
.uk-nav-autocomplete>li>a {
color: #666
}
.uk-nav-autocomplete>li.uk-active>a {
background: #009dd8;
color: #fff;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-autocomplete .uk-nav-header {
color: #999
}
.uk-nav-autocomplete .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-datepicker {
z-index: 1050;
width: auto;
-webkit-animation: uk-fade .2s ease-in-out;
animation: uk-fade .2s ease-in-out;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.uk-datepicker-nav {
margin-bottom: 15px;
text-align: center;
line-height: 20px
}
.uk-datepicker-nav:after,
.uk-datepicker-nav:before {
content: "";
display: table
}
.uk-datepicker-nav:after {
clear: both
}
.uk-datepicker-nav a {
color: #666;
text-decoration: none
}
.uk-datepicker-nav a:hover {
color: #666
}
.uk-datepicker-previous {
float: left
}
.uk-datepicker-next {
float: right
}
.uk-datepicker-next:after,
.uk-datepicker-previous:after {
width: 20px;
font-family: FontAwesome
}
.uk-datepicker-previous:after {
content: "\f053"
}
.uk-datepicker-next:after {
content: "\f054"
}
.uk-datepicker-table {
width: 100%
}
.uk-datepicker-table td,
.uk-datepicker-table th {
padding: 2px
}
.uk-datepicker-table th {
font-size: 12px
}
.uk-datepicker-table a {
display: block;
width: 26px;
line-height: 24px;
text-align: center;
color: #666;
text-decoration: none;
border: 1px solid transparent;
border-radius: 4px;
background-origin: border-box
}
a.uk-datepicker-table-muted {
color: #999
}
.uk-datepicker-table a:focus,
.uk-datepicker-table a:hover {
background-color: #fafafa;
color: #666;
outline: 0;
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
text-shadow: 0 1px 0 #fff
}
.uk-datepicker-table a:active {
background-color: #f5f5f5;
color: #666;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-datepicker-table a.uk-active {
background: #009dd8;
color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-htmleditor-navbar {
background: #f7f7f7;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom-color: rgba(0, 0, 0, .2);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee)
}
.uk-htmleditor-navbar:after,
.uk-htmleditor-navbar:before {
content: "";
display: table
}
.uk-htmleditor-navbar:after {
clear: both
}
.uk-htmleditor-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
float: left
}
.uk-htmleditor-navbar-nav>li {
float: left
}
.uk-htmleditor-navbar-nav>li>a {
display: block;
box-sizing: border-box;
text-decoration: none;
height: 41px;
padding: 0 15px;
line-height: 40px;
color: #666;
font-size: 11px;
cursor: pointer;
margin-top: -1px;
margin-left: -1px;
border: 1px solid transparent;
border-bottom-width: 0;
text-shadow: 0 1px 0 #fff
}
.uk-htmleditor-navbar-nav>li:hover>a,
.uk-htmleditor-navbar-nav>li>a:focus {
background-color: transparent;
color: #666;
outline: 0;
position: relative;
z-index: 1;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .1);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-htmleditor-navbar-nav>li>a:active {
background-color: #f5f5f5;
color: #666;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .2);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-htmleditor-navbar-nav>li.uk-active>a {
background-color: #fafafa;
color: #666;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .2);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-htmleditor-navbar-flip {
float: right
}
[data-mode=split] .uk-htmleditor-button-code,
[data-mode=split] .uk-htmleditor-button-preview {
display: none
}
.uk-htmleditor-content {
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
background: #fff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.uk-htmleditor-content:after,
.uk-htmleditor-content:before {
content: "";
display: table
}
.uk-htmleditor-content:after {
clear: both
}
.uk-htmleditor-fullscreen {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990
}
.uk-htmleditor-fullscreen .uk-htmleditor-content {
position: absolute;
top: 41px;
left: 0;
right: 0;
bottom: 0
}
.uk-htmleditor-fullscreen .uk-icon-expand:before {
content: "\f066"
}
.uk-htmleditor-code,
.uk-htmleditor-preview {
box-sizing: border-box
}
.uk-htmleditor-preview {
padding: 20px;
overflow-y: scroll;
position: relative
}
[data-mode=tab][data-active-tab=code] .uk-htmleditor-preview,
[data-mode=tab][data-active-tab=preview] .uk-htmleditor-code {
display: none
}
[data-mode=split] .uk-htmleditor-code,
[data-mode=split] .uk-htmleditor-preview {
float: left;
width: 50%
}
[data-mode=split] .uk-htmleditor-code {
border-right: 1px solid #eee
}
.uk-htmleditor-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.uk-htmleditor .CodeMirror {
padding: 10px;
box-sizing: border-box
}
.uk-htmleditor-navbar-nav:first-child>li:first-child>a {
border-top-left-radius: 4px
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav>li>a {
margin-left: 0;
margin-right: -1px
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child>li:first-child>a {
border-top-left-radius: 0
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child>li:last-child>a {
border-top-right-radius: 4px
}
.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0
}
.uk-htmleditor-fullscreen .uk-htmleditor-content {
border: none;
border-radius: 0
}
.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav>li>a {
border-radius: 0!important
}
[data-uk-slider] {
direction: ltr
}
html[dir=rtl] .uk-slider>* {
direction: rtl
}
.uk-slider {
position: relative;
z-index: 0;
touch-action: pan-y
}
.uk-slider:not(.uk-grid) {
margin: 0;
padding: 0;
list-style: none
}
.uk-slider>* {
position: absolute;
top: 0;
left: 0
}
.uk-slider-container {
overflow: hidden
}
.uk-slider:not(.uk-drag) {
-webkit-transition: -webkit-transform .2s linear;
transition: transform .2s linear
}
.uk-slider.uk-drag {
cursor: col-resize;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.uk-slider a,
.uk-slider img {
-webkit-user-drag: none;
user-drag: none;
-webkit-touch-callout: none
}
.uk-slider img {
pointer-events: none
}
.uk-slider-fullscreen,
.uk-slider-fullscreen>li {
height: 100vh
}
.uk-slideshow {
position: relative;
z-index: 0;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
touch-action: pan-y
}
.uk-slideshow>li {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0
}
.uk-slideshow>.uk-active {
z-index: 10;
opacity: 1
}
.uk-slideshow>li>img {
visibility: hidden
}
[data-uk-slideshow-slide] {
cursor: pointer
}
.uk-slideshow-fullscreen,
.uk-slideshow-fullscreen>li {
height: 100vh
}
.uk-slideshow-fade-in {
-webkit-animation: uk-fade .5s linear;
animation: uk-fade .5s linear
}
.uk-slideshow-fade-out {
-webkit-animation: uk-fade .5s linear reverse;
animation: uk-fade .5s linear reverse
}
.uk-slideshow-scroll-forward-in {
-webkit-animation: uk-slide-right .5s ease-in-out;
animation: uk-slide-right .5s ease-in-out
}
.uk-slideshow-scroll-forward-out {
-webkit-animation: uk-slide-left .5s ease-in-out reverse;
animation: uk-slide-left .5s ease-in-out reverse
}
.uk-slideshow-scroll-backward-in {
-webkit-animation: uk-slide-left .5s ease-in-out;
animation: uk-slide-left .5s ease-in-out
}
.uk-slideshow-scroll-backward-out {
-webkit-animation: uk-slide-right .5s ease-in-out reverse;
animation: uk-slide-right .5s ease-in-out reverse
}
.uk-slideshow-scale-out {
-webkit-animation: uk-fade-scale-15 .5s ease-in-out reverse;
animation: uk-fade-scale-15 .5s ease-in-out reverse
}
.uk-slideshow-swipe-forward-in {
-webkit-animation: uk-slide-left-33 .5s ease-in-out;
animation: uk-slide-left-33 .5s ease-in-out
}
.uk-slideshow-swipe-forward-out {
-webkit-animation: uk-slide-left .5s ease-in-out reverse;
animation: uk-slide-left .5s ease-in-out reverse
}
.uk-slideshow-swipe-backward-in {
-webkit-animation: uk-slide-right-33 .5s ease-in-out;
animation: uk-slide-right-33 .5s ease-in-out
}
.uk-slideshow-swipe-backward-out {
-webkit-animation: uk-slide-right .5s ease-in-out reverse;
animation: uk-slide-right .5s ease-in-out reverse
}
.uk-slideshow-swipe-backward-in:before,
.uk-slideshow-swipe-forward-in:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: rgba(0, 0, 0, .6);
-webkit-animation: uk-fade .5s ease-in-out reverse;
animation: uk-fade .5s ease-in-out reverse
}
.uk-notify {
position: fixed;
top: 10px;
left: 10px;
z-index: 1040;
box-sizing: border-box;
width: 350px
}
.uk-notify-bottom-right,
.uk-notify-top-right {
left: auto;
right: 10px
}
.uk-notify-bottom-center,
.uk-notify-top-center {
left: 50%;
margin-left: -175px
}
.uk-notify-bottom-center,
.uk-notify-bottom-left,
.uk-notify-bottom-right {
top: auto;
bottom: 10px
}
@media (max-width:479px) {
.uk-notify {
left: 10px;
right: 10px;
width: auto;
margin: 0
}
}
.uk-notify-message {
position: relative;
margin-bottom: 10px;
padding: 15px;
background: #444;
color: #fff;
font-size: 16px;
line-height: 22px;
cursor: pointer;
border: 1px solid #444;
border-radius: 4px
}
.uk-notify-message>.uk-close {
visibility: hidden;
float: right
}
.uk-notify-message:hover>.uk-close {
visibility: visible
}
.uk-notify-message-primary {
background: #ebf7fd;
color: #2d7091;
border-color: rgba(45, 112, 145, .3)
}
.uk-notify-message-success {
background: #f2fae3;
color: #659f13;
border-color: rgba(101, 159, 19, .3)
}
.uk-notify-message-warning {
background: #fffceb;
color: #e28327;
border-color: rgba(226, 131, 39, .3)
}
.uk-notify-message-danger {
background: #fff1f0;
color: #d85030;
border-color: rgba(216, 80, 48, .3)
}
.uk-search {
display: inline-block;
position: relative;
margin: 0
}
.uk-search:before {
content: "\f002";
position: absolute;
top: 0;
left: 0;
width: 30px;
line-height: 30px;
text-align: center;
font-family: FontAwesome;
font-size: 14px;
color: rgba(0, 0, 0, .2)
}
.uk-search-field::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-search-field::-webkit-search-cancel-button,
.uk-search-field::-webkit-search-decoration {
-webkit-appearance: none
}
.uk-search-field::-ms-clear {
display: none
}
.uk-search-field::-moz-placeholder {
opacity: 1
}
.uk-search-field {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit;
color: #666;
-webkit-appearance: none;
width: 120px;
height: 30px;
padding: 0 0 0 30px;
border: 1px solid transparent;
background: rgba(0, 0, 0, 0);
-webkit-transition: all .2s linear;
transition: all .2s linear;
vertical-align: middle
}
.uk-search-field:-ms-input-placeholder {
color: #999!important
}
.uk-search-field::-moz-placeholder {
color: #999
}
.uk-search-field::-webkit-input-placeholder {
color: #999
}
.uk-search-field:focus {
outline: 0
}
.uk-search-field:focus,
.uk-search.uk-active .uk-search-field {
width: 180px
}
.uk-dropdown-search {
width: 300px;
margin-top: 0;
background: #fff;
color: #666
}
.uk-open>.uk-dropdown-search {
-webkit-animation: uk-slide-top-fixed .2s ease-in-out;
animation: uk-slide-top-fixed .2s ease-in-out
}
.uk-navbar-flip .uk-dropdown-search {
margin-top: 12px;
margin-right: -16px
}
.uk-nav-search>li>a {
color: #666
}
.uk-nav-search>li.uk-active>a {
background: #009dd8;
color: #fff;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-search .uk-nav-header {
color: #999
}
.uk-nav-search .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-nav-search ul a {
color: #1D8ACB
}
.uk-nav-search ul a:hover {
color: #0B5F90
}
.uk-offcanvas .uk-search {
display: block;
margin: 20px 15px
}
.uk-offcanvas .uk-search:before {
color: #777
}
.uk-offcanvas .uk-search-field {
width: 100%;
border-color: transparent;
background: #1a1a1a;
color: #ccc
}
.uk-offcanvas .uk-search-field:-ms-input-placeholder {
color: #777!important
}
.uk-offcanvas .uk-search-field::-moz-placeholder {
color: #777
}
.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
color: #777
}
.uk-nestable {
padding: 0;
list-style: none
}
.uk-nestable a,
.uk-nestable img {
-webkit-touch-callout: none
}
.uk-nestable-list {
margin: 0;
padding-left: 40px;
list-style: none
}
.uk-nestable-item {
touch-action: none
}
.uk-nestable-item+.uk-nestable-item {
margin-top: 10px
}
.uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child {
margin-top: 10px
}
.uk-nestable-dragged {
position: absolute;
z-index: 1050;
pointer-events: none;
padding-left: 0
}
.uk-nestable-placeholder {
position: relative
}
.uk-nestable-placeholder>* {
opacity: 0
}
.uk-nestable-placeholder:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 1px dashed #E5E5E5;
opacity: 1
}
.uk-nestable-empty {
min-height: 30px
}
.uk-nestable-handle {
touch-action: none
}
.uk-nestable-handle:hover {
cursor: move
}
.uk-nestable-moving,
.uk-nestable-moving * {
cursor: move
}
.uk-nestable-moving iframe {
pointer-events: none
}
[data-nestable-action=toggle] {
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.uk-nestable-toggle {
display: inline-block;
visibility: hidden
}
.uk-nestable-toggle:after {
content: "\f147";
font-family: FontAwesome
}
.uk-parent>:not(.uk-nestable-list) .uk-nestable-toggle {
visibility: visible
}
.uk-collapsed .uk-nestable-list {
display: none
}
.uk-collapsed .uk-nestable-toggle:after {
content: "\f196"
}
.uk-nestable-panel {
padding: 5px;
background: #f7f7f7;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee);
text-shadow: 0 1px 0 #fff
}
.uk-sortable {
position: relative
}
.uk-sortable>* {
touch-action: none
}
.uk-sortable a,
.uk-sortable img {
-webkit-touch-callout: none
}
.uk-sortable>:last-child {
margin-bottom: 0
}
.uk-sortable-dragged {
position: absolute;
z-index: 1050;
pointer-events: none
}
.uk-sortable-placeholder {
opacity: 0
}
.uk-sortable-empty {
min-height: 30px
}
.uk-sortable-handle {
touch-action: none
}
.uk-sortable-handle:hover {
cursor: move
}
.uk-sortable-moving,
.uk-sortable-moving * {
cursor: move
}
.uk-sortable-moving iframe {
pointer-events: none
}
[data-uk-sticky].uk-active {
z-index: 980;
box-sizing: border-box;
-webkit-backface-visibility: hidden
}
[data-uk-sticky][class*=uk-animation-] {
-webkit-animation-duration: .2s;
animation-duration: .2s
}
[data-uk-sticky].uk-animation-reverse {
-webkit-animation-duration: .2s;
animation-duration: .2s
}
.uk-dragover {
box-shadow: 0 0 20px rgba(100, 100, 100, .3)
}
.uk-tooltip {
display: none;
position: absolute;
z-index: 1030;
box-sizing: border-box;
max-width: 200px;
padding: 5px 8px;
background: #333;
color: rgba(255, 255, 255, .7);
font-size: 12px;
line-height: 18px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-tooltip:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px dashed #333
}
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after,
.uk-tooltip-top:after {
bottom: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: #333
}
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after,
.uk-tooltip-bottom:after {
top: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: #333
}
.uk-tooltip-bottom:after,
.uk-tooltip-top:after {
left: 50%;
margin-left: -5px
}
.uk-tooltip-bottom-left:after,
.uk-tooltip-top-left:after {
left: 10px
}
.uk-tooltip-bottom-right:after,
.uk-tooltip-top-right:after {
right: 10px
}
.uk-tooltip-left:after {
right: -5px;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: #333
}
.uk-tooltip-right:after {
left: -5px;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
border-right-color: #333
}@font-face {
font-family: 'UTMTimesBold';
src: url(//huyduong.vn/wp-content/themes/huyduong/fonts/utmtimesbold.woff2) format('woff2'),
url(//huyduong.vn/wp-content/themes/huyduong/fonts/utmtimesbold.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UTMImpact';
src: url(//huyduong.vn/wp-content/themes/huyduong/fonts/utm_impact-webfont.woff2) format('woff2'),
url(//huyduong.vn/wp-content/themes/huyduong/fonts/utm_impact-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HTVietNam Menu';
src: url(//huyduong.vn/wp-content/themes/huyduong/fonts/BaomoMenu_gdi.eot) ;
src: local('☺'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/BaomoMenu_gdi.eot-#iefix) format('embedded-opentype'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/BaomoMenu_gdi.woff) format('woff'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/BaomoMenu_gdi.ttf) format('truetype');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'HTVietNam';
src: url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi_gdi.eot-v=1) ;
src: local('☺'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi_gdi.eot-#iefixv=1) format('embedded-opentype'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi_gdi.woff-v=1) format('woff'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi_gdi.ttf-v=1) format('truetype');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'HTVietNam';
src: url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-Italic_gdi.eot-v=1) ;
src: local('☺'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-Italic_gdi.eot-#iefixv=1) format('embedded-opentype'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-Italic_gdi.woff-v=1) format('woff'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-Italic_gdi.ttf-v=1) format('truetype');
font-weight: 400;
font-style: italic
}
@font-face {
font-family: 'HTVietNam';
src: url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-SemiBold_gdi.eot-v=1) ;
src: local('☺'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-SemiBold_gdi.eot-#iefixv=1) format('embedded-opentype'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-SemiBold_gdi.woff-v=1) format('woff'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-SemiBold_gdi.ttf-v=1) format('truetype');
font-weight: 700;
font-style: normal
}
@font-face {
font-family: 'HTVietNam';
src: url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-SemiBoldItalic_gdi.eot-v=1) ;
src: local('☺'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-SemiBoldItalic_gdi.eot-#iefixv=1) format('embedded-opentype'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-SemiBoldItalic_gdi.woff-v=1) format('woff'), url(//huyduong.vn/wp-content/themes/huyduong/fonts/Baomoi-SemiBoldItalic_gdi.ttf-v=1) format('truetype');
font-weight: 700;
font-style: italic
} body {
color: #333;
background: #f6f6f6;
font-family: HTVietNam, sans-serif;
font-size: 14px;
line-height: 20px;
}
@media (min-width: 1220px) {
.uk-container {max-width: 1200px;padding: 0;}
}
@media (max-width: 1220px) {
.uk-container {padding: 0 10px}
}
h1, h2, h3, h4, h5, h6 {font-size: 16px;line-height: 20px;}
*, :before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
:before, :after {font-weight: normal;}
ul, ol {margin: 0;padding: 0;}
.uk-modal-close.uk-close {
position: absolute;
width: 30px;
height: 30px; 
top: 0px;right: 0px; 
border: none; 
-webkit-border-radius: 50%; 
-moz-border-radius: 50%; 
-ms-border-radius: 50%; 
-o-border-radius: 50%; 
border-radius: 50%; 
-webkit-box-shadow: 1px 1px 3px #898989; 
-moz-box-shadow: 1px 1px 3px #898989; 
-ms-box-shadow: 1px 1px 3px #898989; 
-o-box-shadow: 1px 1px 3px #898989; 
-webkit-box-shadow: 1px 1px 3px #898989; 
box-shadow: 1px 1px 3px #898989; 
background-color: #fff; 
background-image: -webkit-linear-gradient(top, #fff, #fafafa); 
background-image: -moz-linear-gradient(top, #fff, #fafafa); 
background-image: -o-linear-gradient(top, #fff, #fafafa); 
background-image: -ms-linear-gradient(top, #fff, #fafafa); 
background-image: linear-gradient(to bottom, #fff, #fafafa);
z-index: 1020;
line-height: 30px; 
} 
.uk-modal-close.uk-close:hover {opacity: 1;}
form input[type=text]::-webkit-input-placeholder, 
form textarea::-webkit-input-placeholder {
color: #666;
font-size: 13px;
}
form input[type=text]::-moz-placeholder, 
form textarea::-moz-placeholder {
color: #666;
font-size: 13px;
}
form input[type=text]:-ms-input-placeholder, 
form textarea:-ms-input-placeholder {
color: #666;
font-size: 13px;
}
form input[type=text]:-moz-placeholder, 
form textarea:-moz-placeholder {
color: #666;
font-size: 13px;
}
form input[type=checkbox]:not(:disabled),
form input[type=radio]:not(:disabled) {
cursor: pointer;
vertical-align: middle;
margin: 0 5px 0 0;
}
label {cursor: pointer;}
.slidenav-skin1 .uk-slidenav {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-style: solid;border-color: #fff;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.slidenav-skin1 .uk-slidenav:before {content:''}
.slidenav-skin1 .uk-slidenav-previous {border-width: 0px 0px 2px 2px;}
.slidenav-skin1 .uk-slidenav-next {border-width: 2px 2px 0px 0px}
.uk-modal-dialog-lightbox .uk-slidenav {
height: 100%;
width: 35%;
top: 0;
z-index: 1;
-webkit-transform: translate(0, 0%);
-moz-transform: translate(0, 0%);
-ms-transform: translate(0, 0%);
-o-transform: translate(0, 0%);
transform: translate(0, 0%);
}
.uk-modal-dialog-lightbox .uk-slidenav:before {
display: inline-block;
width: 30px;height: 30px;
border-radius: 50%;
line-height: 30px;text-align: center;
font-size: 24px;
background: rgba(0, 0, 0, .7);
margin: 0;
position: absolute;
top: 50%;left: 10px;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.uk-modal-dialog-lightbox .uk-slidenav-previous  {left: 0px;}
.uk-modal-dialog-lightbox .uk-slidenav-next {right: 0px;}
.uk-modal-dialog-lightbox .uk-slidenav-next:before {left: initial;right: 10px;}
#goTop {
position: fixed;
z-index: 9999; 
right: 15px;
clip: rect(auto, auto, auto, auto);
text-indent: -9999px;
display: block;
width: 45px;height: 45px;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: 45px;
background-size: 40px;
background-image: url(//huyduong.vn/wp-content/themes/huyduong/fonts/../images/toTop.png) ;
}
@media (max-width: 1220px) {
#goTop {right: 5px;}
}.offcanvas li.l1 > a.dropicon { position: absolute; z-index: 0; padding: 10px 20px; border-left: 1px solid #242424; right: 2px; top: 0; width: 0 }
.offcanvas li.l1 > a:not(.dropicon)::after { display: none; }
.offcanvas li.l1.uk-parent>a:not(.dropicon) { margin-right: 42px; }
.offcanvas ul.l3 { border-top: 0; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.05); border-left: 1px solid rgba(0,0,0,.3); } .ec-responsive {display: block;width: 100%;height: 100%;}
.ec-responsive img {display: block;width: 100%;height: auto;}
.ec-fit { position: relative; display: block; text-align: center}
.ec-fit > img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%)}
.ec-cover {display: block;width: 100%;height: 100%}
.ec-cover img {display: block;width: 100%;height: 100%;object-fit: cover}
.ec-fit-fill {display: block;width: 100%;height: 100%}
.ec-fit-fill img {display: block;width: inherit;height: inherit;object-fit: fill}
.ec-contain {display: block;width: 100%;height: 100%}
.ec-contain img {display: block;width: 100%;height: 100%;object-fit: contain}
.ec-scaledown {display: block;width: 100%;height: 100%}
.ec-scaledown img {display: block;width: 100%;height: 100%;object-fit: scale-down} *[class*=ec-line] { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical}
.ec-line-1 {-webkit-line-clamp: 1}
.ec-line-2 {-webkit-line-clamp: 2}
.ec-line-3 {-webkit-line-clamp: 3}
.ec-line-4 {-webkit-line-clamp: 4}
.ec-line-5 {-webkit-line-clamp: 5}
.ec-line-6 {-webkit-line-clamp: 6}
.ec-line-7 {-webkit-line-clamp: 7}
.ec-line-8 {-webkit-line-clamp: 8}
.ec-line-9 {-webkit-line-clamp: 9}
.ec-line-10 {-webkit-line-clamp: 10} .ec-dib {display: inline-block}
.ec-db	{display: block}
.ec-di {display: inline}
.ec-ha {height: auto}
.ec-float-none {float: none;}
.ec-italic {font-style: italic}
.ec-uppercase { text-transform: uppercase}
.ec-capitalize { text-transform: capitalize}
@media (min-width: 1220px) {.ec-visible-xlarge {display: block;visibility: visible;}}
@media (max-width: 1219px) {.ec-visible-xlarge {display: none;visibility: hidden;}}
@media (min-width: 1220px) {.ec-hidden-xlarge {display: none;visibility: hidden;}}
@media (max-width: 1219px) {.ec-hidden-xlarge {display: block;visibility: visible;}} .m0 { margin: 0!important; } .ml0 { margin-left: 0; } .mr0 { margin-right: 0; } .mt0 { margin-top: 0; } .mb0 { margin-bottom: 0!important; } .mlr0 { margin-left: 0; margin-right: 0; } .mtb0 { margin-top: 0!important; margin-bottom: 0!important; }
.m5 { margin: 5px; } .ml5 { margin-left: 5px; } .mr5 { margin-right: 5px; } .mt5 { margin-top: 5px; } .mb5 { margin-bottom: 5px!important; } .mlr5 { margin-left: 5px; margin-right: 5px; } .mtb5 { margin-top: 5px; margin-bottom: 5px; }
.m10 { margin: 10px; } .ml10 { margin-left: 10px; } .mr10 { margin-right: 10px; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px!important; } .mlr10 { margin-left: 10px; margin-right: 10px; } .mtb10 { margin-top: 10px; margin-bottom: 10px; }
.m15 { margin: 15px; } .ml15 { margin-left: 15px; } .mr15 { margin-right: 15px; } .mt15 { margin-top: 15px; } .mb15 { margin-bottom: 15px!important; } .mlr15 { margin-left: 15px; margin-right: 15px; } .mtb15 { margin-top: 15px; margin-bottom: 15px; }
.m20 { margin: 20px; } .ml20 { margin-left: 20px; } .mr20 { margin-right: 20px; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px!important; } .mlr20 { margin-left: 20px; margin-right: 20px; } .mtb20 { margin-top: 20px; margin-bottom: 20px; }
.m25 { margin: 25px; } .ml25 { margin-left: 25px; } .mr25 { margin-right: 25px; } .mt25 { margin-top: 25px; } .mb25 { margin-bottom: 25px!important; } .mlr25 { margin-left: 25px; margin-right: 25px; } .mtb25 { margin-top: 25px; margin-bottom: 25px; }
.m30 { margin: 30px; } .ml30 { margin-left: 30px; } .mr30 { margin-right: 30px; } .mt30 { margin-top: 30px; } .mb30 { margin-bottom: 30px!important; } .mlr30 { margin-left: 30px; margin-right: 30px; } .mtb30 { margin-top: 30px; margin-bottom: 30px; }
.m35 { margin: 35px; } .ml35 { margin-left: 35px; } .mr35 { margin-right: 35px; } .mt35 { margin-top: 35px; } .mb35 { margin-bottom: 35px!important; } .mlr35 { margin-left: 35px; margin-right: 35px; } .mtb35 { margin-top: 35px; margin-bottom: 35px; }
.m50 { margin: 50px; } .ml50 { margin-left: 50px; } .mr50 { margin-right: 50px; } .mt50 { margin-top: 50px; } .mb50 { margin-bottom: 50px!important; } .mlr50 { margin-left: 50px; margin-right: 50px; } .mtb50 { margin-top: 50px; margin-bottom: 50; } @media (max-width: 1219px) {.col-1219 {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column}} 
@media (max-width: 959px) {.col-959 {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column}} 
@media (max-width: 767px) {.col-767 {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column}} 
@media (max-width: 567px) {.col-567 {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column}} 
@media (max-width: 479px) {.col-479 {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column}} 
@media (max-width: 1219px) {.col-reverse-1219 {-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse}}
@media (max-width: 959px) {.col-reverse-959 {-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse}}
@media (max-width: 767px) {.col-reverse-767 {-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse}}
@media (max-width: 567px) {.col-reverse-567 {-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse}}
@media (max-width: 479px) {.col-reverse-479 {-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse}} .ec-grid-5 {margin-left: -5px} 
.ec-grid-5 > * {padding-left: 5px}
.ec-grid-15 {margin-left: -15px} 
.ec-grid-15 > * {padding-left: 15px}
.ec-grid-20 {margin-left: -20px} 
.ec-grid-20 > * {padding-left: 20px}
.ec-grid-30 {margin-left: -30px} 
.ec-grid-30 > * {padding-left: 30px}
.ec-grid-50 {margin-left: -50px} 
.ec-grid-50 > * {padding-left: 50px}
@media (min-width: 960px) {
.ec-grid-lg-40 {margin-left: -40px;}
.ec-grid-lg-40>* {padding-left: 40px;}
}
@media (min-width: 959px) {
.ec-grid-lg-20 {margin-left: -20px;}
.ec-grid-lg-20>* {padding-left: 20px;}
} .button-scaleX {
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
}
.button-scaleX:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0px;left: 0px;
z-index: 10;
background: #990066;
-moz-border-radius: inherit;
-o-border-radius: inherit;
-ms-border-radius: inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.button-scaleX>* {
position: relative;
z-index: 20;
}
.button-scaleX:hover {background: transparent;}
.button-scaleX:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
} .img-flash,.img-shine{position:relative;overflow:hidden}.img-circle:before,.img-shine:before{content:'';display:block}.img-circle,.img-flash,.img-shine,.img-slide,.img-zoomin,.img-zoomout{overflow:hidden}.img-flash:hover>*{opacity:1;-webkit-animation:imgFlash 1.5s;-o-animation:imgFlash 1.5s;animation:imgFlash 1.5s}@-webkit-keyframes imgFlash{0%{opacity:.6}100%{opacity:1}}@-moz-keyframes imgFlash{0%{opacity:.6}100%{opacity:1}}@keyframes imgFlash{0%{opacity:.6}100%{opacity:1}}.img-shine:before{position:absolute;top:0;left:-75%;z-index:100;width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg)}.img-shine:hover:before{-webkit-animation:imgShine .75s ease-in-out;-o-animation:imgShine .75s ease-in-out;animation:imgShine .75s ease-in-out}@-webkit-keyframes imgShine{100%{left:125%}}@-moz-keyframes imgShine{100%{left:125%}}@keyframes imgShine{100%{left:125%}}.img-circle{position:relative}.img-circle:before{position:absolute;width:0;height:0;border-radius:50%;top:50%;left:50%;z-index:10;opacity:0;background:rgba(255,255,255,.3);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.img-slide,.img-slide>*,.img-zoomin,.img-zoomin>*,.img-zoomout,.img-zoomout>*,[class*=img-caption]{position:relative}.img-circle:hover:before{-webkit-animation:circle .75s infinite;animation:circle .75s infinite}@-webkit-keyframes circle{0%,40%{opacity:1}100%{width:200%;height:200%;opacity:0}}@-moz-keyframes circle{0%,40%{opacity:1}100%{width:200%;height:200%;opacity:0}}@keyframes circle{0%,40%{opacity:1}100%{width:200%;height:200%;opacity:0}}.img-zoomin>*{-webkit-transition:transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out}.img-zoomin:hover>*{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.img-slide>*{left:0;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.img-slide:hover>*{left:-10px}.img-zoomout>*{-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.img-zoomout:hover>*{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}[class*=img-caption]{display:block;overflow:hidden}[class*=img-caption] .image{display:block;position:relative;font-size:0;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}[class*=img-caption]>.info{display:block;position:absolute;z-index:100;left:0;right:0;background:rgba(255,255,255,1);-webkit-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out;backface-visibility:hidden}.img-caption-bottom>.info{visibility: hidden;opacity:0;top:initial;bottom:0;-webkit-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);backface-visibility: hidden;}.img-caption-bottom:hover>.info{visibility: visible;opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.img-caption-bottom:hover>.image{-webkit-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px)}.img-caption-top>.info{opacity:0;top:0;bottom:initial;-webkit-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.img-caption-top:hover>.info{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.img-caption-top:hover>.image{-webkit-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px)}
[class*=img-push]{display:block;overflow:hidden;position:relative}[class*=img-push] .image{display:block;position:relative;-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}[class*=img-push] .info{display:block;position:absolute;z-index:100;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,1);-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.img-push-up .info{-webkit-transform:translate(0,100%);-o-transform:translate(0,100%);transform:translate(0,100%)}.img-push-down .info,.img-push-up:hover .image{-webkit-transform:translate(0,-100%);-o-transform:translate(0,-100%);transform:translate(0,-100%)}.img-push-down:hover .image{-webkit-transform:translate(0,100%);-o-transform:translate(0,100%);transform:translate(0,100%)}.img-push-left .info{-webkit-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0)}.img-push-left:hover .image,.img-push-right .info{-webkit-transform:translate(-100%,0);-o-transform:translate(-100%,0);transform:translate(-100%,0)}.img-push-right:hover .image{-webkit-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0)}[class*=img-push]:hover .info{-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.uk-slideshow{position:relative;z-index:0;width:100%;margin:0;padding:0;list-style:none;overflow:hidden;touch-action:pan-y}.uk-slideshow>li{position:absolute;top:0;left:0;width:100%;opacity:0}.uk-slideshow>.uk-active{z-index:10;opacity:1}.uk-slideshow>li>img{visibility:hidden}[data-uk-slideshow-slide]{cursor:pointer}.uk-slideshow-fullscreen,.uk-slideshow-fullscreen>li{height:100vh}.uk-slideshow-fade-in{-webkit-animation:uk-fade .5s linear;animation:uk-fade .5s linear}.uk-slideshow-fade-out{-webkit-animation:uk-fade .5s linear reverse;animation:uk-fade .5s linear reverse}.uk-slideshow-scroll-forward-in{-webkit-animation:uk-slide-right .5s ease-in-out;animation:uk-slide-right .5s ease-in-out}.uk-slideshow-scroll-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-scroll-backward-in{-webkit-animation:uk-slide-left .5s ease-in-out;animation:uk-slide-left .5s ease-in-out}.uk-slideshow-scroll-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-scale-out{-webkit-animation:uk-fade-scale-15 .5s ease-in-out reverse;animation:uk-fade-scale-15 .5s ease-in-out reverse}.uk-slideshow-swipe-forward-in{-webkit-animation:uk-slide-left-33 .5s ease-in-out;animation:uk-slide-left-33 .5s ease-in-out}.uk-slideshow-swipe-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-swipe-backward-in{-webkit-animation:uk-slide-right-33 .5s ease-in-out;animation:uk-slide-right-33 .5s ease-in-out}.uk-slideshow-swipe-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-swipe-backward-in:before,.uk-slideshow-swipe-forward-in:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,.6);-webkit-animation:uk-fade .5s ease-in-out reverse;animation:uk-fade .5s ease-in-out reverse}.uk-accordion-title{margin-top:0;margin-bottom:15px;padding:5px 15px;background:#eee;font-size:18px;line-height:24px;cursor:pointer}.uk-accordion-content{padding:0 15px 15px 15px}.uk-accordion-content:after,.uk-accordion-content:before{content:"";display:table}.uk-accordion-content:after{clear:both}.uk-accordion-content>:last-child{margin-bottom:0}@font-face { font-family: 'flexslider-icon'; src: url(//huyduong.vn/wp-content/themes/huyduong/css/flexslider-icon.eot) ; src: url(//huyduong.vn/wp-content/themes/huyduong/css/flexslider-icon.eot-#iefix) format('embedded-opentype'), url(//huyduong.vn/wp-content/themes/huyduong/css/flexslider-icon.woff) format('woff'), url(//huyduong.vn/wp-content/themes/huyduong/css/flexslider-icon.ttf) format('truetype'), url(//huyduong.vn/wp-content/themes/huyduong/css/flexslider-icon.svg#flexslider-icon) format('svg'); font-weight: normal; font-style: normal; } .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; } .flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; } .flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); }
.flexslider .slides { zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 25px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; line-height: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: -5px; padding-left: 5px; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; background: rgba(0,0,0,.3); }
.flexslider:hover .flex-direction-nav .flex-prev:hover::before { color: #FFF!important; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: -5px; padding-right: 5px; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; background: rgba(0,0,0,.3); }
.flexslider:hover .flex-direction-nav .flex-next:hover::before { color: #FFF!important; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 10px; } .flex-direction-nav .flex-next {opacity: 1; right: 10px; } }.stellarnav { position: relative; width: 100%; z-index: 9900; line-height: normal; }
.stellarnav a { color: #777; }
.stellarnav ul { margin: 0; padding: 0; text-align: center; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle; }
.stellarnav li a { padding: 15px; display: block; text-decoration: none; color: #777; font-size: inherit; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }
#menu-megamenu>li>a {
color: #fff;
font-size: 18px;
padding: 10px 20px;
text-transform: uppercase;
}
.uk-navbar-nav>li {
float: none;
} .stellarnav > ul > li { display: inline-block;  }
.stellarnav > ul > li > a { padding: 20px 40px; } .stellarnav ul ul { top: auto; width: 220px; position: absolute; z-index: 9900; text-align: left; display: none; background: #ddd; }
.stellarnav li li { display: block; } .stellarnav ul ul ul { top: 0; left: 220px; }
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; } .stellarnav > ul > li.drop-left > ul { right: 0; }
.stellarnav li.drop-left ul ul { left: auto; right: 220px; } .stellarnav.light { background: rgba(255, 255, 255, 1); }
.stellarnav.light a { color: #000; }
.stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }
.stellarnav.light li a { color: #000; } .stellarnav.dark { background: #0069C5; }
.stellarnav.dark a { color: #333; }
.stellarnav.dark ul ul { background: #f6f6f6; }
.stellarnav.dark li a { color: #333; } .stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; } body.stellarnav-noscroll-x { overflow-x: hidden; } .stellarnav li.has-sub > a:after { content: ''; margin-left: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFF; display: inline-block; }
.stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #333; position: relative; top: 4px; }
.stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.stellarnav.desktop li.has-sub a { padding-right: 5px; }
.stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; }
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; } .stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; } .stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
.stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; }
.stellarnav a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; }
.stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.stellarnav.light a.dd-toggle .icon-plus:before { border-color: #000; }
.stellarnav.light a.dd-toggle .icon-plus:after { border-color: #000; }
.stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #FFF; }
.stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #FFF; }
.stellarnav .icon-close { box-sizing: border-box; width: 12px; height: 12px; position: relative; display: inline-block; }
.stellarnav .icon-close:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); }
.stellarnav .icon-close:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); }
.stellarnav.light .icon-close:before { border-color: #000; }
.stellarnav.light .icon-close:after { border-color: #000; }
.stellarnav.dark .icon-close:before { border-color: #FFF; }
.stellarnav.dark .icon-close:after { border-color: #FFF; } .stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding: 15px; box-sizing: border-box; }
.stellarnav .menu-toggle span.bars { display: inline-block; margin-right: 7px; position: relative; top: 3px; }
.stellarnav .menu-toggle span.bars span { display: block; width: 15px; height: 2px; border-radius: 6px; background: #777; margin: 0 0 3px; }
.stellarnav .full { width: 100%; }
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }
.stellarnav.light .menu-toggle span.bars span { background: #000; }
.stellarnav.dark .menu-toggle span.bars span { background: #FFF; }
.stellarnav.mobile { position: static; }
.stellarnav.mobile.fixed { position: static; }
.stellarnav.mobile ul { position: relative; display: none; }
.stellarnav.mobile.active { padding-bottom: 0; }
.stellarnav.mobile.active > ul { display: block; }
.stellarnav.mobile ul { text-align: left; }
.stellarnav.mobile > ul > li { display: block; }
.stellarnav.mobile > ul > li > a { padding: 15px; }
.stellarnav.mobile ul { background: rgba(221, 221, 221, 1); }
.stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a.dd-toggle { border: 0; }
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }
.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); }
.stellarnav.mobile.dark ul { background: rgba(0, 0, 0, 1); }
.stellarnav.mobile.dark ul ul { background: rgba(255, 255, 255, .08); }
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; } .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; bottom: 0; width: 100%; max-width: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.stellarnav.mobile.right > ul { right: 0; z-index: 999}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; }
.stellarnav.mobile.left > ul { left: 0; }
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }  .stellarnav.desktop li.mega ul ul { background: none; }
.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }
.stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }
.stellarnav.desktop li.mega ul ul { width: auto; }
.stellarnav.desktop > ul > li.mega { position: inherit; }
.stellarnav.desktop > ul > li.mega > ul { width: 100%; }
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }
.stellarnav.desktop li.mega li li a { padding: 5px 15px; }
.stellarnav.desktop li.mega li.has-sub a:after { display: none; }
.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }  @media only screen and (max-width : 768px) {
.stellarnav { overflow: hidden; display: block; }
.stellarnav ul { position: relative; display: none; }
.stellarnav.dark a, .stellarnav.dark li a {
color: #fff;
}
.site-name {
display: none;
}
.center-box .header-contact li > a {
padding-left: 20px;
}
.center-box .header-contact li {
border-right: 0 !important;
}
} @media only screen and (max-width : 420px) {
.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; }
}.container {
position:relative;
}
.logo {margin: 0;}
.logo a {display: block;}
.logo img {
max-height: 100px;
width: auto;
}
.header .offcanvas {
padding-left: 20px;
font-size: 14px;
color: #fff;
background: url(//huyduong.vn/wp-content/themes/huyduong/images/bar.png) 0px 50% no-repeat;
}
.header .upper {
padding: 10px 0;
position: relative;
background: #0069c5;
font-size: 13px;
line-height: 18px;
color: #fff;
}
.header .upper a {color: #fff;}
.header-social li {
float: left;
font-size: 16px;
line-height: 20px;
}
.header-social li+li {margin-left: 15px;}
.center-box .header-contact li{
border-right:1px solid #ccc;
padding-right:30px;
margin-right:30px;
position:relative;
}
.center-box .header-contact li:before{
position:absolute;
content:'';
display:block;
font-family:'FontAwesome';
left:-1px;
top:-1px;
color:#0069c5;
font-size:18px;
}
.center-box .header-contact li.phone:before{
content:'\f095';
}
.center-box .header-contact li.email:before{
content:'\f003';
}
.header-social li a{
color:#555555;
}
.center-box .header-contact li > a{
color:#333;
font-size:14px;
}
.pc-search {         }
.pc-search .form {
position: relative;
min-width: 250px;
}
.pc-search .form .input-text {
height: 32px;
padding: 0 10px;
border: 1px solid #0152a7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
font-size: 13px;
line-height: 32px;
}
.pc-search .form .btn-submit {
display: block;
position: absolute;
width: 14px;
height: 14px;
top: 50%;
left: initial;
right: 10px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
border: none;
background: url(//huyduong.vn/wp-content/themes/huyduong/images/search.png) 50% 50% no-repeat;
cursor: pointer;
outline: none;
text-indent: -99999px;
}
.pc-search .form .input-text::-webkit-input-placeholder {
color: #999;
font-size: 13px;
}
.pc-search .form .input-text::-moz-placeholder {
color: #999;
font-size: 13px;
}
.pc-search .form .input-text:-ms-input-placeholder {
color: #999;
font-size: 13px;
}
.pc-search .form .input-text:-moz-placeholder {
color: #999;
font-size: 13px;
}
.header-contact li {
position: relative;
float: left;
padding-left: 30px;
font-size:16px;
}
.header-contact li *{
font-size:16px;
}
.header-contact li:not(:last-child) {
margin-right: 30px;
padding-right: 30px;
}
.header-contact li:not(:last-child):after {
content: "";
display: block;
position: absolute;
height: 12px;
width: 1px;
background: #fff;
right: 0px;
top: 3px;
}
.header-contact li:before {
content: "";
font-family: FontAwesome;
display: block;
position: absolute;
left: 0px;top: 0px;
font-size: 13px;
color: #fff;
}
.header-contact .phone:before {content: "\f095";}
.header-contact .email:before {content: "\f0e0";}
.header .middle {
padding: 15px 0;
position: relative;
background: #fff; }
.header-cart .cart {
display: inline-block;
position: relative;
padding: 10px 0 10px 45px;
background: url(//huyduong.vn/wp-content/themes/huyduong/images/icon-cart.png) 0px 50% no-repeat;
color: #000;
font-size: 14px;
line-height: 20px;
text-align: left;
width:34px;
height:30px;
}
.header-cart .cart .number {
font-weight: bold;
color: #0069c5;
}
.header-cart .cart .quantity {
display: block;
position: absolute;
width: 24px;
height: 24px;
line-height: 24px;
background: #005dab;
text-align: center;
font-size: 12px;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
top: -5px;
right: initial;
left: 20px;
}
.header-search .form {
position: relative; }
.header-search .form .input-text {
display: block;
height: 36px;
line-height: 36px;
padding: 0 10px 0 15px;
border: 1px solid #fe8802;
}
.header-search .form .btn-submit {
display: block;
position: absolute;
height: 36px;
width: 70px;
line-height: 36px;
border: 1px solid #fe8802;
background: #fe8802;
z-index: 20;
top: 0px;right: 2px;
font-size: 16px;
color: #fff;
cursor: pointer;
}
.header .lower{
background:#0069c5;
margin:0;
padding:6px 0;
}
.header .navigation {
margin:0;
padding:0;
}
.header .navigation ul{
margin:0;
padding:0;
padding-left:300px;
}
.header .main-menu li {position: relative;}
.header .main-menu>li+li {margin-left: 35px;}
.header .main-menu>li>a {
position: relative;
display: block;
padding: 5px 0px;
font-size: 16px;
line-height: 20px;
color: #fff;
text-transform: uppercase;
}
.header .main-menu>li:hover>a {color: #fe8802;}
.header .navigation .dropdown-menu {
display: none;
border-top: 1px solid transparent;
position: absolute;
z-index: 100;
}
.header .main-menu>li:hover .dropdown-menu {display: block;}
.header .navigation .sub-menu {
padding: 0;
min-width: 220px;
background: #fff;
border:1px solid #ebebeb;
}
.header .navigation .sub-menu>li>a {
display: block;
position: relative;
padding: 10px 10px 10px 15px;
font-size: 14px;
line-height: 18px;
color: #333;text-align:left;
}
.header .navigation .sub-menu>li+li>a {border-top: 1px dotted #e1e1e1;}
.header .navigation .sub-menu>li:hover>a {color: rgba(0, 133, 186, 1);}
@media (min-width: 1220px) {
.header-search {min-width: 250px}
}
@media (min-width: 960px) and (max-width: 1219px) {
.header .logo {max-width: 200px}
.header-search {min-width: 450px}
}
@media (max-width: 959px) {
.header .middle .container {
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-o-align-items: center;
align-items: center;
}
}
@media (min-width: 767px) and (max-width: 959px) {
.header .logo {max-width: 150px}
.header-search {min-width: 350px}
}
@media (max-width: 767px) {
.header .middle {
padding: 10px 0;
border-bottom-width: 1px;
}
.header .logo {max-width: 200px}
.header-search {display: none;}
}
@media (max-width: 479px) {
.header .logo {max-width: 175px}
.header-contact li {padding-left: 0;}
.header-contact .label, .header-contact li:before {display: none;}
.header-contact li:not(:last-child) {
margin-right: 10px;
padding-right: 10px;
}
.header .offcanvas {
display: block;
width: 14px;
height: 10px;
text-indent: -9999px;
}
.header-cart .cart {
padding: 0;
width: 34px;
height: 30px;
}
.header-cart .number, .header-cart .label {display: none;}
.header-cart .cart .quantity {top: -12px;}
} .mobile-header {
position: relative;
background: #fff;
z-index: 5;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.mobile-header .upper {
position: relative;
padding: 5px 15px;
}
.mobile-header .logo {width: 170px;}
.mobile-header .moblie-menu-btn {
left: initial;
right: 15px;
}
@media (max-width: 567px) {
.mobile-header .logo {width: 200px;}
} .moblie-menu-btn {
position: absolute;
width: 35px;
height: 24px;
left: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.moblie-menu-btn > * {
display: block;
position: relative;
width: 35px;
height: 3px;
top: 14px;
background: #333;
text-indent: -99999px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1) .14s;
-moz-transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1) .14s;
-o-transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1) .14s;
transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1) .14s;
}
.moblie-menu-btn>*:before,
.moblie-menu-btn>*:after {
content: '';
display: block;
position: absolute;
height: 3px;
width: 35px;
left: 0px;
background: #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.moblie-menu-btn>*:before {
top: -10px;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease;
-moz-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease;
-o-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease;
}
.moblie-menu-btn>*:after {
bottom: -10px;
-webkit-transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease;
-moz-transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease;
-o-transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease;
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease;
}
.uk-offcanvas-page .moblie-menu-btn.skin-1 > *:before {
width: 13px;
-webkit-transform: rotate(315deg) translate(-4px,0);
-moz-transform: rotate(315deg) translate(-4px,0);
-o-transform: rotate(315deg) translate(-4px,0);
-ms-transform: rotate(315deg) translate(-4px,0);
transform: rotate(315deg) translate(-4px,0);
}
.uk-offcanvas-page .moblie-menu-btn.skin-1 > *:after {
width: 13px;
-webkit-transform: rotate(-315deg) translate(-4px,0);
-moz-transform: rotate(-315deg) translate(-4px,0);
-o-transform: rotate(-315deg) translate(-4px,0);
-ms-transform: rotate(-315deg) translate(-4px,0);
transform: rotate(-315deg) translate(-4px,0);
}
.uk-offcanvas-page .moblie-menu-btn.skin-2 > * {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.uk-offcanvas-page .moblie-menu-btn.skin-2 > *:before {
top: 0px;
opacity: 0;
}
.uk-offcanvas-page .moblie-menu-btn.skin-2 > *:after {
bottom: 0px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}    @media (min-width: 960px) {
.main-content {padding-left: 20px;}
} .heading-1 {
margin: 0 0 20px 0;
position: relative;
font-size: 25px;
line-height: 20px;
text-transform: uppercase;
font-weight: bold;
}
.heading-1:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
background: #ccc;
left: 0px;bottom: 0px;
}
.heading-1>* {
display: inline-block;
padding: 0 0 8px 0;
position: relative;
color: #333;
}
.heading-1>*:before {
content: "";
display: block;
position: absolute;
width: 100px;
height: 2px;
background: #278ddc;
left: 0px;bottom: -1px;
z-index: 9;
}
.heading-2 {
margin: 0 0 15px 0;
border-bottom: 1px solid #fe8802;
font-size: 13px;
line-height: 20px;
text-transform: uppercase;
font-weight: 600;
}
.heading-2>* {
display: inline-block;
position: relative;
padding: 8px 10px;
background: #fe8802;
color: #fff;
}
.heading-2>*:before {
content: "";
display: block;
position: absolute;
width: 0;height: 0;
border-left: 15px solid #d27000;
border-top: 36px solid transparent;
top: 0px;right: -15px;
}
.heading-3 {
position: relative;
margin: 0 0 20px 0;
font-size: 17px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #dadada;
}
.heading-3>* {
display: inline-block;
position: relative;
padding-bottom: 10px;
color: #252525;
}
.heading-3>*:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 2px;
background: #005dab;
left: 0px;
top: initial;
bottom: -1px;
}
.heading-cat {
position: relative;
margin: 0 0 20px 0;
padding:  0 0 8px 0;
font-size: 20px;
text-transform: uppercase;
}
.heading-cat:before {
content: "";
display: block;
position: absolute;
width: 80px;
height: 2px;
background: #0069c5;
left: 0px;
bottom: 0px;
}
.heading-cat>* {color: #555;} .main-categories {
position: absolute;
width: 275px;
top: -6px;
left: 0px;
}
.main-categories .heading {
width: 100%;
padding: 10px 10px 10px 35px;
margin: 0;
font-size: 14px;
line-height: 22px;
font-weight: normal;
text-transform: uppercase;
background: #0159a6 url(//huyduong.vn/wp-content/themes/huyduong/images/bar.png) 15px 50% no-repeat;
}
.main-categories .heading>* {color: #fff;}
.main-categories .panel-body {
padding: 7px 0;
width: 100%;
background: #fff;
z-index: 150;
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 5px 5px rgba(0,0,0,.15);
-ms-box-shadow: 0 5px 5px rgba(0,0,0,.15);
-o-box-shadow: 0 5px 5px rgba(0,0,0,.15);
box-shadow: 0 5px 5px rgba(0,0,0,.15);
}
.main-categories .mainCat li {position: relative;}
.main-categories .mainCat li>a {
display: block;
position: relative;
padding: 13px 10px 13px 25px;
font-size: 14px;
line-height: 18px;
color: #333;
font-weight:bold;
}
.main-categories .mainCat>li>a:before {
content: "\f0da";
font-family: FontAwesome;
display: block;
position: absolute;
font-size: 14px;
left: 10px;
transform: 10px;
color: #0069c5;
}
.main-categories .mainCat li+li>a {border-top: 1px solid #e1e1e1;}
.main-categories .mainCat li:hover>a {color: #0069c5;}
.main-categories .fly-content {
position: absolute;
display: none;
min-width: 250px;
z-index: 200;
background: #fff;
left: 100%;
top: 0px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 25);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 25);
-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 25);
-o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 25);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 25);
}
.main-categories .mainCat>li:hover> .fly-content {display: block;} .main-slide {margin: 0 0 20px 0!important;}
.main-slide .uk-dotnav {
bottom: 10px;
right: initial;
left: 10px;
}
.main-slide .ec-cover{
height:542px;
}
@media (max-width:768px){
.main-slide .ec-cover{
height:auto !important;
}
}
.main-slide .uk-dotnav-contrast>*>* {
width: 12px;
height: 12px;
background: #c8c8c8;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.main-slide .uk-dotnav-contrast>.uk-active>* {background: #0069c5;} .aside>* {margin-bottom: 20px;}
.aside-panel .heading {
margin: 0;
padding: 10px 10px 10px 15px;
position: relative;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
font-weight: bold;
background-color: #0069c5;
font-family:'HTVietNam' !important;
}
.aside-panel .heading>* {color: #fff;}
.aside-panel .panel-body {
position: relative;
background: #fff;
border: 1px solid #d5d5d5;
border-top: none;
}
.aside-categories .heading {
padding-left: 30px;
background-image: url(//huyduong.vn/wp-content/themes/huyduong/images/bar.png) ;
background-repeat: no-repeat;
background-position: 10px 50%;
}
.aside-categories .mainCat>li>a {
display: block;
position: relative;
padding: 10px 10px 10px 25px;
font-size: 14px;
line-height: 20px;
font-weight: normal;
color: #333;
}
.aside-categories .mainCat>li>a:before {
content: "\f0da";
font-family: FontAwesome;
display: block;
position: absolute;
font-size: 14px;
left: 10px;
top: 10px;
}
.aside-categories .mainCat>li+li>a {border-top: 1px solid #ebebeb;}
.aside-categories .mainCat>li>a:hover {color: #fe8802;}
.aside-products .product {
position: relative;
padding: 10px;
}
.aside-products ul li+li .product {border-top: 1px solid #ddd;}
.aside-products .product .thumb {
float: left;
width: 100px;
padding: 3px;
border: 1px solid #e1e1e1;
}
.aside-products .product .thumb .image {height: 80px;}
.aside-products .product .info {
float: right;
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: -ms-calc(100% - 100px);
width: -o-calc(100% - 100px);
width: calc(100% - 100px);
padding-left: 10px;
}
.aside-products .product .title {
font-size: 13px;
line-height: 18px;
height: 36px;
margin: 0 0 5px 0;
font-weight: 600;
overflow: hidden; 
-ms-text-overflow: ellipsis; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.aside-products .product .title a {color: #333;}
.aside-products .product .price {
font-size: 13px;
line-height: 18px;
color: #999;
}
.aside-products .product .price .old {text-decoration: line-through;}
.aside-products .product .price .new {
font-weight: bold;
color: #f00;
}
.aside-filter .panel-body {padding: 10px;}
.aside-filter .form-row:not(:last-child) {margin-bottom: 5px;}
.aside-filter .input-check {display: none!important;}
.aside-filter .label-inputchek {
position: relative;
padding-left: 22px;
font-size: 14px;
line-height: 20px;
}
.aside-filter .label-inputchek:before {
content: "";
display: block;
position: absolute;
width: 14px;height: 14px;
border: 1px solid #c8c8c8;
left: 0px;top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.aside-filter .input-check:checked+.label-inputchek {color: #0069c5;}
.aside-filter .input-check:checked+.label-inputchek:before {
background: #0069c5 url(//huyduong.vn/wp-content/themes/huyduong/images/icon_check.png) 50% 50% no-repeat;
border-color: #0069c5;
}
.aside-news .list-article li {padding: 10px;}
.aside-news .list-article li+li {border-top: 1px solid #ddd;}
.aside-news .article .thumb {margin: 0 0 5px 0;}
.aside-news .article .image {height: 130px;}
.aside-news .title {
margin: 0 0 5px 0;
font-size: 13px;
line-height: 20px;
font-weight: 600;
}
.aside-news .article .title a {color: #333;}
.aside-news .article .title a:hover {color: #0069c5;}
.aside-news .article .meta {
padding-left: 20px;
font-size: 13px;
line-height: 18px;
color: #999;
background: url(//huyduong.vn/wp-content/themes/huyduong/images/calendar.png) 0px 1px no-repeat;
} .home-productcatalogue {
position: relative;
margin: 0 0 20px 0!important;
}
.home-productcatalogue  .panel-head {
margin: 0;
border-bottom: 2px solid #0069c5;
}
.home-productcatalogue .heading {
position: relative;
margin: 0;
padding: 12px 20px 10px 25px;
background: #0069c5;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
font-weight: bold;
}
.home-productcatalogue .heading:before {
content: "\f111";
font-family: FontAwesome;
display: block;
position: absolute;
font-size: 8px;
left: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
}
.home-productcatalogue .heading>* {color: #fff;}
.home-productcatalogue .panel-head .listCat li {float: left;}
.home-productcatalogue .panel-head .listCat li+li {margin-left: 15px;}
.home-productcatalogue .panel-head .listCat a, .home-productcatalogue .panel-head .viewmore a {
font-size: 14px;
line-height: 20px;
color: #0069c5;
}
.home-productcatalogue .panel-head .listCat a:hover, 
.home-productcatalogue .panel-head .viewmore a:hover {
color: #0069c5;
}
.home-productcatalogue .product-1 {border-top: none;}
.home-productcatalogue .list-product li:nth-child(n+2) .product-1 {border-left: none;}
.home-productcatalogue .list-product li:nth-child(6) .product-1 {border-left: 1px solid #d5d5d5;}
@media (min-width: 1220px) {
.home-productcatalogue .heading {min-width: 240px;}
}
@media (min-width: 960px) and (max-width: 1219px), (min-width: 479px) and (max-width: 567px) {
.home-productcatalogue .product-1 .image {height: 165px;}
}
@media (min-width: 767px) and (max-width: 959px) {
.home-productcatalogue .list-product li:nth-child(3n+4) .product-1 {border-left: 1px solid #d5d5d5;}
}
@media (max-width: 767px) {
.home-productcatalogue .list-product li:nth-child(2n+3) .product-1 {border-left: 1px solid #d5d5d5;}
}
@media (max-width: 479px) {
.home-productcatalogue .heading {
position: relative;
margin: 0;
padding: 8px 10px 8px 25px;
background: #0069c5;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
font-weight: bold;
}
.home-productcatalogue .panel-head .viewmore {display: none;}
} .home-subscribe {
margin: 0 0 25px 0;
padding: 15px 0;
background: #0069c5;
font-size: 13px;
line-height: 20px;
color: #fff;
}
.home-subscribe .title {
margin: 0 0 5px 0;
font-size: 18px;
line-height: 24px;
font-weight: bold;
text-transform: uppercase;
}
.home-subscribe .form {
position: relative;
overflow: hidden;
}
.home-subscribe .form .input-text {
display: block;
height: 38px;
line-height: 38px;
padding: 0 10px 0 20px;
border: none;
}
.home-subscribe .form .btn-submit {
display: block;
position: absolute;
padding: 0 25px;
height: 38px;
top: 0px;right: 0px;
line-height: 38px;
background: #fe8802;
text-transform: uppercase;
border: none;
cursor: pointer;
}
@media (min-width: 960px) {
.home-subscribe {padding: 22px 0;}
.home-subscribe .form {min-width: 550px}
.home-subscribe .form .input-text, .home-subscribe .form .btn-submit {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
}
}
@media (max-width: 959px) {
.home-subscribe .container {display: block;}
.home-subscribe .title {
margin: 0 0 5px 0;
font-size: 14px;
font-weight: normal;
}
.home-subscribe .subtitle {display: none;}
}
@media (max-width: 479px) {
.home-subscribe .form .btn-submit {padding: 0 10px;}
} .home-featuredProject {margin-bottom: 25px!important}
.home-featuredProject .slider .uk-slidenav {
display: block;
position: absolute;
bottom: initial;
left: initial;
top: -40px;
right: 0px;
width: 24px;
height: 24px;
border: 1px solid #999;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//huyduong.vn/wp-content/themes/huyduong/images/arrow.png) ;
}
.home-featuredProject .slider .uk-slidenav-previous {
right: 29px;
background-image: url(//huyduong.vn/wp-content/themes/huyduong/images/arrow-2.png) ;
}
.home-featuredProject .slider .uk-slidenav:before {display: none;}
.home-featuredProject .article .thumb {margin: 0 0 10px 0;}
.home-featuredProject .article .title {
margin: 0 0 5px 0;
font-size: 14px;
line-height: 20px;
text-align: center;
}
.home-featuredProject .panel-body{
padding:25px 1.5%;
}
.home-featuredProject .article .title a {color: #555;}
.home-featuredProject .article .title a:hover {color: #0069c5;}
@media (min-width: 1220px), (min-width: 567px) and (max-width: 767px) {
.home-featuredProject .article .image {height: 245px;}
}
@media (min-width: 767px) and (max-width: 1219px) {
.home-featuredProject .article .image {height: 150px;}
}
@media (min-width: 479px) and (max-width: 567px) {
.home-featuredProject .article .image {height: 130px;}
}
@media (max-width: 767px) {
.home-featuredProject .panel-body {padding: 10px;}
.home-featuredProject .slider .uk-slidenav {right: -10px;}
.home-featuredProject .slider .uk-slidenav-previous {right: 20px;}
}
@media (max-width: 479px) {
.home-featuredProject .article .image {height: 170px;}
} .letter-customer {margin-bottom: 25px;}
.letter-customer .panel-body {
padding: 15px;
border: 5px solid #99a1be;
border-image: repeating-linear-gradient( 145deg, #9fa6c1, #9fa6c1 30px, #f3ead5 30px, #f3ead5 60px, #eb8f85 60px, #eb8f85 90px,#f3ead5 90px, #f3ead5 120px) 5;
background: #fff;
}
.letter-customer .article .thumb {
float: left;
width: 500px;
margin-right: 15px;
}
.letter-customer .article .viewmore {text-align: right} 
.letter-customer .article .viewmore a {color: #333;} 
.letter-customer .article .viewmore a:hover {
text-decoration: underline;
color: #0069c5;
} 
@media (max-width: 959px) {
.letter-customer .article .thumb {width: 300px;}
}
@media (max-width: 567px) {
.letter-customer .article .thumb {width: 200px;}
}
@media (max-width: 479px) {
.letter-customer .article .thumb {
float: none;
width: 100%;
margin: 0 0 10px 0;
}
} .home-news {}
.home-news article .title a {color: #0069c5;font-weight:bold;font-size:16px;}
.home-news article .title a:hover {color: #305ea9;}
.home-news .featured, 
.home-news .list-article {margin-bottom: 20px!important;}
.home-news .featured .title {
margin: 0 0 5px 0;
font-size: 14px;
line-height: 20px;
font-weight: bold;
}
.home-news .featured .meta {
margin: 0 0 5px 0;
padding: 0 0 0 20px;
background: url(//huyduong.vn/wp-content/themes/huyduong/images/calendar.png) 0px 50% no-repeat;
color: #999;
}
.home-news .featured .description {
height: 88px;
font-size: 14px;
line-height: 22px;
color: #666;
overflow: hidden; 
-ms-text-overflow: ellipsis; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.home-news .list-article li:not(:last-child) {margin-bottom: 15px;}
.home-news .list-article li+li {
padding-top: 15px;
border-top: 1px dotted #d1d1d1;
}
.home-news .list-article .article .thumb {
float: left;
width: 105px;
}
.home-news .list-article .article .info {
float: right;
width: -webkit-calc(100% - 105px);
width: -ms-calc(100% - 105px);
width: -o-calc(100% - 105px);
width: -moz-calc(100% - 105px);
width: calc(100% - 105px);
padding-left: 10px;
}
.home-news .list-article .article .image {height: 75px;}
.home-news .list-article .article .title {
margin: 0;
font-size: 14px;
line-height: 20px;
font-weight: normal;
}
.home-news .list-article .article .meta {
font-size: 13px;
color: #999;
}
@media (min-width: 479px) and (max-width: 767px) {
.home-news .featured .info {padding-left: 15px;}
.home-news .featured .title {
height: 40px;
font-size: 13px;
line-height: 20px;
-webkit-line-clamp: 2;
overflow: hidden; 
-ms-text-overflow: ellipsis; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-box-orient: vertical;
}
.home-news .featured .description {
height: 36px;
font-size: 13px;
line-height: 18px;
-webkit-line-clamp: 2;
}
}
@media (max-width: 479px), (min-width: 767px) {
.home-news .featured .thumb {margin-bottom: 10px;}
} .home-feedback {margin-bottom: 25px!important;}
.home-feedback .panel-body {padding-top: 10px;}
.home-feedback .slider {padding-bottom: 30px;}
.home-feedback .slider .uk-slidenav {
display: block;
width: 24px;
height: 24px;
line-height: 24px;
background: #bfbfbf;
font-size: 18px;
color: #fff;
top: initial;
left: initial;
bottom: -15px;
right: 0px;
}
.home-feedback .slider .uk-slidenav-previous {right: 29px;}
.home-feedback .slider .uk-slidenav:hover {background: #005dab;}
.home-feedback .article {text-align: center;}
.home-feedback .article .info {
position: relative;
margin: 0 0 35px 0;
padding: 40px 15px 0px 15px;
border: 2px solid #005dab;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
background: #fff;
}
.home-feedback .article .info:before {
content: "";
display: block;
position: absolute;
width: 48px;
height: 40px;
padding: 5px;
top: -6px;
left: -7px;
background: #fff url(//huyduong.vn/wp-content/themes/huyduong/images/quote.png) center no-repeat;
z-index: 5;
}
.home-feedback .article .thumb {
position: relative;
width: 60px;
height: 60px;
border: 2px solid #005dab;
z-index: 50;
left: 50%;
-webkit-transform: translate(-50%, 50%);
-moz-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
-o-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.home-feedback .article .thumb, 
.home-feedback .article .thumb img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.home-feedback .article .description {
font-size: 14px;
line-height: 20px;
color: #000;
overflow: hidden; 
-ms-text-overflow: ellipsis; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
height: 120px;
}
.home-feedback .article .name {
margin: 0;
font-size: 14px;
line-height: 20px;
font-weight: bold;
}
.home-feedback .article .name>* {color: #333;}
.home-feedback .article .position {
color: #000;
font-style: italic;
} .selling-product .panel-body {
padding: 10px 0;
border: 1px solid #ddd;
background: #fff;
}
.selling-product li {
padding: 10px 15px;
}
.selling-product li+li {border-top: 1px solid #ddd;}
.selling-product .product .thumb {margin: 0 0 10px 0;}
.selling-product .product .image {height: 165px;}
.selling-product .product .title {
margin: 0 0 5px 0;
font-size: 14px;
line-height: 20px;
font-weight: normal;
text-align: center;
}
.selling-product .product .title a {color: #666;font-family:'HTVietNam', sans-serif !important;}
.selling-product .product .title a:hover {color: #0069c5;}
.selling-product .product .price .new {
color: #f00;
font-weight: bold;
}
.selling-product .product .price .old {
margin: 0 0 0 15px;
color: #666;
text-decoration: line-through;
} .panel-product .list-product li:nth-child(n+2) .product-1,
.product-related .list-product li:nth-child(n+2) .product-1 {border-left: none;}
.product-catalogue, .product-related {margin-bottom: 25px!important;}
.product-catalogue .panel-body {padding-bottom: 20px;}
@media (min-width: 960px) {
.panel-product .list-product li:nth-child(4n+5) .product-1 {border-left: 1px solid #d5d5d5;}
.panel-product .list-product li:nth-child(n+5) .product-1 {border-top: none;}
.product-related .list-product li:nth-child(5n+6) .product-1 {border-left: 1px solid #d5d5d5;}
.product-related .list-product li:nth-child(n+6) .product-1 {border-top: none;}
}
@media (min-width: 767px) and (max-width: 959px) {
.panel-product .list-product li:nth-child(3n+4) .product-1,
.product-related .list-product li:nth-child(3n+4) .product-1 {border-left: 1px solid #d5d5d5;}
.panel-product .list-product li:nth-child(n+4) .product-1,
.product-related .list-product li:nth-child(n+4) .product-1 {border-top: none;}
}
@media (max-width: 767px) {
.panel-product .list-product li:nth-child(2n+3) .product-1,
.product-related .list-product li:nth-child(2n+3) .product-1 {border-left: 1px solid #d5d5d5;}
.panel-product .list-product li:nth-child(n+3) .product-1,
.product-related .list-product li:nth-child(n+3) .product-1 {border-top: none;}
}
.product-detail .comment {
padding: 15px;
border: 1px solid #e1e1e1;
border-top: none;
background: #fff;
}
.product-detail {
margin-bottom: 25px!important;
font-size: 14px;
left: 20px;
font-family: Arial, sans-serif;
color: #000;
}
.product-detail .panel-head{
background:#fff; }
.product-detail .gallery, .product-detail .introduction {margin-bottom: 20px;}
.product-detail .gallery .flexslider {border: none;}
.product-detail .gallery #slider {margin: 0 0 15px 0;}
.product-detail .gallery #slider {
border-radius: 0px;
border: 1px solid #c8c8c8;
}
.product-detail .gallery #slider .image {
padding: 10px;
height: 350px;
}
.product-detail .gallery #carousel {margin: 0!important;}
.product-detail .gallery #carousel li {border: none;}
.product-detail .gallery #carousel.flexslider {background: transparent;}
.product-detail .gallery #carousel .slides li:nth-child(n+2) {margin-left: 10px;}
.product-detail .gallery #carousel .slides li.flex-active-slide {position: relative;}
.product-detail .gallery #carousel .slides li.flex-active-slide:before {
content: "";
display: block;
position: absolute;
width: -webkit-calc(100% - 10px);
width: -moz-calc(100% - 10px);
width: -ms-calc(100% - 10px);
width: -o-calc(100% - 10px);
width: calc(100% - 10px);
height: -webkit-calc(100% - 10px);
height: -moz-calc(100% - 10px);
height: -ms-calc(100% - 10px);
height: -o-calc(100% - 10px);
height: calc(100% - 10px);
background: rgba(39, 141, 220, .5);
top: 5px;left: 5px;
z-index: 9;
}
.product-detail .gallery #carousel .slides .image {
border: 1px solid #c8c8c8;
background: #fff;
padding: 10px;
height: 90px;
}
.product-detail .gallery #slider .flex-direction-nav>*>* {
content: "";
display: block!important;
opacity: 1!important;
width: 35px;height: 35px;
line-height: 35px;
background: rgba(127, 127, 127, .5);
text-align: center;
z-index: 9;
}
.product-detail .gallery #slider .flex-direction-nav>*>*:before {
color: #fff;
font-size: 25px;
z-index: 9;
}
.product-detail .gallery #slider:hover .flex-direction-nav>*>* {padding: 0;}
.product-detail .gallery #slider .flex-direction-nav .flex-prev {left: 0px!important;}
.product-detail .gallery #slider .flex-direction-nav .flex-next {right: 0px!important;}
.product-detail .gallery .flex-direction-nav .flex-prev:before {content:'\f104';font-family: FontAwesome;}
.product-detail .gallery .flex-direction-nav .flex-next:before {content:'\f105';font-family: FontAwesome;}
.product-detail .introduction .title {
margin: 0 0 15px 0;
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #333;
font-family:'HTVietNam', sans-serif !important;
}
.product-detail .introduction .price {margin: 0 0 10px 0;}
.product-detail .introduction .price .new {
font-size: 20px;
line-height: 24px;
color: #f00;
font-weight: bold;
font-family:'HTVietNam', sans-serif !important;
}
.product-detail .introduction .price .old {
margin: 0 0 0 15px;
font-size: 16px;
text-decoration: line-through;
color: #999;
font-family:'HTVietNam', sans-serif !important;
}
.product-detail .introduction .description {
margin-bottom: 10px;
padding: 10px 0;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
font-size: 14px;
line-height: 22px;
font-family:'HTVietNam', sans-serif !important;
}
.product-detail .introduction .description ul{
padding-left:25px;
}
.product-detail .introduction .description p {margin: 0 0 5px 0;font-family:'HTVietNam', sans-serif !important;}
.product-detail .introduction .share{
margin: 0 0 15px 0;
padding:0 0 15px 0;
}
.product-detail .introduction .share .label {
display: block;
font-size: 13px;
margin: 0 10px 0 0;
}
.product-detail .introduction .buy {
margin-bottom: 20px;
padding: 5px 0 15px 0;
border-bottom: 1px dotted #ccc;
font-family:'HTVietNam', sans-serif !important;
}
.product-detail .introduction .number .label {
font-size: 13px;
margin: 0 15px 0 0;
font-family:'HTVietNam', sans-serif !important;
}
.product-detail .introduction .quantity-box {position: relative;}
.product-detail .introduction .quantity {
display: block;
width: 60px;
height: 38px;
line-height: 38px;
font-weight: 600;
}
.product-detail .introduction .quantity-box .btn {
position: absolute;
line-height: 18px;
font-size: 18px;
right: 7px;
color: #9d9d9d;
cursor: pointer;
}
.product-detail .introduction .quantity-box .btn-up {top: 3px;}
.product-detail .introduction .quantity-box .btn-down {bottom: 3px;}
.product-detail .introduction .buy .btn-buy {
display: block;
position: relative;
padding: 10px 15px 10px 55px;
font-size: 14px;
line-height: 18px;
color: #fff;
background: #fe8802 url(//huyduong.vn/wp-content/themes/huyduong/images/icon-cart2.png) 15px 50% no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
@media (max-width: 1220px) {
.product-detail .introduction .share {display: block;}
.product-detail .introduction .share .label {margin: 0 0 5px 0;}
}
@media (max-width: 567px) {
.product-detail .gallery #slider .image {height: 250px;}
}	
#tabContent .article{
font-family:'HTVietNam', sans-serif !important;
font-size:15px;
}
.product-1 {
position: relative;
padding: 10px;
background: #fff;
border: 1px solid #d5d5d5;
text-align: center;
}
.product-1 .badge {
display: block;
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
z-index: 50;
background: #ec2029;
font-size: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-align: center;
color: #fff;
font-weight: 600;
}
.product-1 .badge.sale {
top: 10px;
right: 10px;
}
.product-1 .thumb {
position: relative;
margin-bottom: 5px;
}
.product-1 .image {height: 265px;}
.product-1 .title {
margin: 0 0 5px 0;
font-size: 13px;
line-height: 20px;
font-weight: 600;
}
.product-1 .title a {color: #252525;font-size:14px;}
.product-1 .title a:hover {color: #0069c5;}
.product-1 .star {
margin: 0 0 10px 0;
font-size: 13px;
line-height: 18px;
color: #ffbf44;
}
.product-1 .price a {
font-size: 15px;
line-height: 18px;
font-weight: 600;
color: red;
}
@media (min-width: 960px) and (max-width: 1219px) {
.panel-product .product-1 .image {height: 165px;}
}
@media (max-width: 479px) {
.product-1 {padding: 10px 5px;}
.product-1 .title {
font-size: 13px;
line-height: 18px;
font-weight: normal;
text-align: center;
overflow: hidden; 
-ms-text-overflow: ellipsis; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 18px;
}
.product-1 .star {
margin: 0 0 5px 0;
font-size: 12px;
}
.product-1 .image {height: 135px;}
.product-1 .price {
font-size: 12px;
line-height: 18px;
}
} .tabControl {
position: relative;
bottom: -2px;
}
.tabControl li {
position: relative;
z-index: 20;
float: left;
padding: 10px 20px;
font-size: 14px;
font-weight: normal;
cursor: pointer;
color: #333;
border: 1px solid transparent;
}
.tabControl li+li {margin-left: 5px;}
.tabControl li.uk-active, .tabControl li:hover {
position: relative;
border: 1px solid #e1e1e1;
border-bottom: none;
background: #fff;
border-top: 2px solid #ec6c49;
color: #ec6c49;
font-weight: 600;
}
.tabContent {
padding: 15px 15px 10px 15px;
color: #333;
background: #fff;
border: 1px solid #e1e1e1;
border-bottom: none;
font-size: 14px;
line-height: 22px;
}
@media (max-width: 767px) {
.tabControl li {
padding: 10px 15px;
text-transform: none;
}
}
@media (max-width: 599px) {
.tabControl li {padding: 10px;}
}
@media (max-width: 567px) {
.tabControl li {
padding: 10px 5px;
font-size: 13px;
}
}
@media (max-width: 479px) {
.tabControl {margin: 0 0 10px 0;}
.tabControl li {
padding: 5px 10px;
float: none;
text-align: center;
background: #ebebeb;
color: #333;
border: none;
}
.tabControl li+li {margin: 2px 0 0 0;}
.tabControl li.uk-active, .tabControl li:hover {
border: none;
color: #fff;
background: #0069c5;
}
} .article-catalogue {margin-bottom: 25px!important;}
.article-catalogue .panel-body{padding-bottom: 15px;}
.article-catalogue .list-article .article-item {margin-bottom: 10px;}
[class*=article-] .description p {margin: 0;}
[class*=article-] .title a {
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
}
.article-1 {position: relative;}
.article-1 .thumb {
float: left;
width: 250px;
padding: 3px;
border: 1px solid #c8c8c8;
background: #fff;
}
.article-1 .info {
position: relative;
float: left;
width: -moz-calc(100% - 250px);
width: -webkit-calc(100% - 250px);
width: -ms-calc(100% - 250px);
width: -o-calc(100% - 250px);
width: calc(100% - 250px);
padding-left: 15px;
}
.article-1 .image {height: 165px;}
.article-1 .title {
margin: 0 0 10px 0;
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
.article-1 .title a {color: #0069c5;}
.article-1 .meta {
margin: 0 0 5px 0;
font-size: 13px;
line-height: 20px;
color: #898989;
}
.article-1 .time, .article-1 .viewed {
position: relative;
padding-left: 20px;
}
.article-1 .time {background: url(//huyduong.vn/wp-content/themes/huyduong/images/calendar.png) 0px 3px no-repeat;}
.article-1 .viewed {
margin-left: 20px;
background: url(//huyduong.vn/wp-content/themes/huyduong/images/user.png) 0px 3px no-repeat;
}
.article-1 .description {
font-size: 14px;
line-height: 20px;
height: 80px;
color: #000;
}
@media (min-width: 479px) and (max-width: 767px) {
.article-1 .thumb {width: 180px;}
.article-1 .info {
position: relative;
width: -moz-calc(100% - 180px);
width: -webkit-calc(100% - 180px);
width: -ms-calc(100% - 180px);
width: -o-calc(100% - 180px);
width: calc(100% - 180px);
}
.article-1 .image {height: 120px;}
.article-1 .viewed {margin: 0 0 0 10px;}
.article-1 .title a:hover {color: #0071ba;}
}
@media (max-width: 959px) {
.article-1 .title {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 767px) {
.article-1 .description {display: none;}
}
@media (max-width: 479px) {
.article-1 .thumb {width: 100px;}
.article-1 .info {
position: relative;
width: -moz-calc(100% - 100px);
width: -webkit-calc(100% - 100px);
width: -ms-calc(100% - 100px);
width: -o-calc(100% - 100px);
width: calc(100% - 100px);
padding-left: 10px;
}
.article-1 .image {height: 80px;}
.article-1 .title {
font-size: 14px;
font-weight: normal;
}
.article-1 .meta {display: none;}
.article-catalogue .list-article .article-item {margin-bottom: 5px;}
.article-catalogue .article-item:first-child {margin-bottom: 15px;}
.article-catalogue .article-item:first-child .article-1 .thumb {
float: none;
width: 100%;
margin: 0 0 10px 0;
}
.article-catalogue .article-item:first-child .article-1 .image {height: auto;}
.article-catalogue .article-item:first-child .article-1 .info {
float: left;
width: 100%;
padding: 0;
}
.article-catalogue .article-item:first-child .article-1 .title {
font-size: 14px;
line-height: 20px;
font-weight: bold;
}
.article-catalogue .article-item:first-child .article-1 .description {display: block;}
.article-catalogue .article-item:first-child .article-1 .meta {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
}
.article-detail {
padding: 15px;
margin-bottom: 25px;
font-family: Arial, sans-serif;
border: 1px solid #e1e1e1;
background: #fff;
}
.article-detail .title {
margin: 0 0 15px 0;
font-size: 20px;
line-height: 24px;
color: #0069c5;
}
.article-detail .content, 
.article-detail .action, 
.article-detail .comments {margin-bottom: 20px;}
.article-detail .meta {
padding: 5px 10px;
background: #f2f2f2;
border: 1px solid #e1e1e1;
margin-bottom: 15px;
font-size: 13px;
line-height: 20px;
color: #999;
}
.article-detail .meta>* {
position: relative;
padding-left: 20px;
background-repeat: no-repeat;
background-position: 0 50%;
}
.article-detail .meta>*+* {margin-left: 15px;}
.article-detail .meta .time {
background-image: url(//huyduong.vn/wp-content/themes/huyduong/images/calendar.png) ;
background-position: 0px 2px;
}
.article-detail .meta .viewed {background-image: url(//huyduong.vn/wp-content/themes/huyduong/images/viewed.png) ;}	
.article-detail .article .description {
font-weight: bold;
margin-bottom: 15px;
color: #000;
}
.article-detail .article .content {
font-size: 14px;
line-height: 22px;
color: #000;
}
.article-detail .article .content *{
font-family:'HTVietNam', sans-serif !important;
}
.article-detail .article img, 
#tabContent .article img {
display: block;
width: auto!important;
height: auto!important;
margin: 0 auto 15px auto;
}
.article-detail .article ul,
.article-detail .article ol, 
#tabContent .article ul,
#tabContent .article ol {
list-style-position: inside;
}
@media (max-width: 480px) {
.article-detail .meta {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start; 
}
.article-detail .meta>*+* {margin-left: 0px;}
}
.article-related {margin-bottom: 25px}
.article-related .list-article li {
position: relative;
padding-left: 25px;
margin-bottom: 10px;
padding-top: 10px;
font-size: 14px;line-height: 20px;
font-weight: normal;
color: #666666;
}
.article-related .list-article li+li {border-top: 1px dotted #898989;}
.article-related .list-article li:before {
content: "\f00c";
font-family: FontAwesome;
display: block;
position: absolute;
left: 0px;color: #666666;
}
.article-related .list-article li a {color: #000;}
.article-related .list-article li a:hover, 
.article-related .list-article li:hover:before {color: #0069c5;}
.share-box>*+* {margin-left: 5px;}
.share-box .plus {position: relative;margin-top: -4px;} .banner p {margin: 0;}
.banner a {display: block;} .contact {
margin: 0 0 25px 0;
padding: 15px 15px 0 15px;
font-size: 14px;
line-height: 20px;
color: #000;
background: #fff;
border: 1px solid #e1e1e1;
}
.contact .contact-infomation, 
.contact .contact-form {margin-bottom: 25px!important;}
.contact .contact-infomation .note {
margin-bottom: 15px;
font-style: italic;
color: #898989;
}
.contact .contact-infomation .company {
margin-bottom: 15px;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
font-family: 'UTMTimesBold', sans-serif;
color: #0069c5;
font-weight: normal;
}
.contact .contact-infomation .address {margin-bottom: 15px;}
.contact .contact-infomation .address p {margin: 0 0 5px 0;}
.contact .contact-infomation .address a {color: #0069c5;}
.contact .contact-map {
padding: 4px;
border: 1px solid #d5d5d5;
height: 340px;
}
.contact .contact-form .label {
font-size: 14px;
line-height: 22px;
color: #000;
margin-bottom: 15px;
}
.contact .contact-form .form-row {margin-bottom: 15px;}
.contact .contact-form .input-text, 
.contact .contact-form .form-select, 
.contact .contact-form .form-textarea {
border: 1px solid #d5d5d5;
font-size: 14px;
line-height: 20px;
color: #000;
}
.contact-form .form-select {color: #999!important;}
.contact .contact-form .input-text, 
.contact .contact-form .form-select {
height: 30px;
}
.contact .contact-form .form-textarea {height: 200px;}
.contact-form .btn-submit {
display: inline-block;
padding: 7px 25px;
cursor: pointer;
background: #0069c5;
font-size: 14px;
line-height: 20px;
color: #fff;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.page-social {margin-bottom: 15px;}
.page-social li {float: left;}
.page-social li+li {margin-left: 5px;}
.page-social a {
display: block;
position: relative;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 14px;
color: #fff;
background: #3b5998;
}
.page-social .facebook a {background: #3b5998;}
.page-social .google a {background: #dd4b39;}
.page-social .instagram a {background: #007bb6;}
.page-social .twitter a {background: #26a6d1;}
.page-social .youtube a {background: #c4302b;} .breadcrumb {
padding: 10px 0;
position: relative;
margin-bottom: 20px;
border-bottom: 1px solid #e1e1e1;
}
.breadcrumb ul a {
font-size: 13px;
line-height: 18px;
color: #fff;
}
.breadcrumb .uk-breadcrumb>li:nth-child(n+2):before {
content: "\f101";
font-family: FontAwesome;
margin: 0 10px;
color: #fff;
}
.breadcrumb ul a:hover {color: #fe8802;} .pagination {
margin-bottom: 20px!important;
padding-top: 10px;
border-top: 1px dashed #ccc;
}
.pagination li a {
display: block;
font-size: 13px;
background: #f2f2f2;
border: 1px solid #e1e1e1;
color: #252525;
border-radius: 0;
}
.pagination li a:hover, 
.pagination .uk-active a {
background: #278ddc;
border-color: #278ddc;
color: #fff;
}   .footer {
padding: 30px 0 0 0;
background: url(//huyduong.vn/wp-content/themes/huyduong/images/bg-footer.png) no-repeat;
background-size:cover;
}
.footer .upper .panel {margin-bottom: 20px!important;}
.footer .upper .heading {
margin: 0 0 15px 0;
font-size: 16px;
font-weight: bold;
color: #fff;
}
.footer .upper .panel p{
color:#fff !important;
}
.footer .upper .site-link li:not(:last-child) {margin-bottom: 10px;}
.footer .upper .site-link li a {
display: block;
position: relative;
padding-left: 15px;
font-size: 14px;
line-height: 20px;
color: #fff;
background: url(//huyduong.vn/wp-content/themes/huyduong/images/icon-arrow.png) 0px 5px no-repeat;
}
.footer .upper .site-link li a:hover {color: #005dab;}
.footer-contact {margin: 0 0 25px 0;}
.footer-contact li {
position: relative;
padding-left: 25px;
background-position: 0px 5px;
background-repeat: no-repeat;
color:#fff;
}
.footer-contact li:not(:last-child) {margin-bottom: 10px;}
.footer-contact .location {background-image: url(//huyduong.vn/wp-content/themes/huyduong/images/icon-map.png) ;}
.footer-contact .hotline {background-image: url(//huyduong.vn/wp-content/themes/huyduong/images/icon-phone-small.png) ;}
.footer-contact .fax {background-image: url(//huyduong.vn/wp-content/themes/huyduong/images/icon-fax.png) ;}
.footer-contact .email {background-image: url(//huyduong.vn/wp-content/themes/huyduong/images/icon-mail-small.png) ;}
.footer-contact .website {background-image: url(//huyduong.vn/wp-content/themes/huyduong/images/icon-globe.png) ;}
.footer-contact li a {color: #fff;}
.footer-social .label {
display: block;
margin: 0 0 10px 0;
font-weight: bold;
color:#fff;
}
.footer-social li {
float: left;
font-size: 20px;
line-height: 24px;
}
.footer-social li+li {margin-left: 10px;}
.footer-social li img{
max-width: 155px;
margin-top: -30px;
}
.footer-social li a {color: #3b5998;}
.footer-social li.google a {color: #e02f2f;}
.footer-social li.instagram a {color: #3b5998;}
.footer-social li.twitter a {color: #55acee;}
.footer-social li.youtube a {color: #cf2200;}
.footer .middle .panel {
padding: 25px 0 20px 0;
border-top: 1px solid #898989;
}
.footer-tags li {
position: relative;
float: left;
margin: 0 10px 10px 0;
padding-right: 10px;
}
.footer-tags li:not(:last-child):before {
content: "";
display: block;
position: absolute;
height: 10px;
width: 1px;
background: #959595;
right: 0px;top: 5px;
}
.footer-tags li a {
font-size: 14px;
line-height: 20px;
color: #959595;
}
.footer-tags li a:hover {color: #0072bc;}
.footer .lower {
padding: 5px 0;
background: #000;
font-size: 13px;
line-height: 18px;
color: #555555;
text-align: center;
}
.footer .lower a {color: #555;}    .about-us .thumb{
margin: 0 0 15px 0;
}
.about-us .thumb .image{
height:275px
}
.pc-search {         }
.pc-search .form {
position: relative;
min-width: 300px;
}
.pc-search .form .input-text {
height: 32px;
padding: 0 10px;
border: 1px solid #0152a7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
font-size: 13px;
line-height: 32px;
}
.pc-search .form .btn-submit {
display: block;
position: absolute;
width: 14px;
height: 14px;
top: 50%;
left: initial;
right: 10px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
border: none;
background: url(//huyduong.vn/wp-content/themes/huyduong/images/search.png) 50% 50% no-repeat;
cursor: pointer;
outline: none;
text-indent: -99999px;
}
.pc-search .form .input-text::-webkit-input-placeholder {
color: #999;
font-size: 13px;
}
.pc-search .form .input-text::-moz-placeholder {
color: #999;
font-size: 13px;
}
.pc-search .form .input-text:-ms-input-placeholder {
color: #999;
font-size: 13px;
}
.pc-search .form .input-text:-moz-placeholder {
color: #999;
font-size: 13px;
}
.p_cat{
position:absolute;
display:none;
}
.main-categories:hover .p_cat{
display:block;
}
.homepage-sitelink {
background:#f4f3f3;
padding:30px 0;
}
.homepage-sitelink .site-link{}
.homepage-sitelink .site-link .panel-head{}
.homepage-sitelink .site-link .panel-head .heading{}
.homepage-sitelink .site-link .panel-head .heading > *{
font-weight:bold;
font-size:14px;
}
.homepage-sitelink .site-link .panel-body{}
.homepage-sitelink .site-link .panel-body .site-link{}
.homepage-sitelink .site-link .panel-body .site-link > li{
margin: 0 0 2px 0;
padding: 0 0 2px 0;
}
.homepage-sitelink .site-link .panel-body .site-link > li > a{
color:#000;
padding-left:2px;
font-size:15px;
}
.homepage-sitelink .site-link .panel-body .site-link > li > a:hover{
color: #0069c5;
padding-left:15px;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.partner-section {margin: 0 0 0 0; background:#fff;}
.partner-section .slider .uk-slider-container {padding: 0 1px;}
.partner-section .thumb {
padding: 2px;
background: #fff; }
.partner-section .thumb .image {height: 95px;}
@media (min-width: 1220px) {
.partner-section .slider .uk-slidenav {
display: block;
width: 30px;
height: 42px;
background: url(//huyduong.vn/wp-content/themes/huyduong/images/btn-prev.png) 0px 0px no-repeat;
}
.partner-section .slider .uk-slidenav-previous {left: -50px;}
.partner-section .slider .uk-slidenav-next {
right: -50px;
background: url(//huyduong.vn/wp-content/themes/huyduong/images/btn-next.png) 0px 0px no-repeat;
}
.partner-section .slider .uk-slidenav:before {display: none;}
}
@media (max-width: 1200px) {
.partner-section .slider .uk-slidenav {
display: block;
visibility: hidden;
opacity: 0;
}
}
@media (max-width: 960px) {
.partner-section {
margin: 0;
padding: 20px 0;
}
.partner-section .panel-head {display: none;}
}
@media (max-width: 479px) {
.partner-section {padding: 15px 0;}
}
.prd-detail .nav-tabs {
position: relative;
bottom: -1px;
background: #f7f7f7;
border: 1px solid #ddd;
}
.prd-detail .nav-tabs *{
font-family:'HTVietNam' !important;
}
.prd-detail .nav-tabs li {
position: relative;
float: left;
padding: 9px 20px;
font-size: 14px;
line-height: 20px;
color: #000;
cursor: pointer;
}
.prd-detail .nav-tabs li+li {margin-left: 3px;}
.prd-detail .nav-tabs li.uk-active {
background: #fff;
border-right: 1px solid #ddd;
font-weight: bold;
}
.prd-detail .nav-tabs li.uk-active:before,
.prd-detail .nav-tabs li.uk-active:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
left: 0px;
}
.prd-detail .nav-tabs li.uk-active:before {
top: -1px;
background: #278ddc;
}
.prd-detail .nav-tabs li.uk-active:after {
top: initial;
bottom: -1px;
background: #fff;
}
.prd-detail .nav-tabs li:not(.uk-active):hover {
background: #eee;
color: #ff8b00;
}
.mainCat li{
position:relative;
}
ul.sub3{
position:absolute;
width:250px;
left:100%;
background:#fff;
display:none;
z-index:99;
top:0;
border-left:1px solid #ebebeb;
border-right:1px solid #ebebeb;
border-top:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;
}
ul.sub3 li{
padding:10px;
z-index:99;
border-bottom:1px solid #ebebeb;
}
ul.sub3 li > *{
font-size:14px;
color:#333;
}
.mainCat li:hover ul.sub3{
display:block;
} .support {box-shadow: 1px 1px 5px rgba(0, 1, 1, .2)}
.support .heading-4 {
padding-left: 50px;
background: #0069c5 url(//huyduong.vn/wp-content/themes/huyduong/images/icon_chat.png) 15px 50% no-repeat;
padding-top:10px;
padding-bottom:10px;
font-family:'HTVietNam' !important;
font-size:14px;
}
.support .heading-4 *{
text-transform:uppercase;
color:#fff;
padding:10px 0;
}
.support .panel-body {padding: 0 10px 20px 15px;}
.support .panel-body .label {font-size: 12px;line-height: 18px;}
.support .panel-body .hotline .link {font-family: 'OpenSanBold', sans-serif;color: #000;}
.support .panel-body .list .item {
padding: 8px 0 0 0px;
}
.support .panel-body .list .email {color: #000;font-size: 14px;line-height: 20px;font-weight: bold;}
.support .panel-body .list .title {font-size: 14px;line-height: 20px;font-family: 'OpenSanBold', sans-serif;}
.support .panel-body .list .phone {font-size: 18px;color: #ed1c24;font-family: 'OpenSanBold', sans-serif;}
.support .panel-body .list .item:nth-child(n+2) {border-top: 1px dashed #898989;}
.index-support{
position: fixed;
bottom: 0px;
right: 10px;
max-width: 300px;
background: #FFF;
height: 41px;
z-index: 2000;
overflow: hidden;
box-shadow: 0px 0px 5px #898989, 0px 0px 5px -5px #898989;
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}
.ts-support{height: 276px; }
.ts-support .heading-4 {cursor: pointer;}
.heading-9 {position: relative;text-align:center;}
.heading-9 .text {padding-bottom: 35px;display: block;position: relative;font-size: 25px;line-height: 24px;color: #000;text-transform:uppercase;}
.heading-9 .text:after, .heading-9 .text:before {content:''; display: block; position: absolute;z-index: 50; } 
.heading-9 .text:before {
width: 84px;height: 14px;
padding: 0 10px;
top: initial;left: 0px;bottom: 10px;
right: 0px;margin: 0 auto;
background: #f6f6f6 url(//huyduong.vn/wp-content/themes/huyduong/images/bg_heading2.png) 10px 0% no-repeat;
z-index: 100;
}
.heading-9 .text:after {
width: 400px;height: 1px;
border-bottom: 1px solid #959595;
text-align: initial;left: 0px;
right: 0px;bottom: 15px;
margin: 0 auto;
}
@media (max-width: 479px) {.heading-9 .text:after {width: 250px;}}
.aside-support{
position:static !important;
}
.index-support .hotline{
font-size:18px;
font-family:'HTVietNam' !important;
color:red;
margin:0 auto !important;
}
.index-support .hotline a{
font-weight:bold;
color:red;
font-family:'HTVietNam' !important;
} .contacts {}
.contacts .map {height: 380px;}
.contacts div.label {}
.contacts .form label.label {display: block;margin-bottom: 5px;font-size: 13px;line-height: 18px;color: #000;}
.contacts .form .text {display: block;border: 1px solid #e1e1e1;border-radius: 4px;}
.contacts .form textarea.text {height: 75px;}
.contacts .form .btn {display: inline-block;border: none;background: #0069c5;color: #fff;padding: 5px 30px;border-radius: 3px;cursor: pointer;font-size: 13px;line-height: 18px;}
.contact-1 .company {font-family:'OpenSanBold', sans-serif;font-size: 15px;}
.contact-1 .list .item {position: relative;padding-left: 25px;}
.contact-1 .list .item:before {content:''; font-family: FontAwesome; display: block; position: absolute; left: 0px;color: #b21117;font-size: 15px}
.contact-1 .list .location:before {content: '\f041'}
.contact-1 .list .email:before {content: '\f0e0'}
.contact-1 .list .phone {background: url(//huyduong.vn/wp-content/themes/huyduong/images/icon_phone2.png) 0% 50% no-repeat;}
.contact-1 .list .link {color: #000;}
.contact-1 .list .link:hover {color: #b21117;}
.contact-1 .time-work p {margin: 0 0 10px 0;}
.mobile-hotline-fixed {
display: block;
position: fixed;
top: initial;
bottom: 5px;
left: 0px;
z-index: 999999;
}
.mobile-hotline-fixed>a {
display: block;
position: relative;
padding: 10px 25px 10px 55px;
background: #ec1b24;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
font-size: 20px;
line-height: 1;
font-weight: bold;
color: #fff;
}
.mobile-hotline-fixed>a:before {
content: "";
display: block;
position: absolute;
width: 36px;
height: 36px;
top: 2px;
left: 2px;
background: #fff url(//huyduong.vn/wp-content/themes/huyduong/images/icon_hotline_mobile.png) center no-repeat;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
z-index: 5;
}
.mobile-hotline-fixed>a .value {
display: inline-block;
position: relative;
-webkit-animation: blink .5s infinite;
-moz-animation: blink .5s infinite;
animation: blink .5s infinite;
}
@media (max-width: 415px){
.widget-facebook .label{
content:'Chat';
}
}
@keyframes blink{
0% { color:#fff000 }
25% { color:#fff }
50% { color:#fff000; }
100% { color:#fff; }
}
@-webkit-keyframes blink{
0% { color:#fff000 }
25% { color:#fff }
50% { color:#fff000; }
100% { color:#fff; }
}
@-moz-keyframes blink{
0% { color:#fff000 }
25% { color:#fff }
50% { color:#fff000; }
100% { color:#fff; }
}
#secondary ul.menu {
padding: 0;
list-style: none;
background: #fff;
}
#secondary ul.menu li {
position: relative;
}
#secondary ul.menu>li:after, #secondary ul.menu>li:before {
content: "";
display: table;
}
#secondary ul.menu>li>a {
display: block;
position: relative;
padding: 10px 10px 10px 25px;
font-size: 14px;
line-height: 20px;
font-weight: normal;
color: #333;
}
#secondary ul.menu>li>:last-child {
margin-bottom: 0;
}
#secondary ul.menu>li:after, #secondary ul.menu>li:before {
content: "";
display: table;
}
#secondary ul.menu>li:after {
clear: both;
}
#secondary ul.menu>li>a:before {
content: "\f0da";
font-family: FontAwesome;
display: block;
position: absolute;
font-size: 14px;
left: 10px;
top: 10px;
}
.related.products {
clear: both;
margin-top: 30px;
}
.product_list_widget {
clear: both;
display: flex;
flex-direction: column;
}
.product_list_widget li img {
width: 75px;
float: left;
margin-right: 10px;
border: 1px solid #cecece;
}
.product_list_widget li {
list-style-type: none;
width: 100%;
clear: both;
margin: 10px 0;
}
.uk-breadcrumb, .breadcrumb ul a {
font-size: 14px !important;
color: #fff;
}
.site-name {
text-transform: uppercase;
color: #0069c5;
font-size: 27px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
#category_woo {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 30px;
padding: 0;
}
#category_woo li {
list-style-type: none;
margin-bottom: 30px;
text-align: center;
font-size: 17px;
}
#category_woo li img {
border: 1px solid #cecece;
}
#category_woo li a {
color: #333
}
#category_woo li a:hover {
color: #0069C5;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
min-height: 320px;
padding: 5px;
text-align: center;
border: 1px solid #cecece;
transition: 300ms ease all;
}
.woocommerce ul.products li.product a img {
min-height: 188px;
width: auto;
}
.woocommerce ul.products li.product:hover , .woocommerce-page ul.products li.product:hover {
border: 1px solid #0069C5;
transition: 300ms ease all;
}
.woocommerce ul.products li.product .button {
background: #0069c5;
color: #fff;
}
#grid-4 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-bottom: 50px;
}
#grid-4 .info {
padding: 10px; 
text-align: center;
color: #333;
background: #fff;
min-height: 70px;
border-top: 1px solid #f6f6f6;
}
#grid-4 .thumb {
background: #fff;
}
#grid-4 .info a {
color: #333;
font-size: 16px;
}
.pagination li {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #fff;
border: #cecece;
margin-right: 3px;
list-style-type: none;
}
.pagination li.active a, .pagination li:hover a {
background: #278ddc;
border-color: #278ddc;
color: #fff;
}
.sr-only {
display: none;
}
@media screen and (max-width: 767px) {
#grid-4 {
grid-template-columns: 1fr 1fr;
}
#grid-4 .info a {
font-size: 13px;
}
}