/*FONTS*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600&subset=latin-ext');

@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two&subset=latin-ext');

html {height:100%;}

body {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #ddd;
    background-color: #222;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.blog {height:100%; width: 100%; vertical-align: baseline;}
* {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.clearfix:after {content: ".";
                 display: block;
                 height: 0;
                 clear: both;
                 visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a {color: #b8030e; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
a:hover, a:focus {color: #fff;}
::-moz-selection {color: #fff; background: #a7030d;}
::selection {color: #fff; background: #a7030d;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, 
h5, .h5, h6, .h6 {color: #ccc; font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}

.relative {position: relative;}
.center {text-align: center;}
.upper {text-transform: uppercase;}
.marBot20 {margin-bottom: 20px;}
.marBot30 {margin-bottom: 30px;}
.marTop30 {margin-top: 30px;}
.marTop40 {margin-top: 40px;}
.marTop50 {margin-top: 50px;}
.noborder {border: none;}
.white {color: #fff;}
.nomargin {margin: 0;}
#wrapper {background-color: #333;}

* {box-sizing: border-box;}

/*NAVIGATION INDEX*/
.index-nav {overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 1200; 
            -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.index-nav-right {margin-right: 10px;}
.index-nav-right a {float: right; display: block; text-align: center;
                padding: 20px 16px 10px; text-decoration: none; text-transform: uppercase;}
.index-nav-right a:hover {color: #eee;}
.index-nav-right a i.icon-user, .index-nav-right a i.icon-home,
.index-nav-right a i.icon-organization {font-size: 28px;}
.index-nav-right a i.icon-bubble {font-size: 30px;}
.index-nav-right a span {font-size: 30px;}
.index-nav-left, .index-nav-portal {width: 200px;}
.index-nav-left img, .index-nav-portal img {width: 180px; height: auto;}
.index-nav-left a, .index-nav-portal a {margin-left: 30px; margin-top: 10px; padding: 0; display: block; float: left;}
.menucolor {background: rgba(0,0,0,0.5);}
.index-nav-portal img {opacity: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.index-nav-portal.menulogo img {opacity: 1;}

/*NAVIGATION INTRANET*/
.portal .navbar-transparent {background-color: transparent !important;}
.navbar-transparent {background-color: #fff !important;}
.navbar-inverse.navbar-transparent {border: none;}
.navbar-inverse.navbar-transparent .navbar-brand {border: none;}
.navbar-inverse.navbar-transparent a {color: #222 !important;}
.navbar-inverse.navbar-transparent a:hover {color: #E30614 !important;}
.navbar-nav > li > a, .navbar-nav li a {font: 400 15px/20px 'Roboto', Verdana, sans-serif;}
.log {font: 400 15px/20px 'Roboto', Verdana, sans-serif; text-transform: uppercase;}
.navbar-brand {height: 100px; padding: 15px 30px 0;}
.navbar-brand > img {width: 206px;}
.navbar-inverse.navbar-transparent .sticky-menu.fixed .log {padding: 17.5px 0 17.5px 15px;}
.navbar-inverse.navbar-transparent .sticky-menu.fixed .navbar-brand {padding: 5px 30px 0;}
.navbar-inverse.navbar-transparent .sticky-menu.fixed .navbar-brand > img {width: 170px;}

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle.opened, 
.navbar-inverse .btn-toggle:hover, .navbar-inverse .btn-toggle:focus, 
.navbar-inverse .btn-toggle.opened {background-color: #E30614;}
.navbar-inverse .navbar-toggle .icon-bar, .navbar-inverse .btn-toggle .icon-bar, 
.navbar-inverse .navbar-toggle .icon-bar:after, .navbar-inverse .navbar-toggle .icon-bar:before, 
.navbar-inverse .btn-toggle .icon-bar:after, .navbar-inverse .btn-toggle .icon-bar:before 
{background-color: #fff;}

/*HERO AREA*/
#rain {position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; 
        background: url(../img/rain.gif) repeat top left; z-index: 100;
        opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3;
        filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";}
#film-grain {position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden;
        background: url(../img/film-grain.gif) repeat top left; z-index: 110;
        opacity: 0.1; -moz-opacity: 0.1; -webkit-opacity: 0.1;
        filter: alpha(opacity=10); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}
#shade {position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: 120;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
        background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
        }
.overlay-container .overlay.custom {background-color: #fff; opacity: 0.6;}
.logo-wrapper {position: absolute; width: 80%; height: auto; left: 90px; bottom: 75px; z-index: 130;}
.logo-holder {position: relative; margin: 0; padding: 0;}

.overlay-container {width: 100%; height: 100%; position: relative; display: table;}
.overlay-container .container, .overlay-container .container-fluid {position: relative; z-index: 93;}
.overlay-container .overlay {z-index: 92;}

/*MAIN HEADER*/
.section-head {padding: 0 !important; width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: hidden;}
.iwin-scroll {width: 100%; min-height: 100vh; height: auto; position: relative; overflow: hidden;
    background: transparent; z-index: 1100;}

/*PARALAX + SKEW*/
.section {padding: 0;}
.section .container {position: relative;}
.section1 {position: relative; background-color: transparent; z-index: 1000;}
.bg-wrapper-section1 {position: absolute; right: 0; left: 0; overflow: hidden;
            transform: skewY(-4deg); top: -100px; bottom: 100px;}
.bg-section1 {background: #333; display: table; height: 100%; width: 100%; margin: auto; 
    position: absolute; right: 0; left: 0; top: 100px; bottom: -100px; transform: skewY(4deg);
    background-size: cover; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.section1 .container {text-align: center; position: relative; padding: 200px 0 300px;}
.jumbotron .container {max-width: 100%;}

.section2 {padding: 0; background: transparent; margin-top: -200px;}
.section2 .container {padding: 300px 0; z-index: 150;}
.section2 a {color: #fff;}
.section2 a.index-link {display: flex; padding-left: 90px; position: relative;}
.section2 a.index-link .arrow-right {width: 0; height: 0; border-style: solid; border-width: 50px 0 50px 60px;
    border-color: transparent transparent transparent #E30614; border-style: inset; position: absolute;
    left: 0; bottom: 20px; -webkit-transform: rotate(360deg); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.section2 a.index-link:hover .arrow-right {left: 20px; border-color: transparent transparent transparent #fff;}

.paralax-wrapper {position: absolute; right: 0; left: 0; overflow: hidden; height:100%; width:100%;}
.parallax {height:100%; width:100%; margin: auto; position: absolute; 
            right: 0; left: 0;}
.parallax2-img {background: url(../img/iwin1.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: auto; height: 100%;}
.parallax3-img {background: url(../img/irwin-muric.jpg) top right no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: auto; height: 100%;}
.opcaity {background: rgba(0,0,0,0.2); height: 100%;}

.section3 {padding: 120px 0; margin-top: -200px; position: relative; height: 800px;}
.color-holder {padding: 300px 0; position: absolute; left: 0; right: 0; z-index: 160;}
.color-container {padding: 200px 0 0; z-index: 170;}
.color-div {
    height: 100%;
    width: 200%;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    content: '';
    display: block;
    position: absolute;
    left: -50%;
    top: 0px;
    background: #333;
    -webkit-backface-visibility: hidden; outline: 1px solid transparent;    
    -webkit-transition: all 0.7s ease; transition: all 0.87s ease;}

.section4 {padding: 0; background: transparent; margin-top: -200px; margin-bottom: -200px;}
.section4 .container {padding: 350px 0; z-index: 150;}

section h1 {font-size: 48px;}
section h2 {font-size: 36px;}
.section p {font-size: 20px; line-height: 1.8;}
.btn-more {margin-top: 30px;}
.indexdesc {font-size: 24px;}
.btn-more a {font-size: 24px; text-transform: uppercase; font-weight: 700; 
            font-family: 'Roboto Condensed', sans-serif;}
.btn-more a i {padding-left: 10px;}

.section5 {position: relative; background-color: transparent; z-index: 1000; overflow: hidden;}
.section5 h2 {font-size: 48px; margin-bottom: 60px;}
.section5 .container {text-align: center; position: relative; padding: 300px 0 150px;}
.bg-wrapper-section5 {position: absolute; right: 0; left: 0; overflow: hidden;
            transform: skewY(-4deg); top: 100px; bottom: -100px;}
.bg-section5 {background: #333; display: table; height: 100%; width: 100%; margin: auto; 
    position: absolute; right: 0; left: 0; top: -100px; bottom: 100px; transform: skewY(4deg);
    background-size: cover; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}

.bg-red {background: #6c011a; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.bg-grey {background: #1a1a1a; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.bg-black {background: #111; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.dark-bg {background: rgba(0,0,0,0.3); padding: 80px 50px 30px; height: 500px; min-height: 500px;}


/*BLOG*/
body.blog .section-head {z-index: 0;}
.blog-holder {padding-top: 70px;}
.blogback {padding: 30px 30px 10px; display: flex; justify-content: space-between;}
.blogback2 {padding: 30px 30px 0; display: flex; justify-content: space-between;}
.blogback a, .blogback2 a {text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; 
        font-size: 16px; font-weight: 700; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.blogback a i, .blogback2 a i {padding-left: 10px;}
.blog-wrapper {position: relative; z-index: 150; padding: 50px 0;}
.blog-wrapper a img {-webkit-filter: grayscale(80%) blur(1px) brightness(.5); 
                     filter: grayscale(80%) blur(1px) brightness(.5);
                    -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.blog-wrapper a:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.blog-list {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;
  background: transparent; padding: 60px 50px; margin: 0 1rem; outline: none;
  -webkit-transition: all .5s ease; transition: all .5s ease; 
  color: #fff; font-size: 36px; line-height: 1.2;
  border: solid 7px #888; border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;}
.blog-wrapper a:hover .blog-list {background: rgba(0,0,0,0.3);}
.blog-ins {position: relative; width: 100%; height: 100%; left: 0; right: 0;}
.blog-title {text-transform: uppercase; font-weight: 300; font-family: 'Roboto Condensed', sans-serif;}
.blog-author {font-size: 24px; font-family: 'Shadows Into Light Two', cursive; letter-spacing: 1px;
    -ms-transform: rotate(-92deg); -webkit-transform: rotate(-92deg); transform: rotate(-92deg); 
    position: absolute; left: -125px; bottom: 90px; width: 200px; text-align: left;}
.blog-arrow {width: 0; height: 0; border-style: solid; border-width: 50px 0 50px 60px;
    border-color: transparent transparent transparent #E30614; border-style: inset; 
    position: absolute; right: -40px; bottom: 20px; -webkit-transform: rotate(360deg);
    -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.blog-wrapper a:hover .blog-arrow {right: -48px; border-color: transparent transparent transparent #fd0211;}

.page-back, .page-forward {width: 40px; height: 25px}
.page-back a, .page-forward a {width: 40px; height: 25px; position: relative; display: block;}
.page-back a .arrow-left {width: 0; height: 0; border-style: solid; border-width: 12px 16px 12px 0;
            border-color: transparent #b8030f transparent transparent; position: absolute; left: 0;
            -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.page-back a:hover .arrow-left {left: -6px; border-color: transparent #fff transparent transparent;}
.page-back a:focus .arrow-left {border-color: transparent #fff transparent transparent;}
.page-forward a .arrow-right {width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 16px;
            border-color: transparent transparent transparent #b8030f; position: absolute; right: 0;
            -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.page-forward a:hover .arrow-right {right: -6px; border-color: transparent transparent transparent #fff;}
.page-forward a:focus .arrow-right {border-color: transparent transparent transparent #fff;}

.blog-item-wrapper {position: relative; z-index: 150; padding: 50px 0; background: rgba(0,0,0,0.3);}
.blog-item-wrapper img {-webkit-filter: grayscale(30%) brightness(.8); 
                     filter: grayscale(30%) brightness(.8);}
.blog-item {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;
  background: rgba(0,0,0,0.3); padding: 60px 50px; margin: 0 1rem; outline: none; font-weight: 300;
  -webkit-transition: all .5s ease; transition: all .5s ease;
  color: #fff; font-size: 36px; line-height: 1.2; font-family: 'Roboto', sans-serif;
  border: solid 7px #888; border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;}
.blog-item-arrow {width: 0; height: 0; border-style: solid; border-width: 60px 50px 0 50px;
    border-color: #e30614 transparent transparent transparent; border-style: inset; 
    position: absolute; left: 50px; bottom: -40px; -webkit-transform: rotate(360deg);}
a#blogdown .blog-item-arrow {-webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
a#blogdown:hover .blog-item-arrow {bottom: -50px; border-color: #fd0211 transparent transparent transparent;}

.blog-item-holder {position: relative;}
.blog-item-content {padding: 40px 30px 0;}
.blog-item-content p {line-height: 1.8; margin-bottom: 0;}
.blog-item-content a {font-weight: 700;}
.blog-item-content img {margin: 30px 0;}
.blog-item-content ul {margin: 20px 0; padding-left: 2rem; list-style: disc;}
.blog-item-signature {font-size: 16px; font-style: italic; margin-top: 30px;}
.blog-item-btn a {background-color: #d1020f; padding: 5px 20px; display: block; 
                 margin-left: -50px;}
.blog-item-btn a h2 {color: #fff; margin: 0;}
.blog-item-btn a:hover {background-color: #777;}


/*INTRANET*/
body.sub {background-color: #fff;}
body.sub #supersized-loader {display: none;}
#subwrapper {width: 100%; background-color: #fff;}
.subhead {padding-top: 140px; padding-bottom: 44px;}
.subhead h1 {font-size: 42px; font-weight: 300; margin-bottom: 0;}
.contents {padding-top: 60px; padding-bottom: 100px; background-color: #fff;}
.contents h2 {font-size: 36px; font-weight: 300;}
.contents h3 {font-size: 30px; font-weight: 300;}
.contents h4 {font-size: 24px; font-weight: 300;}
.contents p {margin: 0;}
.contents ul {list-style: disc; margin-left: 1em;}

.area-wysiwyg {margin-bottom: 30px;}

/*OWL CAROUSEL*/
.owl-carousel.owl-loaded {text-align: center; margin: 0 auto;}
.owl-carousel {width: 94%;}
.owl-item {text-align: center;}
.our-partners a {opacity: 1; border: none;}
.our-partners a:hover {opacity: 0.7; border: none;}

.center-nav .owl-prev {left: -40px;}
.center-nav .owl-next {right: -40px;}
.center-nav .owl-prev .arrow-prev {width: 0; height: 0; border-style: solid; border-width: 12px 16px 12px 0;
            border-color: transparent #b8030f transparent transparent;
            -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.center-nav .owl-next .arrow-next {width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 16px;
            border-color: transparent transparent transparent #b8030f;
            -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.gray-nav .owl-prev, .gray-nav .owl-next {background: none; border: none;}
.gray-nav .owl-prev:hover .arrow-prev {border-color: transparent #eee transparent transparent; background: none;}
.gray-nav .owl-next:hover .arrow-next {border-color: transparent transparent transparent #eee; background: none;}
.center-nav .owl-prev, .center-nav .owl-next {margin-top: -10px;}



/* SUPERSIZED */
img { border: none; }
#supersized-loader { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url(../img/supersized-progress.gif) no-repeat center center; z-index: -1; }
#supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; height: 100%; width: 100%; z-index: -999; }
#supersized img { width: auto; height: auto; position: relative; display: none; outline: none; border: none; }
#supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; } /* Speed */
#supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }         /* Quality */
#supersized li { display: block; list-style: none; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: -30; }
#supersized a { width: 100%; height: 100%; display: block; }
#supersized li.prevslide { z-index: -20; }
#supersized li.activeslide { z-index: -10; }
#supersized li.image-loading { background: url(../img/supersized-progress.gif) no-repeat center center; width: 100%; height: 100%; }
#supersized li.image-loading img { visibility: hidden; }
#supersized li.prevslide img, #supersized li.activeslide img { display: inline; }

/*MODAL*/
.modal-content {color: #222; background-color: #fff;}
.modal-header, .modal-footer {color: #222; background-color: transparent;}
.modal-header h2, .modal-header h3, .modal-header h4 {color: #222; font-weight: 500;}
.modal-header .close {color: #e20614; font-size: 36px; background: transparent; opacity: 1;}
.modal-header .close:hover, .modal-header .close:focus {color: #999;}
.modal-footer {border: none;}
.modal-content label {font-weight: 400;}
.btn-default {color: #e20614; background: transparent; border: 2px solid #e20614; font-size: 20px; 
    font-weight: 600; text-transform: uppercase; padding: 9px 16px;
    -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.btn-default:hover {color: #fff; background-color: #e20614; border: 2px solid #e20614;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(254, 218, 220) !important;}
.alert-danger {color: #b8030e; background-color: #fee9ea; border-color: #cc0000;}
.alert-danger .alert-link {color: #b8030e;}

/*FOOTER*/
#footer {font-size: 14px; color:#bbb; z-index: 1500; background-color: #111;
	 border-top: none; padding: 25px 15px; text-align: left; position: relative;}

.footer-sub {z-index: 1500;}
#footer a {color: #E30614; font-weight: 300;}
#footer a:hover {color: #fff;}
ul.copyright li {float: left; display: block; line-height: 14px; margin-right: 7px; padding-right: 7px;}
ul.copyright li span {color: #E30614; font-size: 16px;}
#footer ul.copyright li:after {
    font-family: 'FontAwesome';
    content: "";
    display: block;
    float: right;
    font-size: 4px;
    line-height: 14px;
    margin-left: 10px;
    width: 0;
    color: #a3a3a3;
}
#subfooter {font-size: 14px; color: #888; z-index: 1500; background-color: #eee;
	 border-top: none; padding: 25px 0; text-align: left; position: relative;}
#subfooter a {color: #E30614; font-weight: 300;}
#subfooter a:hover {color: #000;}
#subfooter ul.copyright li:after {
    font-family: 'FontAwesome';
    content: "";
    display: block;
    float: right;
    font-size: 4px;
    line-height: 14px;
    margin-left: 10px;
    width: 0;
    color: #a3a3a3;
}
#footer ul.copyright li:last-child:after, #subfooter ul.copyright li:last-child:after {content: " ";}

/*SCROLL DOWN*/
.scroll-btn {
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 200;
	margin-left: -19px;
	text-align: center;
	line-height: 0;
	transition: border 0.35s ease;
	-webkit-transition: border 0.35s ease;
}

.scroll-btn > span {
	display: inline-block;
	position: relative;
	width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 19px 0 19px;
        border-color: #b8030f transparent transparent transparent;
	-webkit-animation-name: downup;
	animation-name: downup;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	transition: border 0.35s ease;
	-webkit-transition: border 0.35s ease;
}
.scroll-btn:hover > span {border-color: #ddd transparent transparent transparent;}
.scroll-btn:focus > span {border-color: #ddd transparent transparent transparent;}

/*SCROLL TO TOP*/
#scroll-top {background: #555;}
#scroll-top.fixed {bottom: 45px;}
#scroll-top:hover {background: #b8030e;}
#scroll-top i {padding-top: 10px;}

/*KEN BURNS*/
.slideshow {position: absolute; width: 100vw; height: 100vh; overflow: hidden;}
.slideshow-image {position: absolute; width: 100%; height: 100%; background: no-repeat 50% 50%;
  background-size: cover; opacity: 1;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.slideshow-image:nth-child(1) {z-index: 5;
  -webkit-animation-name: kenburns-1; animation-name: kenburns-1;}
.slideshow-image:nth-child(2) {z-index: 4;
  -webkit-animation-name: kenburns-2; animation-name: kenburns-2;}
.slideshow-image:nth-child(3) {z-index: 3;
  -webkit-animation-name: kenburns-3; animation-name: kenburns-3;}

@-webkit-keyframes kenburns-1 {
  0% {opacity: 1; -webkit-transform: scale(1.2) rotate(0.1deg); transform: scale(1.2) rotate(0.1deg);  }
  1.5625% {opacity: 1;}
  30.4375% {opacity: 1;}
  33.5625% {opacity: 0; -webkit-transform: scale(1) rotate(0.1deg); transform: scale(1) rotate(0.1deg);}
  100% {opacity: 0; -webkit-transform: scale(1.2) rotate(0.1deg); transform: scale(1.2) rotate(0.1deg);}
  98.4375% {opacity: 0; -webkit-transform: scale(1.21176) rotate(0.1deg); transform: scale(1.21176) rotate(0.1deg);}
  100% {opacity: 1;}
}
@keyframes kenburns-1 {
  0% {opacity: 1; -webkit-transform: scale(1.2) rotate(0.1deg); transform: scale(1.2) rotate(0.1deg);}
  1.5625% {opacity: 1;}
  30.4375% {opacity: 1;}
  33.5625% {opacity: 0; -webkit-transform: scale(1) rotate(0.1deg); transform: scale(1) rotate(0.1deg);}
  100% {opacity: 0; -webkit-transform: scale(1.2) rotate(0.1deg); transform: scale(1.2) rotate(0.1deg);}
  98.4375% {opacity: 0; -webkit-transform: scale(1.21176) rotate(0.1deg); transform: scale(1.21176) rotate(0.1deg);}
  100% {opacity: 1;}
}
@-webkit-keyframes kenburns-2 {
  23.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);}
  33.5625% {opacity: 1;}
  63.4375% {opacity: 1;}
  66.5625% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);}
  100% {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2);}
}
@keyframes kenburns-2 {
  23.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);}
  33.5625% {opacity: 1;}
  63.4375% {opacity: 1;}
  66.5625% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);}
  100% {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2);}
}
@-webkit-keyframes kenburns-3 {
  63.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);}
  66.5625% {opacity: 1;}
  98.4375% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
  100% {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2);}
}
@keyframes kenburns-3 {
  63.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);}
  66.5625% {opacity: 1;}
  98.4375% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
  100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);}
}