/*自定义字体 start*/
@font-face{
  font-family: 'Inter(细)';
  src: url('../fonts/custom-font/Inter-Regular-9.otf') format('otf'),
  url('../fonts/custom-font/Inter-Regular-9.ttf') format('truetype'),
  url('../fonts/custom-font/Inter-Regular-9.woff') format('woff');
}
@font-face{
  font-family: 'Inter(粗)';
  src: url('../fonts/custom-font/Inter-Bold-4.otf') format('otf'),
  url('../fonts/custom-font/Inter-Bold-4.ttf') format('truetype'),
  url('../fonts/custom-font/Inter-Bold-4.woff') format('woff');
}
/*自定义字体 end*/

/* Font Awesome */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fa.eot?v=3.2.1');
    src: url('../fonts/fa.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fa.woff?v=3.2.1') format('woff'), url('../fonts/fa.ttf?v=3.2.1') format('truetype'), url('../fonts/fa.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

a [class^="icon-"],
a [class*=" icon-"] {
    display: inline;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

.icon-glass:before {
    content: "\f000"
}

.icon-music:before {
    content: "\f001"
}

.icon-search:before {
    content: "\f002"
}

.icon-envelope-o:before {
    content: "\f003"
}

.icon-heart:before {
    content: "\f004"
}

.icon-star:before {
    content: "\f005"
}

.icon-star-o:before {
    content: "\f006"
}

.icon-user:before {
    content: "\f007"
}

.icon-film:before {
    content: "\f008"
}

.icon-th-large:before {
    content: "\f009"
}

.icon-th:before {
    content: "\f00a"
}

.icon-th-list:before {
    content: "\f00b"
}

.icon-check:before {
    content: "\f00c"
}

.icon-times:before {
    content: "\f00d"
}

.icon-search-plus:before {
    content: "\f00e"
}

.icon-search-minus:before {
    content: "\f010"
}

.icon-power-off:before {
    content: "\f011"
}

.icon-signal:before {
    content: "\f012"
}

.icon-gear:before,
.icon-cog:before {
    content: "\f013"
}

.icon-trash-o:before {
    content: "\f014"
}

.icon-home:before {
    content: "\f015"
}

.icon-file-o:before {
    content: "\f016"
}

.icon-clock-o:before {
    content: "\f017"
}

.icon-road:before {
    content: "\f018"
}

.icon-download:before {
    content: "\f019"
}

.icon-arrow-circle-o-down:before {
    content: "\f01a"
}

.icon-arrow-circle-o-up:before {
    content: "\f01b"
}

.icon-inbox:before {
    content: "\f01c"
}

.icon-play-circle-o:before {
    content: "\f01d"
}

.icon-rotate-right:before,
.icon-repeat:before {
    content: "\f01e"
}

.icon-refresh:before {
    content: "\f021"
}

.icon-list-alt:before {
    content: "\f022"
}

.icon-lock:before {
    content: "\f023"
}

.icon-flag:before {
    content: "\f024"
}

.icon-headphones:before {
    content: "\f025"
}

.icon-volume-off:before {
    content: "\f026"
}

.icon-volume-down:before {
    content: "\f027"
}

.icon-volume-up:before {
    content: "\f028"
}

.icon-qrcode:before {
    content: "\f029"
}

.icon-barcode:before {
    content: "\f02a"
}

.icon-tag:before {
    content: "\f02b"
}

.icon-tags:before {
    content: "\f02c"
}

.icon-book:before {
    content: "\f02d"
}

.icon-bookmark:before {
    content: "\f02e"
}

.icon-print:before {
    content: "\f02f"
}

.icon-camera:before {
    content: "\f030"
}

.icon-font:before {
    content: "\f031"
}

.icon-bold:before {
    content: "\f032"
}

.icon-italic:before {
    content: "\f033"
}

.icon-text-height:before {
    content: "\f034"
}

.icon-text-width:before {
    content: "\f035"
}

.icon-align-left:before {
    content: "\f036"
}

.icon-align-center:before {
    content: "\f037"
}

.icon-align-right:before {
    content: "\f038"
}

.icon-align-justify:before {
    content: "\f039"
}

.icon-list:before {
    content: "\f03a"
}

.icon-dedent:before,
.icon-outdent:before {
    content: "\f03b"
}

.icon-indent:before {
    content: "\f03c"
}

.icon-video-camera:before {
    content: "\f03d"
}

.icon-photo:before,
.icon-image:before,
.icon-picture-o:before {
    content: "\f03e"
}

.icon-pencil:before {
    content: "\f040"
}

.icon-map-marker:before {
    content: "\f041"
}

.icon-adjust:before {
    content: "\f042"
}

.icon-tint:before {
    content: "\f043"
}

.icon-edit:before,
.icon-pencil-square-o:before {
    content: "\f044"
}

.icon-share-square-o:before {
    content: "\f045"
}

.icon-check-square-o:before {
    content: "\f046"
}

.icon-arrows:before {
    content: "\f047"
}

.icon-step-backward:before {
    content: "\f048"
}

.icon-fast-backward:before {
    content: "\f049"
}

.icon-backward:before {
    content: "\f04a"
}

.icon-play:before {
    content: "\f04b"
}

.icon-pause:before {
    content: "\f04c"
}

.icon-stop:before {
    content: "\f04d"
}

.icon-forward:before {
    content: "\f04e"
}

.icon-fast-forward:before {
    content: "\f050"
}

.icon-step-forward:before {
    content: "\f051"
}

.icon-eject:before {
    content: "\f052"
}

.icon-chevron-left:before {
    content: "\f053"
}

.icon-chevron-right:before {
    content: "\f054"
}

.icon-plus-circle:before {
    content: "\f055"
}

.icon-minus-circle:before {
    content: "\f056"
}

.icon-times-circle:before {
    content: "\f057"
}

.icon-check-circle:before {
    content: "\f058"
}

.icon-question-circle:before {
    content: "\f059"
}

.icon-info-circle:before {
    content: "\f05a"
}

.icon-crosshairs:before {
    content: "\f05b"
}

.icon-times-circle-o:before {
    content: "\f05c"
}

.icon-check-circle-o:before {
    content: "\f05d"
}

.icon-ban:before {
    content: "\f05e"
}

.icon-arrow-left:before {
    content: "\f060"
}

.icon-arrow-right:before {
    content: "\f061"
}

.icon-arrow-up:before {
    content: "\f062"
}

.icon-arrow-down:before {
    content: "\f063"
}

.icon-mail-forward:before,
.icon-share:before {
    content: "\f064"
}

.icon-expand:before {
    content: "\f065"
}

.icon-compress:before {
    content: "\f066"
}

.icon-plus:before {
    content: "\f067"
}

.icon-minus:before {
    content: "\f068"
}

.icon-asterisk:before {
    content: "\f069"
}

.icon-exclamation-circle:before {
    content: "\f06a"
}

.icon-gift:before {
    content: "\f06b"
}

.icon-leaf:before {
    content: "\f06c"
}

.icon-fire:before {
    content: "\f06d"
}

.icon-eye:before {
    content: "\f06e"
}

.icon-eye-slash:before {
    content: "\f070"
}

.icon-warning:before,
.icon-exclamation-triangle:before {
    content: "\f071"
}

.icon-plane:before {
    content: "\f072"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-random:before {
    content: "\f074"
}

.icon-comment:before {
    content: "\f075"
}

.icon-magnet:before {
    content: "\f076"
}

.icon-chevron-up:before {
    content: "\f077"
}

.icon-chevron-down:before {
    content: "\f078"
}

.icon-retweet:before {
    content: "\f079"
}

.icon-shopping-cart:before {
    content: "\f07a"
}

.icon-folder:before {
    content: "\f07b"
}

.icon-folder-open:before {
    content: "\f07c"
}

.icon-arrows-v:before {
    content: "\f07d"
}

.icon-arrows-h:before {
    content: "\f07e"
}

.icon-bar-chart-o:before {
    content: "\f080"
}

.icon-twitter-square:before {
    content: "\f081"
}

.icon-facebook-square:before {
    content: "\f082"
}

.icon-camera-retro:before {
    content: "\f083"
}

.icon-key:before {
    content: "\f084"
}

.icon-gears:before,
.icon-cogs:before {
    content: "\f085"
}

.icon-comments:before {
    content: "\f086"
}

.icon-thumbs-o-up:before {
    content: "\f087"
}

.icon-thumbs-o-down:before {
    content: "\f088"
}

.icon-star-half:before {
    content: "\f089"
}

.icon-heart-o:before {
    content: "\f08a"
}

.icon-sign-out:before {
    content: "\f08b"
}

.icon-linkedin-square:before {
    content: "\f08c"
}

.icon-thumb-tack:before {
    content: "\f08d"
}

.icon-external-link:before {
    content: "\f08e"
}

.icon-sign-in:before {
    content: "\f090"
}

.icon-trophy:before {
    content: "\f091"
}

.icon-github-square:before {
    content: "\f092"
}

.icon-upload:before {
    content: "\f093"
}

.icon-lemon-o:before {
    content: "\f094"
}

.icon-phone:before {
    content: "\f095"
}

.icon-square-o:before {
    content: "\f096"
}

.icon-bookmark-o:before {
    content: "\f097"
}

.icon-phone-square:before {
    content: "\f098"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-facebook:before {
    content: "\f09a"
}

.icon-github:before {
    content: "\f09b"
}

.icon-unlock:before {
    content: "\f09c"
}

.icon-credit-card:before {
    content: "\f09d"
}

.icon-rss:before {
    content: "\f09e"
}

.icon-hdd-o:before {
    content: "\f0a0"
}

.icon-bullhorn:before {
    content: "\f0a1"
}

.icon-bell:before {
    content: "\f0f3"
}

.icon-certificate:before {
    content: "\f0a3"
}

.icon-hand-o-right:before {
    content: "\f0a4"
}

.icon-hand-o-left:before {
    content: "\f0a5"
}

.icon-hand-o-up:before {
    content: "\f0a6"
}

.icon-hand-o-down:before {
    content: "\f0a7"
}

.icon-arrow-circle-left:before {
    content: "\f0a8"
}

.icon-arrow-circle-right:before {
    content: "\f0a9"
}

.icon-arrow-circle-up:before {
    content: "\f0aa"
}

.icon-arrow-circle-down:before {
    content: "\f0ab"
}

.icon-globe:before {
    content: "\f0ac"
}

.icon-wrench:before {
    content: "\f0ad"
}

.icon-tasks:before {
    content: "\f0ae"
}

.icon-filter:before {
    content: "\f0b0"
}

.icon-briefcase:before {
    content: "\f0b1"
}

.icon-arrows-alt:before {
    content: "\f0b2"
}

.icon-group:before,
.icon-users:before {
    content: "\f0c0"
}

.icon-chain:before,
.icon-link:before {
    content: "\f0c1"
}

.icon-cloud:before {
    content: "\f0c2"
}

.icon-flask:before {
    content: "\f0c3"
}

.icon-cut:before,
.icon-scissors:before {
    content: "\f0c4"
}

.icon-copy:before,
.icon-files-o:before {
    content: "\f0c5"
}

.icon-paperclip:before {
    content: "\f0c6"
}

.icon-save:before,
.icon-floppy-o:before {
    content: "\f0c7"
}

.icon-square:before {
    content: "\f0c8"
}

.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before {
    content: "\f0c9"
}

.icon-list-ul:before {
    content: "\f0ca"
}

.icon-list-ol:before {
    content: "\f0cb"
}

.icon-strikethrough:before {
    content: "\f0cc"
}

.icon-underline:before {
    content: "\f0cd"
}

.icon-table:before {
    content: "\f0ce"
}

.icon-magic:before {
    content: "\f0d0"
}

.icon-truck:before {
    content: "\f0d1"
}

.icon-pinterest:before {
    content: "\f0d2"
}

.icon-pinterest-square:before {
    content: "\f0d3"
}

.icon-google-plus-square:before {
    content: "\f0d4"
}

.icon-google-plus:before {
    content: "\f0d5"
}

.icon-money:before {
    content: "\f0d6"
}

.icon-caret-down:before {
    content: "\f0d7"
}

.icon-caret-up:before {
    content: "\f0d8"
}

.icon-caret-left:before {
    content: "\f0d9"
}

.icon-caret-right:before {
    content: "\f0da"
}

.icon-columns:before {
    content: "\f0db"
}

.icon-unsorted:before,
.icon-sort:before {
    content: "\f0dc"
}

.icon-sort-down:before,
.icon-sort-desc:before {
    content: "\f0dd"
}

.icon-sort-up:before,
.icon-sort-asc:before {
    content: "\f0de"
}

.icon-envelope:before {
    content: "\f0e0"
}

.icon-linkedin:before {
    content: "\f0e1"
}

.icon-rotate-left:before,
.icon-undo:before {
    content: "\f0e2"
}

.icon-legal:before,
.icon-gavel:before {
    content: "\f0e3"
}

.icon-dashboard:before,
.icon-tachometer:before {
    content: "\f0e4"
}

.icon-comment-o:before {
    content: "\f0e5"
}

.icon-comments-o:before {
    content: "\f0e6"
}

.icon-flash:before,
.icon-bolt:before {
    content: "\f0e7"
}

.icon-sitemap:before {
    content: "\f0e8"
}

.icon-umbrella:before {
    content: "\f0e9"
}

.icon-paste:before,
.icon-clipboard:before {
    content: "\f0ea"
}

.icon-lightbulb-o:before {
    content: "\f0eb"
}

.icon-exchange:before {
    content: "\f0ec"
}

.icon-cloud-download:before {
    content: "\f0ed"
}

.icon-cloud-upload:before {
    content: "\f0ee"
}

.icon-user-md:before {
    content: "\f0f0"
}

.icon-stethoscope:before {
    content: "\f0f1"
}

.icon-suitcase:before {
    content: "\f0f2"
}

.icon-bell-o:before {
    content: "\f0a2"
}

.icon-coffee:before {
    content: "\f0f4"
}

.icon-cutlery:before {
    content: "\f0f5"
}

.icon-file-text-o:before {
    content: "\f0f6"
}

.icon-building-o:before {
    content: "\f0f7"
}

.icon-hospital-o:before {
    content: "\f0f8"
}

.icon-ambulance:before {
    content: "\f0f9"
}

.icon-medkit:before {
    content: "\f0fa"
}

.icon-fighter-jet:before {
    content: "\f0fb"
}

.icon-beer:before {
    content: "\f0fc"
}

.icon-h-square:before {
    content: "\f0fd"
}

.icon-plus-square:before {
    content: "\f0fe"
}

.icon-angle-double-left:before {
    content: "\f100"
}

.icon-angle-double-right:before {
    content: "\f101"
}

.icon-angle-double-up:before {
    content: "\f102"
}

.icon-angle-double-down:before {
    content: "\f103"
}

.icon-angle-left:before {
    content: "\f104"
}

.icon-angle-right:before {
    content: "\f105"
}

.icon-angle-up:before {
    content: "\f106"
}

.icon-angle-down:before {
    content: "\f107"
}

.icon-desktop:before {
    content: "\f108"
}

.icon-laptop:before {
    content: "\f109"
}

.icon-tablet:before {
    content: "\f10a"
}

.icon-mobile-phone:before,
.icon-mobile:before {
    content: "\f10b"
}

.icon-circle-o:before {
    content: "\f10c"
}

.icon-quote-left:before {
    content: "\f10d"
}

.icon-quote-right:before {
    content: "\f10e"
}

.icon-spinner:before {
    content: "\f110"
}

.icon-circle:before {
    content: "\f111"
}

.icon-mail-reply:before,
.icon-reply:before {
    content: "\f112"
}

.icon-github-alt:before {
    content: "\f113"
}

.icon-folder-o:before {
    content: "\f114"
}

.icon-folder-open-o:before {
    content: "\f115"
}

.icon-smile-o:before {
    content: "\f118"
}

.icon-frown-o:before {
    content: "\f119"
}

.icon-meh-o:before {
    content: "\f11a"
}

.icon-gamepad:before {
    content: "\f11b"
}

.icon-keyboard-o:before {
    content: "\f11c"
}

.icon-flag-o:before {
    content: "\f11d"
}

.icon-flag-checkered:before {
    content: "\f11e"
}

.icon-terminal:before {
    content: "\f120"
}

.icon-code:before {
    content: "\f121"
}

.icon-mail-reply-all:before,
.icon-reply-all:before {
    content: "\f122"
}

.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before {
    content: "\f123"
}

.icon-location-arrow:before {
    content: "\f124"
}

.icon-crop:before {
    content: "\f125"
}

.icon-code-fork:before {
    content: "\f126"
}

.icon-unlink:before,
.icon-chain-broken:before {
    content: "\f127"
}

.icon-question:before {
    content: "\f128"
}

.icon-info:before {
    content: "\f129"
}

.icon-exclamation:before {
    content: "\f12a"
}

.icon-superscript:before {
    content: "\f12b"
}

.icon-subscript:before {
    content: "\f12c"
}

.icon-eraser:before {
    content: "\f12d"
}

.icon-puzzle-piece:before {
    content: "\f12e"
}

.icon-microphone:before {
    content: "\f130"
}

.icon-microphone-slash:before {
    content: "\f131"
}

.icon-shield:before {
    content: "\f132"
}

.icon-calendar-o:before {
    content: "\f133"
}

.icon-fire-extinguisher:before {
    content: "\f134"
}

.icon-rocket:before {
    content: "\f135"
}

.icon-maxcdn:before {
    content: "\f136"
}

.icon-chevron-circle-left:before {
    content: "\f137"
}

.icon-chevron-circle-right:before {
    content: "\f138"
}

.icon-chevron-circle-up:before {
    content: "\f139"
}

.icon-chevron-circle-down:before {
    content: "\f13a"
}

.icon-html5:before {
    content: "\f13b"
}

.icon-css3:before {
    content: "\f13c"
}

.icon-anchor:before {
    content: "\f13d"
}

.icon-unlock-alt:before {
    content: "\f13e"
}

.icon-bullseye:before {
    content: "\f140"
}

.icon-ellipsis-h:before {
    content: "\f141"
}

.icon-ellipsis-v:before {
    content: "\f142"
}

.icon-rss-square:before {
    content: "\f143"
}

.icon-play-circle:before {
    content: "\f144"
}

.icon-ticket:before {
    content: "\f145"
}

.icon-minus-square:before {
    content: "\f146"
}

.icon-minus-square-o:before {
    content: "\f147"
}

.icon-level-up:before {
    content: "\f148"
}

.icon-level-down:before {
    content: "\f149"
}

.icon-check-square:before {
    content: "\f14a"
}

.icon-pencil-square:before {
    content: "\f14b"
}

.icon-external-link-square:before {
    content: "\f14c"
}

.icon-share-square:before {
    content: "\f14d"
}

.icon-compass:before {
    content: "\f14e"
}

.icon-toggle-down:before,
.icon-caret-square-o-down:before {
    content: "\f150"
}

.icon-toggle-up:before,
.icon-caret-square-o-up:before {
    content: "\f151"
}

.icon-toggle-right:before,
.icon-caret-square-o-right:before {
    content: "\f152"
}

.icon-euro:before,
.icon-eur:before {
    content: "\f153"
}

.icon-gbp:before {
    content: "\f154"
}

.icon-dollar:before,
.icon-usd:before {
    content: "\f155"
}

.icon-rupee:before,
.icon-inr:before {
    content: "\f156"
}

.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
    content: "\f157"
}

.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before {
    content: "\f158"
}

.icon-won:before,
.icon-krw:before {
    content: "\f159"
}

.icon-bitcoin:before,
.icon-btc:before {
    content: "\f15a"
}

.icon-file:before {
    content: "\f15b"
}

.icon-file-text:before {
    content: "\f15c"
}

.icon-sort-alpha-asc:before {
    content: "\f15d"
}

.icon-sort-alpha-desc:before {
    content: "\f15e"
}

.icon-sort-amount-asc:before {
    content: "\f160"
}

.icon-sort-amount-desc:before {
    content: "\f161"
}

.icon-sort-numeric-asc:before {
    content: "\f162"
}

.icon-sort-numeric-desc:before {
    content: "\f163"
}

.icon-thumbs-up:before {
    content: "\f164"
}

.icon-thumbs-down:before {
    content: "\f165"
}

.icon-youtube-square:before {
    content: "\f166"
}

.icon-youtube:before {
    content: "\f167"
}

.icon-xing:before {
    content: "\f168"
}

.icon-xing-square:before {
    content: "\f169"
}

.icon-youtube-play:before {
    content: "\f16a"
}

.icon-dropbox:before {
    content: "\f16b"
}

.icon-stack-overflow:before {
    content: "\f16c"
}

.icon-instagram:before {
    content: "\f16d"
}

.icon-flickr:before {
    content: "\f16e"
}

.icon-adn:before {
    content: "\f170"
}

.icon-bitbucket:before {
    content: "\f171"
}

.icon-bitbucket-square:before {
    content: "\f172"
}

.icon-tumblr:before {
    content: "\f173"
}

.icon-tumblr-square:before {
    content: "\f174"
}

.icon-long-arrow-down:before {
    content: "\f175"
}

.icon-long-arrow-up:before {
    content: "\f176"
}

.icon-long-arrow-left:before {
    content: "\f177"
}

.icon-long-arrow-right:before {
    content: "\f178"
}

.icon-apple:before {
    content: "\f179"
}

.icon-windows:before {
    content: "\f17a"
}

.icon-android:before {
    content: "\f17b"
}

.icon-linux:before {
    content: "\f17c"
}

.icon-dribbble:before {
    content: "\f17d"
}

.icon-skype:before {
    content: "\f17e"
}

.icon-foursquare:before {
    content: "\f180"
}

.icon-trello:before {
    content: "\f181"
}

.icon-female:before {
    content: "\f182"
}

.icon-male:before {
    content: "\f183"
}

.icon-gittip:before {
    content: "\f184"
}

.icon-sun-o:before {
    content: "\f185"
}

.icon-moon-o:before {
    content: "\f186"
}

.icon-archive:before {
    content: "\f187"
}

.icon-bug:before {
    content: "\f188"
}

.icon-vk:before {
    content: "\f189"
}

.icon-weibo:before {
    content: "\f18a"
}

.icon-renren:before {
    content: "\f18b"
}

.icon-pagelines:before {
    content: "\f18c"
}

.icon-stack-exchange:before {
    content: "\f18d"
}

.icon-arrow-circle-o-right:before {
    content: "\f18e"
}

.icon-arrow-circle-o-left:before {
    content: "\f190"
}

.icon-toggle-left:before,
.icon-caret-square-o-left:before {
    content: "\f191"
}

.icon-dot-circle-o:before {
    content: "\f192"
}

.icon-wheelchair:before {
    content: "\f193"
}

.icon-vimeo-square:before {
    content: "\f194"
}

.icon-turkish-lira:before,
.icon-try:before {
    content: "\f195"
}

.icon-plus-square-o:before {
    content: "\f196"
}

.icon-space-shuttle:before {
    content: "\f197"
}

.icon-slack:before {
    content: "\f198"
}

.icon-envelope-square:before {
    content: "\f199"
}

.icon-wordpress:before {
    content: "\f19a"
}

.icon-openid:before {
    content: "\f19b"
}

.icon-institution:before,
.icon-bank:before,
.icon-university:before {
    content: "\f19c"
}

.icon-mortar-board:before,
.icon-graduation-cap:before {
    content: "\f19d"
}

.icon-yahoo:before {
    content: "\f19e"
}

.icon-google:before {
    content: "\f1a0"
}

.icon-reddit:before {
    content: "\f1a1"
}

.icon-reddit-square:before {
    content: "\f1a2"
}

.icon-stumbleupon-circle:before {
    content: "\f1a3"
}

.icon-stumbleupon:before {
    content: "\f1a4"
}

.icon-delicious:before {
    content: "\f1a5"
}

.icon-digg:before {
    content: "\f1a6"
}

.icon-pied-piper-square:before,
.icon-pied-piper:before {
    content: "\f1a7"
}

.icon-pied-piper-alt:before {
    content: "\f1a8"
}

.icon-drupal:before {
    content: "\f1a9"
}

.icon-joomla:before {
    content: "\f1aa"
}

.icon-language:before {
    content: "\f1ab"
}

.icon-fax:before {
    content: "\f1ac"
}

.icon-building:before {
    content: "\f1ad"
}

.icon-child:before {
    content: "\f1ae"
}

.icon-paw:before {
    content: "\f1b0"
}

.icon-spoon:before {
    content: "\f1b1"
}

.icon-cube:before {
    content: "\f1b2"
}

.icon-cubes:before {
    content: "\f1b3"
}

.icon-behance:before {
    content: "\f1b4"
}

.icon-behance-square:before {
    content: "\f1b5"
}

.icon-steam:before {
    content: "\f1b6"
}

.icon-steam-square:before {
    content: "\f1b7"
}

.icon-recycle:before {
    content: "\f1b8"
}

.icon-automobile:before,
.icon-car:before {
    content: "\f1b9"
}

.icon-cab:before,
.icon-taxi:before {
    content: "\f1ba"
}

.icon-tree:before {
    content: "\f1bb"
}

.icon-spotify:before {
    content: "\f1bc"
}

.icon-deviantart:before {
    content: "\f1bd"
}

.icon-soundcloud:before {
    content: "\f1be"
}

.icon-database:before {
    content: "\f1c0"
}

.icon-file-pdf-o:before {
    content: "\f1c1"
}

.icon-file-word-o:before {
    content: "\f1c2"
}

.icon-file-excel-o:before {
    content: "\f1c3"
}

.icon-file-powerpoint-o:before {
    content: "\f1c4"
}

.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
    content: "\f1c5"
}

.icon-file-zip-o:before,
.icon-file-archive-o:before {
    content: "\f1c6"
}

.icon-file-sound-o:before,
.icon-file-audio-o:before {
    content: "\f1c7"
}

.icon-file-movie-o:before,
.icon-file-video-o:before {
    content: "\f1c8"
}

.icon-file-code-o:before {
    content: "\f1c9"
}

.icon-vine:before {
    content: "\f1ca"
}

.icon-codepen:before {
    content: "\f1cb"
}

.icon-jsfiddle:before {
    content: "\f1cc"
}

.icon-life-bouy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
    content: "\f1cd"
}

.icon-circle-o-notch:before {
    content: "\f1ce"
}

.icon-ra:before,
.icon-rebel:before {
    content: "\f1d0"
}

.icon-ge:before,
.icon-empire:before {
    content: "\f1d1"
}

.icon-git-square:before {
    content: "\f1d2"
}

.icon-git:before {
    content: "\f1d3"
}

.icon-hacker-news:before {
    content: "\f1d4"
}

.icon-tencent-weibo:before {
    content: "\f1d5"
}

.icon-qq:before {
    content: "\f1d6"
}

.icon-wechat:before,
.icon-weixin:before {
    content: "\f1d7"
}

.icon-send:before,
.icon-paper-plane:before {
    content: "\f1d8"
}

.icon-send-o:before,
.icon-paper-plane-o:before {
    content: "\f1d9"
}

.icon-history:before {
    content: "\f1da"
}

.icon-circle-thin:before {
    content: "\f1db"
}

.icon-header:before {
    content: "\f1dc"
}

.icon-paragraph:before {
    content: "\f1dd"
}

.icon-sliders:before {
    content: "\f1de"
}

.icon-share-alt:before {
    content: "\f1e0"
}

.icon-share-alt-square:before {
    content: "\f1e1"
}

.icon-bomb:before {
    content: "\f1e2"
}

body {
    line-height: 21px;
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    padding: 0;
    margin: 0;
    opacity: 0;
}

body,
html {
    overflow-x: hidden !important;
}

p {
    margin: 0 0 10px 0;
    padding: 0;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

a:hover,
a:focus {
    color: #666666;
}

img {
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    vertical-align: top;
    outline: none;
    max-width: 100%;
    height: auto;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear {
    clear: both;
    height: 0;
    font-size: 0
}


/* Main Header */

header .container {
    position: relative;
}

header .container:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 15px;
    right: 15px;
    z-index: 10;
    display: block;
    border-bottom: #f6f7f9 dashed 1px;
}

.main_header,
header {
    background: #fff;
}

.logo_retina,
.icon_retina {
    display: none;
}

.logo_sect {
    padding: 19px 0 20px 0;
    display: inline-block;
    vertical-align: top;
    float: left;
}

.logo_sect .logo,
.logo {
    display: inline-block;
    margin: 0 auto;
}

header nav {
    float: right;
    position: relative;
    z-index: 50;
}

header nav ul.menu {
    font-size: 0;
    line-height: 0;
}

header nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

header nav ul.menu > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-left: 40px;
}

header nav ul.menu > li:first-child {
    margin-left: 0;
}

header nav ul.menu > li > a {
    text-transform: none;
    font-size: 14px;
    line-height: 24px;
    padding: 23px 0 27px 0;
    font-weight: 300;
    display: block;
    position: relative;
    color: #2d2e2e;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

header nav ul.menu .sub-nav {
    display: block;
    position: absolute;
    left: -21px;
    margin: 0;
    top: -9999px !important;
    opacity: 0 !important;
    background: #f6f7f9;
    border: #ebebeb solid 1px;
    border-top: none;
    font-size: 0;
    line-height: 0;
    z-index: 555;
    visibility: hidden;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}

header nav ul.menu > li:hover > .sub-nav {
    top: 74px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

header nav ul.menu > li:hover > .sub-nav .sub-menu li > .sub-nav {
    top: -9999px;
    opacity: 0 !important;
    visibility: hidden !important;
}

header nav ul.menu > li:hover > .sub-nav .sub-menu li:hover > .sub-nav {
    top: -4px !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

header nav ul.menu .sub-menu {
    padding: 4px 0 5px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    position: relative;
}

header nav ul.menu > li > .sub-nav .sub-menu li > .sub-nav {
    left: 180px;
}

header nav ul.menu > li:last-child > .sub-nav .sub-menu li > .sub-nav,
header nav ul.menu > li:nth-last-child(2) > .sub-nav .sub-menu li > .sub-nav,
header nav ul.menu > li:nth-last-child(3) > .sub-nav .sub-menu li > .sub-nav,
header nav ul.menu > li:nth-last-child(4) > .sub-nav .sub-menu li > .sub-nav {
    left: -182px;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.05);
}

header nav ul.menu > li:last-child > .sub-nav {
    left: auto;
    right: 0;
}

header nav ul.sub-menu li {
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    position: relative;
    padding: 0 20px;
}

header nav ul.sub-menu li a {
    padding: 9px 0 10px;
    display: block;
    color: #2d2e2e;
    font-weight: 300;
    position: relative;
    border-bottom: #e5e6e7 dashed 1px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

header nav ul.sub-menu > li:last-child > a {
    border-bottom: none;
}

header nav ul.sub-menu li:first-child .sub-nav {
    border-radius: 0 0 5px 5px !important;
    -webkit-border-radius: 0 0 5px 5px !important;
}

header nav ul.sub-menu li a i {
    padding-right: 6px;
}

header nav ul.sub-menu li.menu-item-has-children > a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    position: absolute;
    right: 0;
    top: 10px;
}


/* Header Types */

.main_header.type2 header .container:before {
    border-bottom: #ededed dashed 1px;
}

.main_header.type2 a.top_menu_toggler {
    display: block;
    margin: 0 auto;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 18px;
    width: 19px;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: -63px 0;
}

.main_header.type2 a.top_menu_toggler.close_toggler {
    background-position: -44px 0;
}

.main_header.type2 .tagline {
    display: none;
}

.main_header.type2 header {
    padding: 30px 0 0;
}

.main_header.type2 header nav ul.menu > li:hover > .sub-nav {
    top: 83px !important;
}

.main_header.type2 .logo_sect {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 28px;
    float: none;
    text-align: center;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.main_header.type2 header nav {
    float: none;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.main_header.type2 header nav ul.menu > li > a {
    padding-top: 23px;
    padding-bottom: 36px;
}

.main_header.type2 header nav ul.menu > li > a:before {
    top: 45px;
}

.main_header.type2 .header_parent_wrap.close_toggler_wrap header nav {
    opacity: 1;
    visibility: visible;
}

.main_header.type2 .header_parent_wrap.close_toggler_wrap header .logo_sect {
    opacity: 0;
    visibility: hidden;
    bottom: 10px;
}

.main_header.grey_bg header,
.main_header.grey_bg {
    background-color: #f8f8f8 !important;
}


/* Tagline */

.tagline {
    border-bottom: 1px #e2e2e2 solid;
    padding: 7px 0 5px;
}

.main_header.type4 .tagline {
    padding: 25px 0;
}

.phone,
.email {
    display: inline-block;
    vertical-align: top;
    margin-right: 28px;
    font-size: 13px;
    color: #9e9e9e;
}

.email a {
    transition: all 300ms;
    -webkit-transition: all 300ms;
    color: #9e9e9e;
}

.tagline .fleft i {
    font-weight: normal;
    display: inline-block;
    margin-right: 3px;
}

.main_header.type4 .fleft {
    float: right;
}

.tagline_items {
    display: inline-block;
    vertical-align: top;
}

.language_select {
    display: inline-block;
    vertical-align: top;
    margin-right: 27px;
}

.language_select img {
    vertical-align: top;
    margin: 4px 4px 0 0;
}

.log_in_out {
    display: inline-block;
    vertical-align: top;
    margin-right: 27px;
    font-size: 13px;
    color: #9e9e9e;
}

.log_in_out a {
    transition: all 300ms;
    -webkit-transition: all 300ms;
    color: #9e9e9e;
    display: block;
    position: relative;
}

.cart_btn i,
.log_in_out i {
    font-size: 14px;
    margin: 0 1px 0 0;
}

.cart_btn {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #9e9e9e;
    position: relative;
}

.cart_btn a.view_cart_btn {
    transition: all 300ms;
    -webkit-transition: all 300ms;
    color: #9e9e9e;
    display: block;
    position: relative;
}

.cart_submenu {
    display: block;
    position: absolute;
    left: auto;
    right: -45px;
    margin: -2px 0 0;
    top: -9999px !important;
    opacity: 0 !important;
    background: #f6f7f9;
    z-index: 999;
    visibility: hidden;
    padding: 15px 20px 0 20px;
    width: 280px;
    font-size: 14px;
    color: #2d2e2e;
    border-radius: 0 0 5px 5px;
}

.cart_submenu:before {
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 100%;
}

.tagline .cart_btn:hover > .cart_submenu {
    top: 32px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.cart_submenu .subtotal {
    padding-top: 13px;
    border-top: 1px #e5e6e7 dashed;
}

.cart_wrap {
    position: relative;
}

.remove_products {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 14px;
    color: #acacac;
    z-index: 20;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

.remove_products:hover {
    color: #2d2e2e;
}

p.empty {
    margin-bottom: 20px;
    font-size: 14px;
    color: #666666;
}

.widget_cart p.empty {
    margin-bottom: 27px;
}


/* Top Search */

.top_search {
    display: inline-block;
    position: relative;
    margin-left: 28px;
    height: 24px;
    vertical-align: top;
}

.top_search form input[type="text"] {
    margin: 0 !important;
    padding: 0 17px 0 0 !important;
    width: 0;
    border: none !important;
    font-size: 13px !important;
    color: #9e9e9e !important;
    font-weight: 300;
    line-height: 24px !important;
    height: 24px;
    outline: none;
    background: none;
}

.s_submit {
    text-indent: -9999px;
}

.s_submit,
.top-icon-search {
    cursor: pointer;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 17px !important;
    width: 17px !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 17px !important;
    text-decoration: none;
    display: block;
    color: #9e9e9e;
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 10;
}

.top-icon-search {
    z-index: 90;
}

.top_search.ct-search-open .top-icon-search {
    z-index: 1;
    pointer-events: none;
}

.top_search.ct-search-open form input[type="text"] {
    width: 280px;
}

.top_search form input[type="text"]:focus::-webkit-input-placeholder {
    color: #9e9e9e !important;
}

.top_search form input[type="text"]:focus:-moz-placeholder {
    color: #9e9e9e !important;
}

.top_search form input[type="text"]:focus::-moz-placeholder {
    color: #9e9e9e !important;
}

.top_search form input[type="text"]:focus:-ms-input-placeholder {
    color: #9e9e9e !important;
}


/* Custom SelectBox */

div.selectBox {
    position: relative;
    display: inline-block;
    cursor: default;
    text-align: left;
    line-height: 24px;
    min-height: 24px;
    clear: both;
    color: #9e9e9e;
    vertical-align: top;
    margin: -1px 0 0;
    padding: 0 14px 0 0;
    font-size: 13px;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

span.selectArrow {
    top: 0;
    right: 0;
    border: 0;
    text-align: center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: absolute;
    display: block;
}

span.selectArrow:before {
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 14px;
    line-height: 24px;
    font-family: 'FontAwesome';
    content: "\f107";
}

span.selected {
    position: relative;
    height: 24px;
    z-index: 1;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}

div.selectOptions {
    position: absolute;
    top: 31px;
    left: 1px;
    border: 0;
    overflow: hidden;
    display: none;
    background: #f6f7f9;
    z-index: 777;
    padding: 6px 0 4px;
    width: 165px;
    border-radius: 0 0 5px 5px;
}

span.selectOption {
    display: block;
    line-height: 24px;
    padding: 10px 0 11px;
    margin: 0 20px 1px;
    color: #9e9e9e;
    border-bottom: #e5e6e7 dashed 1px;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

span.selectOption:last-child {
    border: none;
}

span.selectOption:hover {
    cursor: pointer;
}

span.selectOption img {
    margin-right: 9px;
}


/* Fixed Menu */

.fixed-menu {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0 !important;
    z-index: 9999;
    display: none;
}

.fixed-menu.fixed_show {
    display: block;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.fixed-menu li {
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
}

.fixed-menu .top_menu_toggler {
    display: none;
}

.fixed-menu header .container:before {
    display: none;
}


/*DemoPanel.css*/

.demo_panel {
    display: block;
    width: 180px;
    height: auto;
    position: fixed;
    left: -180px;
    top: 161px;
    z-index: 9999;
    text-align: left;
    transition: left 350ms, opacity 350ms;
    -webkit-transition: left 350ms, opacity 350ms;
}

.demo_panel.showed {
    left: 0px;
}

.demo_panel.opacity {
    opacity: 0;
}

.panel_toggler {
    border-radius: 0 5px 5px 0;
    width: 50px;
    height: 50px;
    right: -50px;
    top: 0px;
    position: absolute;
    background: #edeff2;
}

.panel_toggler:before {
    content: '\f013';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    font-size: 27px;
    line-height: 49px;
    text-align: center;
    color: #ff7a18;
    font-family: 'FontAwesome';
    -webkit-animation: panel_icon 4s infinite linear;
    -moz-animation: panel_icon 4s infinite linear;
    animation: panel_icon 4s infinite linear;
}


/* Chrome, Safari, Opera */

@keyframes panel_icon {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes panel_icon {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.demo_panel .panel_title {
    border-radius: 0px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #2d2e2e;
    display: block;
    text-transform: uppercase;
    padding-left: 20px;
    background: #edeff2;
}

.demo_panel_body {
    background: #f6f7f9;
    display: block;
    overflow: hidden;
    padding: 0 20px 0 20px;
    border-bottom-right-radius: 5px;
}

.demo_panel .panel_sub-title {
    font-size: 13px;
    color: #2d2e2e;
    margin-bottom: 8px;
    padding: 0;
}

.demo_panel .panel_headers {}

.demo_panel .panel_headers .panel_sub-title {
    cursor: pointer;
    margin-bottom: 0;
    font-size: 14px;
    padding: 14px 20px 15px 0;
    position: relative;
}

.demo_panel .panel_headers .panel_sub-title:before {
    font-family: 'FontAwesome';
    content: '\f107';
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 16px;
}

.demo_panel .panel_headers.showed .panel_sub-title:before {
    content: '\f106';
}

.demo_panel .panel_headers a {
    position: relative;
    padding-left: 20px;
    color: #2d2e2e;
    font-size: 12px;
    line-height: 15px;
}

.demo_panel .panel_headers a:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 0px;
    width: 10px;
    height: 10px;
    border: #9e9e9e solid 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.demo_panel .panel_headers a:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 2px;
    width: 6px;
    height: 6px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    display: none;
}

.demo_panel .panel_headers a.current:before {
    display: block;
}

.demo_panel .panel_toggle_wrapper {
    border-top: #e5e6e7 dashed 1px;
}

.panel_headers .header_item {
    margin-bottom: 9px;
}

.panel_headers .header_item:first-child {
    margin-top: 13px !important;
}

.panel_headers .header_item:last-child {
    margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
    .demo_panel {
        display: none!important;
    }
}


/* Breadcrumb */

.breadcrumbs {
    background: #f6f7f9;
    padding: 24px 0 26px 0;
    line-height: 18px;
    font-size: 12px;
    color: #9e9e9e;
    font-weight: 300;
    text-align: center;
}

.breadcrumbs .title-page {
    margin-top: 10px;
    margin-bottom: 0px;
}

.breadcrumbs a {
    color: #9e9e9e;
}

.breadcrumbs span {
    padding: 0 6px;
}


/* C O N T E N T */

.no-sidebar .left-sidebar-block,
.no-sidebar .right-sidebar-block {
    display: none !important;
}

.left-sidebar .right-sidebar-block {
    display: none !important;
}

.left-sidebar .left-sidebar-block {
    display: block !important;
    float: left !important;
    margin-left: 0;
}

.left-sidebar .posts-block {
    float: right !important;
}

.right-sidebar .left-sidebar-block {
    display: none !important;
}

.right-sidebar .right-sidebar-block {
    display: block !important;
}

.right-sidebar-block,
.left-sidebar-block {
    text-align: left;
}

.right-sidebar-block,
.left-sidebar-block,
.fl-container.hasRS,
.posts-block.hasLS,
.fl-container {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.right-sidebar-block,
.left-sidebar-block,
.fl-container.hasRS,
.posts-block.hasLS {
    padding-bottom: 20px;
}

.right-sidebar .contentarea {
    padding-right: 20px;
}

.left-sidebar .contentarea {
    padding-left: 20px;
}

@media only screen and (min-width: 768px) {
    .right-sidebar-block,
    .left-sidebar-block,
    .fl-container.hasRS,
    .posts-block.hasLS {
        float: left;
    }
    .right-sidebar-block,
    .left-sidebar-block {
        width: 25%;
    }
    .fl-container {
        width: 100%;
    }
    .fl-container.hasRS,
    .posts-block.hasLS {
        width: 75%;
    }
}

.wrapper {
    text-align: left;
    position: relative;
    display: block;
    padding: 80px 0 0 0;
    margin: 0 auto;
    background: #fff;
}

.row20,
.row20 .row {
    margin-right: -10px;
    margin-left: -10px
}

.row20 .col-sm-1,
.row20 .col-sm-2,
.row20 .col-sm-3,
.row20 .col-sm-4,
.row20 .col-sm-5,
.row20 .col-sm-6,
.row20 .col-sm-7,
.row20 .col-sm-8,
.row20 .col-sm-9,
.row20 .col-sm-10,
.row20 .col-sm-11,
.row20 .col-sm-12 {
    padding-right: 10px;
    padding-left: 10px
}


/* T Y P O G R A P H Y */

h1,
h1 span,
h1 a,
.h1,
h2,
h2 span,
h2 a,
h3,
h3 span,
h3 a,
h4,
h4 span,
h4 a,
h5,
h5 span,
h5 a,
h6,
h6 span,
h6 a {
    color: #2d2e2e;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

h1,
h1 span,
h1 a,
.h1 {
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

h1 {
    margin-bottom: 30px;
}

.h1 {
    margin-bottom: 20px;
}

h2,
h2 span,
h2 a {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

h2 {
    margin-bottom: 29px;
}

h3,
h3 span,
h3 a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

h3 {
    margin-bottom: 32px;
}

h4,
h4 span,
h4 a {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
}

h4 {
    margin-bottom: 29px;
}

h5,
h5 span,
h5 a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

h5 {
    margin-bottom: 32px;
}

h6,
h6 span,
h6 a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

h6 {
    margin-bottom: 10px;
}

.alignleft {
    margin: 0 15px 10px 0;
    float: left;
}

.alignright {
    margin: 0 0 10px 15px;
    float: right;
}

.aligncenter {
    float: none;
    text-align: center;
}

.page_title_block {
    margin: -27px 0 10px;
}

.module_descr,
.page_descr {
    padding-bottom: 30px;
    text-align: center;
}

.module_descr p,
.page_descr p {
    margin-bottom: 15px;
}

.bg_title {
    border-bottom: #cfcfcf dashed 1px;
    margin-bottom: 60px;
    padding-bottom: 15px;
}

.bg_title h2 {
    margin-bottom: 0px;
}

.sub_title_block .bg_title {
    border: none;
    margin-bottom: 15px;
}

.page_title_block .bg_title {
    border: none;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.page_title_block .bg_title h1,
.page_title_block .bg_title h2,
.page_title_block .bg_title h3,
.page_title_block .bg_title h1 span,
.page_title_block .bg_title h2 span,
.page_title_block .bg_title h3 span {
    text-align: center;
    line-height: 36px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin-bottom: 19px;
    font-size: 30px;
}

.bg_title h3 {
    line-height: 30px;
    margin-bottom: 0;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.bg_title h3.mb16 {
    margin-bottom: 16px !important;
}

.bg_title h3.large {
    line-height: 36px;
    margin-bottom: 30px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
}

.module_cont {
    padding-bottom: 59px;
}


/* Highlights */

.highlighted_dark {
    background: #2d2e2e;
    color: #fff;
    padding: 0 2px;
}

.highlighted_light {
    background: #acacac;
    color: #fff;
    padding: 0 2px;
}

.highlighted_colored {
    color: #fff;
    padding: 0 2px;
}


/* Dropcaps */

.dropcap {
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    padding: 0 0 0 0;
    margin: -2px 13px 0 1px;
    width: auto;
    height: auto;
    text-transform: uppercase;
    vertical-align: top;
    float: left;
    color: #9e9e9e;
}

.dropcap.type2,
.dropcap.type3 {
    color: #fff;
    margin: 5px 10px 0 0;
    padding: 0 8px 0;
    background: #9e9e9e;
    font-size: 20px;
    line-height: 32px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* Blockquotes */

blockquote {
    padding: 0 0 9px;
    margin: 0;
    position: relative;
    min-height: 48px;
    border: 0;
    font-size: 14px;
    font-style: italic;
}

blockquote.shortcode_blockquote {}

blockquote.left {
    float: left;
}

blockquote.right {
    float: right;
    margin-left: 30px;
}

blockquote.shortcode_blockquote .blockquote_wrapper {
    padding: 0;
}

blockquote.shortcode_blockquote.left .blockquote_wrapper {
    padding-right: 30px;
}

blockquote.shortcode_blockquote p {
    margin-bottom: 7px;
}

blockquote.shortcode_blockquote .author {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-size: 12px;
    color: #9e9e9e;
}

.width50 {
    width: 50%;
}

.width65 {
    width: 76%;
}

blockquote:before {
    float: left;
    content: '“';
    font-family: "Inter(粗)";
    /*font-weight: bold;*/
    font-style: italic;
    font-size: 100px;
    color: #9e9e9e;
    line-height: 39px;
    margin: 4px 12px -30px -12px;
}


/* Default listing */

.module_content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.module_content ul li:before {
    font-family: 'FontAwesome';
    content: "\f105";
    padding: 0 8px 0 0;
    font-weight: normal;
}

.module_content ul li {
    padding-bottom: 4px;
}

.module_content ul.type2 li:before {
    content: "\f00c";
    font-size: 14px;
    padding: 0 9px 0 0;
    font-weight: normal;
}

.module_content ul.type2 li {
    padding-bottom: 8px;
}

.module_content ol {
    margin: 0;
    counter-reset: li;
    list-style: none;
    padding: 0;
}

.module_content ol li {
    list-style: none;
    position: relative;
    padding: 0 0 4px 17px;
}

.module_content ol li:before {
    content: counter(li) '.';
    counter-increment: li;
    position: absolute;
    left: 1px;
    top: 0;
}

.module_content .mb13 {
    margin-bottom: 13px !important;
}


/* F O O T E R */

.footer {
    background: #31383d;
}

.pre_footer {
    border-bottom: 1px #494c52 solid;
    line-height: 21px;
    padding-top: 54px;
    padding-bottom: 27px;
}

.footer_bottom {
    padding: 20px 0 21px 0;
    text-align: center;
}

.copyright {
    font-size: 14px;
    line-height: 33px;
    color: #9aa1ac;
    display: inline-block;
    vertical-align: top;
    float: left;
}

.footer_logo {
    display: none !important;
    vertical-align: top;
    float: left;
}

.footer_bottom.has_logo .footer_logo {
    display: inline-block !important;
}

.footer_bottom.has_logo .copyright {
    float: right;
}


/* WI D G E T S */

.sidepanel {
    margin-bottom: 30px;
}

.sidepanel a {
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

.sidepanel h4.title {
    line-height: 26px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.pre_footer .sidepanel h4.title {
    color: #eef5f7;
}

.widget_categories.sidepanel h4.title {
    margin-bottom: 25px;
}


/* Search Widget */

.widget_search {
    position: relative;
    padding-bottom: 3px;
}

.widget_search input[type="text"] {
    margin: 0;
    padding-right: 38px;
}

.widget_search input[type="submit"] {
    position: relative;
    cursor: pointer;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 17px !important;
    width: 17px !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 17px !important;
    text-decoration: none;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 9px;
    right: 13px;
    z-index: 10;
    background-color: #000;
}

.widget_search:before {
    position: absolute;
    top: 6px;
    right: 18px;
    z-index: 10;
    width: 10px;
    height: 10px;
    font-family: 'FontAwesome';
    content: '\f002';
    color: #9e9e9e;
}

.pre_footer .widget_search input[type="text"] {
    background-color: #3e3e43;
    border-color: #3e3e43;
    color: #9ba1ac;
}


/* Flickr Widget */

.flickr_widget_wrapper {
    overflow: hidden;
    display: block;
    font-size: 0;
    line-height: 0;
    margin: -8px 0 0 -15px;
}

.widget_flickr .flickr_badge_image {
    padding: 15px 0 0 15px;
    width: 25%;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.widget_flickr .flickr_badge_image a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

.widget_flickr .flickr_badge_image a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #051825;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.widget_flickr .flickr_badge_image img {
    display: block;
    height: auto;
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.widget_flickr .flickr_badge_image a:hover:before {
    opacity: 0.6;
    visibility: visible;
}


/* Text widget */

.sidepanel h4.title.widget_logo {
    margin-top: -5px;
    margin-bottom: 17px;
}

.widget_text,
.widget_text a {
    font-size: 14px;
    line-height: 21px;
}

.pre_footer .widget_text,
.pre_footer .widget_text a {
    color: #9ba1ac;
}

.widget_text p {
    margin-bottom: 15px;
}

.pre_footer .widget_text span,
.pre_footer .widget_text a:hover {
    color: #e9f0f2;
}


/* Recent Posts */

.recent_posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.recent_posts li {
    padding: 0;
    margin: 0 0 21px 0;
    line-height: 24px;
    font-size: 16px;
    position: relative;
}

.pre_footer .recent_posts li {
    color: #9e9e9e;
    line-height: 21px;
    font-size: 14px;
}

.recent_posts_info {
    padding-top: 5px;
    color: #acacac;
    font-size: 14px;
}

.pre_footer .recent_posts_info {
    color: #eef5f7;
}

.recent_posts_info a {
    color: #acacac;
}

.recent_posts_info a:hover {
    color: #2d2e2e;
}

.pre_footer .recent_posts_info a {
    color: #eef5f7;
}

.pre_footer .recent_posts_info a:hover {
    color: #9e9e9e;
}

.recent_posts li a.title {
    color: #2d2e2e;
    font-size: 14px;
    display: inline-block;
    padding-top: 1px;
}

.pre_footer .recent_posts li a.title {
    color: #eef5f7;
}

.recent_posts li.with_img {
    padding-left: 66px;
    padding-bottom: 13px;
}

.recent_posts li.with_img .recent_posts_info {
    font-size: 12px;
    line-height: 16px;
}

.pre_footer .recent_posts li.with_img .recent_posts_info,
.pre_footer .recent_posts li.with_img .recent_posts_info a {
    color: #9aa1ac;
}

.pre_footer .recent_posts li.with_img .recent_posts_info a:hover {
    color: #eef5f7;
}

.recent_posts li img {
    display: none;
}

.recent_posts li.with_img img {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.widget_posts,
.widget_products {
    margin-bottom: 28px;
}


/* Widget Featured Products */

.product_posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product_posts li {
    padding: 0 0 9px 66px;
    margin: 0 0 24px 0;
    line-height: 24px;
    font-size: 16px;
    position: relative;
}

.pre_footer .product_posts li {
    color: #9e9e9e;
    line-height: 21px;
    font-size: 14px;
}

.price {
    padding-top: 5px;
    color: #9e9e9e;
    font-size: 12px;
    line-height: 16px;
    display: block;
}

.pre_footer .price {
    color: #9e9e9e;
}

.price a {
    color: #acacac;
}

.price a:hover {
    color: #2d2e2e;
}

.pre_footer .price a {
    color: #9e9e9e;
}

.pre_footer .price a:hover {
    color: #eef5f7;
}

.product_posts li a.title {
    color: #2d2e2e;
    font-size: 14px;
    display: inline-block;
    padding-top: 2px;
}

.pre_footer .product_posts li a.title {
    color: #eef5f7;
}

.product_posts li img {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}


/* Widget Top Rated Products */

.star_rating {
    line-height: 16px;
    padding-top: 1px;
    font-size: 12px;
    color: #e5e7e9;
}

.star_rating i.active {
    color: #ffd52b;
}

.star_rating i {
    margin-right: 2px;
}

.price del {
    margin-right: 9px;
}

.price ins {
    text-decoration: none;
    color: #666666;
}

.pre_footer .price ins {
    color: #eef5f7;
}

.widget_toprated .product_posts li {
    padding-bottom: 0
}


/* Widget Cart */

.price span {
    padding: 0 9px;
}

.product_posts li:last-child {
    margin-bottom: 14px;
}

.subtotal {
    margin-bottom: 14px;
    line-height: 21px;
    font-size: 14px;
    color: #2d2e2e;
}

.pre_footer .subtotal {
    color: #eef5f7;
}

.right-sidebar-block .sidepanel.widget_cart,
.left-sidebar-block .sidepanel.widget_cart {
    margin-bottom: 12px;
}


/* Footer Socials */

.footer_socials {
    padding-top: 4px;
    margin-bottom: 15px;
}

.footer_socials ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}

.footer_socials li {
    padding: 0;
    margin: 0 15px 0 0;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.footer_socials a {
    color: #9ba1ac;
    font-size: 17px !important;
    font-weight: normal;
    background-color: transparent !important;
}

.footer_socials a.soc_fb:hover {
    color: #5567a9;
}

.footer_socials a.soc_tweet:hover {
    color: #40affd;
}

.footer_socials a.soc_google:hover {
    color: #be4a39;
}

.footer_socials a.soc_dribbble:hover {
    color: #f26798;
}

.footer_socials a.soc_pinterest:hover {
    color: #cb2027;
}


/* Mailchimp */

.mc_form_inside {
    padding-top: 10px;
    padding-bottom: 22px;
    position: relative;
    overflow: hidden;
}

.mc_signup_submit {
    text-align: left !important;
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: 0;
    bottom: 22px;
}

.mc_var_label {
    display: block !important;
}

.mc_var_label {
    display: none !important;
}

#mc_signup_form {
    overflow: hidden;
}

#mc_mv_EMAIL {
    border: 1px #bfbfbf solid !important;
    border-radius: 17px !important;
    -webkit-border-radius: 17px !important;
    padding: 3px 64px 4px 14px !important;
    height: 35px !important;
    width: 100% !important;
    background: #fff;
    line-height: 33px;
    font-size: 14px;
    font-weight: 300;
    color: #666666;
    margin: 0 !important;
}

.pre_footer #mc_mv_EMAIL {
    background: #3e3e43;
    color: #9ba1ac;
    border: none !important;
    padding: 4px 65px 5px 15px !important;
}

.mc_merge_var,
.mc_signup_submit {
    float: none;
}

#mc_subheader {
    font-size: 14px;
    line-height: 21px !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    color: #666666!important;
}

.pre_footer #mc_subheader {
    color: #9e9e9e !important;
}

#mc_signup_submit {
    float: none !important;
    width: auto !important;
    padding: 0 19px !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 33px !important;
    height: 35px;
    color: #fff !important;
    background: #747980 !important;
    border-radius: 17px !important;
    -webkit-border-radius: 17px !important;
    display: inline-block !important;
    border: 0 !important;
    font-weight: 300 !important;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

#mc_signup_submit:hover {
    color: #fff !important;
}

.mc_var_label,
.mc_interest_label {
    margin: 0 0 10px 0 !important;
}

.mc_merge_var {
    margin: 0 !important;
}


/* Twitter Widget */

.tweet_module ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.tweet_module ul li {
    padding: 0;
    margin: 0 0 21px 0;
    line-height: 21px;
    font-size: 14px;
}

.tweet_module ul li a {
    color: #9e9e9e;
}

.pre_footer .tweet_module ul li {
    color: #9ba1ac;
}

.pre_footer .tweet_module ul li a {
    color: #eef5f7;
}

.tweet_module .tweet_time {
    display: block;
    line-height: 20px;
}

.tweet_module .tweet_time a {
    color: #666666;
}

.tweet_module .tweet_time a:hover {
    color: #acacac;
}

.pre_footer .tweet_module .tweet_time a {
    color: #9ba1ac;
}

.pre_footer .tweet_module .tweet_time a:hover {
    color: #eef5f7;
}


/* Review Widget */

.last_review p.review_text {
    margin-bottom: 28px;
    position: relative;
}

.last_review p.review_text:before {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 40px;
    background-color: transparent;
    content: '';
    float: left;
}

.last_review p.review_text:after {
    position: absolute;
    left: -12px;
    top: 25px;
    content: '“';
    font-family: "Inter(粗)";
    /*font-weight: bold;*/
    font-style: italic;
    font-size: 100px;
    color: #666666;
    line-height: 39px;
}

.pre_footer .last_review {
    font-size: 14px;
    color: #9ba1ac;
}

.pre_footer .last_review p.review_text:after {
    color: #9ba1ac;
}

.last_review_author {
    position: relative;
    padding: 14px 0 14px 100px;
}

.last_review_author h5 {
    line-height: 25px;
    padding: 0;
    margin: 0 0 7px 0;
    font-weight: 300;
    font-size: 18px;
    color: #2d2e2e;
}

.last_review_author h6 {
    line-height: 24px;
    padding: 0;
    margin: 0;
    font-weight: 300;
    font-size: 14px;
    color: #666666;
}

.pre_footer .last_review_author h5 {
    color: #eef5f7;
}

.pre_footer .last_review_author h6 {
    color: #9ba1ac;
}

.last_review_author img {
    position: absolute;
    left: 0;
    top: 0;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}


/* Calendar Widget */

.widget_calendar table {
    width: 100%;
    text-align: center;
}

.widget_calendar caption {
    font-weight: bold;
    margin-bottom: 5px;
}

.widget_calendar th {
    font-weight: bold;
    border: none;
}

.widget_calendar table {
    border: none;
}

.widget_calendar table td {
    padding: 0;
    border: none;
}


/* Menus & Lists Widgets */

.widget_nav_menu,
.widget_archive,
.widget_pages,
.widget_categories,
.widget_recent_entries,
.widget_meta {
    margin-bottom: 23px;
}

.widget_archive select,
.widget_categories select {
    width: 100%;
}

.sidepanel .sub-menu {
    padding-left: 13px;
}

.sidepanel img,
.sidepanel select {
    max-width: 100%;
}

.widget_nav_menu ul,
.widget_archive ul,
.widget_pages ul,
.widget_categories ul,
.widget_recent_entries ul,
.widget_meta ul {
    margin: -6px 0 0 0;
    padding: 0;
    list-style: none;
    line-height: 20px;
}

.widget_nav_menu ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_recent_entries ul li,
.widget_meta ul li {
    padding: 0;
    padding: 0 0 6px 0;
    position: relative;
    line-height: 20px;
}

.widget_nav_menu ul li ul,
.widget_archive ul li ul,
.widget_pages ul li ul,
.widget_categories ul li ul,
.widget_recent_entries ul li ul,
.widget_meta ul li ul {
    padding: 0 0 0 13px;
    margin: 0;
}

.widget_nav_menu ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_recent_entries ul li a,
.widget_meta ul li a {
    padding: 0 0 0 13px;
    display: inline-block;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    color: #666666;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    position: relative;
    line-height: 20px;
    font-size: 14px;
}

.widget_nav_menu ul li:before,
.widget_archive ul li:before,
.widget_pages ul li:before,
.widget_categories ul li:before,
.widget_recent_entries ul li:before,
.widget_meta ul li:before {
    display: none;
}

.widget_nav_menu ul li a:after,
.widget_archive ul li a:after,
.widget_pages ul li a:after,
.widget_categories ul li a:after,
.widget_recent_entries ul li a:after,
.widget_meta ul li a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: none;
    font-weight: normal;
}

.pre_footer .widget_nav_menu ul li a,
.pre_footer .widget_archive ul li a,
.pre_footer .widget_pages ul li a,
.pre_footer .widget_categories ul li a,
.pre_footer .widget_recent_entries ul li a,
.pre_footer .widget_meta ul li a {
    color: #9e9e9e;
}

.pre_footer .widget_nav_menu ul li a:hover,
.pre_footer .widget_archive ul li a:hover,
.pre_footer .widget_pages ul li a:hover,
.pre_footer .widget_categories ul li a:hover,
.pre_footer .widget_recent_entries ul li a:hover,
.pre_footer .widget_meta ul li a:hover {
    color: #eef5f7;
}


/* Tag Cloud */

.tagcloud {
    overflow: hidden;
    padding-top: 4px;
    margin: 0 0 0 -5px;
}

.widget_tag_cloud a {
    display: inline-block;
    color: #2d2e2e;
    margin: 0 0 5px 5px;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 21px !important;
    padding: 5px 19px 7px 19px;
    background-color: transparent;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-transform: lowercase;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    border: 1px #9e9e9e solid;
}

.widget_tag_cloud a:hover {
    color: #fff !important;
}

.pre_footer .widget_tag_cloud a {
    color: #9ba1ac;
    border-color: #9ba1ac;
}


/* M O D U L E S */


/* Items Grid */

.shortcode_diagram.items1 li,
.sponsors_works.items1 li,
.testimonials_list.items1 li,
.teamslider.items1 li,
.module_price_table.items1 .price_item,
.list-of-images.items1 .gallery_item,
.featured_items .items1 li {
    width: 100%;
}

.shortcode_diagram.items2 li,
.sponsors_works.items2 li,
.testimonials_list.items2 li,
.teamslider.items2 li,
.module_price_table.items2 .price_item,
.list-of-images.items2 .gallery_item,
.featured_items .items2 li {
    width: 50%;
}

.shortcode_diagram.items3 li,
.sponsors_works.items3 li,
.testimonials_list.items3 li,
.teamslider.items3 li,
.module_price_table.items3 .price_item,
.list-of-images.items3 .gallery_item,
.featured_items .items3 li {
    width: 33.333333%;
}

.shortcode_diagram.items4 li,
.sponsors_works.items4 li,
.testimonials_list.items4 li,
.teamslider.items4 li,
.module_price_table.items4 .price_item,
.list-of-images.items4 .gallery_item,
.featured_items .items4 li {
    width: 25%;
}

.sponsors_works.items5 li,
.list-of-images.items5 .gallery_item {
    width: 20%;
}

.sponsors_works.items6 li {
    width: 16.666666666667%;
}


/* Custom Buttons */

.shortcode_button,
a.shortcode_button {
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 16px 20px 0;
    border: none;
    font-size: 14px;
    line-height: 15px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-decoration: none;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
}

.shortcode_button i {
    padding-right: 8px;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    vertical-align: top;
}

.shortcode_button.btn_small {
    padding: 10px 20px 10px 20px;
}

.shortcode_button.btn_normal {
    padding: 13px 20px 12px;
}

.shortcode_button.btn_large {
    padding: 18px 20px 17px 20px;
}

.shortcode_button:hover,
.sidepanel a.shortcode_button:hover {
    color: #fff;
    background: #374248 !important;
}

.shortcode_button.btn_type1 {
    background: #374248;
}

.shortcode_button.btn_type2 {
    background: #4e5b63;
}

.shortcode_button.btn_type3 {
    background: #7e878c;
}

.shortcode_button.btn_type4 {
    background: #edeff2;
    color: #2d2e2e;
}

.shortcode_button.btn_type5:hover {
    background: #374248 !important;
}

.shortcode_button.btn_type6 {
    background: #00b6e8;
}

.shortcode_button.btn_type7 {
    background: #01af53;
}

.shortcode_button.btn_type8 {
    background: #bfda01;
}

.shortcode_button.btn_type9 {
    background: #ffca12;
}

.shortcode_button.btn_type9:hover {
    background: #ffd649;
}

.shortcode_button.btn_type10 {
    background: #ff7a18;
}

.shortcode_button.btn_type10:hover {
    background: #ff9242;
}

.shortcode_button.btn_type11 {
    background: #ff401a;
}

.shortcode_button.btn_type11:hover {
    background: #ff5651;
}

.shortcode_button.btn_type12 {
    background: #ff4272;
}

.shortcode_button.btn_type12:hover {
    background: #ff5a84;
}

.shortcode_button.btn_type13 {
    background: #d5429f;
}

.shortcode_button.btn_type13:hover {
    background: #ec4ab1;
}

.shortcode_button.btn_type14 {
    background: #9640b9;
}

.shortcode_button.btn_type14:hover {
    background: #b54edf;
}

.shortcode_button.btn_type15 {
    background: #502d9e;
}

.shortcode_button.btn_type15:hover {
    background: #5e35b8;
}

.shortcode_button.btn_type16 {
    background: #4183d7;
}

.shortcode_button.btn_type16:hover {
    background: #4c99fc;
}

.shortcode_button.btn_type17 {
    background: #62beff;
}

.shortcode_button.btn_type17:hover {
    background: #74c6ff;
}

.shortcode_button.btn_type17 i {
    margin: 2px 0 -2px;
}

.btns_block p:last-child {
    margin-bottom: -5px;
}

.btns_block a {
    vertical-align: bottom;
}

.shortcode_button.btn_type4.dark_parent,
.shortcode_button.btn_type5.dark_parent:hover {
    background-color: transparent;
    color: #fff;
    border: 1px #fff solid;
}

.shortcode_button.btn_small.btn_type4.dark_parent,
.shortcode_button.btn_small.btn_type5.dark_parent:hover {
    padding: 9px 19px 10px 19px;
}

.shortcode_button.btn_normal.btn_type4.dark_parent,
.shortcode_button.btn_normal.btn_type5.dark_parent:hover {
    padding: 12px 19px;
}

.shortcode_button.btn_large.btn_type4.dark_parent,
.shortcode_button.btn_large.btn_type5.dark_parent:hover {
    padding: 14px 19px 15px 19px;
}


/* Counter */

.counter_wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
}

.stat_temp {
    width: 0 !important;
    display: none !important;
}

.counter_wrapper,
.counter_content {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.stat_count_wrapper {}

.stat_count {
    margin-bottom: 21px;
    font-size: 48px;
    line-height: 42px;
}

.right-sidebar .stat_count {
    margin-bottom: 21px;
    font-size: 30px;
    line-height: 32px;
}

.counter_title {
    margin-bottom: 20px;
    line-height: 25px;
    position: relative;
    font-size: 20px;
}

.right-sidebar .counter_title {
    line-height: 20px;
    font-size: 16px;
}

.counter_body {
    margin-bottom: -4px;
}

.shortcode_counter.with_img {
    min-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 15px;
}

.shortcode_counter.with_img.type1 {
    background-image: url(../img/imgs/stat1.jpg);
}

.shortcode_counter.with_img.type2 {
    background-image: url(../img/imgs/stat2.jpg);
}

.shortcode_counter.with_img.type3 {
    background-image: url(../img/imgs/stat3.jpg);
}

.shortcode_counter.with_img.type4 {
    background-image: url(../img/imgs/stat4.jpg);
}

.shortcode_counter.with_img:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(5, 24, 37, 0.5);
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
}

.shortcode_counter.with_img:hover:before {
    background: rgba(5, 24, 37, 0.4);
}

.shortcode_counter.with_img .counter_wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 20;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.shortcode_counter.with_img .counter_body {
    margin-bottom: 0px;
}

.shortcode_counter.with_img .stat_count,
.shortcode_counter.with_img .counter_title {
    color: #fff !important;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.shortcode_counter.with_img .counter_title {
    margin-bottom: 0px;
}

.shortcode_counter.with_icon .stat_count,
.shortcode_counter.with_icon .counter_title {
    margin: 0 1px;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 25px;
    color: #2d2e2e;
}

.light .shortcode_counter.with_icon .stat_count,
.light .shortcode_counter.with_icon .counter_title {
    color: #f6f6f6;
}

.shortcode_counter.with_icon .stat_count_wrapper {
    position: relative;
    margin-bottom: 21px;
}

.counter_icon {
    display: inline-block;
    text-align: center;
    margin: 0 auto 23px;
    position: relative;
    top: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.shortcode_counter.with_icon:hover .counter_icon {
    top: 10px;
}

.counter_icon i {
    font-size: 30px;
    line-height: 70px;
    font-weight: normal;
    color: #fff;
}

.counter_icon img {
    max-width: 100%;
    vertical-align: baseline;
    height: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}


/* Skills */

.skills_list {
    padding: 0!important;
    list-style: none!important;
    margin: 0!important;
}

.skills_list li {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    min-height: 41px;
    display: block;
    position: relative;
    margin: 0!important;
    overflow: hidden;
    padding: 0 0 23px 0!important;
}

.skills_list li:last-child {
    padding: 0 !important;
}

.skills_list li:before {
    display: none;
}

.skills_list li .skill_percent h6 {
    line-height: 22px;
    height: 22px;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
    font-weight: 300;
}

.skills_list li .skill_percent {
    width: 60px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
}

.skills_list li .diagram_bar {
    padding: 0;
    display: block;
}

.skills_list li .diagram_bar h6 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    line-height: 22px;
    text-transform: none;
}

.skill_div-wrapper {
    position: relative;
    overflow: hidden;
    height: 5px;
    display: block;
    background: #f6f7f9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: none;
}

.skills_list li .skill_div {
    height: 5px;
    display: inline-block;
    box-shadow: none;
    vertical-align: top;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
}


/* Diagram */

.diagram_list {
    margin: 0 0 0 -30px !important;
    padding: 0;
}

.diagram_list li:before {
    display: none !important;
}

.diagram_list li {
    margin: 0;
    display: inline-block;
    padding: 0;
    float: left;
}

.diagram_wrapper {
    margin: 0 0 25px 30px;
    overflow: hidden;
}

.easyPieChart {
    text-align: center;
    padding: 0;
    z-index: 10;
    position: relative;
    color: #2d2e2e;
}

.chart_wrapper {
    display: inline-block;
    margin: 0 auto 26px auto;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.diagram_item {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.diagram_item .chart {
    margin: 0 auto;
}

.chart.easyPieChart,
.chart.easyPieChart span {
    font-weight: 300;
    letter-spacing: -2px;
}

.diagram_item h3 {
    margin-bottom: 19px;
}


/* Iconboxes */

.iconbox_wrapper {
    padding: 0;
    position: relative;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

.iconbox_wrapper .ico {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 auto 23px auto;
    padding: 10px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    vertical-align: top;
}

.iconbox_wrapper .ico:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    border: solid 2px;
}

a:hover .iconbox_wrapper .ico:after {
    top: 5px;
    left: 5px;
    width: 90px;
    height: 90px;
    border-color: #fff;
}

.light .iconbox_wrapper .ico {
    border: none;
    width: 80px;
    height: 80px;
    margin-top: 0;
    position: relative;
}

.light a:hover .iconbox_wrapper .ico {
    box-shadow: none;
}

.light .iconbox_wrapper .ico:before {
    position: absolute;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    position: absolute;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.light a:hover .iconbox_wrapper .ico:before {
    box-shadow: 0 0 0 2px #22a1c4;
}

.light .shortcode_iconbox.type2 .iconbox_wrapper .ico:before,
.light .shortcode_iconbox.type3 .iconbox_wrapper .ico:before,
.light .shortcode_iconbox.type4 .iconbox_wrapper .ico:before,
.light .shortcode_iconbox.type5 .iconbox_wrapper .ico:before {
    display: none;
}

.shortcode_iconbox.type2 .iconbox_wrapper .ico:after,
.shortcode_iconbox.type3 .iconbox_wrapper .ico:after,
.shortcode_iconbox.type4 .iconbox_wrapper .ico:after,
.shortcode_iconbox.type5 .iconbox_wrapper .ico:after {
    display: none;
}

.iconbox_wrapper .ico img {
    max-width: 100%;
    vertical-align: baseline;
    height: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.iconbox_title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
    position: relative;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.paralax .iconbox_title {
    color: #fff;
}

.shortcode_iconbox .iconbox_body,
.shortcode_iconbox .iconbox_body p {
    color: #666666;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.shortcode_iconbox .iconbox_body,
.shortcode_iconbox .iconbox_body p {
    word-wrap: break-word;
}

.shortcode_iconbox .iconbox_body p {
    margin-bottom: 0;
}

.module_iconboxes {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    float: none;
}

.module_iconboxes.fleft {
    float: left;
}

.iconbox_wrapper .ico .icon_hover {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
}

a:hover .iconbox_wrapper .ico .icon_pas {
    visibility: hidden;
    opacity: 0;
}

a:hover .iconbox_wrapper .ico .icon_hover {
    visibility: visible;
    opacity: 1;
}

a:hover .iconbox_wrapper .ico .icon_hover.icon_retina {
    display: none;
}


/*.iconbox_wrapper .ico .icon_hover,
a:hover .iconbox_wrapper .ico .icon_pas  {
    display:none;
}
a:hover .iconbox_wrapper .ico .icon_hover {
    display:block;
}
a:hover .iconbox_wrapper .ico .icon_hover.icon_retina {
    display:none;
}*/

.icon_title_wrap {
    position: relative;
    margin-bottom: 19px;
}


/* Type2 */

.shortcode_iconbox.type2 .iconbox_wrapper {
    padding: 73px 10px 25px;
    background: #f6f7f9;
}

.shortcode_iconbox.type2 .icon_title_wrap {
    position: static;
}

.shortcode_iconbox.type2 .iconbox_wrapper .ico {
    display: inline-block;
    text-align: center;
    margin: 0 0 0 -50px;
    padding: 10px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 0;
    position: absolute;
    left: 50%;
    top: -50px;
    box-shadow: none !important;
}


/* Type3 */

.shortcode_iconbox.type3 .icon_title_wrap {
    margin-bottom: 20px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

.shortcode_iconbox.type3 .iconbox_wrapper .ico {
    display: inline-block;
    text-align: center;
    margin: -17px auto 7px;
    padding: 0;
    width: auto;
    height: auto;
    line-height: 25px;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    box-shadow: none !important;
    background: none !important;
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

.shortcode_iconbox.type3 .iconbox_wrapper .ico img {
    max-width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    vertical-align: top;
}


/* Type4 */

.shortcode_iconbox.type4 .iconbox_wrapper {
    text-align: left;
}

.shortcode_iconbox.type4 .icon_title_wrap {
    margin-top: -6px;
    margin-bottom: 9px;
    padding-left: 100px;
}

.shortcode_iconbox.type4 .iconbox_wrapper .ico {
    margin: 0;
    padding: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: none !important;
    position: absolute;
    left: 0;
    top: 6px;
    box-shadow: none !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.shortcode_iconbox.type4 .iconbox_body {
    padding-left: 100px;
    padding-bottom: 7px;
    margin-bottom: 43px;
}

.light .shortcode_iconbox .iconbox_body,
.light .shortcode_iconbox .iconbox_body p,
.light .iconbox_title {
    color: #f6f6f6;
}


/* Type5 */

.shortcode_iconbox.type5 .iconbox_wrapper {
    text-align: left;
    padding: 23px 20px 19px 0;
}

.shortcode_iconbox.type5 .icon_title_wrap {
    margin-bottom: 9px;
    padding-left: 100px;
}

.shortcode_iconbox.type5 a:hover .iconbox_title,
.shortcode_iconbox.type5 a:hover .iconbox_body,
.shortcode_iconbox.type5 a:hover .iconbox_body p {
    color: #fff !important;
}

.shortcode_iconbox.type5 .iconbox_wrapper .ico {
    margin: 0;
    padding: 0;
    width: 80px;
    height: 80px;
    line-height: 46px;
    border: none !important;
    position: absolute;
    left: 8px;
    top: -9px;
    background: none;
    box-shadow: none !important;
}

.shortcode_iconbox.type5 .iconbox_wrapper .ico:after {
    display: none;
}

.shortcode_iconbox.type5 .iconbox_wrapper .ico img {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.shortcode_iconbox.type5 .iconbox_body {
    padding-left: 100px;
    padding-bottom: 7px;
    margin-bottom: 0;
}


/* Type6 */

.shortcode_iconbox.type6 .iconbox_wrapper {
    text-align: left;
}

.shortcode_iconbox.type6 .icon_title_wrap {
    margin-bottom: 9px;
    padding-left: 100px;
}

.shortcode_iconbox.type6 .iconbox_wrapper .ico {
    margin: 0;
    padding: 0;
    width: 80px;
    height: 80px;
    line-height: 46px;
    border: none !important;
    position: absolute;
    left: 8px;
    top: -9px;
    background: none;
    box-shadow: none !important;
}

.shortcode_iconbox.type6 .iconbox_wrapper .ico:after {
    display: none;
}

.shortcode_iconbox.type6 .iconbox_wrapper .ico img {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.shortcode_iconbox.type6 .iconbox_body {
    padding-left: 100px;
    padding-bottom: 17px;
    margin-bottom: 32px;
}


/* Step By Step */

.step_by_step .iconbox_wrapper:before {
    position: absolute;
    width: 160px;
    height: 1px;
    top: 50px;
    right: -95px;
    content: '';
    background: #9e9e9e;
}

.step_by_step .module_iconboxes:last-child .iconbox_wrapper:before {
    display: none;
}


/* Partners */

.module_partners ul {
    list-style: none !important;
    padding: 0;
    overflow: hidden;
    display: block;
    margin: -26px 0 0 -40px;
    font-size: 0;
    line-height: 0;
}

.module_partners ul li:before {
    display: none !important;
}

.module_partners ul li {
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.module_partners ul li .item_wrapper {
    margin: 26px 0 0 40px;
    padding: 0;
}

.module_partners ul li a {
    display: block;
    position: relative;
}

.module_partners ul li img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
}

.module_partners ul li img.hovered {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
}

.module_partners ul li a:hover img {
    opacity: 0.5;
}

.module_partners.awards_partners ul li a:hover img {
    opacity: 0;
}

.module_partners ul li a:hover img.hovered {
    opacity: 1;
}

.module_partners.awards_partners ul {
    margin-left: -18px;
}

.module_partners.awards_partners ul li .item_wrapper {
    margin-left: 18px;
}


/* Promoblock */

.promoblock_wrapper {
    padding: 30px 30px 20px 30px;
    background: #f6f7f9;
}

.promo_text_block {
    float: left;
    max-width: 85%;
}

.promo_button_block {
    float: right;
    width: 15%;
    text-align: right;
}

.promo_text_main_title {
    margin-bottom: 4px;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.promo_text_additional_title {
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin: 0 0 13px 0;
    padding: 0;
    text-transform: none;
}

.promo_button_block a.shortcode_button {
    margin-right: auto;
    margin-left: auto;
    margin-top: 24px;
}

.promo_button_block a.shortcode_button.btn_large,
.promo_button_block a.shortcode_button.btn_normal {
    margin-bottom: 5px;
}

.shortcode_promoblock.no_button_text.no_button_link .promo_text_block {
    max-width: 100%;
}

.text-center .promo_text_block,
.text-center .promo_button_block {
    float: none;
    max-width: 100%;
    display: block;
    text-align: center;
    width: 100%;
}

.fw_block .promoblock_wrapper {
    padding: 50px 30px 40px 0;
    border-left: none;
}

.fw_block .promo_text_main_title,
.fw_block .promo_text_additional_title {
    color: #fff;
}

.fw_block .promo_button_block a.shortcode_button {
    background: #fff;
}

.fw_block .promo_button_block a.shortcode_button:hover {
    color: #fff;
}


/* Accordion & Toggles */

.shortcode_accordion_item_body,
.shortcode_toggles_item_body {
    display: none;
}

.shortcode_accordion_shortcode,
.shortcode_toggles_shortcode {
    margin: 0;
}

h5.shortcode_accordion_item_title,
h5.shortcode_toggles_item_title {
    margin: 0 0 30px 0 !important;
    padding: 0 0 0 40px !important;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    cursor: pointer;
    border: none;
    outline: none !important;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    color: #2d2e2e;
}

.ui-accordion-header-icon {
    display: none;
}

.shortcode_accordion_item_title .ico,
.shortcode_toggles_item_title .ico {
    width: 30px;
    height: 30px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    margin: 0;
    z-index: 5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

h5.shortcode_accordion_item_title .ico:before,
h5.shortcode_toggles_item_title .ico:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    line-height: 30px;
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: normal;
    content: "\f107";
    color: #2d2e2e;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    z-index: 20;
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

h5.shortcode_accordion_item_title.state-active .ico:before,
h5.shortcode_toggles_item_title.state-active .ico:before {
    content: "\f106";
    top: -1px;
}

h5.shortcode_accordion_item_title:hover .ico:before,
h5.shortcode_toggles_item_title:hover .ico:before,
h5.shortcode_accordion_item_title.state-active .ico:before,
h5.shortcode_toggles_item_title.state-active .ico:before {
    color: #fff;
}

.faq .shortcode_toggles_item_title .ico:before,
.faq .shortcode_accordion_item_title .ico:before {
    content: "?" !important;
    font-family: "Inter(细)";
    font-size: 14px;
}

.shortcode_accordion_item_title .ico:after,
.shortcode_toggles_item_title .ico:after {
    width: 30px;
    height: 30px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #f6f7f9;
    z-index: 15;
    content: '';
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

.shortcode_accordion_item_body,
.shortcode_toggles_item_body {
    padding: 0 0 14px 40px;
    border-top: none;
    margin-top: -24px;
}

.shortcode_toggles_item_body {
    display: none
}

.module_accordion .shortcode_accordion_item_body p,
.shortcode_toggles_shortcode p {
    margin: 0 0 10px 0;
}

.shortcode_toggles_item_body ul,
.shortcode_toggles_item_body ol,
.shortcode_accordion_item_body ul,
.shortcode_accordion_item_body ol {
    margin-bottom: 5px;
    margin-left: 0;
    padding-left: 0;
    list-style-position: inside;
}

.shortcode_toggles_item_body ul li,
.shortcode_toggles_item_body ol li,
.shortcode_accordion_item_body ul li,
.shortcode_accordion_item_body ol li {
    padding-bottom: 5px;
}


/*accordion type2*/

.shortcode_accordion_shortcode.type2 h5.shortcode_accordion_item_title .ico::before,
.shortcode_accordion_shortcode.type2 h5.shortcode_toggles_item_title .ico:before {
    content: "\f128" !important;
    font-size: 13px;
}


/*Testimonials clients*/

.section-clients .quotes-wrapper {
    height: 90px;
    position: relative;
    margin: 8px 0 10px;
}

.section-clients .quotes-wrapper .quotes {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.section-clients .quote {
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 16%;
    left: 16%;
    font-style: italic;
    text-align: left;
    top: 100px;
    text-indent: 50px;
}

.section-clients .quote:before {
    color: #acacac;
    content: "“ ";
    font-family: "Inter(细)";
    font-size: 100px;
    font-style: italic;
    font-weight: bold;
    left: -62px;
    line-height: 39px;
    position: absolute;
    top: 4px;
}

.section-clients .quote.transition {
    transition-delay: 0s;
    transition-duration: 0.35s;
    transition-property: visibility, opacity, -webkit-transform, -moz-transform, -o-transform, transform;
    transition-timing-function: ease;
}

.section-clients .quote.incoming {
    transform: translateY(100px);
}

.section-clients .quote.visible {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}

.section-clients .quote.outgoing {
    opacity: 0;
    transform: translateY(-70px);
    visibility: hidden;
}

.section-clients blockquote:before {
    display: none;
}

.client-list li {
    -moz-user-select: none;
    cursor: default;
    overflow: hidden;
    margin: 30px 0 0 30px !important;
    height: 170px;
    position: relative;
    background: #fff;
    border: #f6f7f9 solid 2px;
    transition: all 0.35s ease;
}

.items4 .client-list li {
    width: calc(25% - 30px);
}

.items3 .client-list li {
    width: calc(33.333333% - 30px);
}

.items2 .client-list li {
    width: calc(50% - 30px);
}

.items1 .client-list li {
    width: calc(100% - 30px);
}

.client-list i {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.35s ease 0s;
}

.client-list i img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
}

.client-list blockquote {
    position: static;
}

.client-list .cont {
    display: inline-block;
    max-width: 50%;
    min-width: 43%;
    vertical-align: middle;
    text-align: left;
    font-style: normal;
}

.client-list .quote {
    display: none;
}

.client-list .author {
    display: table;
    height: 100%;
    left: 0;
    line-height: 1.4;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    transition: all 0.35s ease 0s;
    width: 100%;
}

.client-list .author p {
    display: table-cell;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    text-align: center;
}

.client-list .author .img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 80px;
    margin: 0 30px 0 0;
    overflow: hidden;
    width: 80px;
    display: inline-block;
    vertical-align: middle;
}

.client-list .author .img img {
    max-width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.client-list .author b {
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 4px;
    color: #2d2e2e;
}

.client-list .author .title {
    display: block;
}

.client-list li.hover {
    background: #f6f7f9;
}

.client-list li.hover i {
    opacity: 0;
    transform: translateY(100%);
}

.client-list li.hover .author {
    opacity: 1;
    transform: translateY(0px);
}

@media (max-width: 1200px) {
    .section-clients .quote {
        left: 7%;
        right: 7%;
    }
}

@media (max-width: 991px) {
    .section-clients .quotes-wrapper {
        margin-bottom: 30px;
    }
    .client-list .author .img {
        height: 70px;
        margin: 0 10px 0 0;
        width: 70px;
    }
}

@media (max-width: 768px) {
    .client-list .author .img {
        height: 70px;
        margin: 0 10px 0 0;
        width: 70px;
    }
}

@media (max-width: 600px) {
    .client-list li {
        height: 130px;
    }
    .section-clients .quotes-wrapper {
        height: 158px;
    }
}

.partners-clients .quotes-wrapper {
    display: none !important;
}

.partners-clients .client-list {
    margin-top: -34px !important;
}


/* Default Testimonials */

.testimonials_list {
    position: relative;
}

.testimonials_list ul {
    margin: -28px 0 0 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.testimonials_list ul li {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.testimonials_list ul li:before {
    display: none;
}

.testimonials_list ul li .item {
    padding: 28px 0 16px 0;
    position: relative;
}

.testimonial_item_wrapper {
    padding-bottom: 10px;
    position: relative;
}

.testimonials_list li .item .testimonials_photo {
    width: 170px;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    left: 35px;
    top: 1px;
}

.testimonials_list li .item .testimonials_photo img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.testimonials_list ul li .item.with_icon .testimonial_item_wrapper {
    padding-left: 200px;
}

.testimonials_list.items1 li .item .testimonials_photo,
.testimonials_list.items2 li .item .testimonials_photo,
.testimonials_list.items3 li .item .testimonials_photo,
.testimonials_list.items4 li .item .testimonials_photo {
    width: 14%;
}

.testimonials_list.items1 ul li .item.with_icon .testimonial_item_wrapper,
.testimonials_list.items2 ul li .item.with_icon .testimonial_item_wrapper,
.testimonials_list.items3 ul li .item.with_icon .testimonial_item_wrapper,
.testimonials_list.items4 ul li .item.with_icon .testimonial_item_wrapper {
    padding-left: calc(19.3% + 35px);
}

.testimonials_list li .item h5.testimonials_title {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

.testimonials_list li .item h5.testimonials_title span {
    display: block;
    font-weight: 400;
    padding-top: 3px;
}

.testimonials_list li .item p {
    font-style: italic;
    margin-bottom: 9px;
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 21px;
}

.testimonials_list.items2:before {
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 50%;
    margin: 0 0 0 -1px;
    content: '';
    border-left: #ededed dashed 1px;
}

.testimonials_list.items2 ul li {
    border-top: #ededed dashed 1px;
}

.testimonials_list.items2 ul li:nth-child(1),
.testimonials_list.items2 ul li:nth-child(2) {
    border-top: none;
}

.testimonials_list.items2 ul li:nth-child(odd) .item.with_icon .testimonial_item_wrapper {
    padding-right: calc(19.3% + 35px);
    padding-left: 0;
    text-align: right;
}

.testimonials_list.items2 ul li:nth-child(odd) .item .testimonials_photo {
    right: 35px;
    left: auto;
}


/*Team*/

.module_team ul {
    list-style: none !important;
    margin: -30px 0 0 -30px;
    padding: 0;
    overflow: hidden;
    font-size: 0;
}

.module_team ul li {
    padding: 30px 0 0 0;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.module_team ul li:before {
    display: none;
}

.module_team ul li .item_wrapper {
    padding: 0 0 0 30px;
    cursor: default;
}

.module_team .item {
    padding: 0;
}

.module_team .img_block img {
    width: 100%;
    height: auto;
    display: block;
}

.module_team .img_block {
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}

.module_team h6 {
    padding-top: 1px;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 400;
}

.module_team .op {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 16px;
    color: #666666;
}

.module_team .op:before {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 62.5%;
    height: 3px;
    background: url(../img/double_dotted.png) repeat-x;
    content: '';
}

.team_desc {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px;
}

.module_team .team_icons_wrapper {
    font-size: 0;
    padding: 0;
}

.module_team .teamlink {
    margin: 5px 20px 15px 0;
}


/* Type2 */

.module_team .item_list.type2 .col-sm-6 {
    width: 100%;
}

.module_team .item_list.type2 .img_block {
    margin-bottom: 0 !important;
}

.module_team .item_list.type2 .carousel_body {
    background: #f6f7f9;
    text-align: center;
    padding: 15px 15px 13px 15px;
}

.module_team .item_list.type2 .carousel_body .team_icons_wrapper {
    display: none;
}

.module_team .item_list.type2 .team_desc {
    margin-bottom: 0;
}

.module_team .op {
    font-size: 14px;
}

.module_team .item_list.type2 .op {
    padding: 0;
    margin: 0;
}

.module_team .item_list.type2 .op:before {
    display: none;
}

.team_fade,
.block_fade {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #051825;
    z-index: 5;
    opacity: 0;
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
}

.module_team .item_list.type2 .img_block:hover .team_fade {
    opacity: 0.7;
}

.module_team .img_block .team_icons_wrapper {
    display: none;
}

.module_team .item_list.type2 .img_block .team_icons_wrapper {
    display: block;
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    opacity: 0;
}

.module_team .item_list.type2 .img_block:hover .team_icons_wrapper {
    visibility: visible;
    opacity: 1;
}

.module_team .item_list.type2 .teamlink {
    margin: 10px;
}


/* Messagebox */

.shortcode_messagebox {
    padding: 12px 35px 12px 19px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.shortcode_messagebox .box_icon {
    padding-right: 20px;
}

.shortcode_messagebox .box_icon i,
.shortcode_messagebox .box_close i {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
}

.shortcode_messagebox .box_close i {
    font-size: 14px;
}

.shortcode_messagebox .box_content,
.shortcode_messagebox .box_content p {
    margin: 0;
}

.shortcode_messagebox .box_close {
    height: 24px;
    display: block;
    position: absolute;
    line-height: 24px;
    right: 9px;
    top: 2px;
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
}

.shortcode_messagebox .box_close:hover {
    opacity: 0.8;
}

.shortcode_messagebox,
.shortcode_messagebox .box_close i,
.shortcode_messagebox .box_close:hover i {
    color: #fff;
}

.shortcode_messagebox.box_type1 {
    background: #2d2e2e;
}

.shortcode_messagebox.box_type1 .box_close i {
    color: #fff !important;
}

.shortcode_messagebox.box_type2 {
    background: #e8f5f9;
    border: #90d0e1 solid 1px;
    color: #1d85a2 !important;
}

.shortcode_messagebox.box_type2 .box_close i {
    color: #1d85a2 !important;
}

.shortcode_messagebox.box_type3 {
    background: #fffae7;
    border: #ffe488 solid 1px;
    color: #e1af01 !important;
}

.shortcode_messagebox.box_type3 .box_close i {
    color: #e1af01 !important;
}

.shortcode_messagebox.box_type4 {
    background: #e5f7ed;
    border: #80d7a9 solid 1px;
    color: #009044 !important;
}

.shortcode_messagebox.box_type4 .box_close i {
    color: #009044 !important;
}

.shortcode_messagebox.box_type5 {
    background: #ffece8;
    border: #ff9f8c solid 1px;
    color: #e12500 !important;
}

.shortcode_messagebox.box_type5 .box_close i {
    color: #e12500 !important;
}


/* Dividers */

.module_cont hr {
    border: none;
    border-top: #cfcfcf 1px dashed;
    margin: 0;
    height: 19px;
    display: block;
    background: none !important;
    position: relative;
}

.module_cont hr.type1 {
    border-top: #9e9e9e 1px solid;
}

.module_cont hr.type3,
.module_cont hr.type4 {
    height: 20px;
    border: none;
}

.module_cont hr.type3:before,
.module_cont hr.type4:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
}

.module_cont hr.type5 {
    border-top: #ededed 1px dashed;
}

.line_hr hr {
    height: 0 !important;
}


/* Price Tables */

.price_table_wrapper {
    margin: -30px 0 0 -30px;
}

.module_price_table .price_item {
    display: inline-block;
    text-align: center;
    margin-right: -4px;
    vertical-align: top;
}

.price_item_wrapper {
    margin: 30px 0 0 30px;
    box-shadow: 0 0 0 2px #f6f7f9 inset;
}

.price_item_title {
    padding: 34px 15px 26px 15px;
}

.price_item_title h5 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0 0 12px;
    color: #2d2e2e;
    text-transform: uppercase;
}

.price_item_title h6 {
    font-size: 16px;
}

.price_item_cost {
    padding: 0 10px 17px 10px;
    display: block;
    font-size: 0;
    line-height: 0;
}

.price_item_cost h1 {
    font-size: 72px;
    line-height: 50px;
    display: inline-block;
    padding: 0;
    margin: 0;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: relative;
    color: #2d2e2e;
}

.price_item_cost h1 span {
    margin-top: -4px;
    display: inline-block;
    vertical-align: top;
    font-size: 42px;
}

.price_item_cost h4 {
    text-transform: lowercase;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.price_item_body {
    padding: 24px 40px 20px 40px;
}

.price_item_text {
    position: relative;
    text-align: center;
    padding: 13px 0 15px 0;
    font-size: 14px;
    border-bottom: #ededed dashed 1px;
}

.price_item_text:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f00c";
    font-size: 14px;
    margin: 1px 0 0 -20px;
}

.price_item_text:first-child {
    border-top: #ededed dashed 1px;
}

.price_item_btn {
    padding-top: 40px;
}

.price_item_btn a {
    margin-right: 0 !important;
}


/*Tabs*/

.shortcode_tabs {}

.shortcode_tab_item_title {
    display: inline-block;
    position: relative;
    float: left;
    margin: 0 19px 0 0;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    min-width: 155px;
    padding: 11px 5px 11px 15px;
    position: relative;
    z-index: 10;
    border: none;
    color: #fff;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.shortcode_tab_item_title:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: -10px;
    bottom: 0;
    width: 2em;
    transform: skew(25deg);
    -webkit-transform: skew(25deg);
    border-radius: 0 5px 0 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.shortcode_tab_item_title:last-child {
    margin-right: 0;
}

.all_heads_cont:after {
    display: none;
}

.shortcode_tab_item_title.active,
.shortcode_tab_item_title:hover,
.shortcode_tab_item_title:after,
.shortcode_tab_item_title:hover:after,
.shortcode_tab_item_title.active:after {
    background: #f6f7f9;
    color: #2d2e2e;
}

.all_body_cont {
    padding: 30px;
    z-index: 15;
    background: #f6f7f9;
}

.shortcode_tab_item_body p {
    margin: 0 0 10px 0;
}

.all_body_cont img {
    max-width: 100%;
    height: auto;
}

.shortcode_tab_item_body {
    display: none;
}

.shortcode_tab_item_body.active {
    display: block;
}

.item_tab p {
    margin: 0;
}

.item_tab h3 {
    margin-bottom: 10px;
}

.item_tab h3 a {
    color: #2d2e2e;
}

.item_tab {
    border-bottom: #e5e6e7 dashed 1px;
    padding-bottom: 29px;
    margin-bottom: 30px;
}

.item_tab:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.item_tab img {
    float: left;
    margin: 0 30px 0 0;
}


/* Type2 */

@media only screen and (min-width: 992px) {
    .shortcode_tabs.type2 .all_heads_cont {
        float: none;
        display: block;
    }
    .shortcode_tabs.type2 .all_body_cont {
        padding: 24px 30px 15px;
    }
    .shortcode_tabs.type2 .all_head_sizer {
        width: 10%;
        text-align: left;
    }
    .shortcode_tab_item_title {
        float: none;
    }
    .shortcode_tabs.type2 .all_body_sizer {
        width: 90%;
    }
    .shortcode_tabs.type2 .all_body_sizer,
    .shortcode_tabs.type2 .all_head_sizer {
        float: left;
        display: inline-block;
    }
    .all_body_sizer:after,
    .all_head_sizer:after {
        content: '';
        display: block;
        clear: both;
    }
    .shortcode_tabs.type2 .shortcode_tab_item_title {
        float: none;
        display: block;
        width: auto;
        min-width: inherit;
        margin: 0 0 1px 14px;
        border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        padding: 15px 5px 14px;
    }
    .shortcode_tabs.type2 .shortcode_tab_item_title:after {
        display: none;
    }
    .shortcode_tabs.type2 .shortcode_tab_item_title:nth-child(1) {
        margin-left: 0;
    }
    .shortcode_tabs.type2 .shortcode_tab_item_title:nth-child(2) {
        margin-left: 8px;
    }
    .shortcode_tabs.type2 .shortcode_tab_item_title:nth-child(3) {
        margin-left: 15px;
    }
}


/* Type3 */

.shortcode_tabs.type3 {
    padding: 0;
    background-color: transparent;
}

.shortcode_tabs.type3 .shortcode_tab_item_title {
    margin: 0 8px;
    padding: 13px 19px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #2d2e2e;
    float: none;
    display: inline-block;
    background: none;
    width: auto;
    min-width: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: #fff solid 1px;
}

.shortcode_tabs.type3 .shortcode_tab_item_title:after {
    display: none;
}

.shortcode_tabs.type3 .all_heads_cont {
    padding-bottom: 11px;
    text-align: center;
}

.shortcode_tabs.type3 .all_body_cont {
    padding: 24px 0 43px;
    background: none;
    text-align: center;
}


/*Social Icons*/

.shortcode_social_icon {
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    margin: 0 37px 32px 0;
    float: none;
    text-align: center;
    background: #2d2e2e;
    transition: background 300ms;
    -webkit-transition: background 300ms;
}

.shortcode_social_icon.type2 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.shortcode_social_icon.type3 {
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.shortcode_social_icon.type4 {
    background: none !important;
}

span.shortcode_social_icon {
    cursor: default;
}

.shortcode_social_icon i {
    text-align: center;
    display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

.shortcode_social_icon.type4 i {
    color: #2d2e2e;
}

.blue_icon {
    color: #0088a0;
}

.yellow_icon {
    color: #ffc600;
}

.green_icon,
.shortcode_social_icon.green_icon i {
    color: #00b96d;
}

.red_icon {
    color: #22a1c4;
}

.blue_bg {
    background: #22a1c4;
}

.yellow_bg {
    background: #ffc600;
}

.green_bg {
    background: #00b96d;
}

.red_bg {
    background: #ff401a;
}

.shortcode_social_icon.green_icon:hover i {
    color: #2d2e2e !important;
}

.shortcode_social_icon.green_bg:hover,
.shortcode_social_icon.blue_bg:hover,
.shortcode_social_icon.red_bg:hover,
.shortcode_social_icon.yellow_bg:hover {
    background: #2d2e2e !important;
}

.shortcode_icons_wrapper a {
    color: #fff !important;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 7px 15px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.shortcode_icons_wrapper a:hover {
    background: #f6f7f9;
}


/* Contact Info */

.contact_info_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.contact_info_list li:before {
    display: none !important;
}

.contact_info_item {
    padding: 30px 0 28px 100px;
    margin-bottom: 32px;
    position: relative;
    line-height: 20px;
}

.contact_info_list.type2 .contact_info_item {
    padding: 30px 0 10px 43px;
    margin-bottom: -5px;
}

.contact_info_item div,
.contact_info_item a {
    line-height: 20px;
    color: #2d2e2e;
}

.no_bg .contact_info_item {
    padding-left: 43px;
}

.contact_info_item .contact_info_text {
    display: inline-block;
}

.contact_info_icon {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.contact_info_icon i {
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    font-weight: normal;
}

.no_bg .contact_info_icon {
    left: 0;
    top: 25px;
    width: auto;
    height: 30px;
    background: none !important;
}

.no_bg .contact_info_icon i {
    line-height: 30px;
}

.icon5 i {
    color: #fff;
}

.icon6 i {
    color: #fff;
}

.icon7 i {
    color: #fff;
}

.icon8 i {
    color: #13acbe;
}

.icon9 i {
    color: #00b96d;
}

.icon10 i {
    color: #e74c3c;
}

.icon11 {
    background: #40affd;
}

.icon11 i {
    color: #fff;
}

.icon12 {
    background: #be4a39;
}

.icon12 i {
    color: #fff;
}

.icon13 {
    background: #f26798;
}

.icon13 i {
    color: #fff;
}

.icon14 i {
    color: #5567a9;
}

.icon15 i {
    color: #cb2027;
}

.icon16 i {
    color: #c1c1c1;
}

.icon17 i {
    color: #ffca12;
}

.icon18 i {
    color: #502d9e;
}

.contact_info_icon a {
    transition: color 300ms;
    -webkit-transition: color 300ms;
}


/* Timeline */

.shortcode_timeline {
    max-width: 370px;
    margin: 5px auto 14px auto;
    position: relative;
}

.shortcode_timeline:before {
    position: absolute;
    left: 40px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #dddddd;
    content: '';
    z-index: 5;
}

.shortcode_timeline ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.shortcode_timeline ul li {
    padding: 32px 0 12px 100px;
    margin: 0 0 29px 0;
    position: relative;
}

.shortcode_timeline ul li:last-child {
    padding-bottom: 32px;
    margin-bottom: 0;
}

.shortcode_timeline ul li:before {
    display: none;
}

.timeline_meta,
.timeline_meta a {
    line-height: 24px;
    font-size: 14px;
    color: #acacac;
}

.shortcode_timeline h6 {
    line-height: 24px;
    margin-bottom: 9px;
    font-size: 16px;
}

.shortcode_timeline h6 a {
    line-height: 24px;
    font-size: 16px;
}

.shortcode_timeline a {
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

.shortcode_timeline_date {
    position: absolute;
    left: 0;
    top: 21px;
    width: 80px;
    height: 80px;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 18px;
    padding-top: 21px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.shortcode_timeline li:hover .shortcode_timeline_date {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.shortcode_timeline_date span {
    line-height: 18px;
    font-size: 16px;
    color: #fff;
    position: relative;
    display: block;
    padding-bottom: 3px;
    font-weight: 400;
}


/* Gallery */

.list-of-images {
    font-size: 0;
    line-height: 0;
    margin: 0 0 0 -30px;
}

.gallery_item {
    display: inline-block;
    vertical-align: top;
}

.gallery_item_wrapper img {
    width: 100%;
    height: auto;
}

.list-of-images .gallery_item_padding {
    padding: 0 0 30px 30px;
}

.view_link {
    margin: 0 10px 0 !important;
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.view_link:hover {
    background-color: #fff;
}

.gallery_item_wrapper:hover .view_link {
    visibility: visible;
    opacity: 1;
}

.post_hover_info {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.featured_items .item .gallery_item_wrapper:hover .post_hover_info,
.featured_items .item .img_block:hover .post_hover_info,
.featured_posts .item .img_block:hover .post_hover_info,
.shop_list_item .item .img_block:hover .post_hover_info,
div.images .img_block:hover .post_hover_info {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}


/* Wall Gallery */

.wall_wrap .list-of-images {
    margin: 0 !important;
    padding: 0 !important;
}

.wall_wrap .gallery_item {
    margin: 0;
}


/* Featured Items */

.featured_items .item_list {
    margin: -30px 0 0 -30px;
    padding: 0;
    overflow: hidden;
    font-size: 0;
    list-style: none;
}

.featured_items .item_list li {
    margin: 30px 0 0 0;
    display: inline-block;
    vertical-align: top;
    padding: 0;
}

.featured_items .item_list li:before {
    display: none;
}

.featured_items .item_list li .item {
    margin: 0 0 0 30px;
    position: relative;
}

.featured_items .item_wrapper,
.sorting_block .item_wrapper {
    position: relative;
    overflow: hidden;
}

.featured_items .img_block,
.sorting_block .img_block {
    display: block;
    position: relative;
    overflow: hidden;
}

.featured_items .img_block img,
.sorting_block .img_block img {
    display: block;
    width: 100%;
    height: auto;
}

.shop_list_item .img_block:hover .view_link,
.featured_items .item_wrapper:hover .view_link,
.featured_posts .img_block:hover .view_link,
.sorting_block .item_wrapper:hover .view_link,
.sorting_block.column1 .img_block:hover .view_link {
    visibility: visible;
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

div.images .img_block .block_fade,
.shop_list_item .item .block_fade,
.gallery_item_wrapper .block_fade,
.featured_items .item_wrapper .block_fade,
.sorting_block .item_wrapper .block_fade,
.sorting_block.column1 .img_block .block_fade {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

div.images .img_block:hover .block_fade,
.shop_list_item .item .img_block:hover .block_fade,
.gallery_item_wrapper:hover .block_fade,
.featured_items .img_block:hover .block_fade,
.featured_posts .img_block:hover .block_fade,
.sorting_block .item_wrapper:hover .block_fade,
.sorting_block.column1 .img_block:hover .block_fade {
    opacity: 0.8;
}

.featured_items_body {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -100%;
    right: 0;
    background: #f6f7f9;
    padding: 13px 20px 16px 20px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    z-index: 50;
    text-align: center;
}

.item_wrapper:hover .featured_items_body {
    bottom: 0;
}

.featured_items_title {
    line-height: 24px;
    padding-bottom: 6px;
    margin-bottom: 0;
}

.post_hover_info .featured_items_title {
    padding-bottom: 11px;
}

.post_hover_info .featured_items_title h5,
.post_hover_info .featured_items_title h5 a {
    color: #fff;
    font-weight: 400;
}

.featured_items_title h5,
.featured_items_title h5 a {
    line-height: 24px !important;
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #2d2e2e;
    display: inline-block;
    vertical-align: top;
}

.featured_items_body a {
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

.featured_meta {
    overflow: hidden;
}

.featured_meta i.icon-calendar {
    margin: 0 5px 0 0;
}

.featured_meta,
.featured_meta a {
    line-height: 18px;
    font-size: 12px;
    color: #666666;
}

.post_hover_info .featured_meta {
    color: #fff;
    font-size: 14px;
    margin-bottom: 17px;
}

.featured_meta .date {
    float: left;
}

.featured_meta .comments {
    float: right;
}

.featured_posts .featured_items_body {
    position: relative;
    text-align: left;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.featured_item_content {
    line-height: 21px;
    color: #666666;
    font-size: 14px;
    padding: 3px 0 17px;
    margin-bottom: 17px;
    position: relative;
}

.featured_item_content:before {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: url(../img/double_dotted.png) repeat-x;
    content: '';
}


/* Collapse Map */

.wall_map {
    padding: 0 !important;
    margin: 0 !important;
}

iframe {
    vertical-align: top;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
}

.collapse {
    display: block;
    height: 0;
    overflow: hidden;
}

.collapse.in {
    height: auto;
}

#map-canvas img,
#googleMaps img {
    max-width: none;
    max-height: none;
}

.map_collapse {
    display: block;
    border-radius: 0;
    -webkit-border-radius: 0;
    margin: 0;
    border: none !important;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    position: relative;
    text-transform: none;
    line-height: 24px;
    font-weight: 400;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    color: #fff !important;
    padding: 38px 20px;
}

.map_collapse:hover {
    background: #ff6667;
}

.map_collapse i {
    font-size: 20px;
    padding-left: 5px;
}

#googleMaps,
.module_google_map iframe {
    width: 100%;
    height: 450px;
}

.right-sidebar #googleMaps,
.left-sidebar #googleMaps,
.right-sidebar .module_google_map iframe,
.left-sidebar .module_google_map iframe {
    height: 400px;
}


/* Table Info */

.module_table_info .all_body_cont {
    background: none;
    padding: 0;
}

.module_table_info .table_info_title {
    margin: -6px 0 20px;
}

.module_table_info .table_info_title h3 {
    margin-bottom: 10px;
}

.module_table_info .table_info_title h5 {
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 17px;
}

.module_table_info .table_info_title .cont {
    padding: 17px 0 0;
    margin-bottom: 10px;
    border-top: 1px dashed #ededed;
}

.module_table_info .table_info_title p {
    color: #9e9e9e;
    font-size: 14px;
}

.module_table_info .shortcode_tab_item_title {
    display: block !important;
    width: 100%;
    background: none;
    padding: 0;
    margin-bottom: 19px;
    text-align: left;
    font-size: 14px;
    color: #2d2e2e;
}

.module_table_info .shortcode_tab_item_title::after {
    display: none;
}

.module_table_info .shortcode_tab_item_title .badge {
    padding: 4px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-transform: uppercase;
    background-color: #f6f7f9 !important;
    color: #2d2e2e !important;
    margin: 0 8px 0 0;
}

.module_table_info .shortcode_tab_item_title.active {
    cursor: default;
}

.module_table_info .shortcode_tab_item_title.active .badge {
    color: #fff !important;
}


/* .module_table_info ul {
    padding:0;
    margin:0;
    list-style:none;
}

.table_info_title {
    padding:25px 0 13px 0;
    margin:0;
    border-bottom:1px #dddddd solid;
}

.pr_8 i {
    padding-left:8px;
}

.table_info_title h3 {
    line-height:24px;
    margin-bottom:20px;
    font-weight:400;
}

.table_info_title h3 .badge {
    line-height:16px;
    padding:2px 10px;
    text-transform:uppercase;
    font-size:10px;
    font-weight:400;
    color:#fff;
    margin-left:5px;
    margin-top:2px;
    vertical-align:top;
}

.table_info_title .position {
    margin-bottom:18px;
    color:#0088a0;
    font-weight:700;
}

.table_info_body {
    display:none;
    padding:30px 0;
    border-bottom:1px #dddddd solid;
} 

.table_info_details:after {
    content:"\f107";
    padding-left:6px;
    font-family:'FontAwesome';
    font-weight:normal;
    font-size:16px;
}

.current-section .table_info_details:after {
    content:"\f106";
}

.table_info_details:hover {
    color:#666666 !important
}

.send_mail {
    text-align:center;
}

.send_mail h3,
.send_mail h3 a {
    font-weight:400;
}

.send_mail h3 a {
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

.send_mail h3 a:hover {
    color:#666666;
} */


/* Forms */

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    display: block;
    width: 100%;
    background: #fff;
    text-shadow: none;
    font-size: 14px;
    line-height: 20px;
    color: #9e9e9e;
    font-weight: 300;
    padding: 6px 15px 7px 15px;
    border: 1px #9e9e9e solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 0 20px 0;
    -webkit-appearance: none !important;
    outline: none;
}

textarea {
    height: 120px;
    resize: none;
    padding: 9px 15px 10px 15px;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    margin: 0 0 20px 0;
    border: none;
    font-size: 14px;
    height: 35px;
    color: #ffffff;
    line-height: 33px;
    padding: 0 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-weight: 400;
    cursor: pointer;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    vertical-align: top;
    outline: none;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #ffffff;
    background-color: #374248;
}

.with_reset input[type="reset"] {
    margin: 0;
    font-weight: 300;
    text-transform: none;
    color: #666666;
    height: 17px;
    line-height: 17px;
    padding: 0 0 0 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: transparent !important;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

.with_reset .fright {
    position: relative;
    margin-top: 9px;
}

.with_reset .fright:before {
    position: absolute;
    left: 0;
    top: 1px;
    line-height: 17px;
    font-family: 'FontAwesome';
    content: "\f057";
    font-size: 18px;
    color: #666666;
    font-weight: normal;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}


/* Page 404 */

.wrapper_404 {
    padding: 215px 20px 242px 20px;
    margin: 0;
    position: relative;
    z-index: 10;
}

.wrapper_404 h1 {
    font-size: 350px;
    line-height: 255px;
    padding: 0;
    margin: 0 0 40px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    font-family: "Inter(细)";
}

.wrapper_404 h2 {
    font-size: 48px;
    line-height: 56px;
    padding: 0;
    margin-bottom: 25px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.wrapper_404 .module_descr {
    padding-bottom: 22px;
    color: #fff;
    font-size: 18px;
}

.form404 {
    margin: 0 auto;
    max-width: 570px;
    position: relative;
}

.form404 input[type="text"] {
    margin: 0 0 20px;
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    width: 72.5%;
}

.form404 input[type="text"]::-webkit-input-placeholder,
.notify_shortcode input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}

.form404 input[type="text"]:-moz-placeholder,
.notify_shortcode input[type="text"]:-moz-placeholder {
    color: #fff;
}

.form404 input[type="text"]::-moz-placeholder,
.notify_shortcode input[type="text"]::-moz-placeholder {
    color: #fff;
}

.form404 input[type="text"]:-ms-input-placeholder,
.notify_shortcode input[type="text"]:-ms-input-placeholder {
    color: #fff;
}

.form404 input[type="submit"] {
    margin: 0 0 20px;
    background-color: #f6f7f9;
    border: 1px solid #f6f7f9;
    width: 25%;
}

.form404 input[type="submit"]:hover {
    color: #fff;
    background-color: transparent;
}


/* Sitemap */

.sitemap ul,
.sitemap ol {
    padding: 0;
    margin: 0 0 38px 0;
}

.sitemap ul ul {
    padding-left: 14px;
    padding-top: 5px;
    margin-bottom: 0;
}

.sitemap ul ul li:last-child {
    padding-bottom: 0;
}

.sitemap li:before {
    display: none;
}

.sitemap li {
    padding-bottom: 5px;
}

.sitemap li a {
    display: inline-block;
    vertical-align: top;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

.sitemap ul li a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    display: inline-block;
    vertical-align: top;
    padding-right: 7px;
    font-weight: normal;
}

.sitemap li a:hover {
    color: #666666;
}

a.post_title {
    display: block !important;
    padding-bottom: 5px;
    text-indent: 17px;
}

.sitemap ol li {
    list-style: none;
    position: relative;
    padding: 0 0 5px 0;
}

.sitemap ol li:before {
    content: counter(li) '.';
    counter-increment: li;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}


/* Coming Soon */

.global_count_wrapper {
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 250px !important;
    z-index: 20;
}

.global_count_wrapper .custom_bg {
    background-position: center top;
}

.coming_soon_cont {
    padding: 116px 0 98px;
    text-align: center;
    color: #fff;
}

.coming_soon_cont .title {
    font-family: "Inter(细)";
    font-size: 100px;
    line-height: 90px;
    color: #fff;
    margin-bottom: 20px;
}

.coming_soon_cont .coming_soon_description {
    padding: 0 10%;
    font-size: 30px;
    line-height: 46px;
    font-weight: 400;
    margin-bottom: 39px;
}


/* Coming Soon Socials */

.coming_soon_socials {
    padding-top: 13px;
}

.coming_soon_socials ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}

.coming_soon_socials li {
    padding: 0;
    margin: 15px 15px 0 0;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.coming_soon_socials li:last-child {
    margin-right: 0;
}

.coming_soon_socials a {
    color: #f6f6f6;
    font-size: 16px !important;
    font-weight: normal;
    background-color: transparent !important;
}

.coming_soon_socials a.soc_fb:hover {
    color: #5567a9;
}

.coming_soon_socials a.soc_tweet:hover {
    color: #40affd;
}

.coming_soon_socials a.soc_google:hover {
    color: #be4a39;
}

.coming_soon_socials a.soc_dribbble:hover {
    color: #f26798;
}

.coming_soon_socials a.soc_pinterest:hover {
    color: #cb2027;
}

.count_title {
    position: absolute;
    text-align: center;
    width: 100%;
    display: block;
    left: 0;
    transition: top 300ms;
    -webkit-transition: top 300ms;
}

.count_title h1 {
    color: #f6f6f6;
    line-height: 72px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.countdown_wrapper {
    position: absolute;
    left: 0;
    top: 50% !important;
    width: 100%;
    display: block;
    height: auto;
    margin-top: 0;
    color: #2d2e2e;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}


/* jQuery Countdown styles 2.0.0. */

.countdown-rtl {
    direction: rtl;
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0 2px;
    text-align: center;
    overflow: hidden;
}

.countdown-section {
    width: 22%;
    display: inline-block;
    text-align: center;
}

.countdown-row .countdown-section:before {
    content: '';
    padding: 0;
}

.countdown-row .countdown-section:first-child:before {
    display: none;
}

.countdown-amount {
    font-family: "Inter(细)";
    font-size: 150px;
    line-height: 100px;
    padding: 0 45px 0 45px;
    font-weight: 300;
}

.countdown-period {
    padding: 10px 45px 0 45px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    width: 100% !important;
    text-align: center !important;
    position: relative;
    margin: 0;
}

.count_container_wrapper {
    position: absolute;
    text-align: center;
    width: 100%;
    display: block;
    left: 0;
    transition: bottom 300ms;
    -webkit-transition: bottom 300ms;
}

.notify_shortcode {
    max-width: 700px;
    margin: 78px auto 0;
    padding: 0 15px;
}

.notify_shortcode .col-sm-9 {
    width: 75%;
}

.notify_shortcode .col-sm-3 {
    width: 25%;
}

.notify_shortcode .fleft {
    width: 75%;
}

.notify_shortcode .fright {
    width: 22%;
}

.notify_shortcode .shortcode_icons_wrapper {
    margin: 0 -10px 10px -20px;
    padding: 2px 0 0;
}

.notify_shortcode .shortcode_icons_wrapper a {
    margin: 0 3px 1px 0;
    font-size: 17px;
    width: 25px;
}

.notify_shortcode .shortcode_icons_wrapper a:hover {
    background: none;
    opacity: 0.5;
    color: #fff !important;
}

.notify_shortcode input[type="text"],
.notify_shortcode input[type="email"],
.notify_shortcode input[type="password"] {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    margin-bottom: 13px;
}

.notify_shortcode input[type="submit"] {
    display: block;
    margin-bottom: 13px;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
    border: #fff solid 1px;
}


/* Blog Listing */

.module_blog {
    margin-top: -5px;
}

.blog_post_preview {
    margin-bottom: 35px;
    padding-bottom: 24px;
    border-bottom: 1px #ededed dashed;
}

.blog_post_image {
    padding: 5px 0 25px 0;
}

.blog_post_image img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

.blog_content {
    position: relative;
}

.blogpost_title {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 20px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.blogpost_title a {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

.read_more:after {
    font-family: 'FontAwesome';
    content: "\f105";
    padding-left: 7px;
}

.listing_meta {
    line-height: 21px;
    padding: 0 0 19px 0;
    font-size: 12px;
    color: #9e9e9e;
}

.listing_meta span {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.listing_meta a {
    color: #acacac;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

.listing_meta span:after {
    content: '/';
    padding: 0 3px 0 6px;
}

.listing_meta span:last-child:after {
    display: none;
}

.blog_post_preview blockquote {
    padding: 16px 0 10px 0;
    margin: 0;
    font-style: italic;
    position: relative;
}

.blog_post_preview blockquote p {
    margin-bottom: 8px;
}

.blog_post_preview blockquote .author {
    font-style: normal;
    text-indent: 0;
    position: relative;
    font-size: 12px;
    color: #9e9e9e;
}

.blog_post_preview blockquote .author:before {
    content: "-";
    padding-right: 4px;
}

.single_post .blog_post_preview blockquote {
    padding: 28px 0 19px;
}


/* Nivo Slider */

.nivoSlider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}

.nivoSlider img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none
}

.nivo-main-image {
    display: block!important;
    position: relative!important;
    width: 100%!important
}

.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none
}

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
    top: 0
}

.nivoSlider img {
    border-radius: 0
}

.wrapped_video.blog_post_image iframe {
    border-radius: 0;
    overflow: hidden
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
    overflow: hidden
}

.nivo-box img {
    display: block
}

.nivo-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    color: #fff;
    width: 100%;
    z-index: 8;
    padding: 5px 10px;
    opacity: .8;
    overflow: hidden;
    display: none;
    box-sizing: border-box
}

.nivo-caption p {
    padding: 5px;
    margin: 0
}

.nivo-caption a {
    display: inline!important
}

.nivo-html-caption {
    display: none
}

.nivo-controlNav {
    text-align: center
}

.nivo-controlNav a {
    cursor: pointer
}

.nivo-controlNav {
    display: block!important;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
}

.nivo-controlNav a {
    text-indent: -10000px!important;
    overflow: hidden;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 100%;
    opacity: 0.5;
    margin: 0 4px;
}

.nivo-controlNav {
    width: auto;
    right: 25px;
    left: 25px;
    text-align: right;
    bottom: 31px;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
}

.nivo-controlNav a {
    margin: 0;
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: 1px #fff solid;
    opacity: 1;
}

.nivo-controlNav a.active {
    background-color: transparent;
}

.oneImage .nivo-controlNav {
    display: none!important;
}


/* Direction nav styles (e.g. Next & Prev) */

.nivo-prevNav,
.nivo-nextNav {
    display: none;
}

.slider-wrapper {
    min-height: 20px;
}

.slider-wrapper {
    position: relative;
}

.nivo-controlNav a.active {
    opacity: 1;
}

.oneImage .nivo-directionNav a,
.oneImage .nivo-directionNav a:before {
    display: none !important;
}


/* Pager Block */

.pagerblock {
    padding: 5px 0 0 0;
    margin: 0 -5px;
    list-style: none;
    font-size: 0;
    line-height: 0;
}

.pagerblock li:before {
    display: none;
}

.pagerblock li {
    display: inline-block;
    margin: 0 5px 10px 5px;
    vertical-align: top;
}

.pagerblock li a,
.pagerblock li span {
    font-size: 12px;
    width: 30px;
    height: 30px;
    background: #f6f7f9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    line-height: 30px;
    color: #2d2e2e;
    display: block;
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

.pagerblock .prev-page,
.pagerblock .next-page {
    color: #fff;
    font-size: 15px;
}

.pagerblock .prev-page:hover,
.pagerblock .next-page:hover {
    background: #f6f7f9;
}


/* Post Socials */

.post_socials {
    line-height: 21px;
    padding-bottom: 4px;
}

.post_socials ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}

.post_socials ul li:before {
    display: none;
}

.post_socials li {
    padding: 0;
    margin: 0 15px 15px 0;
    line-height: 21px !important;
    display: inline-block;
    vertical-align: top;
}

.post_socials li:last-child {
    margin-right: 0;
}

.post_socials a {
    font-size: 16px !important;
    font-weight: normal;
    background-color: transparent !important;
    display: block;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

.post_socials a.soc_fb {
    color: #5567a9;
}

.post_socials a.soc_tweet {
    color: #40affd;
}

.post_socials a.soc_google {
    color: #be4a39;
}

.post_socials a.soc_dribbble {
    color: #f26798;
}

.post_socials a.soc_pinterest {
    color: #cb2027;
}

.post_socials a:hover {
    color: #666666;
}

.single_post .blog_post_preview {
    margin-bottom: 0;
    padding-bottom: 15px;
    border: none;
}


/* Single Post */

.single_post {
    margin-top: -25px;
}

.single_post h1 {
    margin-bottom: 20px;
}

.single_post .right-sidebar-block,
.single_post .left-sidebar-block {
    padding-top: 6px;
}

.single_post .bg_title h3 {
    margin-bottom: 20px;
}

.single_post .post_meta_socials {
    text-align: center;
}

.single_post.no-sidebar h1,
.single_post.no-sidebar .listing_meta {
    text-align: center;
}


/* Blogpost User Meta */

.blogpost_user_meta {
    margin-bottom: 25px;
    position: relative;
    padding: 24px 20px 13px 124px;
    background: #f6f7f9;
}

.blogpost_user_meta .post_socials li {
    margin-bottom: 0;
}

.blogpost_user_meta h3 {
    margin-bottom: 7px;
    font-weight: 400;
}

.blogpost_user_meta h3 a {
    font-weight: 400;
}

.blogpost_user_meta h3 a:hover {
    color: #2d2e2e;
}

.author-ava {
    position: absolute;
    left: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.author-ava img {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}


/* Post prev_next links */

.control_post_links {
    position: relative;
    padding: 31px 0 16px;
}

.control_post_links:before {
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    border-top: #ededed dashed 1px;
    display: block;
}

.prev_next_links {
    margin-bottom: 28px;
    line-height: 20px;
    padding: 3px 0 0;
}

.prev_next_links span {
    margin: 0 15px;
}

.prev_next_links a {
    color: #666666;
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

.prev_next_links a i {
    font-size: 16px;
    font-weight: normal;
}

.prev_next_links i {
    padding-right: 12px;
}

.prev_next_links i {
    padding-left: 12px;
}

.left-sidebar .featured_items .item_list,
.right-sidebar .featured_items .item_list,
.row20 .featured_items .item_list {
    margin-left: -20px;
}

.left-sidebar .featured_items .item_list li .item,
.right-sidebar .featured_items .item_list li .item,
.row20 .featured_items .item_list li .item {
    margin-left: 20px;
}


/* Comments */

#comments {
    padding: 0 0 60px 0;
}

ol.commentlist {
    list-style: none;
    margin: -10px 0 33px 0;
    padding: 0;
    border-bottom: 1px #ededed dashed;
}

ol.commentlist li ul {
    margin: 0;
    padding: 0 0 5px 100px;
    list-style: none;
}

ol.commentlist li ul li {
    padding-top: 26px;
}

ol.commentlist li {
    margin: 0;
    padding: 30px 0 0;
    border-top: 1px #ededed dashed;
}

ol.commentlist li li {
    border-top: 1px #ededed dashed;
}

ol.commentlist > li:first-child {
    border-top: none;
    padding-top: 0px;
}

ol.commentlist li:before,
ol.commentlist li:after {
    display: none;
}

ol.commentlist li .stand_comment {
    padding: 0 0 27px 0;
}

.thiscommentbody {
    padding: 0 0 0 100px;
    position: relative;
}

ol.commentlist li .commentava {
    left: 0;
    position: absolute;
    top: 4px;
    height: 80px;
    width: 80px;
    z-index: 5;
}

ol.commentlist li .commentava img {
    display: block;
    height: auto;
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.comment_author_name {
    line-height: 26px;
    margin-bottom: 6px;
}

.comment_author_name a {
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
    color: #2d2e2e;
    font-weight: 400;
}

.comment_meta,
.comment_meta a {
    line-height: 18px;
    font-size: 14px;
    color: #acacac;
}

.comment_meta span {
    display: inline-block;
    vertical-align: top;
}

.comment_meta span:after {
    content: '/';
    padding: 0 3px 0 6px;
}

.comment_meta span:last-child:after {
    display: none;
}

.comment_meta i {
    padding-right: 4px;
}


/* Form Valid Style */

.notification_error,
.notification_ok {
    margin: 0 0 20px 0;
    padding: 18px 20px 18px 55px;
    position: relative;
    text-align: left;
}

.notification_ok {
    color: #038bd4;
    background: #d0e3ea;
}

.notification_error {
    background: #ffcfcf;
    color: #c93119;
}

.notification_error:before,
.notification_ok:before {
    position: absolute;
    left: 20px;
    top: 18px;
    font-family: 'FontAwesome';
    font-weight: normal;
}

.notification_error:before {
    content: "\f071";
    color: #c93119;
}

.notification_ok:before {
    content: "\f087";
    color: #038bd4;
}


/* Contact Info */

.contact_form {}

.contact_info {
    color: #2d2e2e;
}

.contact_info a {
    color: #2d2e2e;
}

.contact_info h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 19px;
}

.contact_info .post_socials {
    padding-top: 2px;
}

.contact_info p {
    margin-bottom: 15px;
}

.contact_info p span {
    color: #9e9e9e;
}

.contact_info p.mb40 {
    margin-bottom: 39px;
}

.contact_info p.mb20 {
    margin-bottom: 20px;
}

.wall_wrap iframe {
    padding: 0 !important;
}


/* PORTFOLIO */


/* Isotope Sorting */


/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}


/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}


/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
}


/* End: Recommended Isotope styles */


/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}


/* Filter */

.filter_block {
    text-align: center;
    padding-bottom: 34px;
    margin-top: -8px;
}

.filter_navigation {
    margin: 0 auto !important;
    text-align: center;
    display: inline-block;
    padding: 0;
    position: relative;
    vertical-align: top;
}

.filter_navigation ul,
.filter_navigation ul li ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none!important;
}

.filter_navigation ul li,
.filter_navigation ul li ul li {
    padding: 0 !important;
    margin: 0 !important;
}

.filter_navigation ul li:before,
.filter_navigation ul li ul li:before {
    display: none;
}

.filter_navigation ul li ul li {
    display: inline-block;
    position: relative;
    margin: 0 13px 20px 13px !important;
    vertical-align: top;
}

.filter_navigation ul li ul li a {
    display: block;
    margin: 0;
    text-decoration: none;
    line-height: 24px;
    font-size: 14px;
    vertical-align: top;
    color: #2d2e2e;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    position: relative;
}

.bg_title .filter_block {
    padding: 0px;
    margin: 5px -11px -25px 0;
    float: right;
}

.element {
    margin-bottom: 30px;
}

.load_more_works {
    margin: 10px auto 30px auto !important;
}

.load_more_works.mt0 {
    margin-top: 0 !important;
}


/* Wall */

.wall_wrap .sorting_block {
    padding: 0 !important;
    margin-right: -3px;
    margin-bottom: 30px;
}

.wall_wrap .element {
    margin: 0;
    width: calc(20% - 0.5px);
}


/* 2-4 Columns */

.col-sm-6.element {
    width: calc(50% - 1px);
}

.col-sm-4.element {
    width: calc(33.33333333% - 1px);
}

.col-sm-3.element {
    width: calc(25% - 1px);
}


/* Portfolio 1 Column */

.portfolio_item {
    margin: 0 0 40px 0;
    padding-bottom: 33px;
    border-bottom: 1px #ededed dashed;
}

.column1 .element {
    margin: 0;
    width: 100%
}

.portfolio_item p {
    margin-bottom: 0;
}

h2.portf_title {
    line-height: 38px;
    font-size: 30px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin-top: -4px;
    margin-bottom: 16px;
}

h2.portf_title a {
    line-height: 38px;
    font-size: 30px;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

.after_line:after {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 50px;
    height: 1px;
    background: #fff;
    z-index: 50;
    content: '';
}


/* Main Slider (Revolution) */

.slider_container {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0 0 16px 0;
    z-index: 10;
}

.tp-bannertimer {
    display: none;
}

.banner {
    width: 100%;
    position: relative;
}

.tp-leftarrow,
.tp-rightarrow {
    display: none !important;
}

.tp-bullets {
    opacity: 1 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 25px !important;
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    position: absolute;
    text-align: center;
}

.tp-bullets .bullet {
    width: 10px !important;
    height: 10px !important;
    display: inline-block;
    float: none !important;
    margin: 0 5px !important;
    background-image: none !important;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important;
    border: 1px rgba(255, 255, 255, 1) solid !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.tp-bullets .bullet.selected {
    background-color: transparent !important;
}

.slide_img,
.slide_title,
.slide_descr,
.slide_btn {
    max-width: auto;
    max-height: auto;
    text-align: left;
}

.z_index2 {
    z-index: 2;
}

.z_index3 {
    z-index: 3;
}

.z_index4 {
    z-index: 4;
}

.z_index5 {
    z-index: 5;
}

.z_index6 {
    z-index: 6;
}

.slide_left_img {
    z-index: 2;
    left: 0 !important;
}

.slide_right_img {
    z-index: 3;
    left: auto !important;
    right: 0 !important;
}

.slide_info_center {
    width: 100%;
    text-align: center;
    left: 0 !important;
    right: 0 !important;
}

.slide_title {
    z-index: 4;
    line-height: 140px;
    font-size: 100px;
    color: #fff;
    font-weight: normal;
    font-family: "Inter(细)";
}

.font_size130 {
    font-size: 130px;
}

.slide_descr {
    z-index: 5;
    line-height: 45px;
    font-size: 30px;
    color: #fff;
    font-weight: 400;
}

.slide_btn {
    z-index: 6;
}

.slide_btn a {
    display: inline-block;
    vertical-align: top;
    padding: 12px 19px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 24px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    border: 1px #fff solid;
    text-shadow: none !important;
    box-shadow: none !important;
    background-color: #fff;
}

.slide_btn a:hover {
    background-color: transparent;
    color: #fff !important;
}

.slide_btn.type2 a {
    color: #fff !important;
    background-color: transparent;
}

.slide_btn.type3 a,
.slide_btn.type4 a,
.slide_btn.type3 a:hover {
    color: #fff !important;
    background-color: transparent;
}

.slide_btn.type2 a:hover {
    background-color: #fff;
}

.slide_btn.type3 a:hover {
    border-color: #fff;
}


/* block plus*/

.block_plus {
    font-size: 0;
    line-height: 0;
}

.block_plus .fw_wrapinner {
    padding: 0 !important;
}

.block_plus .item {
    width: 33.3333%;
    padding: 76px 4.1% 80px !important;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: #2da6c7;
}

.block_plus .item.bg_color2 {
    background: #22a1c4;
}

.block_plus .item .item_title {
    font-size: 30px;
    color: #fff;
}

.block_plus .item .shortcode_button {
    background: none;
    border: #fff solid 1px;
    margin: 25px 0 0;
    padding: 12px 19px 11px;
}

.block_plus .item .shortcode_button:hover {
    background: #fff !important;
    color: #2d2e2e !important;
}

.block_plus.type2 .item {
    background: #4e5b63;
}

.block_plus.type2 .item.bg_color1 {
    background: #374248;
}

.block_plus.type2 .item.bg_color2 {
    background: #455057;
}

.block_plus.type2 .item.bg_color3 {
    background: #4e5b63;
}


/* Main Features */

.module_main_features .featured_items_body {
    background: none;
    text-align: center;
    padding: 24px 0 0;
}

.module_main_features .featured_items_title {
    padding-bottom: 17px;
}

.module_main_features .featured_item_content {
    margin-bottom: 0px;
}

.module_main_features .featured_item_content:before {
    display: none;
}


/* Presentation Flexslider */

.presentation .flexslider {
    margin: 0;
    padding: 0;
}

.presentation .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.presentation .flexslider .slides img {
    width: 100%;
    display: block;
}

.presentation .flexslider .slides:after {
    display: none;
}

.presentation .flexslider {
    background: none;
    border: none;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.presentation .flex-direction-nav {
    display: none !important;
}

.presentation .flex-control-nav {
    width: 100%;
    position: relative;
    bottom: auto;
    text-align: center;
}

.presentation .flex-control-nav li {
    margin: 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.presentation .flex-control-thumbs {
    margin: 12px 0 0 0;
    position: relative;
    overflow: hidden;
}

.presentation .flex-control-thumbs li {
    width: auto;
    float: none;
    margin: 0 18px 21px 18px;
    display: inline-block;
    vertical-align: top;
}

.presentation .flex-control-thumbs img {
    width: 100%;
    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;
}


/* Padding & Margin */

.pb0 {
    padding-bottom: 0;
}

.pb5 {
    padding-bottom: 5px;
}

.pb7 {
    padding-bottom: 7px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb12 {
    padding-bottom: 12px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb22 {
    padding-bottom: 22px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb33 {
    padding-bottom: 33px;
}

.pb37 {
    padding-bottom: 37px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb43 {
    padding-bottom: 43px;
}

.pb45 {
    padding-bottom: 45px;
}

.pb47 {
    padding-bottom: 47px;
}

.pb48 {
    padding-bottom: 48px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb55 {
    padding-bottom: 55px;
}

.pb60 {
    padding-bottom: 60px;
}

.pb65 {
    padding-bottom: 65px;
}

.pb70 {
    padding-bottom: 70px;
}

.pb74 {
    padding-bottom: 74px;
}

.pb75 {
    padding-bottom: 75px;
}

.pb80 {
    padding-bottom: 80px;
}

.pb85 {
    padding-bottom: 85px;
}

.pb90 {
    padding-bottom: 90px;
}

.pb93 {
    padding-bottom: 93px;
}

.pb95 {
    padding-bottom: 95px;
}

.pb100 {
    padding-bottom: 100px;
}

.pb125 {
    padding-bottom: 125px;
}

.pb130 {
    padding-bottom: 130px;
}

.pt5 {
    padding-top: 5px;
}

.pt6 {
    padding-top: 6px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt26 {
    padding-top: 26px;
}

.pt43 {
    padding-top: 43px;
}

.pt46 {
    padding-top: 46px;
}

.pt50 {
    padding-top: 50px;
}

.pt54 {
    padding-top: 54px;
}

.pt66 {
    padding-top: 66px;
}

.pt74 {
    padding-top: 74px;
}

.pt90 {
    padding-top: 90px;
}

.pt95 {
    padding-top: 95px;
}

.pt172 {
    padding-top: 172px;
}

.pt110 {
    padding-top: 110px;
}

.pr_100 {
    padding-right: 100px;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb1 {
    margin-bottom: 1px !important;
}

.mb5 {
    margin-bottom: 5px;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb10 {
    margin-bottom: 10px;
}

.mb13 {
    margin-bottom: 13px;
}

.mb16 {
    margin-bottom: 16px;
}

.mb17 {
    margin-bottom: 17px;
}

.mb18 {
    margin-bottom: 18px;
}

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

.mb22 {
    margin-bottom: 22px;
}

.mb23 {
    margin-bottom: 23px;
}

.mb26 {
    margin-bottom: 26px;
}

.mb27 {
    margin-bottom: 27px;
}

.mb28 {
    margin-bottom: 28px;
}

.mb29 {
    margin-bottom: 29px !important;
}

.mb32 {
    margin-bottom: 32px;
}

.mb33 {
    margin-bottom: 33px;
}

.mb37 {
    margin-bottom: 37px !important;
}

.mb39 {
    margin-bottom: 39px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px;
}

.mb90 {
    margin-bottom: 90px;
}

.mb100 {
    margin-bottom: 100px;
}

.mr0 {
    margin-right: 0 !important;
}

.mr15 {
    margin-right: 11px !important;
}

.mr_30 {
    margin-right: -30px;
}

.ml20 {
    margin-left: 20px;
}

.mr_20 {
    margin-right: -20px;
}

.ml_30 {
    margin-left: -30px;
}

.ml_150 {
    margin-left: -150px;
}

.mr_220 {
    margin-right: -220px;
}

.mr_150 {
    margin-right: -150px;
}

.mt17 {
    margin-top: 17px;
}

.mt28 {
    margin-top: 28px;
}

.mt38 {
    margin-top: 38px;
}

.mt40 {
    margin-top: 40px;
}

.mt_5 {
    margin-top: -5px;
}

.mt_6 {
    margin-top: -6px;
}

.mt_10 {
    margin-top: -10px;
}

.mt_23 {
    margin-top: -23px;
}

.mt_28 {
    margin-top: -28px;
}

.mt_29 {
    margin-top: -29px;
}

.mt_80 {
    margin-top: -80px;
}

.mt_90 {
    margin-top: -90px;
}

.lh50,
h1.lh50 span {
    line-height: 50px;
}

.lh40,
h2.lh40 span {
    line-height: 40px;
}

.fw400,
.fw400 span {
    font-weight: 400;
}

.fw700,
.fw700 span {
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

h1.lh50 span {
    display: block;
}

h2.lh40 span {
    line-height: 40px;
}

.module_descr p.mb10,
.page_descr p.mb10 {
    margin-bottom: 10px;
}


/* Custom Background */

.custom_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    background-position: center;
}

.custom_bg.img_bg {
    background-size: cover;
}


/* Background */

.bg1 {
    background-image: url(../img/bgs/1.jpg);
}

.grey_bg {
    background: #f6f7f9;
}

.white_bg {
    background: #fff;
}

.coming_soon {
    background-image: url(../img/bgs/coming_soon.jpg);
}

.slider_bg.type2 {
    background-color: #c7c4bf;
}

.paralax {
    background-position: 50% 0px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.fw_block {
    margin-bottom: 74px;
}

.stretch {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.pattern {
    background-repeat: repeat;
    background-position: center center;
}

.light,
.light a:hover,
h2.light span {
    color: #f6f6f6;
}

.list_icons {
    padding: 0;
    margin: 0 0 24px 0;
    list-style: none;
}

.list_icons li {
    padding: 0 0 7px 0;
    margin: 0;
}

.list_icons i {
    margin-right: 4px;
}

.lh27 {
    line-height: 27px;
}

.module_content ul.type2.pb_li22 li {
    padding-bottom: 22px;
}

.inline_block {
    display: inline-block;
    float: none;
}

.bg_title h2.text-left,
.module_descr.text-left {
    text-align: left;
}

.full_map .row {
    padding: 0 !important;
}

.max_width1050 {
    max-width: 1050px;
    margin: 0 auto;
}


/* Placeholder */

::-webkit-input-placeholder {
    opacity: 1 !important;
}

:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1 !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1 !important;
}

:-ms-input-placeholder {
    opacity: 1 !important;
}


/* WebKit browsers */

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}


/* Mozilla Firefox 4 to 18 */

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent !important;
}


/* Mozilla Firefox 19+ */

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent !important;
}


/* Internet Explorer 10+ */

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}


/* Login Popup */

.modal-backdrop {
    background-color: #0b0b0b;
}

.modal-backdrop.in {
    filter: alpha(opacity=75);
    opacity: .75;
}

.login_popup .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -285px;
    width: 570px;
    margin-top: -160px;
}

.login_popup .modal-content {
    position: relative;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    outline: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    padding: 24px 30px;
}

.login_popup h3 {
    margin-bottom: 25px;
    font-weight: 700;
}

.login_popup form {
    padding-bottom: 10px;
}

.login_popup .forgot_password {
    padding-top: 21px;
    border-top: 1px #dddddd dashed;
}

.login_popup .forgot_password a {
    font-size: 14px;
    color: #666666;
    transition: color 300ms;
    -webkit-transition: color 300ms;
}

.login_popup .close_popup {
    position: absolute;
    right: 19px;
    top: 13px;
    font-size: 16px;
    display: block;
    -webkit-appearance: none;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    opacity: 0.4;
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    outline: none !important;
}

.login_popup .close_popup:hover {
    opacity: 1;
}

.login_popup input[type="submit"] {
    margin-right: 15px;
}

.login_popup .remember_me {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding-top: 6px;
}

.login_popup .remember_me label {
    font-weight: 300;
}

.login_popup input[type="checkbox"] {
    margin-right: 10px;
    outline: none;
}


/* Magnific Popup CSS */

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 10005;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 10004;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 10006;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: "Inter(细)";
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 0;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}


/* Main image in popup */

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 0;
    margin: 0 auto;
}


/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 25px 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

body.mfp-zoom-out-cur {
    margin: 0 -17px 0 0 !important;
}

.mfp-zoom-out-cur .main_header,
.mfp-zoom-out-cur .breadcrumbs,
.mfp-zoom-out-cur .wrapper,
.mfp-zoom-out-cur .fixed-menu header,
.mfp-zoom-out-cur .footer {
    padding-right: 17px !important;
}


/* Custom Magnific Popup Arrows */

.mfp-arrow {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 0;
    width: 16px;
    height: 14px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    background-image: url(../img/sprite.png) !important;
    background-repeat: no-repeat !important;
}

.mfp-arrow:active {
    margin-top: 0;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: none;
}

.mfp-arrow-left {
    left: 30px;
    background-position: -12px 0 !important;
}

.mfp-arrow-right {
    right: 30px;
    background-position: -28px 0 !important;
}

.mfp-title,
.mfp-counter {
    padding-top: 19px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 24px;
}

.mfp-title {
    font-size: 16px;
}

.mfp-close {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
}

.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.mfp-close:active {
    top: 0;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    right: 0;
    text-align: right;
    padding-right: 0;
    width: 100%;
}

.mfp-iframe-holder .mfp-close {
    top: 0;
}

.mfp-close {
    text-indent: -9999px;
    font-size: 0 !important;
    line-height: 0 !important;
}

.mfp-close:before {
    width: 12px;
    height: 12px;
    position: absolute;
    content: '';
    right: 0;
    top: -2px;
    display: block;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.mfp-iframe-scaler .mfp-close {
    top: -27px;
}

.mfp-iframe-scaler .mfp-counter {
    top: auto;
    bottom: -32px;
}

.mouse_icon {
    position: absolute;
    left: 50%;
    bottom: 29px;
    width: 18px;
    height: 22px;
    margin-left: -9px;
    color: #2d2e2e;
    -webkit-animation: mousepulse 1s infinite;
    animation: mousepulse 1s infinite;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 200;
}

.mouse_icon:before,
.mouse_icon:after {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    font-size: 28px;
}

.mouse_icon:before {
    top: -5px;
    left: 0;
}

.mouse_icon:after {
    bottom: -5px;
    left: 0;
}


/* Chrome, Safari, Opera */

@-webkit-keyframes mousepulse {
    0% {
        bottom: 29px;
    }
    50% {
        bottom: 40px;
    }
    100% {
        bottom: 29px;
    }
}


/* Standard syntax */

@keyframes mousepulse {
    0% {
        bottom: 29px;
    }
    50% {
        bottom: 40px;
    }
    100% {
        bottom: 29px;
    }
}

.fs_controls,
.fs_thmb_viewport,
.loaded .mouse_icon {
    visibility: hidden;
    opacity: 0;
    transition: all 400ms;
    -webkit-transition: all 400ms;
}

.loaded .fs_controls,
.loaded .fs_thmb_viewport {
    visibility: visible;
    opacity: 1;
}


/* ----------------- JOB ----------------- */


/* CUSTOM FILTERS JOBS */

.jobs_filters {
    position: relative;
    margin-bottom: 29px;
    padding: 0;
}

.job_list_offers {
    position: relative;
}

.job_list_offers.opacity {
    opacity: .4;
}

.jobs_filters > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.jobs_filters > li > span {
    display: block;
    padding-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #9e9e9e;
    text-overflow: ellipsis;
    height: 35px;
    line-height: 33px;
    text-indent: 11px;
    cursor: pointer;
    color: #9e9e9e;
    font-size: 14px;
}

.jobs_filters > li > span.active {
    color: #222;
}

.jobs_filters_type > span {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.jobs_filters_function > span {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.jobs_filters > li > span:after {
    content: "";
    position: absolute;
    right: 11px;
    top: 2px;
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 14px;
}

.jobs_filters > li > ul {
    display: none;
    position: absolute;
    z-index: 20;
    width: 100%;
    max-height: 330px;
    padding: 0;
    background-color: #f6f7f9;
    border-bottom: 1px solid #ebebeb;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}

.jobs_filters > li > ul li {
    padding: 12px 18px;
    border: 1px solid #ebebeb;
    border-bottom-style: dashed;
    border-top: none;
    color: #666;
    cursor: pointer;
    position: relative;
    list-style: none !important;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

.jobs_filters > li > ul li:last-child {
    border-bottom: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.jobs_filters > li > ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 13px;
    height: 13px;
    border-style: solid;
    border-width: 1px;
    border-color: #9e9e9e;
    border-radius: 4px;
}

.jobs_filters > li > ul li:before {
    opacity: 0;
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    right: 21px;
    top: 11px;
    font-size: 11px;
    z-index: 1;
    -webkit-transition: opacity .2s ease, background .2s ease;
    -moz-transition: opacity .2s ease, background .2s ease;
    -ms-transition: opacity .2s ease, background .2s ease;
    -o-transition: opacity .2s ease, background .2s ease;
    transition: opacity .2s ease, background .2s ease;
}

.jobs_filters > li > ul li.select:before {
    opacity: 1;
}

.jobs_view_all {
    position: absolute;
    display: block;
    bottom: -60px;
    font-weight: 300;
    opacity: 1;
    left: 0;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}

.jobs_view_all:before {
    content: "";
    position: absolute;
    right: -15px;
    top: 0px;
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 14px;
}

.jobs_view_all:hover {
    color: #000;
}

.jobs_view_all span,
.jobs_view_all.close span:last-child {
    display: inline-block;
}

.jobs_view_all span:last-child {
    display: none;
}

.jobs_view_all.close span:first-child {
    display: none;
}

.jobs_view_all.close:before {
    top: 0px;
    content: "\f106";
}

@media screen and (max-width:1199px) {
    .jobs_filters > li {
        width: 100%;
    }
    .jobs_filters_type {
        margin-bottom: 10px;
    }
    .jobs_filters > li > span {
        border-radius: 3px;
    }
}

@media screen and (min-width:1199px) {
    .jobs_filters > li > ul {
        width: 269px;
        padding: 0;
    }
    .jobs_filters_type {
        width: 100px;
    }
    .jobs_filters_type > ul {
        left: 0;
    }
    .jobs_filters_function {
        width: 170px;
        margin-left: -4px;
    }
    .jobs_filters_function > ul {
        left: -99px;
    }
    .job_list_offers {
        margin-bottom: 120px;
    }
    .jobs_filters > li > ul li span {
        display: block;
        max-width: 200px;
    }
}

@media screen and (max-width:767px) {
    .jobs_view_all {
        bottom: -20px;
    }
}

.job_list_offers li a {
    display: block;
    padding: 20px 0;
}

.job_list_offers .li_item {
    display: none !important;
}

.job_list_offers .li_item.job_show {
    display: block !important;
}

.job_list_offers li span {
    display: inline-block;
    vertical-align: middle;
}

.job_list_offers li span:nth-of-type(1) {
    width: 48px;
    height: 30px;
    margin: 0 10px 0 0;
    line-height: 30px;
    font-size: 1em;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
}

.job_list_offers li span:nth-of-type(2) {
    width: 210px;
    margin: 0 0 0 -4px;
    font-size: 1.3em;
    line-height: 1.3em;
}

.job_list_offers li span:nth-of-type(1) {
    border: 1px solid #e0e0e0;
    color: #999999;
    -webkit-transition: border .3s ease, color .3s ease;
    -moz-transition: border .3s ease, color .3s ease;
    -ms-transition: border .3s ease, color .3s ease;
    -o-transition: border .3s ease, color .3s ease;
    transition: border .3s ease, color .3s ease;
}

.job_list_offers li span:nth-of-type(2) {
    color: #999999;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.job_list_offers li:hover span:nth-of-type(1),
.job_list li.active span:nth-of-type(1) {
    border: 1px solid #b61924;
    color: #b61924;
}

.job_list_offers li:hover span:nth-of-type(2),
.job_list li.active span:nth-of-type(2) {
    color: #b61924;
}


/* Animations */

.animate {
    opacity: 0;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animate.hinge {
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
}


/*===================================================================================*/


/*  pulse                                                                            */


/*===================================================================================*/

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.1);
    }
    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }
    50% {
        -o-transform: scale(1.1);
    }
    100% {
        -o-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.animate.pulse {
    opacity: 1;
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}


/*===================================================================================*/


/*  flipInX                                                                          */


/*===================================================================================*/

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.animate.flipInX {
    opacity: 1;
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    -o-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX;
}


/*===================================================================================*/


/*  fadeIn                                                                           */


/*===================================================================================*/

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.animate.fadeIn {
    opacity: 1;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}


/*===================================================================================*/


/*  fadeInUp                                                                         */


/*===================================================================================*/

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate.fadeInUp {
    opacity: 1;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


/*===================================================================================*/


/* fadeInDown                                                                        */


/*===================================================================================*/

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate.fadeInDown {
    opacity: 1;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}


/*===================================================================================*/


/*  fadeInLeft                                                                       */


/*===================================================================================*/

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate.fadeInLeft {
    opacity: 1;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}


/*===================================================================================*/


/*  fadeInRight                                                                      */


/*===================================================================================*/

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(100px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate.fadeInRight {
    opacity: 1;
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}


/*===================================================================================*/


/*  fadeInUpBig                                                                      */


/*===================================================================================*/

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate.fadeInUpBig {
    opacity: 1;
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}


/*===================================================================================*/


/*  fadeInDownBig                                                                    */


/*===================================================================================*/

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate.fadeInDownBig {
    opacity: 1;
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}


/*===================================================================================*/


/*  fadeInLeftBig                                                                    */


/*===================================================================================*/

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate.fadeInLeftBig {
    opacity: 1;
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}


/*===================================================================================*/


/*  fadeInRightBig                                                                   */


/*===================================================================================*/

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate.fadeInRightBig {
    opacity: 1;
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}


/*===================================================================================*/


/*  bounceIn                                                                         */


/*===================================================================================*/

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }
    70% {
        -moz-transform: scale(.9);
    }
    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }
    70% {
        -o-transform: scale(.9);
    }
    100% {
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1);
    }
}

.animate.bounceIn {
    opacity: 1;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}


/*===================================================================================*/


/*  bounceInUp                                                                       */


/*===================================================================================*/

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }
    80% {
        -moz-transform: translateY(10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }
    80% {
        -o-transform: translateY(10px);
    }
    100% {
        -o-transform: translateY(0);
    }
}

@-ms-keyframes bounceInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -ms-transform: translateY(-30px);
    }
    80% {
        -ms-transform: translateY(10px);
    }
    100% {
        -ms-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}

.animate.bounceInUp {
    opacity: 1;
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
}


/*===================================================================================*/


/*  bounceInDown                                                                     */


/*===================================================================================*/

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }
    80% {
        -moz-transform: translateY(-10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px);
    }
    80% {
        -o-transform: translateY(-10px);
    }
    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

.animate.bounceInDown {
    opacity: 1;
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}


/*===================================================================================*/


/*  bounceInLeft                                                                     */


/*===================================================================================*/

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px);
    }
    80% {
        -moz-transform: translateX(-10px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px);
    }
    80% {
        -o-transform: translateX(-10px);
    }
    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0);
    }
}

.animate.bounceInLeft {
    opacity: 1;
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}


/*===================================================================================*/


/*  bounceInRight                                                                    */


/*===================================================================================*/

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px);
    }
    80% {
        -moz-transform: translateX(10px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateX(-30px);
    }
    80% {
        -o-transform: translateX(10px);
    }
    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(-30px);
    }
    80% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0);
    }
}

.animate.bounceInRight {
    opacity: 1;
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}


/*===================================================================================*/


/* rotateInUpLeft                                                                    */


/*===================================================================================*/

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animate.rotateInUpLeft {
    opacity: 1;
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}


/*===================================================================================*/


/*  rotateInDownLeft                                                                  */


/*===================================================================================*/

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animate.rotateInDownLeft {
    opacity: 1;
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}


/*===================================================================================*/


/*  rotateInUpRight                                                                  */


/*===================================================================================*/

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animate.rotateInUpRight {
    opacity: 1;
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}


/*===================================================================================*/


/*  rotateInDownRight                                                                */


/*===================================================================================*/

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animate.rotateInDownRight {
    opacity: 1;
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}


/*===================================================================================*/


/*  lightSpeedRight                                                                  */


/*===================================================================================*/

@-webkit-keyframes lightSpeedRight {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes lightSpeedRight {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-o-keyframes lightSpeedRight {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedRight {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.animate.lightSpeedRight {
    opacity: 1;
    -webkit-animation-name: lightSpeedRight;
    -moz-animation-name: lightSpeedRight;
    -o-animation-name: lightSpeedRight;
    animation-name: lightSpeedRight;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animate.lightSpeedRight {
    opacity: 1;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


/*===================================================================================*/


/*  lightSpeedLeft                                                                  */


/*===================================================================================*/

@-webkit-keyframes lightSpeedLeft {
    0% {
        -webkit-transform: translateX(-100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes lightSpeedLeft {
    0% {
        -moz-transform: translateX(-100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -moz-transform: translateX(20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-o-keyframes lightSpeedLeft {
    0% {
        -o-transform: translateX(-100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -o-transform: translateX(20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedLeft {
    0% {
        transform: translateX(-100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        transform: translateX(20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.animate.lightSpeedLeft {
    opacity: 1;
    -webkit-animation-name: lightSpeedLeft;
    -moz-animation-name: lightSpeedLeft;
    -o-animation-name: lightSpeedLeft;
    animation-name: lightSpeedLeft;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animate.lightSpeedLeft {
    opacity: 1;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


/*===================================================================================*/


/*  rollin                                                                          */


/*===================================================================================*/


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

.animate.rollIn {
    opacity: 1;
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}


/* Responsive changes */

@media only screen and (max-width: 1200px) {
    .img_auto {
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    body.modal-open {
        margin: 0 -17px 0 0 !important;
    }
    body.modal-open .main_header,
    body.modal-open .breadcrumbs,
    body.modal-open .wrapper,
    body.modal-open .fixed-menu header,
    body.modal-open .footer {
        padding-right: 17px !important;
    }
    body.modal-open .wall_map {
        margin-left: -17px !important;
    }
    body.modal-open {
        padding: 0 !important;
    }
    .no_scroll {
        overflow: hidden !important;
        margin-right: 17px !important;
    }
}

@media only screen and (max-width: 520px) {
    .shortcode_tabs.type3 .shortcode_tab_item_title {
        display: block;
        width: 100% !important;
    }
    .shortcode_tabs.type3 .all_heads_cont {
        padding-bottom: 0;
        border-bottom: none;
    }
    .shortcode_tabs.type3 .shortcode_tab_item_title.active:before {
        bottom: 0;
    }
    .shortcode_tabs.type3 .all_body_cont {
        padding: 40px 0 23px 0;
    }
    .shortcode_tabs.type3 .shortcode_tab_item_body p:last-child {
        margin-bottom: 20px;
    }
    .count_title h1 {
        line-height: 22px !important;
        font-size: 16px !important;
        font-weight: 400 !important;
    }
    .coming_soon_top .logo_sect {
        float: none;
        padding: 20px 0 0 0;
        text-align: center;
        display: block;
    }
    .coming_soon_top .fright {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .right-sidebar .contentarea {
        padding-right: 0;
    }
    .left-sidebar .contentarea {
        padding-left: 0;
    }
    .fixed-menu {
        display: none !important;
    }
    .footer_bottom .footer_logo,
    .footer_bottom .copyright {
        display: block;
        float: none !important;
    }
    .shortcode_diagram.items1 li,
    .shortcode_diagram.items2 li,
    .shortcode_diagram.items3 li,
    .shortcode_diagram.items4 li,
    .sponsors_works.items1 li,
    .sponsors_works.items2 li,
    .sponsors_works.items3 li,
    .sponsors_works.items4 li,
    .sponsors_works.items5 li,
    .sponsors_works.items6 li,
    .testimonials_list.items1 li,
    .testimonials_list.items2 li,
    .testimonials_list.items3 li,
    .testimonials_list.items4 li,
    .teamslider.items1 li,
    .teamslider.items2 li,
    .teamslider.items3 li,
    .teamslider.items4 li,
    .module_price_table.items1 .price_item,
    .module_price_table.items2 .price_item,
    .module_price_table.items3 .price_item,
    .module_price_table.items4 .price_item,
    .list-of-images.items1 .gallery_item,
    .list-of-images.items2 .gallery_item,
    .list-of-images.items3 .gallery_item,
    .list-of-images.items4 .gallery_item,
    .list-of-images.items5 .gallery_item,
    .featured_items .items1 li,
    .featured_items .items2 li,
    .featured_items .items3 li,
    .featured_items .items4 li {
        width: 100%;
    }
    .text-right {
        text-align: left;
    }
    .slick-list {
        margin: 0 !important;
    }
    .module_team .img_block {
        margin-bottom: 20px;
    }
    .all_body_cont {
        padding-top: 20px;
    }
    .shortcode_tab_item_title {
        margin-right: 15px;
        font-size: 15px;
        min-width: auto;
        padding-left: 9px;
    }
    .item_tab img {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        margin: 0 0 15px 0;
    }
    .pr_100 {
        padding-right: 0;
    }
    .inline_block {
        display: block;
    }
    .width50,
    .width65 {
        width: 100%;
    }
    .step_by_step .iconbox_wrapper:before {
        display: none;
    }
    .block_plus .item {
        width: 100%;
    }
    .wrapper_404 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .wrapper_404 h1,
    h1.title_404 {
        font-size: 120px;
        line-height: 120px;
        text-align: center;
    }
    .wrapper_404 h2 {
        font-size: 38px;
        line-height: 42px;
    }
    .form404 input[type="text"],
    .form404 input[type="submit"],
    .notify_shortcode .fleft,
    .notify_shortcode .fright,
    .notify_shortcode .col-sm-3,
    .notify_shortcode .col-sm-9 {
        float: none;
        width: 100%;
    }
    .coming_soon_cont .title {
        font-size: 80px;
        line-height: 70px;
    }
    .bg_title h2.mobile-center,
    .module_descr.mobile-center {
        text-align: center;
    }
    .notify_shortcode .col-sm-5,
    .notify_shortcode .col-sm-2 {
        width: 100% !important;
    }
    .countdown_wrapper,
    .page_has_countdown .countdown_wrapper {
        height: 65px;
    }
    .countdown-amount,
    .page_has_countdown .countdown-amount {
        font-size: 40px;
        line-height: 40px;
        padding: 0 10px 0 10px;
    }
    .countdown-period,
    .page_has_countdown .countdown-period {
        padding: 5px 10px 0 10px;
        font-size: 14px !important;
        text-transform: none !important;
        line-height: 20px;
    }
    .count_title h1,
    .page_has_countdown .count_title h1 {
        line-height: 25px;
        font-size: 18px;
    }
    .page_has_countdown .count_title h1 span {
        line-height: 25px;
        font-size: 18px;
    }
    .element {
        width: 100% !important;
    }
    .column1 {
        margin-top: 0;
    }
    h2.portf_title {
        padding-top: 20px;
    }
    .module_iconboxes {
        display: block;
    }
    .ml_20,
    .ml_150,
    .ml30 {
        margin-left: 0;
    }
    .mr_20,
    mr_30,
    .mr_150,
    .mr_220 {
        margin-right: 0;
    }
    .news_block .fleft,
    .news_block .fright {
        float: none;
    }
    .news_block:before,
    .news_block .item_wrapper:before,
    .news_block .item_wrapper:after,
    .news_block .img_block:before {
        display: none !important;
    }
    .right_align .shortcode_iconbox.type4 .iconbox_wrapper {
        text-align: left;
    }
    .right_align .shortcode_iconbox.type4 .iconbox_body,
    .right_align .shortcode_iconbox.type4 .icon_title_wrap {
        padding-left: 80px;
        padding-right: 0;
    }
    .right_align .shortcode_iconbox.type4 .iconbox_wrapper .ico {
        left: 0;
        right: auto;
    }
    .page_countdown_descr {
        display: none;
    }
    header nav,
    .head_search {
        display: none !important;
    }
    .main_header.type2 a.top_menu_toggler,
    .main_header.type2 header .container:before {
        display: none !important;
    }
    header .container:before {
        display: none;
    }
    .main_header.type2 header {
        padding: 0;
    }
    .main_header header {
        z-index: 100;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    }
    .main_header header .container {
        z-index: 10;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    }
    .main_header .logo_sect {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
        padding: 25px 45px 25px 0px !important;
        display: block !important;
        float: none !important;
        text-align: left !important;
    }
    .main_header .logo {
        float: none !important;
    }
    .main_header .logo_sect img {
        max-width: 100% !important;
        height: auto !important;
    }
    .main_header header {
        position: relative;
    }
    a.menu_toggler {
        display: block;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        height: 18px;
        width: 19px;
        position: absolute;
        right: 30px;
        top: 34px;
        z-index: 20;
        background-image: url(../img/sprite.png);
        background-repeat: no-repeat;
        background-position: -63px 0;
    }
    a.menu_toggler.close_toggler {
        background-position: -44px 0;
    }
    .mobile_menu_wrapper {
        display: block;
        background: #fff;
        width: 100%;
        padding: 0;
        overflow: hidden;
        position: relative;
    }
    .mobile_menu_wrapper:before {
        display: block;
        background: #fff;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        content: '';
        z-index: 555;
    }
    .mobile_menu {
        padding-left: 30px !important;
        padding-right: 30px !important;
        list-style: none;
    }
    .mobile_menu_wrapper li:before {
        display: none;
    }
    .mobile_menu_wrapper li {
        padding: 0;
        margin: 0;
        position: relative;
    }
    .mobile_menu_wrapper ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .mobile_menu_wrapper .sub-menu {
        margin-left: 20px;
    }
    .mobile_menu_wrapper .sub-nav {
        display: none;
    }
    .showsub .sub-nav .sub-nav {
        display: none;
    }
    .showsub .sub-nav,
    .showsub .sub-nav .showsub .sub-nav {
        display: block;
    }
    .mobile_menu_wrapper a.mob_link {
        color: #2d2e2e;
        font-size: 14px;
        font-weight: 300;
        padding: 12px 0 14px 0;
        margin: 0;
        line-height: 24px;
        border-bottom: 1px #ededed dashed;
        display: block;
    }
    .mobile_menu_wrapper .current-menu-parent .sub-menu li a.mob_link,
    .mobile_menu_wrapper .current-menu-parent .sub-menu li.current-menu-parent .sub-menu li a.mob_link {
        color: #2d2e2e;
    }
    .mobile_menu_wrapper li.menu-item-has-children:before {
        position: absolute;
        right: 3px;
        top: 13px;
        content: "\f105";
        display: block;
        font-size: 14px;
        color: #2d2e2e;
        font-weight: normal;
        line-height: 24px;
        font-family: 'FontAwesome';
    }
    .mobile_menu_wrapper li.current-menu-parent.menu-item-has-children.showsub:before,
    .mobile_menu_wrapper li.menu-item-has-children.showsub:before {
        content: "\f107";
    }
    .sub-nav {
        width: 100% !important;
        margin: 0 !important;
    }
    .megamenu_wrap .container {
        padding: 0;
    }
    .sub-menu i {
        padding-right: 7px;
    }
    .mobile_menu_wrapper a.mob_link i {
        display: none;
    }
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .megamenu_wrap iframe.map {
        position: static;
        left: auto;
        top: auto;
        bottom: auto;
        height: 300px;
        width: 100%;
    }
    .slide3_2 {
        display: none !important;
    }
    .slide_btn,
    .slide_title,
    .slide_descr {
        padding: 0 30px !important;
    }
    .fullscreen_slider,
    .slider_container {
        height: 300px !important;
    }
    .module_slider {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .full_width_row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .tp-bullets {
        right: 40px !important;
        top: auto;
        left: auto !important;
        bottom: 25px !important;
        transform: none !important;
        -webkit-transform: none !important;
        width: auto !important;
    }
    .tp-bullets .bullet {
        margin: 5px !important;
    }
    .tagline {
        display: none;
    }
    .bg_title .filter_block {
        margin: 0 0 -10px;
        width: 100%;
    }
    .bg_title .filter_navigation ul {
        margin-top: 20px !important;
    }
    .items3 .client-list li {
        width: calc(100% - 30px) !important;
    }
    .testimonials_list.items2:before {
        display: none;
    }
    .testimonials_list.items2 ul li:nth-child(1) {
        border-top: none;
    }
    .testimonials_list.items2 ul li:nth-child(2) {
        border-top: 1px dashed #ededed;
    }
    .testimonials_list.items2 .testimonials_text {
        min-height: 90px;
    }
}

@media only screen and (max-width: 460px) {
    .promo_button_block,
    .promo_text_block {
        float: none;
        width: 100%;
        text-align: left;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .module_team .item_list.type2 .teamlink {
        width: 32px;
        height: 32px;
        line-height: 30px;
        margin: 3px;
    }
    .wrapper_404 {
        padding-top: 100px;
        padding-bottom: 130px;
    }
    .wrapper_404 h1,
    h1.title_404 {
        font-size: 190px;
        line-height: 200px;
    }
    .countdown_wrapper {
        height: 130px;
    }
    .countdown-amount {
        font-size: 80px;
        line-height: 100px;
        padding: 0 25px 0 25px;
    }
    .countdown-period {
        padding: 15px 15px 0 15px;
        font-size: 20px;
        line-height: 20px;
    }
    .count_title h1 {
        line-height: 50px;
        font-size: 30px;
    }
    .element .featured_items_title {
        padding-bottom: 0;
    }
    .element .featured_items_title h5,
    .element .featured_items_title h5 a {
        font-size: 13px;
        line-height: 15px !important;
    }
    .element .featured_meta {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .module_team .item_list.type2 .teamlink {
        width: 40px;
        height: 40px;
        line-height: 38px;
        margin: 7px;
    }
    .wrapper_404 {
        padding-top: 130px;
        padding-bottom: 160px;
    }
    h1.title_404 {
        font-size: 250px;
    }
    .countdown_wrapper {
        height: 150px;
    }
    .countdown-amount {
        font-size: 100px;
        line-height: 120px;
        padding: 0 25px 0 25px;
    }
    .countdown-period {
        padding: 15px 25px 0 25px;
        font-size: 20px;
        line-height: 20px;
    }
    .count_title h1 {
        line-height: 60px;
        font-size: 40px;
    }
    .element .featured_items_title {
        padding-bottom: 0;
    }
    .element .featured_items_title h5,
    .element .featured_items_title h5 a {
        font-size: 16px;
        line-height: 20px !important;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
    .countdown-amount {
        padding: 0 55px 0 55px;
    }
    .countdown-period {
        padding: 15px 55px 0 55px;
    }
}

@media (min-width: 1900px) {
    .wrapper_404 {
        padding-top: 217px;
        padding-bottom: 244px;
    }
    .countdown-amount {
        padding: 0 65px 0 65px;
    }
    .countdown-period {
        padding: 15px 65px 0 65px;
    }
}

@media only screen and (max-width: 1024px) {
    .paralax {
        background-position: 50% 50% !important;
        background-attachment: scroll !important;
    }
}


/* Retina */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .logo_def,
    .icon_def {
        display: none;
    }
    .logo_retina,
    .icon_retina {
        display: block;
    }
    a:hover .iconbox_wrapper .ico .icon_hover {
        display: none;
    }
    a:hover .iconbox_wrapper .ico .icon_hover.icon_retina {
        display: block;
    }
    .main_header.type2 a.top_menu_toggler,
    .mfp-arrow,
    .mfp-close:before,
    a.menu_toggler {
        background-image: url(../img/retina/sprite.png) !important;
        background-size: 82px 18px !important;
        -webkit-background-size: 82px 18px !important;
    }
}