@charset "utf-8";
/* -----------------------------------------------------------

   #header

   ----------------------------------------------------------- */
   /*themify*/
   @font-face{font-family:themify;src:url(../../font/themify/themify.eot7-fvbane);src:url(../../font/themify/themify.eot7#iefix-fvbane) format('embedded-opentype'),
    url(../../font/themify/themify.woff7-fvbane) format('woff'),url(../../font/themify/themify.ttf7-fvbane) format('truetype'),
    url(../../font/themify/themify.svg7-fvbane#themify) format('svg');font-weight:400;font-style:normal}
    [class*=" ti-"],[class^=ti-]{font-family:themify;speak:none;font-style:normal;font-weight:400;font-variant:normal;
        text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
        .ti-wand:before{content:"\e600"}.ti-volume:before{content:"\e601"}.ti-user:before{content:"\e602"}
        .ti-unlock:before{content:"\e603"}.ti-unlink:before{content:"\e604"}.ti-trash:before{content:"\e605"}
        .ti-thought:before{content:"\e606"}.ti-target:before{content:"\e607"}.ti-tag:before{content:"\e608"}
        .ti-tablet:before{content:"\e609"}.ti-star:before{content:"\e60a"}.ti-spray:before{content:"\e60b"}
        .ti-signal:before{content:"\e60c"}.ti-shopping-cart:before{content:"\e60d"}
        .ti-shopping-cart-full:before{content:"\e60e"}.ti-settings:before{content:"\e60f"}
        .ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}
        .ti-cut:before{content:"\e613"}.ti-ruler:before{content:"\e614"}.ti-ruler-pencil:before{content:"\e615"}
        .ti-ruler-alt:before{content:"\e616"}.ti-bookmark:before{content:"\e617"}.ti-bookmark-alt:before{content:"\e618"}
        .ti-reload:before{content:"\e619"}.ti-plus:before{content:"\e61a"}.ti-pin:before{content:"\e61b"}.ti-pencil:before{content:"\e61c"}
        .ti-pencil-alt:before{content:"\e61d"}.ti-paint-roller:before{content:"\e61e"}.ti-paint-bucket:before{content:"\e61f"}.ti-na:before{content:"\e620"}
        .ti-mobile:before{content:"\e621"; font-family:'themify';/* content: url(../images/icon_blog.svg); */font-weight:800;color: #d00e00;}
        .ti-minus:before{content:"\e622"}.ti-medall:before{content:"\e623"}.ti-medall-alt:before{content:"\e624"}
        .ti-marker:before{content:"\e625"}.ti-marker-alt:before{content:"\e626"}.ti-arrow-up:before{content:"\e627"}
        .ti-arrow-right:before{content:"\e628"}.ti-arrow-left:before{content:"\e629"}.ti-arrow-down:before{content:"\e62a"}
        .ti-lock:before{content:"\e62b"}.ti-location-arrow:before{content:"\e62c"}.ti-link:before{content:"\e62d"}
        .ti-layout:before{content:"\e62e"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}
        .ti-key:before{content:"\e631"}.ti-import:before{content:"\e632"}.ti-image:before{content:"\e633"}
        .ti-heart:before{content:"\e634"}.ti-heart-broken:before{content:"\e635"}.ti-hand-stop:before{content:"\e636"}
        .ti-hand-open:before{content:"\e637"}.ti-hand-drag:before{content:"\e638"}.ti-folder:before{content:"\e639"}
        .ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}
        .ti-eye:before{content:"\e63d"}.ti-export:before{content:"\e63e"}.ti-exchange-vertical:before{content:"\e63f"}
        .ti-desktop:before{content:"\e640"}.ti-cup:before{content:"\e641"}.ti-crown:before{content:"\e642"}
        .ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-comment-alt:before{content:"\e645"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}
        .ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-camera:before{content:"\e64e"}
        .ti-announcement:before{content:"\e64f"}.ti-brush:before{content:"\e650"}.ti-briefcase:before{content:"\e651"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}
        .ti-blackboard:before{content:"\e654"}.ti-bag:before{content:"\e655"}.ti-move:before{content:"\e656"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}
        .ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}
        .ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}
        .ti-zip:before{content:"\e664"}.ti-world:before{content:"\e665"}.ti-wheelchair:before{content:"\e666"}.ti-view-list:before{content:"\e667"}.ti-view-list-alt:before{content:"\e668"}
        .ti-view-grid:before{content:"\e669"}.ti-uppercase:before{content:"\e66a"}.ti-upload:before{content:"\e66b"}.ti-underline:before{content:"\e66c"}.ti-truck:before{content:"\e66d"}
        .ti-timer:before{content:"\e66e"}.ti-ticket:before{content:"\e66f"}.ti-thumb-up:before{content:"\e670"}.ti-thumb-down:before{content:"\e671"}.ti-text:before{content:"\e672"}
        .ti-stats-up:before{content:"\e673"}.ti-stats-down:before{content:"\e674"}.ti-split-v:before{content:"\e675"}.ti-split-h:before{content:"\e676"}.ti-smallcap:before{content:"\e677"}
        .ti-shine:before{content:"\e678"}.ti-shift-right:before{content:"\e679"}.ti-shift-left:before{content:"\e67a"}.ti-shield:before{content:"\e67b"}.ti-notepad:before{content:"\e67c"}
        .ti-server:before{content:"\e67d"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-pulse:before{content:"\e680"}
        .ti-printer:before{content:"\e681"; font-family:'themify';/* content: url(../images/icon_blog.svg); */font-weight:800;color: #d00e00;}
        .ti-power-off:before{content:"\e682"}.ti-plug:before{content:"\e683"}.ti-pie-chart:before{content:"\e684"}.ti-paragraph:before{content:"\e685"}.ti-panel:before{content:"\e686"}.ti-package:before{content:"\e687"}.ti-music:before{content:"\e688"}.ti-music-alt:before{content:"\e689"}.ti-mouse:before{content:"\e68a"}.ti-mouse-alt:before{content:"\e68b"}.ti-money:before{content:"\e68c"}.ti-microphone:before{content:"\e68d"}.ti-menu:before{content:"\e68e"}.ti-menu-alt:before{content:"\e68f"}.ti-map:before{content:"\e690"}.ti-map-alt:before{content:"\e691"}.ti-loop:before{content:"\e692"}.ti-location-pin:before{content:"\e693"}.ti-list:before{content:"\e694"}.ti-light-bulb:before{content:"\e695"}.ti-Italic:before{content:"\e696"}.ti-info:before{content:"\e697"}.ti-infinite:before{content:"\e698"}.ti-id-badge:before{content:"\e699"}.ti-hummer:before{content:"\e69a"}.ti-home:before{content:"\e69b"}.ti-help:before{content:"\e69c"}.ti-headphone:before{content:"\e69d"}.ti-harddrives:before{content:"\e69e"}.ti-harddrive:before{content:"\e69f"}.ti-gift:before{content:"\e6a0"}.ti-game:before{content:"\e6a1"}.ti-filter:before{content:"\e6a2"}.ti-files:before{content:"\e6a3"}.ti-file:before{content:"\e6a4"}.ti-eraser:before{content:"\e6a5"}.ti-envelope:before{content:"\e6a6"}.ti-download:before{content:"\e6a7"}.ti-direction:before{content:"\e6a8"}.ti-direction-alt:before{content:"\e6a9"}.ti-dashboard:before{content:"\e6aa"}.ti-control-stop:before{content:"\e6ab"}.ti-control-shuffle:before{content:"\e6ac"}.ti-control-play:before{content:"\e6ad"}.ti-control-pause:before{content:"\e6ae"}.ti-control-forward:before{content:"\e6af"}.ti-control-backward:before{content:"\e6b0"}.ti-cloud:before{content:"\e6b1"}.ti-cloud-up:before{content:"\e6b2"}.ti-cloud-down:before{content:"\e6b3"}.ti-clipboard:before{content:"\e6b4"}.ti-car:before{content:"\e6b5"}.ti-calendar:before{content:"\e6b6"}.ti-book:before{content:"\e6b7"}.ti-bell:before{content:"\e6b8"}.ti-basketball:before{content:"\e6b9"}.ti-bar-chart:before{content:"\e6ba"}.ti-bar-chart-alt:before{content:"\e6bb"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-widgetized:before{content:"\e6ca"}.ti-widget:before{content:"\e6cb"}.ti-widget-alt:before{content:"\e6cc"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-vector:before{content:"\e6d0"}.ti-themify-logo:before{content:"\e6d1"}.ti-themify-favicon:before{content:"\e6d2"}.ti-themify-favicon-alt:before{content:"\e6d3"}.ti-support:before{content:"\e6d4"}.ti-stamp:before{content:"\e6d5"}.ti-split-v-alt:before{content:"\e6d6"}.ti-slice:before{content:"\e6d7"}.ti-shortcode:before{content:"\e6d8"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-pencil-alt2:before{content:"\e6df"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-microphone-alt:before{content:"\e6e3"}.ti-magnet:before{content:"\e6e4"}.ti-line-double:before{content:"\e6e5"}.ti-line-dotted:before{content:"\e6e6"}.ti-line-dashed:before{content:"\e6e7"}.ti-layout-width-full:before{content:"\e6e8"}.ti-layout-width-default:before{content:"\e6e9"}.ti-layout-width-default-alt:before{content:"\e6ea"}.ti-layout-tab:before{content:"\e6eb"}.ti-layout-tab-window:before{content:"\e6ec"}.ti-layout-tab-v:before{content:"\e6ed"}.ti-layout-tab-min:before{content:"\e6ee"}.ti-layout-slider:before{content:"\e6ef"}.ti-layout-slider-alt:before{content:"\e6f0"}.ti-layout-sidebar-right:before{content:"\e6f1"}.ti-layout-sidebar-none:before{content:"\e6f2"}.ti-layout-sidebar-left:before{content:"\e6f3"}.ti-layout-placeholder:before{content:"\e6f4"}.ti-layout-menu:before{content:"\e6f5"}.ti-layout-menu-v:before{content:"\e6f6"}.ti-layout-menu-separated:before{content:"\e6f7"}.ti-layout-menu-full:before{content:"\e6f8"}.ti-layout-media-right-alt:before{content:"\e6f9"}.ti-layout-media-right:before{content:"\e6fa"}.ti-layout-media-overlay:before{content:"\e6fb"}.ti-layout-media-overlay-alt:before{content:"\e6fc"}.ti-layout-media-overlay-alt-2:before{content:"\e6fd"}.ti-layout-media-left-alt:before{content:"\e6fe"}.ti-layout-media-left:before{content:"\e6ff"}.ti-layout-media-center-alt:before{content:"\e700"}.ti-layout-media-center:before{content:"\e701"}.ti-layout-list-thumb:before{content:"\e702"}.ti-layout-list-thumb-alt:before{content:"\e703"}.ti-layout-list-post:before{content:"\e704"}.ti-layout-list-large-image:before{content:"\e705"}.ti-layout-line-solid:before{content:"\e706"}.ti-layout-grid4:before{content:"\e707"}.ti-layout-grid3:before{content:"\e708"}.ti-layout-grid2:before{content:"\e709"}.ti-layout-grid2-thumb:before{content:"\e70a"}.ti-layout-cta-right:before{content:"\e70b"}.ti-layout-cta-left:before{content:"\e70c"}.ti-layout-cta-center:before{content:"\e70d"}.ti-layout-cta-btn-right:before{content:"\e70e"}.ti-layout-cta-btn-left:before{content:"\e70f"}.ti-layout-column4:before{content:"\e710"}.ti-layout-column3:before{content:"\e711"}.ti-layout-column2:before{content:"\e712"}.ti-layout-accordion-separated:before{content:"\e713"}.ti-layout-accordion-merged:before{content:"\e714"}.ti-layout-accordion-list:before{content:"\e715"}.ti-ink-pen:before{content:"\e716"}.ti-info-alt:before{content:"\e717"}.ti-help-alt:before{content:"\e718"}.ti-headphone-alt:before{content:"\e719"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-face-sad:before{content:"\e720"}.ti-credit-card:before{content:"\e721"}.ti-control-skip-forward:before{content:"\e722"}.ti-control-skip-backward:before{content:"\e723"}.ti-control-record:before{content:"\e724"}.ti-control-eject:before{content:"\e725"}.ti-comments-smiley:before{content:"\e726"}.ti-brush-alt:before{content:"\e727"}.ti-youtube:before{content:"\e728"}.ti-vimeo:before{content:"\e729"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-tumblr:before{content:"\e72c"}.ti-skype:before{content:"\e72d"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-rocket:before{content:"\e730"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-microsoft:before{content:"\e733"}.ti-list-ol:before{content:"\e734"}.ti-linkedin:before{content:"\e735"}.ti-layout-sidebar-2:before{content:"\e736"}.ti-layout-grid4-alt:before{content:"\e737"}.ti-layout-grid3-alt:before{content:"\e738"}.ti-layout-grid2-alt:before{content:"\e739"}.ti-layout-column4-alt:before{content:"\e73a"}.ti-layout-column3-alt:before{content:"\e73b"}.ti-layout-column2-alt:before{content:"\e73c"}.ti-instagram:before{content:"\e73d"}.ti-google:before{content:"\e73e"}
        .ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"}.ti-facebook:before{content:"\e741"}.ti-dropbox:before{content:"\e742"}
        .ti-dribbble:before{content:"\e743"}.ti-apple:before{content:"\e744"}.ti-android:before{content:"\e745"}.ti-save:before{content:"\e746"}
        .ti-save-alt:before{content:"\e747"}.ti-yahoo:before{content:"\e748"}.ti-wordpress:before{content:"\e749"}.ti-vimeo-alt:before{content:"\e74a"}
        .ti-twitter-alt:before{content:"\e74b"}.ti-tumblr-alt:before{content:"\e74c"}.ti-trello:before{content:"\e74d"}.ti-stack-overflow:before{content:"\e74e"}
        .ti-soundcloud:before{content:"\e74f"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-reddit:before{content:"\e752"}
        .ti-pinterest-alt:before{content:"\e753"}.ti-microsoft-alt:before{content:"\e754"}.ti-linux:before{content:"\e755"}.ti-jsfiddle:before{content:"\e756"}
        .ti-joomla:before{content:"\e757"}.ti-html5:before{content:"\e758"}.ti-flickr-alt:before{content:"\e759"}
        .ti-drupal:before{content:"\e75b"}.ti-dropbox-alt:before{content:"\e75c"}.ti-css3:before{content:"\e75d"}.ti-rss:before{content:"\e75e"}.ti-rss-alt:before{content:"\e75f"}
        .ti-access:before{content:"\e693"; font-family:'themify';/* content: url(../images/icon_blog.svg); */font-weight:800;color: #d00e00;}
        .ti-email:before{content:"\e75a"; font-family:'themify';/* content: url(../images/icon_blog.svg); */font-weight:800;color: #d00e00;}
        .ti-message:before{content:"\e645"; font-family:'themify';/* content: url(../images/icon_blog.svg); */font-weight:800;color: #d00e00;}
        
        








  
    /*FontAwesome　*/
   [class*=" ti-"],[class^=ti-]{font-family: FontAwesome;speak:none;font-style:normal;font-weight:400;font-size: large;font-variant:normal;
    text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
   .ti-wand:before{content:"\e600"}.ti-volume:before{content:"\e601"}
   .ti-user:before{content:"\e602"}.ti-unlock:before{content:"\e603"}
   .ti-unlink:before{content:"\e604"}.ti-trash:before{content:"\e605"}
   .ti-thought:before{content:"\e606"}.ti-target:before{content:"\e607"}
   .ti-tag:before{content:"\e608"}.ti-tablet:before{content:"\e609"}
   .ti-star:before{content:"\e60a"}.ti-spray:before{content:"\e60b"}
   .ti-signal:before{content:"\e60c"}.ti-shopping-cart:before{content:"\e60d"}
   .ti-shopping-cart-full:before{content:"\e60e"}.ti-settings:before{content:"\e60f"}
   .ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}
   .ti-zoom-out:before{content:"\e612"}.ti-cut:before{content:"\e613"}
   .ti-ruler:before{content:"\e614"}.ti-ruler-pencil:before{content:"\e615"}
   .ti-ruler-alt:before{content:"\e616"}.ti-bookmark:before{content:"\e617"}
   .ti-bookmark-alt:before{content:"\e618"}.ti-reload:before{content:"\e619"}
   .ti-plus:before{content:"\e61a"}.ti-pin:before{content:"\e61b"}
   
   .ti-paint-roller:before{content:"\e61e"}.ti-paint-bucket:before{content:"\e61f"}
   .ti-na:before{content:"\e620"}.ti-mobile:before{content:"\e621"}
   .ti-minus:before{content:"\e622"}.ti-medall:before{content:"\e623"}
   .ti-medall-alt:before{content:"\e624"}.ti-marker:before{content:"\e625"}.ti-marker-alt:before{content:"\e626"}.ti-arrow-up:before{content:"\e627"}.ti-arrow-right:before{content:"\e628"}.ti-arrow-left:before{content:"\e629"}.ti-arrow-down:before{content:"\e62a"}.ti-lock:before{content:"\e62b"}.ti-location-arrow:before{content:"\e62c"}.ti-link:before{content:"\e62d"}.ti-layout:before{content:"\e62e"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-key:before{content:"\e631"}.ti-import:before{content:"\e632"}.ti-image:before{content:"\e633"}.ti-heart:before{content:"\e634"}.ti-heart-broken:before{content:"\e635"}.ti-hand-stop:before{content:"\e636"}.ti-hand-open:before{content:"\e637"}.ti-hand-drag:before{content:"\e638"}.ti-folder:before{content:"\e639"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-eye:before{content:"\e63d"}.ti-export:before{content:"\e63e"}.ti-exchange-vertical:before{content:"\e63f"}.ti-desktop:before{content:"\e640"}.ti-cup:before{content:"\e641"}.ti-crown:before{content:"\e642"}.ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-comment-alt:before{content:"\e645"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}
   
   .ti-angle-right:before{content:"\f105"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-camera:before{content:"\e64e"}.ti-announcement:before{content:"\e64f"}.ti-brush:before{content:"\e650"}.ti-briefcase:before{content:"\e651"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-blackboard:before{content:"\e654"}.ti-bag:before{content:"\e655"}.ti-move:before{content:"\e656"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-zip:before{content:"\e664"}
   .ti-world:before{content:"\e665"; font-family:'themify';/* content: url(../images/icon_blog.svg); */font-weight:800;color: #d00e00;}
   .ti-wheelchair:before{content:"\e666"}.ti-view-list:before{content:"\e667"}.ti-view-list-alt:before{content:"\e668"}.ti-view-grid:before{content:"\e669"}.ti-uppercase:before{content:"\e66a"}.ti-upload:before{content:"\e66b"}.ti-underline:before{content:"\e66c"}.ti-truck:before{content:"\e66d"}.ti-timer:before{content:"\e66e"}.ti-ticket:before{content:"\e66f"}.ti-thumb-up:before{content:"\e670"}.ti-thumb-down:before{content:"\e671"}.ti-text:before{content:"\e672"}.ti-stats-up:before{content:"\e673"}.ti-stats-down:before{content:"\e674"}.ti-split-v:before{content:"\e675"}.ti-split-h:before{content:"\e676"}.ti-smallcap:before{content:"\e677"}.ti-shine:before{content:"\e678"}.ti-shift-right:before{content:"\e679"}.ti-shift-left:before{content:"\e67a"}.ti-shield:before{content:"\e67b"}.ti-notepad:before{content:"\e67c"}.ti-server:before{content:"\e67d"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-pulse:before{content:"\e680"}.ti-printer:before{content:"\e681"}.ti-power-off:before{content:"\e682"}.ti-plug:before{content:"\e683"}.ti-pie-chart:before{content:"\e684"}.ti-paragraph:before{content:"\e685"}.ti-panel:before{content:"\e686"}.ti-package:before{content:"\e687"}.ti-music:before{content:"\e688"}.ti-music-alt:before{content:"\e689"}.ti-mouse:before{content:"\e68a"}.ti-mouse-alt:before{content:"\e68b"}.ti-money:before{content:"\e68c"}.ti-microphone:before{content:"\e68d"}.ti-menu:before{content:"\e68e"}.ti-menu-alt:before{content:"\e68f"}.ti-map:before{content:"\e690"}.ti-map-alt:before{content:"\e691"}.ti-loop:before{content:"\e692"}.ti-location-pin:before{content:"\e693"}.ti-list:before{content:"\e694"}.ti-light-bulb:before{content:"\e695"}.ti-Italic:before{content:"\e696"}.ti-info:before{content:"\e697"}.ti-infinite:before{content:"\e698"}.ti-id-badge:before{content:"\e699"}.ti-hummer:before{content:"\e69a"}.ti-home:before{content:"\e69b"}.ti-help:before{content:"\e69c"}.ti-headphone:before{content:"\e69d"}.ti-harddrives:before{content:"\e69e"}.ti-harddrive:before{content:"\e69f"}.ti-gift:before{content:"\e6a0"}.ti-game:before{content:"\e6a1"}.ti-filter:before{content:"\e6a2"}.ti-files:before{content:"\e6a3"}.ti-file:before{content:"\e6a4"}.ti-eraser:before{content:"\e6a5"}.ti-envelope:before{content:"\e6a6"}.ti-download:before{content:"\e6a7"}.ti-direction:before{content:"\e6a8"}.ti-direction-alt:before{content:"\e6a9"}.ti-dashboard:before{content:"\e6aa"}.ti-control-stop:before{content:"\e6ab"}.ti-control-shuffle:before{content:"\e6ac"}.ti-control-play:before{content:"\e6ad"}.ti-control-pause:before{content:"\e6ae"}.ti-control-forward:before{content:"\e6af"}.ti-control-backward:before{content:"\e6b0"}.ti-cloud:before{content:"\e6b1"}.ti-cloud-up:before{content:"\e6b2"}.ti-cloud-down:before{content:"\e6b3"}.ti-clipboard:before{content:"\e6b4"}.ti-car:before{content:"\e6b5"}.ti-calendar:before{content:"\e6b6"}.ti-book:before{content:"\e6b7"}.ti-bell:before{content:"\e6b8"}.ti-basketball:before{content:"\e6b9"}.ti-bar-chart:before{content:"\e6ba"}.ti-bar-chart-alt:before{content:"\e6bb"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-widgetized:before{content:"\e6ca"}.ti-widget:before{content:"\e6cb"}.ti-widget-alt:before{content:"\e6cc"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-vector:before{content:"\e6d0"}.ti-themify-logo:before{content:"\e6d1"}.ti-themify-favicon:before{content:"\e6d2"}.ti-themify-favicon-alt:before{content:"\e6d3"}.ti-support:before{content:"\e6d4"}.ti-stamp:before{content:"\e6d5"}.ti-split-v-alt:before{content:"\e6d6"}.ti-slice:before{content:"\e6d7"}.ti-shortcode:before{content:"\e6d8"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-pencil-alt2:before{content:"\e6df"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-microphone-alt:before{content:"\e6e3"}.ti-magnet:before{content:"\e6e4"}.ti-line-double:before{content:"\e6e5"}.ti-line-dotted:before{content:"\e6e6"}.ti-line-dashed:before{content:"\e6e7"}.ti-layout-width-full:before{content:"\e6e8"}.ti-layout-width-default:before{content:"\e6e9"}.ti-layout-width-default-alt:before{content:"\e6ea"}.ti-layout-tab:before{content:"\e6eb"}.ti-layout-tab-window:before{content:"\e6ec"}.ti-layout-tab-v:before{content:"\e6ed"}.ti-layout-tab-min:before{content:"\e6ee"}.ti-layout-slider:before{content:"\e6ef"}.ti-layout-slider-alt:before{content:"\e6f0"}.ti-layout-sidebar-right:before{content:"\e6f1"}.ti-layout-sidebar-none:before{content:"\e6f2"}.ti-layout-sidebar-left:before{content:"\e6f3"}.ti-layout-placeholder:before{content:"\e6f4"}.ti-layout-menu:before{content:"\e6f5"}.ti-layout-menu-v:before{content:"\e6f6"}.ti-layout-menu-separated:before{content:"\e6f7"}.ti-layout-menu-full:before{content:"\e6f8"}.ti-layout-media-right-alt:before{content:"\e6f9"}.ti-layout-media-right:before{content:"\e6fa"}.ti-layout-media-overlay:before{content:"\e6fb"}.ti-layout-media-overlay-alt:before{content:"\e6fc"}.ti-layout-media-overlay-alt-2:before{content:"\e6fd"}.ti-layout-media-left-alt:before{content:"\e6fe"}.ti-layout-media-left:before{content:"\e6ff"}.ti-layout-media-center-alt:before{content:"\e700"}.ti-layout-media-center:before{content:"\e701"}.ti-layout-list-thumb:before{content:"\e702"}.ti-layout-list-thumb-alt:before{content:"\e703"}.ti-layout-list-post:before{content:"\e704"}.ti-layout-list-large-image:before{content:"\e705"}.ti-layout-line-solid:before{content:"\e706"}.ti-layout-grid4:before{content:"\e707"}.ti-layout-grid3:before{content:"\e708"}.ti-layout-grid2:before{content:"\e709"}.ti-layout-grid2-thumb:before{content:"\e70a"}.ti-layout-cta-right:before{content:"\e70b"}.ti-layout-cta-left:before{content:"\e70c"}.ti-layout-cta-center:before{content:"\e70d"}.ti-layout-cta-btn-right:before{content:"\e70e"}.ti-layout-cta-btn-left:before{content:"\e70f"}.ti-layout-column4:before{content:"\e710"}.ti-layout-column3:before{content:"\e711"}.ti-layout-column2:before{content:"\e712"}.ti-layout-accordion-separated:before{content:"\e713"}.ti-layout-accordion-merged:before{content:"\e714"}.ti-layout-accordion-list:before{content:"\e715"}.ti-ink-pen:before{content:"\e716"}.ti-info-alt:before{content:"\e717"}.ti-help-alt:before{content:"\e718"}.ti-headphone-alt:before{content:"\e719"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-face-sad:before{content:"\e720"}.ti-credit-card:before{content:"\e721"}.ti-control-skip-forward:before{content:"\e722"}.ti-control-skip-backward:before{content:"\e723"}.ti-control-record:before{content:"\e724"}.ti-control-eject:before{content:"\e725"}.ti-comments-smiley:before{content:"\e726"}.ti-brush-alt:before{content:"\e727"}.ti-youtube:before{content:"\e728"}.ti-vimeo:before{content:"\e729"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-tumblr:before{content:"\e72c"}.ti-skype:before{content:"\e72d"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-rocket:before{content:"\e730"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-microsoft:before{content:"\e733"}.ti-list-ol:before{content:"\e734"}.ti-linkedin:before{content:"\e735"}.ti-layout-sidebar-2:before{content:"\e736"}.ti-layout-grid4-alt:before{content:"\e737"}.ti-layout-grid3-alt:before{content:"\e738"}.ti-layout-grid2-alt:before{content:"\e739"}.ti-layout-column4-alt:before{content:"\e73a"}.ti-layout-column3-alt:before{content:"\e73b"}.ti-layout-column2-alt:before{content:"\e73c"}
   
   .ti-instagram:before{content:"\f16d";/* content: url(../images/icon_insta.svg); */font-weight: normal;color: #aaaaaa;}
   .ti-blog:before{content:"\f044";/* content: url(../images/icon_blog.svg); */font-weight: normal;color: #aaaaaa;}
   .ti-twitter:before{content:"\f099";/* content: url(../images/icon_blog.svg); */font-weight: normal;color: #aaaaaa;}
   /* .ti-phone:before{content:"\f098"; font-weight:'themify';color: #d00e00;}  */
   .ti-phone:before{content: url(../img/icon_phone.svg)} 
   
   
   .ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"}
   
   .ti-facebook:before{content:"\f09a";/* content: url(../images/icon_fb.svg); */color: #aaaaaa;}
   
   .ti-phone:before{content: url(../images/icon_phone.svg) }
   .ti-snow:before{content:"\f2dc"}
   .ti-ski_1:before{position: absolute;top: 18%;left: 10px;content: "";display:block;height: 35px;width: 35px;background-size: 35px 35px;
   background-image: url(../images/icon_ski_1.svg);background-repeat: no-repeat;}
   .ti-ski_2:before{position: absolute;top: 18%;left: 10px;content: "";display:block;height: 35px;width: 35px;background-size: 35px 35px;
   background-image: url(../images/icon_ski_2.svg);background-repeat: no-repeat;}
   .ti-ski_3:before{
   position: absolute;
   top: 18%;
   left: 10px;
   content: "";
   display:block;
   height: 35px;
   width: 35px;
   background-size: 35px 35px;
   background-image: url(../images/icon_ski_3.svg);
   background-repeat: no-repeat;
   }
   /* English */
   .ti-lang-en:before{content: url(../images/icon_language.svg) }
   .ti-lang-en-alt:before{content: url(../images/icon_language.svg) }
   
   .ti-lang-ja:before{content: url(../images/icon_japan.svg) }
   
   .ti-dropbox:before{content:"\e742"}.ti-dribbble:before{content:"\e743"}.ti-apple:before{content:"\e744"}.ti-android:before{content:"\e745"}.ti-save:before{content:"\e746"}
   .ti-save-alt:before{content:"\e747"}.ti-yahoo:before{content:"\e748"}.ti-wordpress:before{content:"\e749"}.ti-vimeo-alt:before{content:"\e74a"}
   .ti-twitter-alt:before{content:"\e74b"}.ti-tumblr-alt:before{content:"\e74c"}.ti-trello:before{content:"\e74d"}.ti-stack-overflow:before{content:"\e74e"}
   .ti-soundcloud:before{content:"\e74f"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-reddit:before{content:"\e752"}
   .ti-pinterest-alt:before{content:"\e753"}.ti-microsoft-alt:before{content:"\e754"}.ti-linux:before{content:"\e755"}.ti-jsfiddle:before{content:"\e756"}
   .ti-joomla:before{content:"\e757"}.ti-html5:before{content:"\e758"}.ti-flickr-alt:before{content:"\e759"}.ti-email:before{content:"\e75a"}
   .ti-drupal:before{content:"\e75b"}.ti-dropbox-alt:before{content:"\e75c"}.ti-css3:before{content:"\e75d"}.ti-rss:before{content:"\e75e"}
   .ti-rss-alt:before{content:"\e75f"}
   
/* English */
.ti-lang-en:before{content: url(../images/icon_language.svg) }
.ti-lang-en-alt:before{content: url(../images/icon_language.svg) }


/* ul.inner2 li a */
 .navArea ul.navi .subNav ul.inner2 li a {display: block;margin: 0;padding: 0;height: 60px;color: #fff;line-height: 0;position: relative;text-align: left;}
 .navArea ul.navi .subNav ul.inner2 li a:after { display:none; }
 .navArea ul.navi .subNav ul.inner2 li a:hover { color:#fff; }

/* .txtArea */
.navArea ul.navi .subNav ul.inner2 li a .txtArea {font-size: 15px;line-height: 60px;text-align: left;padding-left: 30px;position:relative;letter-spacing:2px;}

.navArea ul.navi .subNav ul.inner2 li a .txtArea:before { 
position:absolute; top:0; 
right:20px; bottom:0; 
color:#fff; font-size:12px; 
line-height:60px; font-family: 'themify'; 
content:"\e61a"; 
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}

.navArea ul.navi .subNav ul.inner2 li a:hover .txtArea:before { 
color: #fff; content: "\e649"; 
-webkit-transform:translate(5px,0);
-moz-transform:translate(5px,0);
-o-transform:translate(5px,0);
-ms-transform:translate(5px,0);
transform:translate(5px,0);}


@keyframes show{from{opacity:0}to{opacity:1}}@-moz-keyframes show{from{opacity:0}to{opacity:1}}@-webkit-keyframes show{from{opacity:0}to{opacity:1}}@-o-keyframes show{from{opacity:0}to{opacity:1}}@-ms-keyframes show{from{opacity:0}to{opacity:1}}

/* ======== #header .contactArea ======== */
.snsArea {position: absolute;top: 5px;right: 20px;z-index:2;text-align: right;}
.autofix_sb.fixed .snsArea {top: 7px;right: 30px;}

@media only screen and (max-width: 800px) {

  .snsArea {position: absolute;top: 0px;right: 20px;z-index:2;}
}


/* .snsArea ul */
.snsArea ul {font-size:0;display:inline-block;text-align: right;}
.snsArea ul li {display:inline-block;margin:0;text-align:center;height: 20px;}
.snsArea ul li a {display:block;width: 30px;height: 40px;font-size:15px;font-size: 18px;color:#111;font-weight:normal;position:relative;z-index:0;}
.snsArea ul li a i { line-height:30px; }
.snsArea ul li a:hover { font-size:18px; color:#016c6e;}
.snsArea ul li a:hover i { -webkit-transform: rotate(360deg) scale(1.1);-moz-transform: rotate(360deg) scale(1.1);-o-transform: rotate(360deg) scale(1.1);-ms-transform: rotate(360deg) scale(1.1);transform: rotate(360deg) scale(1.1);}
.snsArea ul li a.youtube { font-size:18px; }
.snsArea ul li a.youtube:hover { font-size:23px;}

/* ul.blog */

/* ul.blog */
#header .snsArea ul.blog { position:relative; z-index:1; margin-left:10px; padding-left:18px; }
#header .snsArea ul.blog:before { position:absolute; top:10px; left:0; bottom:10px; width:0; content:""; border-left:#111 1px dotted; z-index:-1; }
#header .snsArea ul.blog li a { width:auto; height:30px; font-size:12px; font-family: 'Catamaran', sans-serif; font-weight:400; letter-spacing:1.5px; position:relative; z-index:2; }
#header .snsArea ul.blog li a:hover {color:#006c6e;font-weight:500}
#header .snsArea ul.blog li a i { font-size:14px; line-height:30px; font-weight:normal; padding-right:3px; }
#header .snsArea ul.blog li a:before { position:absolute; bottom:2px; left:0; right:0; height:0; content:""; border-bottom:#ddd 1px dotted; z-index:-2;}
#header .snsArea ul.blog li a:after { position:absolute; bottom:2px; left:0; right:100%; height:0; content:""; border-bottom:transparent 1px solid; z-index:-1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#header .snsArea ul.blog li a:hover:after{ right:0; border-bottom:#fff 1px solid; }



.snsArea ul.blog {position:relative;display: block;z-index:1;margin-left: 8px;padding-left: 10px;}
.snsArea ul.blog:before { position:absolute; top:10px; left:0; bottom:10px; width:0; content:""; border-left:#111 1px dotted; z-index:-1; }
.snsArea ul.blog li a {width:auto;height:30px;font-size: 18px;font-family: 'Catamaran', sans-serif;font-weight:400;letter-spacing:1.5px;position:relative;z-index:2;}
.snsArea ul.blog li a:hover {color:#006c6e;font-weight:500}
.snsArea ul.blog li a i { font-size:14px; line-height:30px; font-weight:normal; padding-right:3px; }
.snsArea ul.blog li a:before { position:absolute; bottom:2px; left:0; right:0; height:0; content:""; border-bottom:#ddd 1px dotted; z-index:-2;}
.snsArea ul.blog li a:after { position:absolute; bottom:2px; left:0; right:100%; height:0; content:""; border-bottom:transparent 1px solid; z-index:-1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.snsArea ul.blog li a:hover:after{ right:0; border-bottom:#fff 1px solid; }



/* ======== #header .contactArea ======== */
.contactArea {position: absolute;top: 14px;right: 30px;z-index:2;}
.autofix_sb.fixed .contactArea {top: 7px;right: 30px;}

.contactArea ul { font-size:0; list-style: none; }
.contactArea ul li { display: inline-block; margin: 0; text-align: center;}
.contactArea ul li a { display:block; padding:0 30px 0 45px; height:45px; color:#111; font-size:12px; font-weight:500; letter-spacing:0.5px; line-height:45px; position:relative; z-index:2; }
.contactArea ul li a:hover {color: #717070;background: rgba(167, 208, 227, 0);padding:0 40px 0 45px;}

.contactArea ul li a:before,
.contactArea ul li a:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.contactArea ul li a:before {position:absolute;top:0;right:0px;bottom:0;left:0px;content:"";/* border:#eee 1px solid; */z-index:-1;/* color: #fff; */}
.contactArea ul li a:hover:before { right:0px;left:0px; border:transparent 1px dotted; }
.contactArea ul li a:after {  position:absolute; top:0; right:15px; bottom:0; font-size: 8px; font-family: 'themify'; content: "\e649"; line-height: 45px; font-style: normal; z-index: 1; opacity:0;}
.contactArea ul li a:hover:after { right:10px; opacity:1;}

.contactArea ul li a .icon { position: absolute; top: 0; left: 15px; bottom: 0; width: 20px; z-index: 0; }
.contactArea ul li a .icon:before {color: #fafafa;position:absolute;top:0;left:0;bottom:0;right: 0;font-size:16px;text-align:left;font-family: 'themify';content: "\e75a";font-weight:normal;}

.contactArea ul li a .icon:before {
     position:absolute;
     top:0;
     left:0;
     bottom:0;
     right: 0;
     font-size:16px;
     text-align:left;
     font-family: 'FontAwesome';
     content: "\f003";
     font-weight:normal;
     color: #000;
     }





/*======== #header .phoneArea ======== */
.phoneArea {position: absolute;top: 14px;right: 30px;z-index:2;}
.autofix_sb.fixed .contactArea {top: 7px;right: 30px;}

.phoneArea ul { font-size:0; list-style: none; }
.phoneArea ul li { display: inline-block; margin: 0; text-align: center;}
.phoneArea ul li a { display:block; padding:0 30px 0 45px; height:45px; color:#111; font-size:12px; font-weight:500; letter-spacing:0.5px; line-height:45px; position:relative; z-index:2; }
.phoneArea ul li a:hover {color: #717070;background: rgba(167, 208, 227, 0);padding:0 40px 0 45px;}

.phoneArea ul li a:before,
.phoneArea ul li a:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.phoneArea ul li a:before {position:absolute;top:0;right:0px;bottom:0;left:0px;content:"";/* border:#eee 1px solid; */z-index:-1;/* color: #fff; */}
.phoneArea ul li a:hover:before { right:0px;left:0px; border:transparent 1px dotted; }
.phoneArea ul li a:after {  position:absolute; top:0; right:15px; bottom:0; font-size: 8px; font-family: 'themify'; content: "\e649"; line-height: 45px; font-style: normal; z-index: 1; opacity:0;}
.phoneArea ul li a:hover:after { right:10px; opacity:1;}

.phoneArea ul li a .icon { position: absolute; top: 0; left: 15px; bottom: 0; width: 20px; z-index: 0; }
.phoneArea ul li a .icon:before {color: #fafafa;position:absolute;top:0;left:0;bottom:0;right: 0;font-size:16px;text-align:left;font-family: 'themify';content: "\e75a";font-weight:normal;}
.phoneArea ul li a .icon:before {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right: 0;
    font-size:16px;
    text-align:left;
    font-family: 'FontAwesome';
    content: "\f003";
    font-weight:normal;
    color: #000;
    }




    

/* ==========================================================================
   
   .linkArea

   ========================================================================== */

.linkArea { text-align: center; margin-top: 40px; }

/* .btn  */
.btn {display: inline-block;/* width:275px; */max-width:100%;padding: 0;margin:0 10px;color:#fefefe;background:#111;/* border:#111 1px solid; */font-size: 14px;text-decoration: none;text-align:center;font-weight:500;line-height: 55px;letter-spacing: 1px;position: relative;/* -webkit-border-radius: 5px; */-moz-border-radius: 5px;/* border-radius: 5px; */}
.btn:after { font-family: 'themify'; content: "\e649"; font-size: 10px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 15px; z-index: 1; line-height: 55px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn:hover { color:#111; background: #e5e5e5; border:#e5e5e5 1px solid; }
.btn:hover:after { right: 10px; }

/* .btn2  */
.btn2 {display: inline-block;width:275px;max-width:100%;padding: 0;margin:0 10px;color:#fefefe;background: #da0707;/* border:#111 1px solid; */font-size: 14px;text-decoration: none;text-align:center;font-weight:500;line-height: 55px;letter-spacing: 1px;position: relative;-webkit-border-radius: 25px; -moz-border-radius: 5px;/* border-radius: 5px; */}
.btn2:after { font-family: 'themify'; content: "\e649"; font-size: 10px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 15px; z-index: 1; line-height: 55px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn2:hover { color:#333; background: #e5e5e5; border:#333 1px solid; }
.btn2:hover:after { right: 10px; }

/* .btnBorder */
.btnBorder { color:#111; background:none; }
.btnBorder:hover { color:#a21f24; background:none; border:#e5e5e5 1px solid;}

/* .btnSmall */
.btnSmall {font-size: 13px;line-height:40px;/* width:200px; */max-width:100%;/* border:#111 1px solid; */}
.btnSmall:after { line-height:40px; }
.btnSmall:hover { border:#e5e5e5 1px solid; }

/* .btnSmall2 */
.btnSmall2 {font-size: 13px;line-height:40px;width:200px;max-width:100%;/* border:#111 1px solid; */}
.btnSmall2:after { line-height:40px; }
.btnSmall2:hover { border:#e5e5e5 1px solid; }


/* .btnSmall */
.btnSmallBorder { font-size: 13px; line-height:40px; width:200px; max-width:100%; color:#111; background:none; border:#111 1px solid; }
.btnSmallBorder:after { line-height:40px; }
.btnSmallBorder:hover { color:#a21f24; background: #e5e5e5;background:none; border:#e5e5e5 1px solid; }

/* .btnBlue */
.btnBlue:hover { color:#fefefe; background:#7eccd6; border:#7eccd6 1px solid; }
/* .btnBlueBorder */
.btnBlueBorder:hover { color:#7eccd6; background:#f0fafe;background:none; border:#7eccd6 1px solid; }

/* .btnUpdate */
.btnUpdate {font-size: 13px;line-height: 30px;width:200px;max-width:100%;/* border:#111 1px solid; */border-radius: 5px;}
.btnUpdate:after {line-height: 30px;}
.btnUpdate:hover { border:#e5e5e5 1px solid; }




@media only screen and (max-width: 800px) {
.linkArea { margin-top: 30px; }

/* .btn  */
.btn { margin:10px 1% 0; font-size: 13px;line-height: 50px; width:275px; max-width:100%; }
.btn:after { line-height: 50px; right: 10px;}

.btn:hover { color:#fefefe; background:#111; border:#111 1px solid; }


/* .btn2  */
.btn2 { margin:10px 1% 0; font-size: 13px;line-height: 50px; width:275px; max-width:100%; }
.btn2:after { line-height: 50px; right: 10px;}

.btn2:hover { color:#333; background:#ddd; border:#ddd 1px solid; }

/* .btnBorder */
.btnBorder:hover { color:#111; background:none; border:#111 1px solid;}
/* .btnSmall */
.btnSmall { line-height:45px; width:220px; max-width:100%; }
.btnSmall:after { line-height:45px; }
.btnSmall:hover { border:#111 1px solid; }
}

/* .btnSmall2 */
.btnSmall2 { line-height:45px; width:220px; max-width:100%; }
.btnSmall2:after { line-height:45px; }
.btnSmall2:hover { border:#fefefe 1px solid; }
}

@media only screen and (max-width: 738px) {
.linkArea { margin-top: 25px; }
/* .btn  */
.btn { font-size: 13px;line-height: 45px; width:250px; max-width:100%; }
.btn:after { line-height: 45px; }
.btnSmall { line-height:40px; width:180px; max-width:100%; }
.btnSmall:after { line-height:40px; }
}

@media only screen and (max-width: 414px) {
.btn { font-size: 12px; width:230px; }	
}

/* .btn2  */
.btn2 {font-size: 15px;line-height: 45px;width:250px;max-width:100%;}
.btn2:after { line-height: 45px; }
.btnSmall2 {line-height: 50px;width: 250px;max-width:100%;}
.btnSmall2:after { line-height:40px; }
}

@media only screen and (max-width: 414px) {
.btn2 { font-size: 12px; width:230px; }	
}



/* Read more */
.read-more{margin: 15px 3px;display: inline-block;width:180px;max-width:100%;color:#111;border:#111 1px solid;font-size: 14px;line-height:40px;text-align: center;letter-spacing: 1px;position: relative;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.read-more:after { font-family: 'themify'; content: "\e649"; font-size: 10px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 15px; z-index: 1; -webkit-transition: right 0.3s ease; -moz-transition:right 0.3s ease; transition: right 0.3s ease; }
.read-more:hover { color:#fff; border:#9E9E9E 1px solid; background:#111; }
.read-more:hover:after { right: 10px; }

@media only screen and (max-width: 800px) {
.read-more{ margin-top:15px;font-size: 13px;}*
.read-more:after { right: 10px;}	
.read-more:hover { color:#fff; border:#111 1px solid;background:#111; }
}
@media only screen and (max-width: 738px) {
.read-more { margin-top: 10px; width:140px;font-size: 12px; line-height:30px;border:none; border:#111 1px solid; font-size: 12px; line-height:30px; text-align: center;letter-spacing: 1px; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.read-more:after,
.read-more:hover:after{ right: 10px;}	
}


.buttons-coll {
    width: 100%;
    margin: 50px auto;
    text-align: center;
  }
  button {
    /* margin: 20px; */
  }
  .custom-btn {
    padding: 10px 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    background: transparent;
    outline: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    font-size: 13px;
  }
  /**** BTN No. 1 ****/
  .btn-1 {
    border: 2px solid #000;
  }
  .btn-1:hover {
    background: #000;
    color: #fff;
  }
  .btn-1:active {
    top: 2px;
  }
  
  /**** BTN No. 2 ****/
  .btn-2 {
    border: none;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
  }
  .btn-2:before,
  .btn-2:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-2:before {
    height: 0%;
    width: 2px;
  }
  .btn-2:after {
    width: 0%;
    height: 2px;
  }
  .btn-2:hover:before {
    height: 100%;
  }
  .btn-2:hover:after {
    width: 100%;
  }
  
  /**** BTN No. 3 ****/
  .btn-3 {
    width: 130px;
    height: 40px;
    line-height: 42px;
    padding: 0;
    border: none;
  }
  .btn-3 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .btn-3:before,
  .btn-3:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-3:before {
    height: 0%;
    width: 2px;
  }
  .btn-3:after {
    width: 0%;
    height: 2px;
  }
  .btn-3:hover:before {
    height: 100%;
  }
  .btn-3:hover:after {
    width: 100%;
  }
  .btn-3 span:before,
  .btn-3 span:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-3 span:before {
    width: 2px;
    height: 0%;
  }
  .btn-3 span:after {
    width: 0%;
    height: 2px;
  }
  .btn-3 span:hover:before {
    height: 100%;
  }
  .btn-3 span:hover:after {
    width: 100%;
  }
  
  /**** BTN No. 4 ****/
  .btn-4 {
    width: 130px;
    height: 40px;
    line-height: 42px;
    padding: 0;
    border: none;
  }
  .btn-4 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .btn-4:before,
  .btn-4:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-4:before {
    height: 50%;
    width: 2px;
  }
  .btn-4:after {
    width: 20%;
    height: 2px;
  }
  .btn-4:hover:before {
    height: 100%;
  }
  .btn-4:hover:after {
    width: 100%;
  }
  .btn-4 span:before,
  .btn-4 span:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-4 span:before {
    width: 2px;
    height: 50%;
  }
  .btn-4 span:after {
    width: 20%;
    height: 2px;
  }
  .btn-4 span:hover:before {
    height: 100%;
  }
  .btn-4 span:hover:after {
    width: 100%;
  }
  
  /**** BTN No. 5 ****/
  .btn-5 {
    width: 130px;
    height: 40px;
    line-height: 42px;
    padding: 0;
    border: none;
  }
  .btn-5 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .btn-5:before,
  .btn-5:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-5:before {
    height: 50%;
    width: 2px;
  }
  .btn-5:after {
    width: 20%;
    height: 2px;
  }
  .btn-5:hover:before {
    height: 100%;
  }
  .btn-5:hover:after {
    width: 100%;
  }
  .btn-5 span:before,
  .btn-5 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-5 span:before {
    width: 2px;
    height: 50%;
  }
  .btn-5 span:after {
    width: 20%;
    height: 2px;
  }
  .btn-5 span:hover:before {
    height: 100%;
  }
  .btn-5 span:hover:after {
    width: 100%;
  }
  
  /**** BTN No. 6 ****/
  .btn-6 {
    width: 130px;
    height: 40px;
    line-height: 42px;
    padding: 0;
    border: none;
  }
  .btn-6 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .btn-6:before,
  .btn-6:after {
    position: absolute;
    content: "";
    height: 0%;
    width: 2px;
    background: #000;
  }
  .btn-6:before {
    right: 0;
    top: 0;
    transition: all 0.1s ease;
  }
  .btn-6:after {
    left: 0;
    bottom: 0;
    transition: all 0.1s 0.2s ease;
  }
  .btn-6:hover:before {
    transition: all 0.1s 0.2s ease;
    height: 100%;
  }
  .btn-6:hover:after {
    transition: all 0.1s ease;
    height: 100%;
  }
  .btn-6 span:before,
  .btn-6 span:after {
    position: absolute;
    content: "";
    background: #000;
  }
  .btn-6 span:before {
    left: 0;
    top: 0;
    width: 0%;
    height: 2px;
    transition: all 0.1s 0.1s ease;
  }
  .btn-6 span:after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
  }
  .btn-6 span:hover:before {
    width: 100%;
  }
  
  /**** BTN No. 7 ****/
  .btn-7 {
    border: 2px solid #000;
    transition: all 0.3s ease;
    background: #f2f2f2;
  }
  .btn-7:before {
    position: absolute;
    content: " ";
    z-index: -1;
    width: 25%;
    top: 50%;
    left: -15%;
    height: 2px;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-7:hover {
    background: #000;
    color: #fff;
    border-color: #000;
    padding-left: 30px;
    padding-right: 20px;
  }
  .btn-7:hover:before {
    left: -10%;
  }
  
  /**** BTN No. 8 ****/
  .btn-8 {
    padding-left: 30px;
    padding-right: 20px;
    background: #f2f2f2;
    border: 2px solid #000;
    transition: all 0.3s ease;
  }
  .btn-8:before {
    position: absolute;
    content: " ";
    z-index: -1;
    width: 25%;
    top: 50%;
    left: -10%;
    height: 2px;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-8:hover {
    background: #000;
    color: #fff;
    border-color: transparent;
    padding-left: 25px;
    padding-right: 25px;
  }
  .btn-8:hover:before {
    left: -15%;
  }
  
  /**** BTN No. 9 ****/
  .btn-9 {
    background: #f2f2f2;
    border: 2px solid #000;
    transition: all 0.3s ease;
  }
  .btn-9:before,
  .btn-9:after {
    position: absolute;
    content: " ";
    z-index: -1;
    width: 25%;
    top: 50%;
    height: 2px;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-9:before {
    left: -10%;
  }
  .btn-9:after {
    right: -10%;
  }
  .btn-9:hover {
    background: #000;
    color: #fff;
  }
  .btn-9:hover:before {
    left: -15%;
  }
  .btn-9:hover:after {
    right: -15%;
  }
  
  /**** BTN No. 10 ****/
  .btn-10 {
    background: #f2f2f2;
    border: 2px solid #000;
    transition: all 0.3s ease;
  }
  .btn-10:before,
  .btn-10:after {
    position: absolute;
    content: " ";
    z-index: -1;
    width: 25%;
    top: 50%;
    height: 2px;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-10:before {
    left: -15%;
  }
  .btn-10:after {
    right: -15%;
  }
  .btn-10:hover {
    background: #000;
    color: #fff;
  }
  .btn-10:hover:before {
    left: -10%;
  }
  .btn-10:hover:after {
    right: -10%;
  }
  
  /**** BTN No. 11 ****/
  .btn-11 {
    background: #f2f2f2;
    border: 2px solid #000;
    transition: all 0.3s ease;
  }
  .btn-11:before,
  .btn-11:after {
    position: absolute;
    content: " ";
    z-index: -1;
    width: 25%;
    top: 50%;
    height: 2px;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-11:before {
    left: -10%;
  }
  .btn-11:after {
    right: -10%;
  }
  .btn-11:hover {
    background: #000;
    color: #fff;
  }
  .btn-11:hover:before {
    left: 0%;
  }
  .btn-11:hover:after {
    right: 0%;
  }
  
  
  /**** BTN No. 12 ****/
  .btn-12 {
    border: 2px solid #000;
    z-index: 1;
  }
  .btn-12:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-12:hover {
    color: #fff;
  }
  .btn-12:hover:after {
    top: 0;
    height: 100%;
  }
  .btn-12:active {
    top: 2px;
  }
  
  
  /**** BTN No. 13 ****/
  .btn-13 {
    border: 2px solid #000;
    z-index: 1;
  }
  .btn-13:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-13:hover {
    color: #fff;
  }
  .btn-13:hover:after {
    top: auto;
    bottom: 0;
    height: 100%;
  }
  .btn-13:active {
    top: 2px;
  }
  
  /**** BTN No. 14 ****/
  .btn-14 {
    border: 2px solid #000;
    z-index: 1;
  }
  .btn-14:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-14:hover {
    color: #fff;
  }
  .btn-14:hover:after {
    left: 0;
    width: 100%;
  }
  .btn-14:active {
    top: 2px;
  }
  
  
  /**** BTN No. 15 ****/
  .btn-15 {
    border: 2px solid #000;
    z-index: 1;
  }
  .btn-15:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    direction: rtl;
    z-index: -1;
    background: #000;
    transition: all 0.3s ease;
  }
  .btn-15:hover {
    color: #fff;
  }
  .btn-15:hover:after {
    left: auto;
    right: 0;
    width: 100%;
  }
  .btn-15:active {
    top: 2px;
  }