/*
Z-indexes:
1000 overlay
*/

html,body{
    color:white;
}

* {
    //font-family:'Myriad Pro', sans-serif;
    //font-family: 'Open Sans', sans-serif;
    //font-family: 'Noto Serif', sans-serif;
    font-family:'Roboto', Roboto, sans-serif;
	margin: 0;
}
html, body {
	height: 100%;
    min-height:400px;
}

.loading .wrapper {
    visibility:hidden;
}
.loading .footer {
    visibility:hidden;
}

.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -220px; /* the bottom margin is the negative value of the footer's height */
    padding-top:50px;
}
@media only screen and (min-width:1921px){
    .wrapper {
        max-width:1280px;
        xpadding-top:61px;
        xpadding-bottom:16px;
    }
}
.footer, .push {
	height: 220px; /* .push must be the same height as .footer */
}

.max {
    max-width:900px;
}

.default-container {
    max-width:1024px;
    margin: 0 auto;
    color:black;
    padding-top:24px;
}

.showup {
    opacity:0;
}

.form-response {
    display:inline-block;
    padding-left:6px;
    padding-right:6px;
}

a:link,a:visited,a:active,a:hover{
    color:white;
    text-decoration:none;
}

a:hover{
    color:#AAAAAA;
    cursor:pointer;
}

.link-white:link, .link-white:active, .link-white:visited, .link-white:hover {
    text-decoration:underline;
    color:white;
}

.link-alt:link,.link-alt:visited,.link-alt:active,.link-alt:hover{
    color:#7192b2;
    text-decoration:none;
}

.link-alt:hover{
    color:#94b2e2;
}

.leftgap {
    margin-left:12px;
}

.clearfix {
    clear:both;
}

.line-break {
    clear:both;
    width:100%;
    height:1px;
    background:rgba(0,0,0,0.20);
    margin-bottom:24px;
}

/* Buttons */

.btn-outline {
    border: solid 2px #212121;
    border-radius: 4px;
    color: #212121;
    background:none;
    transition:.1s ease-in;
}

.btn-outline:visited, btn-outline:hover, btn-outline:link, btn-ouline:active {
    color:#212121;
}

.btn-outline-alt {
    border: solid 2px #EFEFEF;
    border-radius: 3px;
    color: #EFEFEF;
    background:none;
    transition:.1s ease-in;
}

.btn-outline-alt:hover {
    color:white;
    border-color:#AEAEAE;
}

.btn-outline-alt:visited, .btn-outline-alt:active, .btn-outline-alt:link {
    color:white;
}

.news-buttons {
    margin-top:24px;
    float:right;
}

.news-buttons .btn {
    margin-bottom:4px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.nav-hidden > .wrapper > .navbar {
    top:-51px;
    xdisplay:none;
}

.nav-hidden > .wrapper {
    xpadding-top:0;
}

.navbar-brand>img {
    width:24px;
}

.navbar-inverse .navbar-nav>li>a {
    color:#DEDEDE;
}

.top-anim {
    transition:top .1s ease-in;
}

@media only screen and (min-width:768px){
    .navbar-expanded {
    text-transform:uppercase;
    font-size:12px;
    border:none;
    background:none;
    padding:24px;
    font-size:14px;
    }

    .navbar-expanded .navbar-nav>li>a {
    color:white;
    }

    .navbar-expanded .navbar-nav>li {
    transition:background .1s ease-in;
    }

    .navbar-expanded .navbar-nav>li:hover {
    background:rgba(255,255,255,0.2);
    }
}



/* Basic Page */
/*
.nav {
    display:inline-block;
    list-style-type: none;
}

.nav li {
    float:left;
    margin-right:12px;
    transition:.2s ease-in;
}

.nav li.separator {
    width:1px;
    height:20px;
    background:rgba(255, 255, 255, 0.21);
}
*/
/*
.nav li > i {
    transition: .15s ease-in;
}

.nav li:hover > i {
    font-size:16px;
}
*/

.nav:hover li {
    color:#AAAAAA;
}

.nav li:hover {
    color:white;
}

.header i {
    margin-right:6px;
}

#back-to-top {
    width:50px;
    height:50px;
    border-radius:50%;
    border: solid 2px rgba(255,255,255,0.5);
    position:fixed;
    right:10px;
    bottom:10px;
    z-index:1010;
    text-align:center;
    padding-top:6px;
    font-size:24px;
    box-shadow:rgba(0,0,0,0.75) 0px 0px 6px;
    text-shadow:rgba(0,0,0,0.75) 0px 0px 6px;
    display:none;
    opacity:0;
}

#back-to-top.shown {
    display:block;
    opacity:0.5;
}
/*
.pagination li {
    background:#232323;
    padding:8px;
    color:white;
    cursor:pointer;
    transition: background .1s ease-in;
    min-width:30px;
    float:left;
    text-align:center;
    margin:2px;
}

.pagination li:hover {
    background:#434343;
}

.pagination li.active {
    background: #D80000;
    cursor:default;
}*/

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color:#bc0000;
    border-color:#d20000;
}

.pagination>li>a, .pagination>li>span {
    color:#424242;
}

#page-title {
    display:none;
}

.notice {
    width:400px;margin:0 auto;border: solid grey 2px;padding: 24px;border-radius: 8px;margin-bottom:24px;
}

.background{
    z-index:-1;
    position:fixed;
    width:100%;
    height:500px;
    background-position:center;
    background-size:cover;
    background-image:url('/img/2033578384.jpg');
}

.header{
    z-index:998;
    position:fixed;
    width:100%;
    height:36px;
    background:#232323;
    padding-left:16px;
    padding-right:16px;
    transition: background .1s ease-in;
}

.header:after{
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    border-bottom: 2px rgba(0,0,0,0.5) solid;
}

.header.changed {
    background:#BA0202;
}

.header-info {
    margin:0 auto;
    max-width:1200px;
    padding-top:9px;
    color:#d3d3d3;
    font-size:12px;
}

.header-second {
    z-index:1050;
    top:0;
    height:53px;
    width:100%;
    position:fixed;
    pointer-events:none;
    display:none;
}

/*.header-second {
    z-index:999;
    top:0;
    height:57px;
    width:100%;
    position:absolute;
    pointer-events:none;
}*/

.top-bar {
    pointer-events:auto;
    margin:0 auto;
    background-size:100% auto;
    width:400px;
    height:100%;
    background-image:url('/img/TopBarAlt.png');
    background-size:100% auto;
    background-repeat:no-repeat;
    padding:12px;
    padding-left:50px;
    padding-right:50px;
    
    transition: ease-in 0.05s;
}

.top-bar.expanded {
   border-bottom:solid 2px white;
    width: 100%;
    background: #C10000;
    height: 42px;
    padding-top: 6px;
}

.top-bar > .nav {
    display:none;
}

.top-bar.expanded > .nav {
    display:inline-block;
}

.top-bar.expanded > #search-form {
    display:inline-block;
    float:right;
}

.top-bar.expanded > .lang-switcher {
    display:inline-block;
    float:right;
}

.top-bar input[type='text'] {
    background:#7e0101;
    border:none;
    color:white;
    padding:4px;
    padding-top:6px;
    padding-left:12px;
    font-size:12px;
    width:200px;
    border-radius:4px;
    transition:background .2s ease-in;
}

.top-bar input[type='text']:focus {
    background:white;
    color:black;
}

.lang-switcher {
    list-style-type: none;
    float:right;
    font-size:14px;
    padding:5px;
    margin:0;
}

.lang-switcher li {
    cursor:pointer;
    float:left;
    opacity:0.5;
    padding-left:6px;
    padding-right:6px;
    transition:.2s ease-in;
}

.lang-switcher li.separator {
    cursor:auto;
    background:red;
    width:2px;
    height:17px;
    margin-left:8px;
    margin-right:8px;
    padding:0;
}

.lang-switcher li.active {
    opacity:1;
}

.lang-switcher li:hover {
    background:rgba(255,255,255,.4);
}

/* Wrapper */

/*.wrapper {
    position:relative;
    width:100%;
    display:block;
    padding-bottom:130px;
}*/

.container {
    display: block;
    position:relative;
    max-width:900px;
}

.home-frame {
    position:relative;
    width:100%;
    overflow:hidden;
    xbox-shadow:black 0px 0px 4px;
}

/*.featured-image {
    z-index:0;
    top:0;
    left:0;
    width:100%;
    position:absolute;
}*/

.featured-image {
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:absolute;
    xbackground-position:center;
    xbackground-size:cover;
    xbackground-image:url('/img/bg0sm.jpg');
    background-position:bottom;
    background-size:cover;
    background-image:url('/img/stock_temp/pexels-photo-106344.jpeg');
    transition:background .4s ease-in;
}

.feature-image > .shade {
    background:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
}

.slideshow {
    position:relative;
    z-index:2;
    padding-top:50px;
    width:100%;
    height:420px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.74) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bd000000',GradientType=0 ); /* IE6-9 */

}

.logo {
    display:block;
    width:200px;
    margin:0 auto;
}

@media only screen and (max-width:768px){
    .logo {
        width:100px;
    }
}

.logo-text {
    padding:8px;
    font-size:24px;
    text-align:center;
    xmargin-bottom:32px;
    margin-bottom:16px;
    //border-bottom:1px rgba(255, 255, 255, 0.24) solid;
    text-shadow:0 0 3px black;
    font-family:'Tahoma';
}

.logo-separator {
    width:100%;
    height:1px;
    background:rgba(255, 255, 255, 0.24);
}

.company-desc {
    text-align:center;
    //font-family: 'Noto Serif', sans-serif;
    font-size:14px;
    margin:0 auto;
    text-shadow:0 0 3px black;
}

.content {
    position:relative;
    width:100%;
    min-height:600px;
    background:white;
}

.graphic1 {
    background-image:url('/img/graphic1alt.png');
    background-size:100% auto;
    position:absolute;
    left:-20px;
    bottom:-62px;
    width:152px;
    height:200px;
    z-index:1;
    xopacity:0.5;
}

.graphic2 {
    background-image:url('/img/graphic2alt.png');
    background-size:100% auto;
    position:absolute;
    right:0;
    bottom:-52px;
    width:134px;
    height:200px;
    z-index:1;
    xopacity:0.5;
}

.graphic3 {
    background-image:url('/img/graphic3.png');
    background-size:100% auto;
    position:absolute;
    left:0;
    bottom:0;
    width:136px;
    height:200px;
    z-index:0;
}

.graphic4 {
    background-image:url('/img/graphic4.png');
    background-size:100% auto;
    position:absolute;
    right:0;
    bottom:0;
    width:180px;
    height:200px;
    z-index:0;
}

.footer {
    background:#0c0c0c;
    width:100%;
    position:relative;
    font-size:12px;
    bottom:0;
    overflow:hidden;
}

.footer ul li {
    color:grey;
}

.footer ul li > a {
    color:grey;
}

.footer ul li > a:hover {
    color:darkgray;
}

.companies {
    padding:24px;
    xcolor:black;
    xbackground-image:url('https://snap-photos.s3.amazonaws.com/img-thumbs/960w/AP8Y8PJPLB.jpg');
    xbackground-position:center;
    xbackground-size:cover;
    color:white;
    background:#292929;
    position:relative;
}

.company-list {
    display:inline-block;
    margin: 0 auto;
    overflow:hidden;
    width:50%;
    min-width:200px;
}

.company-list > a {
    width:20%;
    float:left;
}

.company-list > a > img {
    width:100%;
    height:100%;
    margin:5px;
}

.divs {
    display: block;
    margin: 0 auto;
    padding-top:16px;
    width:60%;
    min-width:400px;
    max-width:900px;
}

.divinfo {
    color:#121212;
    text-align: center;
    margin: 0 auto;
    margin-top: 24px;
    //font-family: 'Noto Serif', sans-serif;
    font-size:13px;
}

.mv{
    padding-top:16px;
    padding-bottom:6px;
}

.mvslide .slick-dots {
}

.mission-and-vision {
    xmargin-top:24px;
    xmargin-bottom:24px;
    position:relative;
    width:100%;
    xheight:100px;
    background-image:url('https://snap-photos.s3.amazonaws.com/img-thumbs/960w/IQB1MLDYDR.jpg');
    background-size:cover;
    background-position:center;
    text-align:center;
    font-size:13px;
    overflow:hidden;
    xbackground:#232323;
    padding:40px;
    padding-left:10px;
    padding-right:10px;
    xbox-shadow:0px 0px 10px black;
    z-index:1;
    position:relative;
    color:black;
}

.backgroundlight {
    position:absolute;
    opacity:0.9;
    background:white;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.big-text {
    font-size:24px;
}

.switcher {
    list-style-type:none;
    display:inline-block;
    margin:0 auto;
    padding:0;
    margin-top:8px;
}

.slick-slide {
    outline: none;
}

.slick-dots {
    xpadding:0;
    padding:6px;
}

.switcher li, slick-dots li {
    cursor:pointer;
    border-radius:50%;
    border: solid 2px white;
    float:left;
    width:10px;
    height:10px;
    margin:2px;
    transition:background .2s ease-in;
}

.mvslide > .slick-dots li {
    border: solid 2px #323232;
}

.mvslide > .slick-dots .slick-active {
    background:#323232;
}

.switcher li.active {
    background:white;
}

.showcase {
    xmax-width:900px;
    margin:0 auto;
    display:block;
    color:#212121;
}

/*.showcase-slide:hover{
    cursor:pointer;
}*/

.showcase-image {
    width:100%;
    height:400px;
    background-position:center;
    background-size:cover;
    position:relative;
    //cursor:pointer;
}

.showcase-info {
    width:100.1%;
    position:absolute;
    xbackground:rgba(0,0,0,0.75);
    background:white;
    bottom:0;
    padding:24px;
}

.showcase-logo, .showcase-text {
    display:inline-block;
}

.showcase-label {
    text-transform:uppercase;
    font-size:200%;
    display:block;
    xcolor:white;
    color:#232323;
    font-weight:lighter;
}

.showcase-desc {
    font-size:100%;
    display:block;
    xcolor:white;
    color:#232323;
}

.showcase-info > table {
    width:100%;
}

.showcase-logo {
    width:80px;
    border-radius:4px;
    background:white;
}

.showcase-info > table tr td:nth-child(1) {
    width:100px;
}

.showcase-info > table tr td:nth-child(3) {
    width:20px;
}

.showcase-btn {
    color:white;
    font-size:24px;
    transition:all .1s ease-in;
}

.showcase-slide:hover .showcase-btn {
    display:inline-block;
    transform:translateX(10px);
}

.showcase-slide {
    margin-bottom:20px;
    padding:0;
    margin:0;
}

.fill {
    width:100%;
    height:100%;
    position:relative;
}

.hide-overflow {
    overflow:hidden;
}

.news {
    xbackground:url('/img/bg0.png');
    background:#292929;
    padding:20px;
    position:relative;
}

.news .slide-arrow-left {
    display:block;
    position:absolute;
}

.socials {
    display:table;
    list-style-type:none;
    margin:0 auto;
    padding:0;
}

.socials li {
    background-size:100% auto;
    background-image:url('/img/social/social_box.png');
    width:40px;
    height:40px;
    float:left;
    margin:2px;
    text-align:center;
    padding-top:8px;
    font-size:20px;
    
    transition: .1s ease-in;
}

.socials li i {
    color:white;
}

.xsocials li:hover{
    width:44px;
    height:44px;
    margin-top:-1px;
}

.socials li:hover{
    background-image:url('/img/social/social_box_alt.png');
}

.socials li:hover i{
    color:#101010;
}

.news-headline {
    font-size:24px;
}

.news-date {
    font-size:12px;
    color:#AAAAAA;
}

.news-body {
    margin-top:12px;
    font-size:18px;
    margin-bottom:12px;
}

.post {
    padding:20px;
}

.slick-dots {
    margin:0 auto;
    list-style-type: none;
    display:table;
}

.slick-dots li {
    cursor:pointer;
    border-radius:50%;
    border: solid 2px white;
    float:left;
    width:10px;
    height:10px;
    margin:2px;
    transition:background .2s ease-in;
}

.news img {
    max-width:100%;
}

.fillwidth {
    width:100%;
}

.headerred {
    border-bottom: #d70000 2px solid;
    padding-bottom: 10px;
}

.headerred > img {
    width: 80px;
    margin-right: 12px;
}

@media only screen and (max-width:768px){
    .slick-dots li {
        width:1.5em;
        height:1.5em;
        margin:5px;
    }
}

.slick-dots button {
    display:none;
}

.slick-dots .slick-active {
    background:white;
}

/* 404 */

.notfound {
    text-align:center;
    color:#121212;
    padding-top:120px;
    padding-bottom:120px;
}

.exclamation {
    text-align:center;
}

.exclamation i {
    margin:0 auto;
    display:inline-block;
    font-size:48px;
    color:#FFBC3E;
}

/* about page */

#map {
    margin:16px auto;
    display:block;
    width:100%;
    background:#EEEEEE;
}

.contact {
    overflow:hidden;
    margin-bottom:12px;
}

.contact-icon {
    border-radius:50%;
    text-align:center;
    padding-top:23px;
    background:#DDDDDD;
    width:100px;
    height:100px;
    font-size:36px;
    color:#4A4848;
    display:inline-block;
    float:left;
}

.contact-info {
    padding:28px;
    float:left;
    display:inline-block;
}

.contact-target {
    font-size:18px;
}

/* Company */

.company-header {
    overflow:auto;
}

@media only screen and (min-width:960px){
    .company-header {
        margin-bottom:24px;
    }
}

.company-logo {
    width:140px;
    display:block;
    margin: 0 auto;
}

.company-logo-sm {
    width:200px;
}

.gallery-image {
    width:100%;
    min-height:240px;
    border-radius:4px;
    border:solid 4px white;
    box-shadow:rgba(0, 0, 0, 0.38) 1px 1px 4px;
    background-size: cover;
    background-position:center;
    margin-bottom:12px;
}

.company-background {
    position:absolute;
    width:100%;
    z-index: -1;
    opacity:0.2;
}

#preview-image {
    width:100%;
}

.modal-close {
    background:#313131;
    padding:11px;
    border-radius:50%;
    position:absolute;
    top:0;
    right:0;
    z-index:1000;
    text-align:center;
    width:60px;
    height:60px;
    margin-right:-15px;
    margin-top:-15px;
    font-size:24px;
    transition: background .1s ease-in;
    cursor:pointer;
    border:none;
}

.modal-close:hover {
    background:#545454;
}

.fill-image {
    color:white;
    width:100%;
    height:300px;
    xmin-height:400px;
    background-size:cover;
    background-position:center;
    position:relative;
    overflow:hidden;
    xtransition:background .5s ease-in;
    margin-bottom:12px;
}


.fill-gradient {
    width:100%;
    height:100%;
    opacity:0.7;
    position:absolute;
    top:30%;
}

.fill-graphic-left {
    xdisplay:none;
    position: absolute;
    width:60%;
    height:20px;
    bottom:0;
    left:0;
}

.fill-label-left {
    position:absolute;
    bottom:0;
    left:0;
    font-size:36px;
    padding:16px;
    text-shadow:rgba(0,0,0,0.3) 1px 1px 2px;
    xbackground:rgba(0, 0, 0, 0.2);
}

.fill-graphic-right {
    xdisplay:none;
    position: absolute;
    width:60%;
    height:20px;
    bottom:0;
    right:0;
    xtransform: scaleX(-1);
}

.fill-label-right {
    position:absolute;
    bottom:0;
    right:0;
    font-size:36px;
    padding:16px;
    text-shadow:rgba(0,0,0,0.3) 1px 1px 2px;
    xbackground:rgba(0, 0, 0, 0.2);
}

/* Property */

.propheader {
    display:inline-block;
    padding-top:30px;
    padding-bottom:30px;
}

.propheader h1 {
    margin-top:0;
}

.steps input[type="file"] {
    border:solid 1px rgba(255, 255, 255, 0.15);
    background:rgba(255, 255, 255, 0.15);
    border-radius:3px;
    padding:12px;
}

.panel-step {
    padding:8px;
    text-align:center;
    border-radius:0;
    color:white;
    xborder-bottom:solid 1px rgba(0, 0, 0, 0.12);
    xborder:solid 5px rgba(255,255,255,0.15);
    text-shadow:0px 0px 1px rgba(0,0,0,0.5);
    background:#2b2b2b;
    xmargin:1px;
    margin-bottom:0;
    height:290px;
    transition:background .2s ease-in;
}

.steps {
    margin-top:24px;
}

.steps-form {
    padding:24px;
    width:100%;
    margin-bottom:24px;
    border:solid 1px rgba(0,0,0,0);
    min-height:100px;
    display:none;
}

.panel-step h3 {
    margin-top:12px;
    padding-bottom:12px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.31);
    border-bottom: solid 1px rgba(0, 0, 0, 0.15);
}
.panel-step p {
    padding:24px;
    padding-top:0;
}
.propiconcontainer {
    margin-top:16px;
    margin-bottom:12px;
}
.propicon {
    font-size:64px;
}
.propertybg {
    text-align:center;
    background-position:center;
    background-image:url('/img/propp.jpg');
    background-size:cover;
    xwidth:100%;
    xheight:300px;
    xpadding:0;
}
[data-step="1"] .propblue, .steps-form-1 {
    background:#7070ff;
    background:#6379ab;
}
[data-step="2"] .proporange, .steps-form-2 {
    background:#ffa71f;
    background:#e68a15;
}
[data-step="3"] .propgreen, .steps-form-3 {
    background:#4ccc4c;
    background:#35c135;
}

[data-step="1"] .steps-form-1 {
    display:block;
}

[data-step="2"] .steps-form-2 {
    display:block;
}

[data-step="3"] .steps-form-3 {
    display:block;
}

@media only screen and (max-width:768px){
    .propinfo {
        display:none;
    }
    .panel-step {
        height:160px;
    }
    .panel-step h3 {
        font-size:100%;
        margin:0px;
        padding-bottom:6px;
    }
    .panel-step .propicon {
        font-size:50px;
    }
}

.property-options {
    text-align:center;
}

.property-option {
    margin:12px auto;
    text-align:center;
    width:100px;
    height:100px;
    padding-top:9px;
    font-size:54px;
    border-radius:50%;
    //border: solid 2px #1179FF;
    border:solid 2px rgba(255, 255, 255, 0.25);
    box-shadow: rgba(0, 0, 0, 0.14) 2px 2px 0px;
    xmargin-bottom:12px;
    color:white;
    text-shadow:rgba(0, 0, 0, 0.23) 3px 3px 0px;
}

.property-block {
	position: relative;
	background: #ffffff;
}
.property-block:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}

/* Maintenance */

.maintenancebg {
    text-align:center;
    background-position:center;
    background-image:url('/img/tools.jpg');
    background-size:cover;
    xwidth:100%;
    xheight:300px;
    xpadding:0;
}

/* Anims */

.btn > i {
    display:inline-block;
}

.btn:hover .icon-long-arrow-right {
    animation: arrow-right 0.8s;
}

.btn:hover .icon-link {
    animation: share-right 0.8s;
}

@-webkit-keyframes arrow-right {
    0%   { transform:translateX(0px); }
    70%   { transform:translateX(10px); }
    71% {opacity:0;}
    80% {opacity:0;transform:translateX(-5px);}
    100%   { opacity: 1; transform:translateX(0px);}
}
@-moz-keyframes arrow-right {
    0%   { transform:translateX(0px); }
    70%   { transform:translateX(10px); }
    71% {opacity:0;}
    80% {opacity:0;transform:translateX(-5px);}
    100%   { opacity: 1; transform:translateX(0px);}
}
@-o-keyframes arrow-right {
    0%   { transform:translateX(0px); }
    70%   { transform:translateX(10px); }
    71% {opacity:0;}
    80% {opacity:0;transform:translateX(-5px);}
    100%   { opacity: 1; transform:translateX(0px);}
}
@keyframes arrow-right {
    0%   { transform:translateX(0px); }
    70%   { transform:translateX(10px); }
    71% {opacity:0;}
    80% {opacity:0;transform:translateX(-5px);}
    100%   { opacity: 1; transform:translateX(0px);}
}

@keyframes share-right {
    0% {transform:rotateZ(0);}
    100% {transform:rotateZ(360deg);}
}