/* ----------------------------------------------------------------
	Client Style
	Version: 1.0
-----------------------------------------------------------------*/


@font-face {
	font-family: 'Arca Majora';
	src: url('fonts/arca-heavy-webfont.eot');
	src: url('fonts/arca-heavy-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/arca-heavy-webfont.woff2') format('woff2'),
		 url('fonts/arca-heavy-webfont.woff') format('woff'),
		 url('fonts/arca-heavy-webfont.ttf') format('truetype'),
		 url('fonts/arca-heavy-webfont.svg#arca_majoraheavy') format('svg');
	font-weight: normal;
	font-style: normal;

}

h1,
h2,
h3,
h4 { 
	font-family:'Arimo', sans-serif;}
	/*font-family: 'Arca Majora', sans-serif;*/ 



@media (min-width: 992px) {

	#top-bar { z-index: 299; }

	#top-bar.transparent-topbar { background: transparent !important; }

	#top-bar.transparent-topbar + #header.transparent-header + #slider {
		margin-bottom: -145px;
		top: -145px;
	}

}

 /* #header, #header-wrap, #logo img, #primary-menu:not(.style-2), #primary-menu:not(.style-2) > ul { height:60px;} */


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

#top-bar.dark {
	background-color: #15445c;
}

.top-selection {margin-top:22px;}

.dark .top-links li > a { color: #EEE; }

.dark .top-links li:hover { background-color: rgba(255,255,255,0.15); }

.dark #top-social li { border-left: 0; }

.dark #top-social li a { color: #EEE; }

.dark #header-wrap:not(.not-dark) #primary-menu.style-4 > ul > li:hover > a,
.dark #header-wrap:not(.not-dark) #primary-menu.style-4 > ul > li.current > a { border-color: rgba(255,255,255,0.5); }

.tabs.client-organiser-tabs { width: 75% !important; }

.tabs.client-organiser-tabs { margin: 0; }

.client-organiser-tabs ul.tab-nav { border-bottom: 4px solid #772284; }

.client-organiser-tabs ul.tab-nav li {
	margin-left: 1px;
	border: 0;
	height: 70px;
	border-left: 0 !important;
}

.client-organiser-tabs ul.tab-nav li:first-child { margin-left: 0; }

.client-organiser-tabs ul.tab-nav li a {
	padding: 0 20px;
	color: #FFF;
	height: 70px;
	line-height: 70px;
	background-color: rgba(0,0,0,0.5);
	font-size: 18px;
	font-weight: 400;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.client-organiser-tabs ul.tab-nav li.ui-tabs-active a {
	top: 0;
	background-color: #d05927;
}

.client-organiser-tabs ul.tab-nav li .label { margin-left: 5px; }

.client-organiser-tabs ul.tab-nav li a i { margin-right: 7px; }

.client-organiser-tabs .tab-container {
	padding: 40px;
	background-color: rgba(255,255,255,0.9);
}

h2.home-intro {font-family: "STIX Two Text", serif; font-size: 60px;
    text-transform: capitalize;
    color: #275548;}

h3.h3-fbox {font-size:24px; font-family: "Geist", sans-serif; text-transform: capitalize;
    color: #275548;}

h3.h3-fbox.selection {font-size:32px;}

p.p-fbox {font-size: 18px !important;}

p.p-fbox.dark {color:#fff; text-shadow: none;}

h3.h3-accent {font-size:46px; font-family: "Geist", sans-serif; text-transform: capitalize;
    color: #fff;}

.box-border { border-left: 4px solid #275548;
    padding-left: 20px;}

.box-border.dark {border-color:#fff;}

.modal-header {background:#275548;}

.modal-header h3 {color:#fff;}

.modal-header .close {
       padding: 0px 4px 4px;
    /* margin: -5rem 0rem 0rem auto; */
    color: #fff;
    opacity: 0.8;
    text-shadow: none;
    border-radius: 2px;
    /* width: 20px; */
    /* height: 20px; */
    border: 1px solid #fff;
    line-height: 24px;
    display: inline;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    font-weight: 200;}

#client-slider-overlay {
	position: relative;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay-open .portfolio-item .portfolio-image img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay-open .portfolio-item:hover .portfolio-image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.portfolio-overlay-open .portfolio-overlay {
	opacity: 1;
	background-color: rgba(0,0,0,0.01);
	/*background:  linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4668461134453782) 100%);
background: rgb(65,136,148);
background: linear-gradient(189deg, rgba(65,136,148,0.6545211834733893) 0%, rgba(80,156,168,1) 100%);*/
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay {
	-webkit-transition: background-color .4s ease-in-out;
	-o-transition: background-color .4s ease-in-out;
	transition: background-color .4s ease-in-out;
}

.portfolio-overlay-open .portfolio-item:hover .portfolio-overlay { background-color: rgba(0,0,0,0.4); }

.portfolio-overlay .portfolio-desc h3 {
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 46px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}


.footer-big-contacts {
	color: #333;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
}

.footer-big-contacts span {
	display: block;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	color: #888;
	letter-spacing: 2px;
}

.dark .footer-big-contacts { color: rgba(255,255,255,0.8); }


.device-sm .tabs.client-organiser-tabs { width: 100% !important; }

.heading-block h3 {color:#005536; margin-bottom:0px;}

.colorPrimary {}
.colorSecondary { color:#275548;}

.howWorks .feature-box {
    position: relative;
    margin-top: 20px;
    padding: 0 0 0 60px;
}

.howWorks .feature-box .fbox-icon {
	width: 40px;
    height: 40px;
	}

.howWorks .feature-box .fbox-icon i {
	font-size: 24px;
    line-height: 40px;
	}
	
.howWorks .feature-box p {
    margin: 8px 0 12px 0;
}

.landing-wide-form { padding:15px 30px;}

.landing-wide-form a { font-size:18px; color:#fff;}

.heading-block h2 + span {font-size:18px;}

.heading-block > span:not(.before-heading) { margin-top:0px;}

.landing-form-overlay {background-color: rgba(52,73,94,0.8);}

.fbox-media.featuredColor {
    background: #e9eff3;
}

.contact-image img {
    border-radius: 50%;
}

.contactBox h4 {
    margin-bottom: 0px;
}

.contactBox p {
    margin-bottom: 5px;
}

.promo.promo-dark h2 {
    color: #FFF;
}

.promo.promo-dark {
    background-color: #275548;
}


.heading-block h1 { font-size:48px;}

.landing-wide-form {
	background:transparent;
    /*background: rgba(255,255,255, 0.2);*/
}

.input-lg {
    background: rgba(0,0,0,0.4);
    color: #fff;
	border:1px solid #fff;
}

.heroSix .heading-block { margin-bottom:25px;}

.homeBlocksTitle h4 { font-weight:normal; font-size:15px; color:#565650;}

.homeBlocksTitle { background:url(../images/icons/texture-line.png) repeat 0 0 transparent ;}

.homeBlocksTitle:hover { opacity:0.9; filter: alpha(opacity=90);}

.homeBlocksTitle.current h4 { color:#fff;}

.homeBlocksTitle i { padding:10px; margin-right:5px; color:#fff; min-width:36px; text-align:center;}

.pro { background-color:#275548;}
.dem { background-color:#275548;}
.lab { background-color:#275548;}
.con { background-color:#275548;}
.bus { background-color:#275548;}
.fdi { background-color:#275548;}
.map { background-color:#275548;}
.com { background-color:#275548;}
.bui { background-color:#275548;}
.sit { background-color:#275548;}
.tal { background-color:#275548;}
.occ { background-color:#275548;}

/*
.pro { background-color:#002576;}
.dem { background-color:#00506f;}
.lab { background-color:#b84270;}
.con { background-color:#a79209;}
.bus { background-color:#e8af00;}
.fdi { background-color:#09a78f;}
.map { background-color:#6e165d;}
.com { background-color:#ed5e02;}
.bui { background-color:#0581c0;}
.sit { background-color: #c5293b;}
.tal { background-color:#1cbd3e;}
.occ { background-color:#ff4747;}
*/

.pageTitle { background:none rgba(70,157,50,0.7); padding:10px 20px 5px; }

.pageTitle h2 { color:#fff; font-weight:300; font-family: "STIX Two Text", serif; margin-bottom: 0px;
    padding: 15px 30px;}

.areaWhite { background:#fff; padding:40px 20px;}

.titleAnalyze { text-transform:initial; font-size:18px !important;}

.divider {margin: 20px 0px;}

.brand-arrow-color {position: absolute; bottom: -30px; z-index: 99;}

.sportlight-display {width: 900px; margin: 0 auto;}

/* ANIMATIONS */

@keyframes slide-in {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

.slide-in-element {
  animation: slide-in 1s ease;
}


/* SELECT BOXES */ 


.select2-selection {
	background: rgba(0,0,0,0.4) !important;
    padding: 10px 10px !important;
    height: 40px !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}
	
.select2-selection__rendered {
	font-size: 18px !important;
    line-height: 18px !important;
	margin-top:0px !important;
	color:rgba(255,255,255,0.7) !important;
	}

.select2-selection__arrow {
	top: 0px !important;
    right: 5px !important;
	}
	
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #275548 !important;
    color: #fff;
}

.select2-selection__placeholder { font-size:18px !important;}
	

@media (max-width: 767px) {

	#slider { height: auto; }

	.tabs.client-organiser-tabs {
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		margin-top: 0 !important;
		width: 100% !important;
	}

}


@media (max-width: 767px) {

	.tabs.client-organiser-tabs .heading-block h4 { margin-bottom: 20px; }

	.tabs.client-organiser-tabs .heading-block .fleft,
	.tabs.client-organiser-tabs .heading-block .fright { float: none !important; }
	.sportlight-display {width: 100%;}

}

@media (max-width: 991px) {
	.sportlight-display {width: 100%;}
}


.device-xxs .tabs.client-organiser-tabs .more-link.fright { float: none !important; }

.device-xs .tabs.client-organiser-tabs .tab-nav i,
.device-xxs .tabs.client-organiser-tabs .tab-nav i { margin-right: 0 !important; }






