/*=============* Bootstrap *=============*/
@import url(bootstrap.css);
/*=============* Google Fonts *=============*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Raleway:100,200,300,700,800,900);
/*=============* FontAwesome *=============*/
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
/*=============* Hover *=============*/
@import url(hover.css);

/*! Themes */

html,
body {
  height: 100%;
  width: 100%;
}


/*! Body theme */
body { background: #000000; }

/*! Typography */
p,a,h1,h2,h3,h4,h5,h6 { 
	font-family: "Open Sans", sans-serif;
	color: #ffffff;
}

a:hover,
a:active,
a:focus {
    outline: none;
    color: #ffffff;
    text-decoration: none;
}

.preload-data {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}

img.center-block {
    max-width: 100%;
    position:relative
}
img.icon {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
}

/*! Header */
.header {
	position: fixed;
    top: 0;
    left:0;
    right: 0;
	width: 700px;
    height: 60px;
    margin: 0 auto;
    background: url(../img/bg-menu.png) repeat;
    border: 5px solid #708539;
    border-top-width: 0px;
    overflow: hidden;
    z-index: 600;
    -webkit-border-bottom-right-radius: 10px;
     -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
         -moz-border-radius-bottomleft: 10px;
            border-bottom-right-radius: 10px;
             border-bottom-left-radius: 10px;
}
.header:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border: 2px solid #ffffff;
    border-top-width: 0px;
    pointer-events: none;
    -webkit-border-bottom-right-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
         -moz-border-radius-bottomleft: 5px;
            border-bottom-right-radius: 5px;
             border-bottom-left-radius: 5px;
}
.header a {
	display: inline-block;
    width: auto;
    padding: 12px 12.7px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 300;
    -webkit-transition: all 0.25s ease-out;
       -moz-transition: all 0.25s ease-out;
         -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
}
.header a:hover { background: #46541e; }

/* Modals */


/* Sections */
.slides-container {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	overflow: scroll;
	opacity: 0;
    -webkit-transition: all .5s ease-out;
       -moz-transition: all .5s ease-out;
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;	
}
/* Loading fade */
.slides-container.loaded {
    opacity: 1;
}
/* Sections rows */
.slides-container .section-row {
	width: 500%;
	height: 100%;
	min-width: 500%;
	min-height: 100%;
	background: #000000;
}

.section-row .section-slide,
.section-row .section-slide-block {
	height: 100%;
	min-height: 100%;
	position: relative;
}

/** testing **/
.section-row .section-slide h1 {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	width: 400px;
	height: 200px;
	font-size: 100px;
	margin: auto;
	font-family: "Open Sans", sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
}


/* Top 1 column */
.section-top .section-slide {
    width: 20%;
    margin: 0px auto;
    float: left;
}
/* Middle  3 columns */
.section-middle .section-slide {
	float: left;
    width: 33.3334%;
    width: 20%;
}
.section-middle .section-slide-block {
    float: left;
    width: 10%;
}
/* Bottom  5 columns */
.section-bottom .section-slide {
	float: left;
	width: 20%;
}

/** Colors; For testing **/
section.black { background: #000000; }
section.blue { background: #2196F3; }
section.red { background: #EC1D18; }
section.pink { background: #FF2B5D; }
section.pistachio { background: #AFCF26; }

/*==========================
    Sections' Main content 
  ==========================*/
.section-slide .slide-content:before,
.section-slide .slide-content:after,
.slide-content .slide-body:before,
.slide-content .slide-body:after,
.slide-content .slide-footer:before,
.slide-content .slide-footer:after,
.modal-dialog:before,
.modal-dialog:after {
    display: table;
    content: ""
}
.section-slide .slide-content:after,
.slide-content .slide-body:after,
.slide-content .slide-footer:after,
.modal-dialog:after {
    clear: both;
}

.section-slide .slide-content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    max-width: 900px;
    z-index: 1;
}
.slide-content .slide-header {
    margin-top: 70px;
    background-image: url(../img/modal-header.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    text-align: left;
    padding-left: 50px;
    margin-right: -21px;
    margin-left: -15px;
}
.slide-content .slide-body {
    position: relative;
    padding: 10px;
    background: url(../img/bg-section.png) repeat;
    padding-bottom: 20px;
    z-index: 5;
}
.slide-content .slide-body .text {
    padding: 15px 10px 15px 30px;
    background-image: url(../img/bg-slide-text.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.slide-content .slide-body .text p, 
.slide-content .slide-body .text a,
.modal-body .text p, 
.modal-body .text a {
    color: #000000;

}
.slide-content .slide-body .max-height-300,
.modal-body .max-height-300 {
    max-height: 330px;
}
.slide-content .slide-title {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 6px;
}
.slide-content .images {
    position: relative;
    margin-top: 110px;
}
.slide-content .images img,
.modal-dialog .images img {
    position: absolute;
    width: 111%;
    border: 4px solid #ffffff;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.slide-content .slide-show {
    position: relative;
    z-index: 6;
    top: 10px;
}
.slide-content .slide-show > .img-1 {
    width: 120%;
}
.slide-content .images > .img-1,
.modal-dialog .images > .img-1,
.slide-content .images > .slide-show .img-1,
.modal-dialog .images > .slide-show .img-1 {
    z-index: 6;
    top: 10px;
    -webkit-transform: perspective(999px) rotate(-6deg);
       -moz-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
         -o-transform: rotate(-6deg);
            transform: perspective(999px) rotate(-6deg);
    box-shadow: -2px 1px 16px;
}
.slide-content .images > .img-2,
.modal-dialog .images > .img-2 {
    z-index: 4;
    top: 130px;
    width: 80%;
    left: 60px;
    -webkit-transform: perspective(999px) rotate(3deg);
       -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: perspective(999px) rotate(3deg);
        box-shadow: -2px 1px 16px;
}
.slide-content .images > .img-3,
.modal-dialog .images > .img-3 {
    z-index: 2;
    top: 190px;
    width: 70%;
    right: -30px;
    -webkit-transform: perspective(999px) rotate(-2deg);
       -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
         -o-transform: rotate(-2deg);
            transform: perspective(999px) rotate(-2deg);
}
.slide-title > img {
    display: inline;
    width: 30px;
    margin-top: -10px;
}
.slide-content .slide-footer {
    padding: 30px 10px 10px;
    width: 102%;
    margin-left: -1.4%;
    background: url(../img/bg-slide-footer.png) no-repeat;
    background-size: 100%;
}

/*=====================
    Directional Links
  =====================*/
.direction-links {
    text-align: center;
}
.direction-links > div {
    float: left;
    width: 33.3334%;
    position: relative;
}
.direction-links .link, 
.aside-links .link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webki-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
       -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
           transition-duration: 0.3s;
}
.aside-links {
    position: absolute;
    height: 100px;
    width: 130%;
    top: 50%;
    margin-top: -20px;
    left: -15%;
    z-index: -1;
}
.aside-links .link {
/*    background: #404F31;
    border: 3px solid #ffffff;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;*/
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: -1;
}
.aside-links .link.right {
    padding-left: 160px;
    padding-right: 40px;
    background-image: url(../img/button_next.png);
    float: right;
}
.aside-links .link.left {
    padding-left:  40px;
    padding-right: 160px;
    background-image: url(../img/button_previous.png);
    float: left;
}
.aside-links .link .fa {
    position: absolute;
    height: 14px;
    width: 20px;
    bottom: 0px;
    top: 0px;
    margin:auto;
}
.aside-links .link.right .fa {
    right: 10px;
}
.aside-links .link.left .fa {
    left: 10px;
}
/*================
    HOME SECTION
  ================*/
#home p.lead {
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 45px;
    margin-top: 0px;
}
#home .link {
    width: 90px;
    height: 90px;
    font-size: 36px;
    margin-bottom: 40px;
    background: #809B3C;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#home .link:before,
#home .link:after {
    content: "";
    position: absolute;
    display: block;
}
#home .link:before {
    height: 70px;
    width: 70px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #495724;
    border: 4px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgba(255,255,255,1);
    z-index: -2;
}
#home .link:after {
    content: "";
    position: absolute;
    background: transparent;
    width: 0;
    height: 0;
    border-left: 29px solid transparent;
    border-right: 29px solid transparent;
    border-top: 30px solid #809B3C;
    bottom: -19px;
    left: 16px;
    z-index: -20;
}
/*==========
    Lines 
  ==========*/
.section-top {
    margin-bottom: 480px;
}
.section-middle {
    margin-bottom: 600px;
}
.animation-img {
    display: block;
    position: absolute;
}
#home .animation-img,
.section-middle .slide-footer .animation-img {
    display: block;
    position: absolute;
    top: 200px;
    width: 560px;
    height: 716px;
    background-repeat: no-repeat;

}
#home .animation-img {
    background-size: 100%;
}
.section-middle .slide-footer .animation-img {
    display: none;
}
.section-slide.selected .animation-img {
    display: block;
}
#home .animation-img:before,
.section-middle .animation-img:before {
    display: block;
    content: "";
    opacity:0;
    position: absolute;
    top: 0px;
    background-repeat: no-repeat;
}
#home .animation-img.first {
    background-image: url(../img/lines/line1.png);
    background-repeat: no-repeat;
    left: -560px;
    height: 561px;
    width: 716px;
}
#home .animation-img.first:before {
    background-image: url(../img/lines/animation_1.gif);
    right: 0;
    height: 147px;
    width: 183px;
}
#home .animation-img.middle {
    background-image: url(../img/lines/line_intproperty.jpg);
    width: 218px;
    height: 541px;
    left: 140px;
}
#home .animation-img.middle:before {
    background-image: url(../img/lines/animationdown_2.gif);
    left: -8px;
    top: 14px;
    height: 147px;
    width: 183px;
}
#home .animation-img.last {
    background-image: url(../img/lines/line3.png);
    left: 0140px;
    width: 1100px;
}
#home .animation-img.last:before {
    background-image: url(../img/lines/animation_3.gif);
    left: 0; 
    top: 0;
    height: 147px;
    width: 183px;
}
.animation-img.hover:before {
    opacity: 1 !important;
}
.section-middle .slide-footer .animation-img {
    top: 110px;
}
.section-middle .slide-footer .animation-img.first {
    background-image: url(../img/lines/line4-2.png);
    background-position: top right;
    right: 15px;
    height: 480px;
    width: 600px;  
}
.section-middle .slide-footer .animation-img.middle {
    background-image: url(../img/lines/line2-2.png);
    right: 90px;
    height: 380px;
    width: 150px;
}
.section-middle .slide-footer .animation-img.last {
    background-image: url(../img/lines/line5-2.png);
    background-position: left top;
    left: 35px;
    height: 390px;
    width: 600px;
}
.section-middle .slide-footer .animation-img.first:before {
    background-image: url(../img/lines/animationdown_1.gif);
    height: 175px;
    right: 62px;
    width: 283px;
    top: 13px;
}
.section-middle .slide-footer .animation-img.middle:before {
    background-image: url(../img/lines/animationdown_2_section.gif);
    height: 193px;
    width: 79px;
    right: -4px;
    top: 40px;  
}
.section-middle .slide-footer .animation-img.last:before {
    background-image: url(../img/lines/animationdown_3_section.gif);
    height: 175px;
    width: 283px;
    left: 41px;
    top: 11px;  
}


.section-slide:not(#home) .direction-links .link .icon {
    width: 20px;
}
#home .link > img {
    max-width: 100%;
    margin: auto;
    display: block;
    margin-top: 24px;
}
#home .direction-links p {
    color: #88A246;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 26px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}


/*=== Sub Sections ===*/
#consulting---services,
#package---product---dev,
#property---services {
    display: none;
}

/* Download Link */
.download-link {
    display: block;
    overflow: hidden;
    float: right;
    width: 170px;
    padding:4px;
}
.download-link > .fa {
    display: block;
    -webkit-transform: perspective(999px) rotate(-20deg);
       -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
         -o-transform: rotate(-20deg);
            transform: perspective(999px) rotate(-20deg);
}
.download-link span {
    display: block;
    float: left;
}
.download-link span {
    width: 100px;
}
.download-link:hover span,
.download-link:hover .fa {
    text-shadow: 0px 0px 2px rgba(255,255,255,1);
}

/*======================
    Middle Row Section
  ======================*/
.section-middle .direction-links .link {
    background-color: transparent;
    background-image: url(../img/section_button.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 14px;
    padding-bottom: 16px;
    padding-left: 4px;
    padding-right: 4px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 104px;
    position: relative;
}
.section-middle .direction-links .link .fa {
    position: absolute;
    height: 14px;
    width: 20px;
    bottom: -52px;
    top: 0px;
    right: 0;
    left: 0;
    margin:auto;
}
.section-middle .direction-links .link > p {
    margin-bottom: 0px;
    font-size: 12px;
}
/*===============
    Back Button
  ===============*/
.btn-back-container {
    position: relative;
}
.btn-back {
	display: inline-block;
    position: absolute;
	height: 60px;
	width: 60px;
    cursor: pointer;
    background: url(../img/button_back.png) no-repeat;
    float: right;
    right: 0;
    top: 0;
}

/*
.btn-back:before {
    content: "";
    display: block;
    position: absolute;
    bottom:0;
    width: 560px;
    height: 716px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: -1px;
}
*/

.btn-back,
.btn-back:hover,
.btn-back:focus,
.btn-back:active {
    outline: none;
    border: none;
}
.btn-back .fa {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
}






/*==========
    Modals 
  ==========*/

#modal-markets .modal-content {
margin-left:100px;
margin-right:100px;
}


#modal-about .modal-body .text {
     padding:15px 30px 15px 50px;
}


#modal-resources .modal-body .text {
    padding:15px 10px 15px 25px;
}

#modal-case-studies .modal-body .text {
    padding:15px 10px 15px 25px;
}

#modal-markets .modal-body .text {
    padding:15px 10px 15px 25px;
}



#modal-case-studies .modal-title {
    padding-left:20px;
}

#modal-resources .modal-title {
    padding-left:20px;
}

#modal-markets .modal-title {
    padding-left:20px;
}

.modal.in .modal-dialog {
/*    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);*/
    top: 50%;
}
.modal-content {
    overflow: hidden;
    background: transparent !important;
    border: 1px solid transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.modal-content p,
.modal-content a,
.modal-content a:hover,
.modal-content a:active,
.modal-content a:focus {
    color: #000000;
}
.modal-content .modal-header {
    background-image: url(../img/bg-modal-header.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px 20px;
    text-align: left;
    border-bottom: none;

    box-shadow: 0px 0px 10px rgba(000,000,000,1);
}
.modal-content .modal-body {
    background: url(../img/bg-section.png) repeat;
}
.modal-body .text {
    padding: 15px 10px 15px 50px;
    background-image: url(../img/bg-slide-text.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.modal-dialog .images {
    position: relative;
    margin-top: 64px;
}
.modal-title {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 300;
    color: #ffffff;
    padding-left:45px;
}
.modal-body {
    background: #CFD8B6;
}
.modal-body.min-height-300,
.text.min-height-300 {
    min-height: 300px;
}
.modal-body.max-height-400 {
    overflow-y: scroll;
    max-height: 400px;
}

#about p.lead {
    font-size: 24px;
    line-height: 34px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
}

/* Modal Close Button */
.btn-close {
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    cursor: pointer;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #ffffff;
    float: right;
    background-image: url(../img/button_close.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    outline: none;
}
.btn-close,
.btn-close:active,
.btn-close:focus,
.btn-close:hover {
    outline: none;
}
.btn-close > span {
    display: none;
}

/* FAQs */
.accordion {
    width: 100%;
    margin: 0 auto;
}
.accordion > article {
    width: 100%;
    margin-bottom: 4px;
    overflow: hidden;
}
.accordion a[data-action="faq-open"] {
    cursor: pointer;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    margin-bottom: 10px;  
}
.accordion > article > div {
    padding: 10px;
    display: none;
}
.accordion article.active > div {
  display: block;
}
.accordion .fa {
    color: #5A6F24;
}

/* Case Studies */
.case-study {
    margin-bottom: 20px;
}
.case-study h4 {
    font-weight: bold;
    color: #000000;
}
.row {
    margin-left: 0px;
    margin-right: 0px;
}
.case-study-img {
    position: absolute;
    top: 10px;
    left: 0px;
    background-size: cover;
    background-repeat: no-repeat;

    float: none;
    height: 101px;
    width: 78px;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1); 
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    -webkit-transform-origin: left top;
       -moz-transform-origin: left top;
        -ms-transform-origin: left top;
         -o-transform-origin: left top;
            transform-origin: left top;
}
.case-study-img:hover {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);    
}
.case-study-img > a {
    text-indent: -10000px;
    width: 100%;
    display: block;
    height: 100%;
}
.case-study-details {
    margin-left: 88px;
}


/** Scrollbar Theme **/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:focus { 
    background: #4c592a !important;
    border-radius: 14px;
    width: 8px;
}
.mCSB_scrollTools .mCSB_draggerRail{
    background: #d3d9c1 !important;
    border: 0px none #ffffff;
    border-radius: 0px;
    width: 8px;
} 

/*=========== Second Row back buttons ===========*/
#home-package-product-development .btn-back {
    right: 50px;
}
#home-package-product-development .btn-back-container .animation-img {
    background-image: url(../img/lines/line1-1.png);
    background-position: left bottom;
    left: 780px;
    height: 300px;
    width: 360px;
    z-index: -1;
    bottom: -60px;
}
#home-property-service .btn-back {
    right: 230px;
}
#home-property-service .btn-back-container .animation-img {
    background-image: url(../img/lines/line_intproperty-1.jpg);
    background-position: bottom;
    width: 218px;
    height: 300px;
    bottom: -50px;
    right: 240px;
    z-index: -1;
}
#home-consulting-service .btn-back {
    right: 0;
    top: 0;
    left: 0;
    margin: auto;
}
#home-consulting-service .btn-back-container .animation-img {
    background-image: url(../img/lines/line3-1.png);
    background-position: bottom right;
    width: 310px;
    height: 300px;
    bottom: -50px;
    z-index: -1;
    left: 170px;
}

/*=========== 3rd Row ===========*/
/* First slides */
#package-product-dev---product .btn-back,
#property-services---patent .btn-back,
#consulting-services---quality .btn-back {
    right: 230px;
}
/** Image **/
#package-product-dev---product .btn-back-container .animation-img,
#property-services---patent .btn-back-container .animation-img,
#consulting-services---quality .btn-back-container .animation-img {
    background-image: url(../img/lines/line4-1.png);
    background-position: bottom left; 
    left: 290px;
    z-index: -1;
    width: 260px;
    height: 300px;
    bottom: -30px;

}
/* Middle slides */
#package-product-dev---design .btn-back,
#property-services---witness .btn-back,
#consulting-services---analysis .btn-back {
    right: 330px;
}
/** Image **/
#package-product-dev---design .btn-back-container .animation-img,
#property-services---witness .btn-back-container .animation-img,
#consulting-services---analysis .btn-back-container .animation-img {
    background-image: url(../img/lines/line2-1.png);
    background-position: bottom;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
    right: 0;
    left: 0;
    margin-left: 100px;
    bottom: -40px;  
    z-index: -1; 
}

/* Last slides */
#package-product-dev---fabrication .btn-back,
#property-services---development .btn-back,
#consulting-services---classes .btn-back {
    right: 300px;
}
/** Image **/
#package-product-dev---fabrication .btn-back-container .animation-img,
#property-services---development .btn-back-container .animation-img,
#consulting-services---classes .btn-back-container .animation-img {
    background-image: url(../img/lines/line5-3.png);
    background-position: bottom right;
    z-index: -1;
    width: 300px;
    height: 300px;
    right: 0;
    left: 0px;
    bottom: -40px;
    margin-left: -30px;
}

/** CSS3 Gradiant 
.CSSshadow {
    position: absolute;
    width: 100%;
    height: 100%;
}
.CSSshadow.bottom {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(90deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: -o-linear-gradient(90deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: -ms-linear-gradient(90deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: linear-gradient(180deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    bottom: 0;
    right: 0;
    left: 0;
}
.CSSshadow.bottom-right {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(46deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: -webkit-linear-gradient(46deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: -o-linear-gradient(46deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: -ms-linear-gradient(46deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: linear-gradient(136deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    bottom: 0;
    left: 0;
}
.CSSshadow.bottom-left {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(135deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: -webkit-linear-gradient(135deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: -o-linear-gradient(135deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: -ms-linear-gradient(135deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    background: linear-gradient(225deg, rgb(0, 0, 0) 40%, rgba(255, 255, 255, 0.0) 100%);
    bottom: 0;
    right: 0;
}

.CSSshadow.top {
    top: 0;
    right: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(270deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: -webkit-linear-gradient(270deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: -o-linear-gradient(270deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: -ms-linear-gradient(270deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: linear-gradient(0deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
}
.CSSshadow.top-right {
    top: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(315deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: -webkit-linear-gradient(315deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: -o-linear-gradient(315deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: -ms-linear-gradient(315deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: linear-gradient(45deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
}
.CSSshadow.top-left {
    top: 0;
    right: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(225deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: -webkit-linear-gradient(225deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: -o-linear-gradient(225deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: -ms-linear-gradient(225deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
    background: linear-gradient(315deg, rgb(0, 0, 0) 60%, rgba(255, 255, 255, 0.0) 100%);
}**/