/*
Theme Name: Skill Zone
Text Domain: Skill Zone
Author: exSite Communications


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

jumpzone is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
# Skill Zone
--------------------------------------------------------------*/

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?60988669');
  src: url('font/fontello.eot?60988669#iefix') format('embedded-opentype'),
       url('font/fontello.woff?60988669') format('woff'),
       url('font/fontello.ttf?60988669') format('truetype'),
       url('font/fontello.svg?60988669#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/instagram.svg?72127137#fontello') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-facebook:before { content: '\e800'; } /* '' */
.icon-twitter:before { content: '\e801'; } /* '' */
.icon-youtube:before { content: '\e802'; } /* '' */
.icon-play:before { content: '\e803'; } /* '' */
.icon-up-dir:before { content: '\e804'; } /* '' */
.icon-down-dir:before { content: '\e805'; } /* '' */
.icon-instagram:before { content: '\e806'; } /* '' */

iframe{
    margin-left: auto;
    margin-right: auto;
}

body {
    position: relative;
    min-height: 100%;
    font-size: 16px; 
}
a{
    outline: none;
    color: #e62d25
}
a:hover{
    color: #0c375b
}
.show-on-mobile{
    display: block;
}
.hidden-on-mobile{
    display: none;
}
.container {
    width: 95%;
    margin: 0 auto;
}
a, .play{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
/*--------------------------------------------------------------
# Skill Zone Leader Board Table
--------------------------------------------------------------*/
 .tablepress thead th {
    background-color: #42a2da!important;
	border:2px solid #42a2da;
    color: #ffffff;
    font-weight: 700;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
}
.tablepress tbody td, .tablepress tfoot th {
    border: 2px solid #42a2da;
	
}
.tablepress td{
	font-weight: 600;
    text-align: center!important;
	text-transform: uppercase;
}
td.column-1{
	width:20%;
}
td.column-3{
	width:30%;
}
	td.column-1:before{
		content:'#';
		padding-right:3px;
	}
tr.row-2.even{
	color:#e62d25;
}
.tablepress .odd td {
    background-color: #d5ebf7!important;
}

@media screen and (min-width: 1024px) {
body{
        font-size: 24px;
}
.show-on-mobile{
    display: none;
}
.hidden-on-mobile{
    display: block;
}
.container {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
}

/*TOP*/
.top{
    display: none;
    font-size: 16px;
}

@media screen and (min-width: 1024px) {
    .top {
        width: 100%;
        background: #fff;
        padding: 20px 0;
        overflow: hidden;
        display: block;
        font-size: 18px;
    }
    .top  a{
        color: #142b4a;
        text-decoration: none;
    }
    .top .left {
        width: 30%;
        float: left;
    }
    .top .center {
        width: 50%;
        float: left;
    }
    .top .right {
        width: 17%;
        float: right;
        text-align: right;
    }
    #page .top .container .left span {
        color: #e62d25;
        font-weight: 700;
    }
    #page .top .container img{
        float: left;
        margin-right:8px;
    }

}

/*BANER*/

.banner {
    display: block;
    height: 100%;
    min-height: 372px;
    margin: 0;
    width: 100%;
    background-image: url(images/bg_page.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
.home .banner{
    background-image: url(images/bg_landing.jpg);
     background-position: left center;
}
.banner .over{
    height: 100%;
    min-height: 372px;
    margin: 0;
    width: 100%;   
}

.site-header {
    width: 100%;
    position: absolute;
    top: 0;
}
.logo {
    text-align: center;
    padding-top: 20px;
    width: 100%;
    display: block; 
    padding-right: 30px  
}
.logo img{
    max-width: 128px;   
}
.site-header-leaderboard.logo {
    text-align: center;
    padding-top: 20px;
    width: 100%;
    display: block; 
    padding-right: 30px  
}
.site-header-leaderboard.logo img{
    max-width: 400px;   
}
.banner-leaderboard{
    display: block;
    height: 100%;
    min-height: 72px;
    margin: 0;
    width: 100%;
    background-image: url(images/leaderboard-display.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
.banner-leaderboard .over-leaderboard{
	background-size:cover;
	height: 100%;
    min-height: 172px;
    margin: 0;
    width: 100%;   
}
.over-leaderboard .pass{
    text-align: center;
    margin-bottom: 0px;
    position: absolute;
    bottom: 55px;
}
.over-leaderboard .pass h1{
       max-width: 800px;
}
.over-leaderboard .pass a {
padding:10px 20px;
}
.pass-text{
	display:inline-block;
	 
}
.pass-image{
	display:inline-block;
	    height: 100px;
}
@media screen and (min-width: 768px) {
     .logo img{
        max-width: 150px;   
    }   

}
@media screen and (min-width: 1024px) {
     .home .banner {
        min-height: 450px;
        background-attachment: fixed;
        }   
    .logo {
        float: left;
        padding-top: 10px;
        padding-right: 0;
        width: auto;
    }
    .logo img{
         max-width: 150px;   
    }
    .sticky .logo  img{
        max-width: 128px;
    }
    .home .banner .over{
         background: url(images/banner_home_over.png) no-repeat center center;   
    }  
	.site-header-leaderboard .logo {
        float: none;
        padding-top: 10px;
        padding-right: 30px;
        width: auto;
    }
    .site-header-leaderboard .logo img{
         max-width: 400px;   
    }
}
.menu-toggle{
    border-radius: 0;
    border: 0;
    background: transparent;
    position: absolute;
    right: 20px;
    top:30px;
    width: 35px;
    height: 35px;
    text-indent: -999em;
    box-shadow:none;
    outline: none;
    z-index: 1000;
}
.menu-toggle:hover,
.menu-toggle:focus{
    border: 0;
    background: transparent;
    box-shadow:none   
}

.menu-toggle:before{
    position: absolute;
    width: 35px;
    height: 35px;
    background:  url(images/icon-mobile-nav.png) no-repeat center center;
    content: " ";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);  
    top: 0;
    left: 0; 
   /* -webkit-transition: 0.2s ease; 
    transition: 0.2s ease;  */      
}
.toggled .menu-toggle:before{
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg); 
}

.nav-buttons.show-on-mobile{
    display: none;
}
.toggled .nav-buttons.show-on-mobile,
.pass .nav-buttons.show-on-mobile{
    display: block;
}

.nav-buttons {
    text-align: right;
    margin-bottom: 12px;
    float: right;
}
.pass .nav-buttons {
    float: none;
    margin-bottom: 0;
    margin-top: 20px;
    text-align: center;
}
.nav-buttons a {
    display: inline-block;
}
.nav-buttons .btn {
    width: 126px;
    height: 40px;
    border: 2px solid #e62d25;
    font-size: 18px;
    color: #0c375b;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
    margin-left: 10px;
    text-decoration: none;
}
.nav-buttons .btn:hover{
    background-color: #e62d25;
    color: #fff;    
}
.nav-buttons .btn-yellow {
    background-color: #e62d25;
    color: #fff;
}
.nav-buttons .btn-yellow:hover{
    background-color: transparent;
    color: #0c375b;      
}
.toggled.main-navigation{
    width: 100%;
    min-height: 100%;
    background: #fff url(images/mobile-bg-nav.png) no-repeat center top;
    position: absolute;
    padding-top: 70px;
    padding-bottom: 20px;
    top:0;
    left: 0;
    z-index: 500;

}

.toggled .nav-buttons{
    padding-top: 40px;
    clear: both;
    width: 90%;
    float: none;
    margin: 0 auto
}
.toggled .nav-buttons .btn{
    width: 48%;
    float: right;
    margin-left:0px;
}
.pass .nav-buttons .btn{
    width: 40%;
    max-width: 200px;
}
.toggled .nav-buttons .btn:first-child{
    float: left;
}
@media screen and (min-width: 700px) {
.pass .nav-buttons {
margin-top: 50px;
}
}
@media screen and (min-width: 1024px) {
    .main-navigation {
        clear: none;
        float: right;
        padding-top: 46px;
        padding-bottom: 0px;
        width: 79%;
        background: none;
        position: static;
    }
    .main-navigation  ul{
        float: right;
    }
}

.menu-top-container  li {
    color: #0c375b;
    line-height: 25px;
    margin-left: 0px;
    text-transform: uppercase;
    font-size: 20px; 
    display: block;
    width: 100%;
    outline: none;
}
.menu-top-container  li li{ 
     margin-left: 0px;
}
.menu-top-container  li a{
    color: #0c375b;
    line-height: 35px;
    display: block;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #0c375b;
    padding: 15px 0px 5px 0px;  
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase; 
}
.menu-top-container li a:hover,
.menu-top-container li.current-menu-item > a,
.menu-top-container li.current-menu-ancestor >a{
    color: #E62D25;
}
.main-navigation  ul li.menu-item-has-children > a{
    position: relative;
}
.main-navigation  ul li.menu-item-has-children > a:after{
    position: absolute;
    content: " ";
    display: block;
    top:15px;
    right: 30px;
    width: 13px;
    height: 13px;
    content: '\e805';
    font-family: 'fontello';
    font-size: 20px;
    line-height: 20px; 
    color: #e7342c;
    font-style: normal;
}
.main-navigation  ul li.menu-item-has-children > a.open:after{
    content: '\e804';
}
.main-navigation  ul ul{
    box-shadow: none;
    margin: 5px 0px 0px;
    padding:0px;
    width: 100%;
    position: static;
}
.main-navigation  ul ul li a{
    line-height: 26px;
    font-size: 16px;
    display: block;
    border: 0px;
    padding: 5px 0px 0px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
}

@media screen and (min-width: 1024px) {
    .menu-top-container  li{
        font-size: 16px;
    }
    .menu-top-container li a{
        font-weight: 400;
        font-style: normal;
        text-transform: none;
        display: block;
    }
    .menu-top-container > ul > li > a{
        height: 38px;
        text-transform: uppercase;
    }
    .main-navigation  ul ul{
        background: #fff;
        margin: 5px;
        padding:10px 20px;
        padding-top:6px;
        min-width: 240px;
        width: auto;
        margin-left:-5px;
        position: absolute;
        top:32px;
        display: none;
        box-shadow: 3px 3px 3px rgba(0,0,0,0.2); 
        -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); 
        -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    }
    .main-navigation  ul > li:last-child:hover > ul{
        right: 0;
        min-width: 180px;
    }
    .main-navigation  ul  li{
        margin-left: 20px;
    }
    .main-navigation  ul ul li{
            margin-left: 0;
            padding: 0;
            float: none;
            display: block;
			white-space: nowrap;
    }
    .main-navigation  ul ul li a{
        text-transform: none;
        line-height: 32px;
        display: block;
        border: 0px;
        font-size: 18px;
        padding: 0px;
    }
    .main-navigation  ul li.menu-item-has-children > a:after{
        display: none;
    }
   
}

/* sticky menu */
.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    box-shadow: 0 8px 8px -8px rgba(0,0,0,0.2); 
    -moz-box-shadow: 0 8px 8px -8px rgba(0,0,0,0.2); 
    -webkit-box-shadow: 0 8px 8px -8px rgba(0,0,0,0.2); 
     -o-box-shadow: 0 8px 8px -8px rgba(0,0,0,0.2); 
 }

@media screen and (min-width: 1024px) {
    .menu-top-container  li {
        color: #0c375b;
        line-height: 25px;
        margin-left: 24px;
        width: auto;
    }
    .menu-top-container {
        float: right;
    }
    .menu-top-container  li a{
        width: auto;
        border-bottom: 0;
        padding: 0px;
    }
}

.pass{
    text-align: center;
    margin-bottom: 0px;
    position: absolute;
    bottom: 75px;
    width: 100%;
}
.home .pass{
    top: 50%;
    margin-top:-100px;
    bottom: auto;
}
.pass h1 {
    color: #42a2da;
    font-size: 39px;
    line-height: 36px;
    margin: 0px;
    max-width: 550px;
    margin: 0 auto;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
}
body.home h1{
    max-width: 100%;
    color: #0c375b;
}
.pass h4 {
    color: #0c375b;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom:0;
}
.go-down {
    position: absolute;
    bottom: 30px;
    width: 100%;    
}
.go-down img {
    display: block;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .pass{
        margin-bottom: 0;
    }
    .pass h1 {
        font-size: 45px;
        line-height: 38px;
    }
    .pass h4 {
        font-size: 18px;
        line-height: 33px;
    }

}
@media screen and (min-width: 1024px) {
    .pass .nav-buttons.show-on-mobile{
    display: none;
}
    .pass h1 {
        font-size: 55px;
        line-height: 48px;
    }
    .pass h4 {
        font-size: 25px;
        line-height: 25px;
        margin-top: 13px;
    }
    .go-down {
        bottom: 100px;  
    }    
}

/*BOXES*/
.boxes {
    padding-top:50px;
    width: 100%;
    overflow: hidden;
}
.boxes .box {
    width: 299px;
    margin: 0 auto 50px auto;
    margin-bottom: 50px;
    display: block;
    text-decoration: none;
}

.boxes .box .image{
    background-image: url(images/groups.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 271px; 
    -webkit-transition: background-color 500ms ease;
    -moz-transition: background-color 500ms ease;
    -o-transition: background-color 500ms ease;
    transition: background-color 500ms ease;      
}
.boxes .box h3{
    display: block;
    color: #e62d25;
    text-align: center;
    line-height: 36px;
    font-size: 28px;
     -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;      
}
.boxes .box:hover .image,
.boxes .box:hover h3 {
    background-position: center -271px;
    color: #0c375b;
}
.image_full {
    max-height: 400px;
    overflow: hidden;
    margin-bottom: 13px;
}
.images_rows{
    display: inline-block;
    margin-bottom: 10px;
}
@media screen and (min-width: 500px) {
    .boxes {
        padding: 50px 0;
        text-align: center;
        max-width: 600px;
        margin: 0 auto;
        
    }
    .boxes .box {
        margin: 0 12px;
        display: inline-block;
        margin-bottom:20px;
    }
    .boxes .box:last-child{
        margin-bottom: 0;
    }
    .boxes .row {
        margin: 0 -12px;
    }    
    .image_half {
    width: 49%;
    float: left;
    max-height: 210px;
    overflow: hidden;
}

.image_half:last-child {
    float: right;
}
}

@media screen and (min-width: 1024px) {
    .boxes {
        padding: 75px 0;
        max-width: 100%
    }
    .boxes .box {
        margin: 0 11px;
        margin-bottom: 0;
        float: left;
    }
    .boxes .box:first-child{
        margin-right:28px;
    }
    .boxes .row {
        margin: 0 -11px;
    }    
}

.cols-2 {
    width: 100%;
}
.col-2-1 {
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .col-2-1 {
        width: 50%;
        float: left;
    }
}
.boxes2  .red {
    text-align: center;
    color: #ffffff;
    background: url(images/open-jump.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}
.boxes2  .blue {
    text-align: center;
    color: #ffffff;
    background: url(images/open-parties.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
}
.boxes2 a {
    text-decoration: none;
    color: #ffffff !important;
    display: table;
    vertical-align: middle;
    position: relative;
    width: 100%;
    height: 380px;
}
.boxes2 a h2{
    color: #ffffff !important;
}
.boxes2 a .in{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    -webkit-transition: background-color 500ms ease;
    -moz-transition: background-color 500ms ease;
    -o-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
}
.boxes2 a.red:hover .in{
    background: rgba(230,45,37,0.5) url(images/box_hover_red.png) no-repeat center center;
}
.boxes2 a.blue:hover .in{
    background: rgba(66,162,218,0.5)  url(images/box_hover_blue.png) no-repeat center center;
}
.boxes2 a h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 35px;
    display: inline-block;
    padding: 10px;
    border: 2px solid #fff;
    margin-bottom: 0px;
    font-style: italic;
    font-weight: 700;
}
.boxes2 a p,article .boxes2 a p{
      text-align: center;  
}
.boxes2 > a p {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    margin-top: 13px;

}
article .boxes2{
   height: 760px;
   width: 100%;

}
article .boxes2 .full-wide{
   height: 760px;
   width: 100%;
   position: absolute;    
   left: 0;
}
.full-wide{
    height: 100%;
    position:relative;
}
@media screen and (min-width: 1024px) {
    .boxes2 a {
        display: table;
        width: 50%;
        height: 387px;
    }

    article .boxes2,
    article .boxes2 .full-wide{
       height: 387px; 
         
    }
    article .boxes2{
        margin-bottom: 80px;
        margin-top:40px;
        width: 100%;
    }
    .boxes2 a h2 {
        font-size: 45px;
        line-height: 48px;  
        font-weight: 700;
        padding: 10px 20px 10px 20px;      
    }
    .boxes2 > a p {
        font-size: 18px;
        line-height: 25px;
    }
}
@media screen and (min-width: 1280px) {
    .boxes2 a{
        height: 550px;
    }
    article .boxes2,
    article .boxes2 .full-wide{
       height: 550px; 
    }    
}
.video {
    display: table;
    position: relative;
    width: 100%;
    text-align: center;
    background: url(images/video.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;     
    height: 380px;
    color: #18386e;
    font-weight: 400;  
    vertical-align: middle;   
    text-decoration: none;

}
.video.on{
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
}
.video .in{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;    
    text-align: center; 
}
.video h2,
.video h4  {
    display: none;
}
.video .play{
    height: 56px;
    width: 56px;
    border: 2px solid #0c375b;
    background: #0c375b;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    line-height: 54px;
    display: inline-block;
    font-size: 36px;
    color: #fff;
}
.video .play:hover{
    background: transparent;
    color: #0c375b;

}
.video iframe{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 1024px) {

    .video, a.video {
      height: 564px;
    }    
    .video h2,
    .video h4  {
        display: block;
    }
    .video h2 {
        line-height: 48px;
        font-size: 55px;
        margin: 0px;
        font-weight: 700;
        color: #e62d25;
        font-style: italic;
    }
    .video h4 {
        font-size: 25px;
        line-height: 36px;
        margin-top: 4px;
        font-weight: normal;
        color: #18386e
    }
}

@media screen and (min-width: 1280px) {
    .video {
        min-height: 750px;
    }
}

.map{
    height: 380px;
}
.home .map{
    position: relative;
}
.map .full-wide{
    height: 380px;
    position: absolute;
        left: 0;
}
#map{
    width: 100%;
    height: 100%;

}
.scroll-click {
    cursor: crosshair;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.zoom-please{
    display: none;
}
.box-contact {
    background: #1F5C88 url(images/page_section_top_repeat.jpg) repeat-x center top;
    color: #ffffff;
    padding:30px 20px 20px
}
.box-contact a{
    color: #ffffff;
    text-decoration: none;
}
.box-contact  h2 {
    color: #ffffff;
    font-weight: 400;
    font-size: 31px;
    line-height: 34px;
    margin: 0px;
    margin-top:10px;
    font-weight: 700;
    font-style: italic;
}
.box-contact  p {
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    margin: 0px;
}
.sociale {
    padding-top:10px;
}
.sociale a{
    display: inline-block;
    width: 33px;
    height: 25px;
    font-size: 25px;
    line-height: 25px;
    color: #fff;
}
.sociale a:hover{
    color: #0c375b;
}
.home .sociale a:hover{
    color: #42a2da;
}
@media screen and (min-width: 1024px){
.map, .map .full-wide{
    height: 458px;
}    
.box-contact {
    height: 458px;
    color: #ffffff;
    padding: 40px;
}
.box-contact  h2 {
    font-size: 31px;
    line-height: 50px;
}
.box-contact  p {
    font-size: 18px;
    line-height: 26px;
}
}
.site-footer {
    max-width: 960px;
    margin: 0 auto;
    padding: 10px;
}
.site-footer .col-3-1 {
    width: 100%;
    text-align: left;
}
#footer-menu {
    margin: 0px;
    padding: 0px;
}
.site-footer  a{
      color: #132a4a;
      text-decoration: none;  
}
.site-footer .top .col-3-1 {
    line-height: 60px;
}
footer {
    font-size: 18px;
}
footer ul{
    margin: 0;
    padding: 0;
}
footer  li {
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
}
footer  li:after {
    content: '|';
    margin-left: 5px;
}
footer  li:last-child:after {
    content: none;
}
footer  li a,footer  li a:hover, footer li.current-menu-item a{
    font-weight: 500;
    color: #0c375b
}


.site-footer-page, 
.site-footer-page a,
.site-footer-page p,
.site-footer-page h2{
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 28px;
    margin: 0px;
    padding: 0px;
}
.site-footer-page a:hover{
    color: #0c375b   
}
.site-footer-page{
    background: #42a2da;
    margin-top: 50px;
}
.site-footer-page .sociale {
    padding-top: 18px;
    padding-bottom: 10px;
}
.site-footer-page .sociale a{
    font-size: 25px;
    line-height: 25px;
}

.site-footer-page p strong, .site-footer-page h2{
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
}
.site-footer-page .container {
    max-width: 770px;
    padding:40px 0;
    position: relative;
}
.site-footer-page .container > div{
    overflow: hidden;
}
.site-footer-page .container img.logo-footer{
    position: absolute;
    right: 0px;
    top:-90px;
    display: block;
    clear: both;
    max-width: 160px;
}
.site-footer-page .container .col-2-1{
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
}
.site-footer-page .container .col-2-1:first-child{
    width: 100%;
    text-align: left;
}
.site-footer-page  p.copy{
    text-align: right;
    padding-top: 20px;
}
@media screen and (min-width: 768px){
    .site-footer{
        padding: 20px;
        max-width: 400px;
        margin:  0 auto
    }
    .box-contact .in{
        padding: 20px;
        max-width: 400px;
        margin:  0 auto        
    }
}
@media screen and (min-width: 1024px){
    .site-footer{
        padding: 20px;
        max-width: 960px;
    }
    .box-contact .in{
        padding: 0;
        width: 100%
    }
    .site-footer .col-3-1 {
        width: 33%;
        float: left;
        text-align: left;
    }
    .box-contact .in{
        padding: 0;
        margin: 0;
        max-width: 100%
    }
    #colophon  > div:nth-child(2) {
        text-align: center;
    }
    #colophon  > div:nth-child(3) {
        text-align: right;
    }
    .site-footer-page .container img.logo-footer{
        position: absolute;
        right: -100px;
        top:-150px;
        max-width: 256px;
    }
    .site-footer-page .in{
        background: transparent;
        padding: 0px;

    }
    .site-footer-page .container .col-2-1{
        float: right;
        width: 40%;
        text-align: left;
        margin: 0;
    }
    .site-footer-page .container .col-2-1:first-child{
        float: left;
        width: 54%;
    } 
    .site-footer-page  p.copy{
        text-align: left;
        padding: 0px;
    }

}

/*subpage*/
.site{
   width: 100%;
}
.content-area .container{ 
    margin-bottom:0px; 
    padding-bottom: 20px; 
    padding-top: 25px;
}
.content-area .container article{
    max-width: 100%;
}
@media screen and (min-width: 1024px){

    body.home{background: none}

    body.home .site{background: none; padding-bottom:0;}
    .content-area  .container{
        margin-bottom:60px; 
        padding-top: 15px;
        margin-top:30px;
    }
    .content-area .container:first-child{
        background: url(images/bg_content_top.png) no-repeat left top;  
    }
    .content-area .container article{
        max-width: 700px;
        margin: 0 auto;
    } 
    .content-area  .iframe-page  .container   article{
        width: 100%;
        max-width: 100%;
    }
    .content-area  .iframe-page  .container   article p{
        width: 100%;
        max-width: 100%; 
    }
    .content-area  .iframe-page  .container{
        padding-bottom: 300px;
    }
}

article h1,
article h2{
    text-align: left;
    color: #e62d25;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    font-size: 30px;
}
article h3{
    text-align: left;
    font-size: 24px;   
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;    
}
article h6{
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    font-weight: normal;
    margin:1em auto;
}
article  a,article   a:visited {
    text-decoration: none;
    color: #e62d25
}
article a.btn{  
    color: #fff;
    font-style: italic;
    font-weight: 700;
    background: #e62d25;
    border: solid 2px #e62d25; 
    display: inline-block;
    text-align: center;
    line-height: 36px;
    padding: 0px 20px;
}
article  a.btn:hover{
    background: #fff;
    color: #e62d25;
    border: solid 2px #e62d25;   
}
article h6 b,
article h6 strong{
    font-weight: bold;
}
article  p{
    margin: 1.2em auto;
    text-align: left;
}

.blue-section{
    background: #1f5c86 url(images/page_section_top_repeat.jpg) repeat-x center top;  
    background-size: 13px 170px;
    margin-top: -50px;
}
.blue-section-bottom-repeat{
    background: url(images/page_section_bottom_repeat.jpg) repeat-x center bottom;  
    background-size: 13px 171px
}
.blue-section-bottom{
    min-height: 400px;
    padding: 50px 0;   
}
.blue-section-top{
    background: url(images/page_section_top.png) no-repeat center center; 
    max-width: 960px;
    margin: 0 auto; 
}
.blue-section-top h1, .blue-section-top h2{
    margin-top: 0;
}
.blue-section-bottom .content{
    max-width: 700px;
    width: 95%;
    margin: 0 auto;
    color: #fff;
}
.blue-section-bottom .content a{
    color: #42a2da;
}
.blue-section-bottom .content a:hover{
     color: #fff;
   
}
.blue-section ul, .blue-section ol{
    padding-left: 50px;
    margin: 0;
}
@media screen and (min-width: 768px){
   
    .blue-section-bottom{
        background: url(images/page_section_bottom.png) no-repeat right bottom;     
    }
    .blue-section-top{
        background: url(images/page_section_top.png) no-repeat left 100px;  
    }   
}
@media screen and (min-width: 1024px){
    article  p{
        max-width: 705px;
    }
    article h6{
        font-size: 24px;
        line-height: 36px;         
    } 
    .blue-section-bottom-repeat,.blue-section{
      background-size: 27px 342px  
    }      
    .blue-section-bottom{
        min-height: 700px;
        padding: 100px 0; 
    }  

}

.gallery{
    margin:2.5em auto;
}
figure.gallery-item{
    margin: 0px;
}
.gallery-columns-2 .gallery-item{
    max-width: 100%;
}
.gallery-icon{
    padding:  2px
}
.gallery-icon a img{
    display: block;
}
.gallery-icon a:hover img{
    opacity: 0.8;
}

@media screen and (min-width: 600px){
.gallery-columns-2 .gallery-item{
    max-width: 50%;
}
}

article ul,ol{
    max-width: 770px;
    margin: 0 auto;
    padding-left: 10px;
}
article .item  ul, article .item  ol{
 padding-left: 30px;
}
article ul li{
    list-style: none;
    position: relative;
    padding-left: 15px;
}
article ul li:before{
    position: absolute;
    content: " ";
    display: block;
    top:12px;
    left: 0px;
    width: 5px;
    height: 5px;
    background: url(images/dot.png);    
}
.collapse{
    max-width: 720px;
    width: 100%;
    padding-top:25px;
}

.collapse .item{
    border:2px solid #42a2da;
    padding: 15px 20px;
    position: relative;
    margin-bottom:30px;
    background: #fff;
    cursor: pointer;
}
.collapse .item:after{
    position: absolute;
    display: block;
    top:22px;
    right: 20px;
    width: 15px;
    height: 15px;
    content: '\e805';
    font-family: 'fontello';
    font-size: 25px;
    line-height: 25px;
    color:#EC1B23;
    /*background: url(images/arrows-mobile.png);   
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);   */

}
.collapse .item h4{
    font-size: 24px;
    margin: 0px;
    padding-right: 40px;
    text-transform: uppercase;
}
.collapse .item .dsc{
    display: none;
    padding-right: 40px;
}
.collapse .item .dsc p{
    max-width: 100%;
    margin-bottom: 10px;
}
.collapse-items .item:first-child .dsc{
    display: block;
}

.collapse .item.open:after{
    content: '\e804';
}

.address-page{
    width: 100%;
    overflow: hidden;
    padding: 20px 0 50px;
}
@media screen and (min-width: 768px){
.address-page .col-2-1{
    width: 42%;
    float: right;
}
.address-page .col-2-1:first-child{
    width: 54%;
    float: left;
}
}

.address-page p{
    margin: 0px;
    font-size: 24px;
}
.box-pine, 
.box-tel,
.box-mail{
    padding-left: 40px;
    position: relative;
}
.box-pine:before,
.box-tel:before,
.box-mail:before{
    position: absolute;
    width: 22px;
    height: 32px;
    background:  url(images/ico_pin.png) no-repeat center center;
    content: " ";
    top: 0;
    left: 0; 
}
.box-tel:before{
    background:  url(images/ico_mobile.png) no-repeat center center;
    width: 17px;
    height: 31px;

}
.box-mail:before{
    background:  url(images/ico_email.png) no-repeat center center;
    width: 26px;
    height: 18px;
    top:10px;

}

/* arrow animation */

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-5px);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    40% {
        opacity: 1;
        -webkit-transform: translateY(5px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(5px);
    }
    80% {
        -webkit-transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(-5px);
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 1;
        transform: translateY(-5px);
    }
    20% {
        opacity: 1;
        transform: translateY(-0px);
    }
    40% {
        opacity: 1;
        transform: translateY(5px);
    }
    60% {
        opacity: 1;
        transform: translateY(5px);
    }
    80% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-5px);
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}