/* Theme Name: Agorà */
@font-face {
    font-family: 'Lato';
    src: url('font-face/Lato-Regular.eot');
    src: url('font-face/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('font-face/Lato-Regular.woff2') format('woff2'),
        url('font-face/Lato-Regular.woff') format('woff'),
        url('font-face/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Caviar Dreams';
    src: url('font-face/CaviarDreams.eot');
    src: url('font-face/CaviarDreams.eot?#iefix') format('embedded-opentype'),
        url('font-face/CaviarDreams.woff2') format('woff2'),
        url('font-face/CaviarDreams.woff') format('woff'),
        url('font-face/CaviarDreams.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Frutiger LT Pro';
    src: url('font-face/FrutigerLTPro-Roman.eot');
    src: url('font-face/FrutigerLTPro-Roman.eot?#iefix') format('embedded-opentype'),
        url('font-face/FrutigerLTPro-Roman.woff2') format('woff2'),
        url('font-face/FrutigerLTPro-Roman.woff') format('woff'),
        url('font-face/FrutigerLTPro-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
textarea{resize : none;}
a:active, a:link, a:visited { outline: none !important;}
a:focus, a:link, a:visited {-moz-outline-style: none !important;}
a, a:hover {text-decoration : none !important;}
table {border-collapse: collapse; border-spacing: 0;}
body, a, input, textarea, label {
    font-family: 'Lato';
    font-size: 14px;
    color : #4d4d4d;
    line-height : 140%;
}
img, fieldset, input, textarea {border : 0px;}
a *{cursor : pointer !important;}
h1,h2,h3,h4,h5{display : block; font-weight : normal;}
.clearer{
    display:block !important;
    height: 0px !important;
    width: 0px !important;
    clear: both !important;
    float: none !important;
}
.left{float: left;}
.right{float: right;}
/* HOMEPAGE */
body{background: #2D3E51;}
.container{
    max-width: 1200px;
    padding: 0px 10px;
    margin: 0 auto;
    position: relative;
}
body, html{height: 100%;min-height: 100%;position: relative;}
#header{height: 100%;background: url(images/header-bg.png) no-repeat right bottom;}
@media only screen and (max-height: 801px) {#header{background: url(images/header-bgs.png) no-repeat right bottom;}}
#top{
    height: 100px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999999;
}
.shape, .shape-border, .first-shape{
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    position: absolute;    
    -webkit-clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
    width: 370px
}
.shape-border{
    width: 380px;
    background-color: rgba(116, 127, 140, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 65.9% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 65.9% 100%, 0% 100%);    
}
.first-shape{
    width: 480px;
    background-color: rgba(53, 70, 89, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 72% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 72% 100%, 0% 100%);    
}
.main-title{
    font-family: 'Caviar Dreams';
    font-size: 46px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    color: #fff;
    height: 44px;
    margin-top: -22px;
    line-height: 41px;
}
/* FADE IN OUT */
.delay-900 {animation-delay: 900ms;}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}} 
.fadeIn {
    display: block !important;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}} 
/* ********************************* */
#top.noscroll{
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;    
}
#top.scrollable{
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;  
    background: #fff;
}
.logo{
    height: 50px;
    width: 236px;
    float: left;
    margin: 40px 0px 0px 50px;
}
#top.scrollable .logo{
    height: auto;
    width: 190px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease; 
    margin: 25px 0px 0px 30px;
}
#top.noscroll .logo{
    height: 50px;
    width: 236px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;  
    margin: 40px 0px 0px 50px;
}
.relative{position: relative;}
#pull, #pullsec{
    height: 36px;
    width: 36px;
    display: none;
    background: url(images/pullw.png);
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    z-index: 999999;
}
#top.scrollable #pull{background: url(images/pull.png);}
#pullsec{top: 20px;right: 15px;}
.container .logo{
    width: 250px;
    float: left;
    margin: 18px 15px 0px 10px;
}
.logo img{display: block; width: 100%;}
.visible{display: block !important;}
#main-container{position: relative;}
/* NAVIGATION */
.navigation{float: right;margin: 40px 20px 0px 0px;}
.navigation li{float: left;}
.navigation a{
    text-transform: uppercase;
    font-family: 'Lato';
    font-size: 13px;
    color: #fff;
    padding-right: 25px;
}
#top.scrollable .navigation a{color: #2D3E51;}
.navigation a:hover{color: #ececec;}
/* MAIN CONTAINER */
.text{padding: 130px 0px 0px 50px;color: #fff;max-width: 540px;}
.text p{margin-bottom: 15px;}
.title{
    font-family: 'Caviar Dreams';
    color: #fff;
    font-size: 28px;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.section{
    background: #fff;
    padding-top: 30px;
    padding-bottom: 50px;
}
.section .title{color: #207A8B;}
.top-shadow{background: url(images/top-shadow.png) no-repeat center top;padding-top: 30px;}
.bottom-shadow{background: url(images/bottom-shadow.png) no-repeat center bottom;padding-bottom: 30px;}
.block {margin-bottom: 20px;}
.block span{display: block;margin-bottom: 5px;font-size: 15px;}
/* INFORMATION TECHNOLOGY */
#it{
    padding: 130px 10px;
    background: #fff url(images/it.png) no-repeat right bottom;  
}
.oblique{
    height: 100%;
    background-color: rgba(45, 62, 81, 1);
    position: absolute;  
    left: -40px;
    top: 0px;
    height: 100%;
    -webkit-clip-path: polygon(75% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(75% 0, 100% 0, 100% 100%, 0% 100%);
    width: 50px
}
#it-services{position: relative;}
/* ENTRY */
.entry{padding: 0px 0px 0px 0px;}
.entry .title{color: #2D3E51;margin-bottom: 10px;}
.entry .subtitle{font-family: 'Lato';color: #396C85;margin-bottom: 30px;}
.entry p{margin-bottom: 15px;}
.section-image{
    width: 500px;
    height: 550px;
    position: absolute;
    right: 50px;
    top: 40px;
}
.section-image img{width: 100%;display: block;}
/* MODELLAZIONE 3D */
.image{
    background: url(images/img01.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;        
}
.left{float: left; width: 48%; min-height: 680px;}
.right{float: right; width: 52%; min-height: 680px;background: #2D3E51;position: relative;}
#it .post-item .subtitle{font-style: normal;font-weight: normal;margin-bottom: 5px;display: block;}
#it .generic{display: block; margin-bottom: 15px;}
.post-item{width: 33%; float: left;}
.middle{width: 34%;}
.post-item div{padding-right: 40px;}
#modellation{
    padding: 130px 0px 0px 0px;
    background: #fff;
    position: relative;
}
#modellation .background{padding-bottom: 130px;background: url(images/3d.png) no-repeat 5% top;}
.dimage{display: none;}
.posts{padding-left: 400px;}
.post-wide{padding-top: 10px;}
#modellation .title{margin-bottom: 40px;}
.posts strong{font-family: 'Lato';color: #396C85;margin-bottom: 7px;font-weight: normal;display: block;}
.post-left{float: left; width: 50%;}
.post-right{float: right; width: 50%;}
.post-left div{padding-right: 15px;}
.post-right div{padding-left: 15px;}
.posts .subtitle{display: block;margin-top: 15px;margin-bottom: 5px;}
.aligncenter{text-align: center !important;}
.head-title{background: url(images/separator.png) no-repeat center bottom; padding-bottom: 10px; margin-bottom: 20px;}
/* DIGITALIZZATION */
#digitalizzation{padding: 130px 10px 0px 10px;background: #e8e8e8;position: relative;}
.bimage{
    display: block;
    position: absolute;
    top: 150px;
    right: 0px;
    width: 100%;
    max-width: 700px;    
}
.bimage img{display: block; width: 100%;}
#digitalizzation .entry{padding-right: 780px;padding-bottom: 50px;min-height: 600px;padding-left: 25px;}
.generic li{
    display: block;
    padding: 5px 0px 5px 30px;
    background: url(images/check.png) no-repeat left center;
}
/* TAB SERVICES */
#applications{
    background: url(images/applications.jpg) no-repeat center top fixed;   
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
    position: relative;
    min-height: 520px;
    padding: 130px 10px 50px 10px;
}
.section .title{text-align: center;display: block;color: #fff;}
.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 90%;
}
.tabs nav {text-align: center;margin: 10px 0px;}
.tabs nav ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.tabs nav ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.tabs nav a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 1px !important;
    white-space: nowrap;
    padding: 10px 10px 15px 10px !important;
}
.tabs nav a span {vertical-align: middle;}
.tabs nav li.tab-current a {color: #fff;}
.tabs nav a:focus {outline: none;}
.content-wrap {position: relative;}
.content-wrap section {
    display: none;
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
}
.content-wrap section.content-current {display: block;}
.no-js .content-wrap section {display: block;}
.no-flexbox nav ul {display: block;}
.no-flexbox nav ul li { min-width: 15%; display: inline-block;}
.tabs-style-bar nav ul li a {
    margin: 0 2px;
    color: #fff;
    transition: background-color 0.2s, color 0.2s;
}
.tabs-style-bar nav ul li a:hover,.tabs-style-bar nav ul li a:focus {color: #2CC185;}
.tabs-style-bar nav ul li.tab-current a {background: #2D3E51; color: #fff;}
.tabs-style-flip {max-width: 1200px;}
.tabs-style-flip nav a {
    font-size: 15px !important;
    padding: 0.5em 0;
    background: url(images/tab-shadow.png);
    color: #fff !important;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.tabs-style-flip nav li.tab-current a{
    background: none;
}
.tabs-style-flip nav a:hover,.tabs-style-flip nav a:focus,.tabs-style-flip nav li.tab-current a { color: #74777b;}
.tabs-style-flip nav a::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #1d3654;
    content: '';
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
    -webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);
    transform: perspective(900px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-perspective-origin: 50% 100%;
    perspective-origin: 50% 100%;
}
.tabs-style-flip nav li.tab-current a::after {
    background-color: #2D3E51;
    -webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);
    transform: perspective(900px) rotate3d(1,0,0,0deg);
}
.tab-left{float: left; width: 50%;}
.tab-right{float: right;width: 50%;}
.tab-left .tab-content{padding-right: 25px;}
.tab-right .tab-content{padding-left: 25px;}
.section-flip .title{
    display: block;
    color: #fff;
    font-size: 20px !important;
    line-height: 26px;
    margin-bottom: 10px;
    font-family: 'Caviar Dreams';
    text-transform: none;
    text-align: right !important;
}
.section-flip .subtitle{
    display: block;
    color: #fff;
    font-size: 28px !important;
    margin-bottom: 15px;
    text-align: right !important;
    font-family: 'Lato';
}
.tab-right p{color: #fff;text-align: left !important;line-height: 20px !important;margin-bottom: 10px !important;}
.content-wrap{background: url(images/line.png) no-repeat center bottom;padding-bottom: 40px; margin-bottom: 40px;margin-top: 50px;}
.tab-one{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;    
}
.tab-three{
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;    
}
em.icon{display: block; margin: 0px auto; height: 52px; width: 52px;}
.tab-one em.icon{background: url(images/t01.png) no-repeat center center;}
.tab-two em.icon{background: url(images/t02.png) no-repeat center center;}
.tab-three em.icon{background: url(images/t03.png) no-repeat center center;}
/* COMPETENCE */
#competence{background: #fff;padding: 40px 0px 40px 0px;}
.wide-title{
    color: #2d3e51;
    padding: 10px 10px;
    font-family: 'Caviar Dreams';
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}
#competence p{text-align: center;}
#competence img{display: block; margin: 0px auto 30px auto; width: 100%; max-width: 320px;}
.item{
    width: 33.33333333333333%;
    float: left;
    color: #2d3e51;
    font-family: 'Caviar Dreams';
    font-size: 24px !important;
    line-height: 22px;
}
.item li{display: block;text-align: center;font-size: 18px;padding: 3px 0px;}
.item-list{margin: 50px auto 15px auto; max-width: 900px;}
.tab-content ul{padding: 0px; margin: 0px; text-align: left; color: #fff;}
.tab-content strong{text-align: left !important; color: #fff;display: block;}
.pre{color:#fff; margin: 10px 0px; display: block; text-align: left;}
/* FOOTER */
#contacts{
    background: #e6e6e6 url(images/top-shadow.png) no-repeat center top;
    padding-top: 50px;
}
#contacts h3{text-align: center; font-size: 18px; display: block; margin-bottom: 10px;text-transform: uppercase;}
#contacts p{text-align: center;margin-bottom: 20px;}
#contacts img{display: block; margin: 20px auto 40px auto; width: 80%; max-width: 220px;}
#copyright{background: #2D3E51;padding: 15px 10px;text-align: center !important;position: relative;color: #fff !important;}
#copyright, #copyright a{font-size: 13px;color: #fff;}
#copyright a:hover{color: #297FAA;}
.phone-mail{margin: 20px auto 30px auto; width: 100%; max-width: 350px;}
.phone{float: left;padding: 10px 0px 10px 35px;background: url(images/phone.png) no-repeat left center;}
.mail{float: right;padding: 10px 0px 10px 45px;background: url(images/envelope.png) no-repeat left center;}
.arrow-top{
    position: absolute;
    right: 15px;
    bottom: 4px;
    background: url(images/arrow-top.png) no-repeat center center;
    height: 40px;
    width: 40px;
}
#contacts a:hover{color: #1c7b93;}
/* FOOTER */
.mouse{
    width: 27px;
    display: block;
    height: 40px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: 0px;
    background: url(images/mouse.png);
}
.floating-arrow {
    -webkit-animation-name: floating-arrow;
    animation-name: floating-arrow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; 
}
@-webkit-keyframes floating-arrow {from {-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
65% {-webkit-transform: translate(-50%, 15px);transform: translate(-50%, 15px);}
to {-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}}
@keyframes floating-arrow {from {-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
65% {-webkit-transform: translate(-50%, 15px); transform: translate(-50%, 15px);}
to {-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}}
/* LOADER */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px 0 0 -45px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #2D3E51;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #297FAA;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader:after {
    content: "";
    position: absolute;
    top: 13px;
    left: 13px;
    right: 13px;
    bottom: 13px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #bbb;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
@-webkit-keyframes spin {
    0%   { 
    -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);  /* IE 9 */
    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
100% {
    -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);  /* IE 9 */
    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
@keyframes spin {
    0%   { 
    -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);  /* IE 9 */
    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
100% {
    -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);  /* IE 9 */
    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}
#loader-wrapper .loader-section.section-left {left: 0;background: #fff;}
#loader-wrapper .loader-section.section-right {right: 0;background: #fff;}
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;  
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);  /* IE 9 */
    transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out;  
    transition: all 0.3s 1s ease-out;
}
.no-js #loader-wrapper {display: none;}
.no-js h1 {color: #222222;}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {display: none !important; visibility: hidden;}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {visibility: hidden;}
.clearfix:before,.clearfix:after {content: " "; /* 1 */ display: table; /* 2 */}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}
.delay-one {animation-delay: 3500ms;}
.delay-two {animation-delay: 3900ms;}