/* Override the themes CSS with the IKON look and feel */
body{font-size:16px;}
#rangeValue{
	font-size:26px;
	text-align: right;
	line-height: 1;
padding:10px;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: #ffffff;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #006FDB;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #006FDB !important;
  cursor: pointer;
}


#terms-and-conditions-text,
#privacy-policy-text{
	position: fixed;
	overflow-y: scroll;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background:rgba(3,42,73,0.95);
	z-index: 100000000;
	display: none;
}

#terms-and-conditions-close,
#privacy-policy-close{
	position: fixed;
	top:2%;
	right:2%;
	font-size:40px;
	font-weight: bold;
	line-height: 1;
	width:30px;
	height:30px;
	cursor:pointer;
}

#terms-and-conditions-inner,
#privacy-policy-inner{
	max-width:960px;
	margin:0px auto;
}

.popupprivacy,
.popupterms{color:#ffffff}
.privacytext{display: block;width:460px; float:right; margin-right:50px;}




















#kiosk-who-are-you-here-to-see,
#kiosk-policy-terms-and-consent{display:none;}


.page-template-template-user-login,
.page-template-template-request-invitation{height:1000px;}

.hny{display: none;}


@font-face {
    font-family: 'Kingspan Brown TT';
    src: url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Regular.eot');
    src: url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Regular.woff2') format('woff2'),
        url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Regular.woff') format('woff'),
        url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Regular.svg#KingspanBrownTT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Kingspan Brown TT';
    src: url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Light.eot');
    src: url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Light.woff2') format('woff2'),
        url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Light.woff') format('woff'),
        url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Light.svg#KingspanBrownTT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Kingspan Brown TT';
    src: url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Bold.eot');
    src: url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Bold.woff2') format('woff2'),
        url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Bold.woff') format('woff'),
        url('/wp-content/themes/wp_ultimo/fonts/KingspanBrownTT-Bold.svg#KingspanBrownTT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}




#rotating-item-wrapper {
	position: fixed;
	top:0px; right:0px; bottom:0px; left:0px;

}
.rotating-item {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	width:100%;
	height:100%;

}




.fullscreen-bg {
    position: fixed;
    top: -100px;
    right: 0px;
    bottom: -100px;
    left: 0;
    overflow: hidden;
    z-index: -100;
	background:#032a49 !important;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: auto;
}


.btn {
    line-height: 1.42857143;
}
p.cmb2-metabox-description{color:#A7C6E4 !important;}

.help-block.with-errors{
	color:#A7C6E4 !important;
	padding-left:5px;
	border-left:4px solid #004990;
	text-align: left;
}


#home{
background-image:  url("/wp-content/themes/wp_ultimo/images/ikon-building2.jpg");
  background-repeat: no-repeat;
  background-position: center;
	background-size:cover;
}

.page-template-template-user-invite .container{padding: 0px !important;}
.page-template-template-user-invite .info-section{padding-left: 10px !important;padding-right: 10px !important;}
.page-template-template-user-invite .row{margin:0px !important;}

body{background:#004382; color:#ffffff; text-align: left;font-family: "Kingspan Brown TT", san-serif; font-weight: 300;}

.container{z-index: 1;position: relative;}
.modal-dialog, .ui-autocomplete, select, input{text-align: left !important;}
.black{color:#ffffff !important;}
.cmb-form,
.form-horizontal{max-width: 540px;margin:0px auto;}

h1{font-size:40px;font-family: "Kingspan Brown TT", san-serif; font-weight: 300; color: #ffffff; text-align: left;}
h2{font-size:26px;font-family: "Kingspan Brown TT", san-serif; font-weight: 300; color: #ffffff; text-align: left;}


fieldset.scheduler-border{border:0px #ffffff solid !important; }
legend.scheduler-border{ffont-family: "Kingspan Brown TT", san-serif !important; font-weight: 300;text-align: center !important; width:100%; font-size:24px !important; color:#ffffff;}
label{display: block !important; color:#ffffff !important; text-align: left !important; width:100% !important; font-weight: normal !important;}

.mainlogo{max-width: 300px;}

p{color:#ffffff; text-align: left !important;}
.modal-dialog li,.modal-dialog p{color:#004990; text-align: left !important;}
.col-md-9{width:100%;}


.form-control{
	background:rgba(255,255,255,0.9);
	border-radius: 0px;
}
input[type=text],
input[type=email],
input[type=password]{color:#000000 !important;border-radius: 0px; background:rgba(255,255,255,0.9);padding: 20px 10px !important; border:0px solid #f1f1f1;}

select:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus{background:rgba(255,255,255,1); box-shadow: none;color:#000000 !important;}

.btn-primary{font-weight: bold; background:#004990 !important; color:#ffffff !important;font-size:18px !important; padding:5px 0px; border:0px #ffffff solid; font-weight: bold; width: 200px; text-align:center !important;}
.btn-primary::before{background-image:none !important;}
.btn-primary:hover{background:#ffffff !important; color:#004990 !important;font-size:18px !important; border:0px #ffffff solid;}


.btn-warning{font-weight: bold;background:#ffffff !important; color:#004990 !important;font-size:18px !important;padding:5px 0px; border:0px #ffffff solid; font-weight: bold; width: 240px; text-align:center !important;}
.btn-warning::before,
.btn-warning:hover{background:#004990 !important; color:#ffffff !important;font-size:18px !important; border:0px #ffffff solid;}
.btn-warning#complete{width:300px;}

.page-template-template-user-login .btn-default,
.page-template-template-user-login .btn-warning{width:150px !important;}

.btn-default{font-weight: bold;background:rgba(255,255,255,0.9) !important; color:#A7B1B7 !important;font-size:18px !important;padding:5px 0px !important; border:0px #ffffff solid; width: 200px; font-weight: bold; text-align:center !important;}
.btn-default::before,
.btn-default:hover{background:rgba(255,255,255,1) !important; color:#004990 !important;font-size:18px !important;border:0px #ffffff solid;}

.btn-info{font-weight: bold;background:#aab8cc;padding:5px 30px;font-size:18px !important; border:0px #ffffff solid; width: 200px; text-align:center !important;}
.btn-info::before{background: none;font-size:18px !important;}

.btn{font-weight:normal !important;}
.kiosk-back-button{font-size: 40px; color: #ffffff; position: absolute; bottom :20px; left:20px; padding-left:40px;}
.kiosk-back-button:before{
	 font-family: FontAwesome;content:'\f104';padding-right:20px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .85;
}



#any-requests-submit{background:#006FDB !important; color:#ffffff !important;}
#any-requests-submit:hover{ color:#004990 !important; background:#ffffff !important;}



.bootbox h4{color: #004990 !important}
.bootbox-body{color: #004990 !important}
#requestModal {background:#ffffff;}
#requestModal h4{color: #004990 !important}
#requestModal,#requestModal p{color: #004990 !important}

select,
input[type="email"],
input[type="text"]{border:0px solid #30bcfe;padding:15px 10px !important;}
/*
maybe add this for Kiosk
height:60px !important;}
*/

input:focus{border:1px solid #30bcfe !important;}
label.has-error{color:#30bcfe !important;}
input.has-error{border:3px solid #30bcfe;
 outline: none;
    box-shadow: 0 0 10px #80D0F5;
}

.alert-primary{border:1px solid #30bcfe  !important; background: #B2E2F8 !important; color:#10315F !important; margin:15px -10px; }
#formerrormessage{display: none;}


h4.text-success, h4.text-success:hover {

    color: #004990;
	font-size:22px;

}
.btn{font-size:18px;}
.modal-content{border:0px solid #ffffff; border-radius:0px;background: rgba(255,255,255,0.8);}


a {
    color: #A7B1B7;
}

a:hover {
    color: #8799A4;
}

.modal-body a{color: #004990 !important; text-decoration: underline;}


.text-primary, .text-primary:hover {
    color: #ffffff;
}
.thumbnail{background: none;}
.padright{padding-right: 10px;}
.padleft{padding-left: 10px;}


.cmb2-wrap .col-md-4{display: block; width:100%;}
.cmb2-wrap .col-md-6{display: block; width:100%;}
.cmb2-wrap .col-md-8{display: block; width:100%;}
.cmb2-metabox-description{text-align: left !important;}
.cmb2-id-kingspan-user-number .alignleft{width:40%;float: left;}
.cmb2-id-kingspan-user-number .alignleft.horizontal-margin{width:55%;float: right;margin-right:0px !important;}

#back-to-top{display: none;}

.pad-30{padding-left:30px;padding-right:30px;}
.fixed-bottom{position: fixed;bottom: 20px; right:0px;width:100%;}
.btn-sign-in{position: relative; margin:0px auto;
    display: block;
    width: 140px;

}

#imagesequence1 {position: fixed; top:-100px; right:0px; bottom:0px; left:0px; z-index: 0;background:#032a49 !important;}
#imagesequence1 img{position: fixed; top:0px; right:0px; left:0px; bottom:0px; max-width: auto !important;width: auto;height: auto;  }

#one_box {
	position: relative;
	margin:auto auto;
	display: block;
	width:3810px;
	height:2500px;
	top:-500px;

}

.fullsize{position: fixed; top:50px; bottom:0px;left:-1000px; right:-1000px;opacity:0;}

.buttonsholder{display: none;}

.hidden-sm-down{display: block;}
.hidden-md-up{display: none;}

#appmenuopen{position: absolute; left:20px; top:20px;}
#appmenuopen a{background: #ffffff;}
#arbutton 	{position: absolute; right:20px; top:20px;}
#appmenuopen img{height:40px;}
#arbutton img{height:40px;}
#appmenuopen .mopen{display: block;}
#appmenuopen .mclose{display: none;}
#appmenuopen.open .mopen{display: none;}
#appmenuopen.open .mclose{display: block;}


#appmenu{
	background: rgba(0,0,0,0.2);
	width: 100%;
	top:80px;
	bottom:0px;
	position: absolute;
	z-index:10000000;
	left:-102%;
}
#appmenu ul{width: 90%;top:0px; position: relative;left:0px;bottom: 0px; background: #ffffff; box-shadow: 0px 10px 10px #000000;padding:0px 20px;}
#appmenu li.signout { border-top:1px solid #333333; padding-bottom:20px;}
#appmenu li{display:block; width:100%;}
#appmenu li a{
	padding:20px;
	font-size:22px;
	display:block;
	width:100%;
	text-align: left;
	color: #333333;

}
#appmenu li a::after{
	font-family: FontAwesome;content:'\f105';
	float:right;
}
#appmenu li.signout a{
color: #004990;

	font-family: "Kingspan Brown TT", san-serif; font-weight: normal;
}
#appmenu li.signout a::after{
	font-family: FontAwesome;content:'';
}


.swiper-container {
											  width: 100%;
											  padding-top: 50px;
											  padding-bottom: 50px;
											}
											.swiper-slide {
											  background-position: center;
											  background-size: cover;
											  width: 300px;
											  height: 300px;
											}

.page-template-template-user-invite{background:#004990}

#info-section-menu a{padding-top:20px;padding-bottom:20px; border-bottom:1px solid #7689a9; position: relative;margin:0px;font-size:20px; display: block;}
#info-section-menu a::after{ font-family: FontAwesome;content:'\f105'; position: absolute;right:10px;top:15px; font-size:30px; line-height: 1; color:#7689a9;
}

#info-section-menu ul,
#info-section-menu li{padding:0px; margin:0px; list-style: none; text-align: center;}



.info-section{background:#004990;padding:10px;display: none; min-height: 100%;}
.info-section.open-section{display: block;}


#info-section-menu a,
.info-section h2,
.info-section h3,
.info-section h4,
.info-section p{text-align: left !important; color:#ffffff;}

.info-sub-section-content{display: block; padding-top: 10px;
}

.info-section h2{border-bottom:0px solid #fff;font-size:40px;}
.info-section a{color:#ffffff; text-decoration: none; border-bottom:1px solid #8FADCB}
.info-section a:hover{color:#8FADCB; text-decoration: none; border-bottom:1px solid #ffffff;}


.info-section h3{padding-top:20px;padding-bottom:20px; border-bottom:1px solid #7689a9; position: relative;margin:0px;cursor:pointer;}
.info-section h3::after{ font-family: FontAwesome;content:'\f105'; position: absolute;right:10px;top:15px; font-size:30px; line-height: 1; color:#7689a9;
		-moz-transition: all .3s ease;
         -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
         transition: all .3s ease;
}


img{max-width: 100%;}


.info-section h4{margin-top:20px;}
.info-sub-section h3::after{ font-family: FontAwesome;content:'\f107';}
.open-section.info-sub-section h3::after{
		-moz-transform: rotate(180deg);
         -webkit-transform:rotate(180deg);
         -ms-transform:rotate(180deg);
         -o-transform:rotate(180deg);
         }

iframe{max-width: 100%;}
.mobile-wrapper{max-width: 500px;}

.page-template-template-not-registered .header-container{display: none;}
.page-template-template-complete .header-container{display: none;}
.page-template-template-autocomplete .header-container{display: none;}
.page-template-template-onsite-dashboard .header-container{display: none;}
.page-template-template-onsite-dashboard .row{position: relative;}
#kiosk-page-1{ position:fixed;
    left:50%;
    top:50%;
    margin-top:-208px;
	margin-left:-300px;
width:600px;
height: 416px;}


#kiosk-page-2{
	position:fixed;
    left:50%;
    top:50%;
    margin-top:-170px;
	margin-left:-400px;
width:800px;
height: 340px;}

#kiosk-page-3{ position:fixed;
    left:50%;
    top:50%;
    margin-top:-230px;
	margin-left:-300px;
width:600px;
height: 460px;}



#kiosk-page-2{display: none;}
#kiosk-page-3 h1,
#kiosk-page-1 h1{text-align: center !important; font-size:38px;}
#kiosk-page-3 h1 .big,
#kiosk-page-1 h1 .big{font-size:44px;font-family: "Kingspan Brown TT", san-serif; font-weight: bold;}
#bigtransparentbutton{position: fixed; z-index: 10000000; top:0px; bottom:0px; left:0px; right:0px;}
.widearrow{width:200px; height: auto;}


.ui-menu .ui-menu-item{padding:20px 0px;text-transform:uppercase !important;font-family: "Kingspan Brown TT", san-serif; font-weight: normal;}

.page-template-template-not-registered input[type=text],
.page-template-template-autocomplete input[type=text]{font-size: 20px;font-family: "Kingspan Brown TT", san-serif; font-weight: normal;padding:30px 20px !important;line-height:1;}

.page-template-template-not-registered .btn-info,
.page-template-template-not-registered .btn-primary,
.page-template-template-not-registered .btn-default,
.page-template-template-not-registered .btn-warning{padding-top: 10px !important;padding-bottom: 10px !important;}

.page-template-template-not-registered
input[type=checkbox],
.page-template-template-autocomplete
input[type=checkbox]{margin-top: 15px; transform:scale(3);margin-left:5px;}
.page-template-template-not-registered label,
.page-template-template-autocomplete label{font-size:16px;}


.privacytext{font-size:14px; color:#ffffff;margin-left:10px;}

.cmb2-wrap textarea {
    width: 100% !important;
}
#my-details-saved,
#errormessage{display: none;padding:10px;margin-top:10px;background: rgba(0,0,0,0.2)}
#surveyerrormessage{display: none;padding:10px !important;margin-top:10px;}
#my-details-saved p,
#errormessage p{padding:0px; margin:0px;}
.header-container{background:#ffffff;padding-top:10px; padding-bottom:10px;position: relative;}
	.hidden-sm-down{display: none;}
	.hidden-md-up{display: block;}


.container {
    width: 100%;
}

.kiosk h2{
	font-size: 40px; margin-top:100px;
}
.kiosk h3{
	font-size: 37px; margin-top:100px;
}
.kiosk h4{
	font-size: 34px; margin-top:100px;
}

.kiosk .cmb-form, .kiosk .form-horizontal {
    max-width: 590px;
    margin: 0px auto;
}

.kiosk .btn,
.kiosk .btn:hover,
.kiosk label,
.kiosk input[type=text] {
    font-size: 24px !important;
}

.kiosk p,
.kiosk .the-content p,
.kiosk .the-content a,
.kiosk .the-content ul > li
{
    font-size: 20px !important;
	display: none !important;
}



em{color:#ffffff;}

.page-template-template-terms-and-conditions h3{color:#ffffff;}
.page-template-template-terms-and-conditions h4{color:#ffffff; font-weight: bold;margin-top:30px;}
.page-template-template-terms-and-conditions p{color:#ffffff;}
.page-template-template-terms-and-conditions a{color:#f1f1f1; text-decoration: underline;}

.page-template-template-terms-and-conditions .the-content li:before{content:'';}
.page-template-template-terms-and-conditions .the-content ul,
.page-template-template-terms-and-conditions .the-content ul>li{
	margin-left:10px !important;
	padding-left:10px !important;
	list-style: disc !important;
}

.page-template-template-terms-and-conditions .the-content ul li ul li{
	list-style: circle !important;
}


@media all and (max-width:768px){
	.mobile-wrapper{max-width: 100%;}


	.mainlogo{height: 60px;}
}
#badge{display: none;}
#badgeinner{width:355px; height:220px;border:0px solid #000000;position: relative;}
#badge-visitor{display:none;}
#badge-fname{font-size:30px;line-height: 1.2;color:#000000; position:absolute; top:20px; left:20px; text-transform: capitalize;}
#badge-lname{font-size:30px;line-height: 1.2;color:#000000; position:absolute; top:50px; left:20px; text-transform: capitalize;}
#badge-date{font-size:20px;line-height: 1.2;color:#000000; position:absolute; bottom:20px; left:20px;}
#badge-logo{width:150px; position:absolute; bottom:16px; right:20px;}


#badgeinner.visitor #badge-visitor{ display: block; font-size:16px;line-height: 1.2;color:#000000; position:absolute; top:20px; left:20px;}
#badgeinner.visitor #badge-fname{font-size:30px;line-height: 1.2;color:#000000; position:absolute; top:40px; left:20px; text-transform: capitalize;}
#badgeinner.visitor #badge-lname{font-size:30px;line-height: 1.2;color:#000000; position:absolute; top:70px; left:20px; text-transform: capitalize;}




.has-error .form-control, .has-error .form-control:focus {
     outline: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
	transition:none !important;
}


.a-required-field label{color:#ff0000 !important;}
.a-required-field select, .a-required-field input, .a-required-field textarea{border: 1px solid #ff0000 !important;}

.page-template-template-user-login .btn,
.page-template-template-request-invitation .btn{width:48% !important;}

.page-template-template-user-login .btn-default,
.page-template-template-request-invitation .btn-info{float:right;}

#privacy-policy h1,
#terms-and-conditions h1{ font-size: 26px;}
#privacy-policy h2,
#terms-and-conditions h2{ font-size: 22px; }
#privacy-policy h3,
#terms-and-conditions h3{ font-size: 17px; }
#privacy-policy h4,
#terms-and-conditions h4{ font-size: 16px; margin-top:30px;}
#privacy-policy h5,
#terms-and-conditions h5{ font-size: 15px; }


#terms-and-conditions li:before,
#privacy-policy li:before{content:'';}

#terms-and-conditions ul,
#privacy-policy ul,

#terms-and-conditions ul>li,
#privacy-policy ul>li{
	margin-left:10px !important;
	padding-left:10px !important;
	list-style: disc !important;
}

#terms-and-conditions ul li ul li,
#privacy-policy ul li ul li{
	list-style: circle !important;
}

















@media all and (max-width:320px){
.page-template-template-request-invitation .btn{font-size:14px !important;}

}

#backtotop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #000033;
  color: white;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 4px;
  z-index: 10000000;
}
#my-details .btn-primary{background:#ffffff !important;margin:10px; color:#004990 !important;}
#terms-and-conditions-accept:hover,
#privacy-policy-accept:hover{background:rgba(255,255,255,0.6) !important;}



#formandcompaliance form input[type="text"], 
#signoutsection form input[type="text"]{
    display: block !important;
    width: 100% !important;
}
#formandcompaliance form input[type="text"].eee,
#signoutsection form input[type="text"].eee{
    display:none !important;
}

#formandcompaliance form, 
#signoutsection form{
    width:400px !important;
    margin:20px auto;
}

#signoutsection ul#names{
    list-style: none;
    margin:0px;
    padding:0px;
}

#signoutsection input{
    font-weight: bold;
}

#signoutsection ul#names li{
    display:block;
    background:#ffffff;
    border-bottom:1px solid #dddddd;
    list-style: none;
    margin-left:0px;
    padding:20px;
    font-size:16px;
    color:#222222;
    cursor: pointer;
    font-weight: bold;
}




@media all and (max-width:767px){ 

    .privacytext{
        font-size:14px; 
        margin-left: 20px;
        display: inline;
        float: none;
        margin-right: 0;
    }
    .fullscreen-bg__video {
        display: none;
    }

}

#yournameerror{display:none;}
#youremailerror{display:none;}
#yourcompanyerror{display:none;}


.page-template-template-contractors .header-container{display: none;}
.page-template-template-contractors #buttons{margin-top:200px;}
.page-template-template-contractors #buttons{padding-top:10px; padding-bottom:10px; }