@import "normalize.css";
@import "fonts/fonts.css";
@import "fonts/fontawesome/css/all.css";

body {
	background-color:#f29200;
	color:#FFFFFF;
	font-size:16px;
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 400;
	
}

.inner {
	margin:auto;
	max-width:1600px;
	width:100%;
	height:100%;
	position:relative;
    padding:10px;
	box-sizing: border-box;
    word-wrap: break-word;
}

section .inner {
    padding:80px 20px 20px 20px;
}

.header {
	position:fixed;
	top:0;
	left:0;
	z-index: 70;
	width: 100%;
	box-sizing: border-box;
    text-transform: uppercase;
    background-color: #015095;
    color:#fff;
}

#navtoggler {
    display:none;
    font-size: 1.3em;
    margin: -3px 0 5px 0;
    color: #fff;
}

#menu, #submenu {
	list-style:none;
	padding: 0;
	margin:0;
}

nav {
	border-bottom:2px solid #d9e8f4;
    font-size:0.86em;
    position: relative;
}

#submenu {
    float:right;
}

#menu li, #submenu li {
	display:inline-block;
}


#menu li a {
	display:block;
    text-decoration: none;
    padding:0 0 5px 0;
    margin:0 20px -2px 0;
	border-bottom: solid 2px #d9e8f4;
    color: #909090;
}

#menu li a:hover,
#menu li.active a {
	border-bottom: solid 2px #f29200;
    color:#f29200;
}

#submenu li a {
	display:block;
    text-decoration: none;
    margin:0 0 0 20px;
    color: #fff;
}

#submenu li a:hover {
    color: #BBBBBB;
}

.header .phone {
    float:right;
    margin-top:-4px;
    color:#f29200;
}

.header .phone a {
    color:#f29200;
    text-decoration: none;
}

.subheader {
    font-size:0.72em;
    margin-top:5px;
    color:#fff;
}

.header, #menu, h1, h2, h3, h4, h5, h6, .btn {
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
    margin:0.5em 0 0.2em;
}

a {
    color: #015095;
}

a:hover {
    color: #f29200;
}

.content_left img,
.content_right img {
    max-width: 100%;
    height: auto;
}

.content_full {
	width:50%;
	box-sizing: border-box;
    padding:0 30px;
}

.content_left {
	width:50%;
    float: left;
	box-sizing: border-box;
    padding:0 30px;
}

.content_right {
	width:50%;
    float:right;
	box-sizing: border-box;
    padding: 0 30px;
}

.fullpage-wrapper .content_left,
.fullpage-wrapper .content_full {
    padding:0 120px 0 30px;
}


.fullpage-wrapper .content_right {
    padding: 0 30px 0 120px;
}


.content_right:after,
.acc-content:after,
.inner:after{
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.logo {
    margin:0 0 20px 0px;
	width: 40%;
}

.pl-3 {
    padding-left:0;
    display: block;
}
.pl-4 {
    padding-left:4em;
    display: block;
}
.pl-5 {
    padding-left:5em;
    display: block;
}

p, ul {
    line-height:1.5;
}

.partnerlogo {
    text-align: right;
    font-size: 12px;
    color:#999;
    margin-top: 50px;
}

.partnerlogo img {
    float: right;
    margin-left:10px;
    width: 140px;
    height: auto;
}

.accordion h2 {
    padding-left:25px;
    margin-bottom: 5px;
    cursor: pointer;
}

.accordion h2:before {
    content: "\f067";
    display: block;
    width:16px;
    height:16px;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 900;
    color: #015095;
    float: left;
    margin:5px 0 0 -22px;
}

.accordion h2.acc-open:before {
    content: "\f068";
}

.accordion .acc-content {
    padding:10px 0 10px 25px; 
    display:none;
}
.accordion .acc-content.start-open {
    display: block;   
}

ul.ok,
ul.numbers {
    margin:0;
    padding:0;
    list-style:none;
}

ul.ok li {
    padding-left:25px;
    margin-bottom: 5px;
}

ul.ok li:before {
    content: "\f00c";
    display: block;
    width:16px;
    height:16px;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 900;
    color: #015095;
    float: left;
    margin:0 0 0 -22px;
}

ul.numbers li {
    padding-left:30px;
    margin-bottom: 5px;
}

ul.numbers li:before {
    content: "1";
    display: block;
    width:24px;
    height:24px;
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 16px;
    background-color: #015095;
    color:#fff;
    float: left;
    text-align:center;
    margin:0 0 0 -30px;
    border-radius: 50%;
}

ul.numbers li:nth-child(2):before {
    content: "2";
}

ul.numbers li:nth-child(3):before {
    content: "3";
}

.phone, .email {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin-top: 5px;
}

.fp-controlArrow.fp-next,
.fp-controlArrow.fp-prev {
    border-width: 0;
}

.fp-controlArrow:before {
    content: "\f0a9";
    display: block;
    width:26px;
    height:26px;
    font-family: "Font Awesome 5 Free";
    font-size: 26px;
    color: #015095;
}
.fp-controlArrow.fp-prev:before {
    content: "\f0a8";
}

.fp-controlArrow.fp-next {
    right:40px;
}

.singeimage {
	width:33.3%;
	box-sizing: border-box;
    padding:10px;
    float: left;
}

.singeimage img {
    width: 100%;
    height: auto;
    display:block;
}

.singeimage figcaption {
    display:block;
    text-align:center;
    margin-top:5px;
    min-height:40px;
}

.only-mobile {
    display:none !important;
}

.btn {
	width: 100%;
    padding:5px 10px;
    border-radius: 3px;
    border: 1px solid #015095;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
	font-size: 18px!important;
    font-size: 0.82em;
    margin-top:20px;
    color: #015095;
}

.btn:hover {
    border: 1px solid #fff;
    color: #fff;
}

footer {
    background-color: #015095;
    color:#fff;
    font-size:12px;
}

/* cookiebar */
#cookiedingsbums a {color:#fff;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:5px 5px; }

#cookiedingsbums { 
   text-align:right; 
   background: #777; 
   font-size: 0.86em;
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%;
}

#cookiedingsbumsCloser {
   cursor:pointer;
    margin: 5px;
 }

#cookiedingsbumsCloser:hover {
    
    color:#7b92a9;
}

.btn-cookie {
    padding:5px 10px;
    border-radius: 3px;
    border: 1px solid #015095;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
	font-size: 18px!important;
    font-size: 0.82em;
    margin-top:20px;
    color: #fff;
}

@media (min-width: 980px){
    
    .fullpage-wrapper .section {
      
        background-size:auto 100%;
    }
    
    #section1 {
        background:url("../img/orange-tie-start.jpg") no-repeat center;
        background-size: auto 100%;
		
    }
    
    #menu {
        display:block !important;
    }
}

@media (max-width: 979px){
    section.fp-section,
    section .fp-tableCell{
        height: auto !important;
        min-height: 100%;
    }
    
    section .inner {
        padding:80px 20px;
    }
    
    #navtoggler,
    .only-mobile {
        display:block !important;
    }

    #menu, #submenu {
        display:none;
    }
    
    body {
        background-color:#f29200;
        background-size:auto auto;
    }
    
    .content_left,
    .content_right,
    .content_full,
    .fullpage-wrapper .content_left,
    .fullpage-wrapper .content_right,
    .fullpage-wrapper .content_full {
        width:auto;
        float:none;
        height:auto;
        padding: 0px 50px;
    }
    
    .logo {
        margin:0;
    }
    
    .pl-3,
    .pl-4,
    .pl-5 {
        padding-left:0;
    }
    
    #menu {
        position: absolute;
        width:100%;
        background-color: #fff;
        margin-top:2px;
    }
    
    #menu li {
        display:block;
    }
    
    #menu li a {
        padding:10px;
        margin:0;
    }
    
    .singeimage {
        width:25%;
    }
    
    
    .only-desktop {
        display:none !important;
    }
    
    .clear-mobile {
        clear:both;
        padding-top: 20px;
    }
    
    .inner {
        height:auto;
    }

    .singeimage figcaption {
        min-height:40px;
    }
}

@media (max-width: 699px){
    .singeimage {
        width:33.3%;
    }
}

@media (max-width: 479px){
    .singeimage {
        width:50%;
        padding:10px;
    }
    
    .content_left,
    .content_right,
    .content_full,
    .fullpage-wrapper .content_left,
    .fullpage-wrapper .content_right,
    .fullpage-wrapper .content_full {
        padding: 0px 30px;
    }
    
    section .fp-tableCell:after {
        margin-left:50px;
    }
    
    .partnerlogo {
        text-align: left;
    }
    .partnerlogo img {
        float: none;
        display: block;
        margin:5px 0;
    }
}