/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/



/* BEGIN Global ------------------------------------------------- */

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		margin: 25px 0 20px;
	}
	
	h3, .h3 {
		font-size: 28px;
	}
	
	.x-social-global a {
		color: #134189;
		font-size: 24px;
		width: 44px;
		height: 44px;
		line-height: 44px;
		display: block;
		float: left;
		margin-right: 20px;
		background: #4687bf;
	}
	
	.x-social-global a:hover {
		background: #f6ae00;
	}
	
	.blue-links a {
		color: #0094d2;
	}
	.blue-links a:hover {
		color: #f6ae00;
	}
	
	.x-btn, .button, [type="submit"] {
		font-weight: 500;
		text-shadow: none !important;
		text-transform: uppercase;
		padding: 0.579em 1.105em;
		border-width: 2px;
	}
	
	.x-column {
		position: static;
		z-index: auto;
	}

	.v-center { width: 100%; height: 100%; display: table; }
	.v-center .v-center-in { display: table-cell; vertical-align: middle; }



/* BEGIN Header -------------------------------------------------
	
	Nav dark blue links - #124189
	Nav light blue links - #4687bf
	
*/

	.x-navbar {
		border: none;
		background-image: url('assets/images/header.png');
		background-repeat: repeat-x;
	}
	
	.home .x-navbar {
		background: transparent;
	}
	
	.x-navbar.solid {
		background: rgba(55,55,55,.9);
	}
	
		.x-navbar.solid .x-navbar-inner {
			min-height: 92px;
			
		}
		.x-navbar .x-navbar-inner {
			transition: all .2s linear;
		}
	
		.x-navbar.solid .x-brand img {
			width: 90px;
		}
		.x-navbar .x-brand img {
			transition: all .2s linear;
		}
		
		.x-navbar.solid .desktop .x-nav > li > a {
			height: 92px !important;
		    padding-top: 36px;
		}
		.x-navbar .desktop .x-nav > li > a {
			transition: all .2s linear;
		}
	
	.home .masthead-inline {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	.masthead-inline .x-navbar .desktop .sub-menu {
		left: -5px;
		right: auto;
		border-top: none;
	}
	
	.x-navbar .desktop .x-nav > li.nav-box a {
		padding-left: 0;
		padding-right: 0;
	}
	
	.x-navbar .desktop .x-nav > li > a > span {
		border: none;
		padding: 0;
	}
	
	.x-navbar .desktop .x-nav > li > a,
	.x-navbar .desktop .sub-menu a {
		color: #124189;
		font-size: 15px;
		font-weight: 400;
		letter-spacing: normal;
	}
	
	.x-navbar .desktop .x-nav > li > a:hover,
	.x-navbar .desktop .x-nav > .x-active > a,
	.x-navbar .desktop .x-nav > .current-menu-item > a,
	.x-navbar .desktop .sub-menu a:hover,
	.x-navbar .desktop .sub-menu .x-active > a,
	.x-navbar .desktop .sub-menu .current-menu-item > a,
	.x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a,
	.x-navbar .mobile .x-nav li > a:hover,
	.x-navbar .mobile .x-nav .x-active > a,
	.x-navbar .mobile .x-nav .current-menu-item > a {
		color: #4687bf;
	}
	
	.home .x-navbar .desktop .x-nav > li > a {
		color: #fff;
		text-shadow: 0 0 7px rgba(0,0,0,.5);
	}
	.home .x-navbar .desktop .x-nav > li > a:hover {
		color: #124189;
	}

	.x-navbar.solid .desktop .x-nav > li > a {
		color: #fff; /* #124189 */
		text-shadow: none;
	}
	
	.x-navbar.solid .desktop .x-nav > li > a:hover,
	.x-navbar.solid .desktop .x-nav > .x-active > a,
	.x-navbar.solid .desktop .x-nav > .current-menu-item > a,
	.x-navbar.solid .desktop .sub-menu a:hover,
	.x-navbar.solid .desktop .sub-menu .x-active > a,
	.x-navbar.solid .desktop .sub-menu .current-menu-item > a,
	.x-navbar.solid .desktop .x-nav .x-megamenu > .sub-menu > li > a,
	.x-navbar.solid .mobile .x-nav li > a:hover,
	.x-navbar.solid .mobile .x-nav .x-active > a,
	.x-navbar.solid .mobile .x-nav .current-menu-item > a {
		color: #f6ae00 !important;
	}
	
	.x-navbar .desktop .x-nav > li.nav-box > a > span {
		padding: 10px;
		border-radius: 5px;
		border: 2px solid transparent;
		border-color: #124189;
		box-shadow: 0 0px 6px 0px rgba(0,0,0,.2);
	}
	.home .x-navbar .desktop .x-nav > li.nav-box > a > span {
		border-color: #fff;
	}
	.x-navbar .desktop .x-nav > li.nav-box > a:hover > span,
	.x-navbar.solid .desktop .x-nav > li.nav-box > a:hover > span {
		border-color: #4687bf;
	}
	.home .x-navbar .desktop .x-nav > li.nav-box > a:hover > span {
		border-color: #124189;
	}
	
	.x-navbar.solid .desktop .x-nav > li.nav-box > a > span {
		border-color: #fff;
		box-shadow: none;
	}
	.x-navbar.solid .desktop .x-nav > li.nav-box > a:hover > span {
		border-color: #f6ae00;
	}
	
	.x-navbar .desktop .x-nav li > a > span:after {
		content: none;
		display: none;
	}
	
	.desktop .sub-menu {
		border-top: none;
	}
	
	.home .x-navbar .desktop .x-nav > li ul {
		transition: top .2s ease;
		top: 80px;
	}
	.home .x-navbar.solid .desktop .x-nav > li ul {
		top: 110px;
	}
	
	.x-navbar .desktop .sub-menu .menu-product a {
		padding-left: 55px;
		transition: all .2s ease;
	    background-image: url('assets/images/icon-box-dark.png');
	    background-size: 22px;
	    background-position: 25px 7px;
	    background-repeat: no-repeat;
	}
	
	.x-navbar .desktop .sub-menu .menu-product a:hover {
		background-position: 25px -38px;
	}
	
	/* Mobile Nav Button --- */
	
		.x-btn-navbar {
			margin-top: 0;
		}
		
			.x-btn-navbar .x-btn-label {
				font-family: "Montserrat", sans-serif;
				font-size: 24px;
				font-weight: 500;
				color: #124189;
				text-shadow: none;
				text-transform: uppercase;
				float: left;
				line-height: 45px;
				margin-right: 10px;
			}
			.x-navbar.solid .x-btn-navbar .x-btn-label {
				color: #fff;
			}
			.x-navbar.solid .x-btn-navbar .ham {
				border-color: #fff;
			}
			.x-navbar.solid .mobile-nav-btn .ham span {
				background-color: #fff;
			}
					
		.mobile-nav-btn {
			position: absolute;
			top: 28px;
		    right: 0;
			z-index: 1002;
			display: none;		    
		}
		
		.mobile-nav-btn .ham {
			width: 48px;
			height: 44px;
			float: left;
			position: relative;
			border: 4px solid #124189;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			-o-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
			cursor: pointer;
		}
		
		.mobile-nav-btn .ham span {
			display: block;
			position: absolute;
			height: 5px;
			width: 28px;
			background: #124189;
			opacity: 1;
			left: 6px;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out;
		}
		
		.mobile-nav-btn .ham span:nth-child(1) {
			top: 8px;
		}
		
		.mobile-nav-btn .ham span:nth-child(2),.mobile-nav-btn .ham span:nth-child(3) {
			top: 16px;
		}
		
		.mobile-nav-btn .ham span:nth-child(4) {
			top: 24px;
		}
		
		.mobile-nav-btn .ham.open span:nth-child(1) {
			top: 16px;
			width: 0%;
			left: 50%;
		}
		
		.mobile-nav-btn .ham.open span:nth-child(2) {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		
		.mobile-nav-btn .ham.open span:nth-child(3) {
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		
		.mobile-nav-btn .ham.open span:nth-child(4) {
			top: 10px;
			width: 0%;
			left: 50%;
		}

	

/* BEGIN Home ------------------------------------------------- */

	.home-slider .ms-bullets {
		display: none; /* Only until there is more than 1 slide */
	}
	
	.home-slider .ms-bullets.ms-dir-v {
		top: auto;
		bottom: 55px;
		left: 0 !important;
	}
	
		.home-slider .ms-bullets.ms-dir-v .ms-bullet {
			width: 20px;
			height: 20px;
			float: left;
			margin-left: 0 !important;
			border: 2px solid #fff;
			background: 0;
		}
		
		.home-slider .ms-bullets.ms-dir-v .ms-bullet.ms-bullet-selected {
			border-color: #f6ae00;
			background-color: #f6ae00;
		}
		
	.black-title-sm {
		color: #313131;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 18px;
	}

		
		
/* BEGIN Content ------------------------------------------------- */
		
	/* Cornerstone - Feature Box */
	
		.cooper-feature .x-feature-box-title {
			font-size: 24px;
			font-weight: 300;
		}
		
		.cooper-feature .x-feature-box-text {
			font-size: 16px;
		}
		
		.hide-feature-content .x-feature-box-text {
			display: none;
		}
	
	/* Shortcode - Team --- */
	
		.team-grid .team-member {
			padding: 25px;
			margin-bottom: 4%;
			margin-right: 4%;
			background: #002955;
		}
		.team-grid .team-member.even {
			margin-right: 0;
		}
		
			.team-grid .team-member .team-left {
				color: #fff;
				text-align: center;
			}
				
				.team-grid .team-member .team-image {
					margin-bottom: 20px;
				}
			
				.team-grid .team-member .team-name,
				.team-grid .team-member .team-role {
					text-transform: uppercase;
				}
			
				.team-grid .team-member .team-name {
					font-size: 18px;
				}
				
				.team-grid .team-member .team-role {
					color: #4687bf;
					font-size: 14px;
				}
				
			.team-grid .team-member .team-right {
				padding-left: 30px;
			}
		
				.team-grid .team-member .team-bio {
					color: #fff;
					font-size: 15px;
					line-height: 1.4em;
				}
				
					.team-grid .team-member .team-bio p {
						margin-bottom: 5px;
					}
				
				.team-grid .team-member .team-bio-open {
					font-size: 15px;
					cursor: pointer;
				}
				
					.team-grid .team-member .team-bio-open i {
						font-size: 14px;
					}

		/* Popup --- */
		
			.popup {
				width: 100%;
				height: 100%;
				display: none;
				position: fixed;
				top: 0px;
				left: 0px;
				background: rgba(248, 251, 253, 0.8);
				z-index: 1031;
			}
			.popup.popup-dark {
				background: rgba(0,0,0, 0.7);
			}
			
				.popup-clickout {
					width: 100%;
					height: 100%;
					position: fixed;
					top: 0px;
					left: 0px;
					z-index: 1001;
				}
				
				.popup .popup-scroll-wrap {
					width: 100%;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					z-index: 1002;
				}
			
				.popup-inner {
					max-width: 600px;
					width: 90%;
					margin: 140px auto 70px;
					position: relative;
					transition: all .2s;
					background: #002955;
					-webkit-border-radius: 3px;
				    -moz-border-radius: 3px;
				    border-radius: 3px;
					z-index: 1002;
				}
				
				.popup-inner .popup-content {
					padding: 25px;
					overflow: hidden;
				}
			
				.popup-content *:first-child {
					margin-top: 0;
				}
				
				.popup-image {
					text-align: center;
					margin-bottom: 10px;
				}
				
					.popup-image img {
						width: 100%;
					}
					
				.popup-name {
					color: #fff;
					text-align: center;
					margin-bottom: 0px;
				}
					
					.popup-name .h4 {
						margin: 0 0 5px;
					}
					
				.popup-sub {
					text-align: center;
				}
				
				.popup-close {
					color: #002955;
					width: 100px;
					height: 30px;
					padding-top: 4px;
					display: inline-block;
					position: absolute;
					top: -30px;
					right: 10px;
					cursor: pointer;
					transition: ease 0.25s all;
					font-family: Arial, Sans-Serif;
					font-size: 20px;
					text-align: center;
					line-height: 100%;
					border-top-left-radius: 2px;
					border-top-right-radius: 2px;
				}
				
				.popup-close:hover {
					color: #f6ae00;
					background: #002955;
					text-decoration: none;
				}
				
	/* Shortcode - Latest News --- */
	
		.cooper-latest .latest-block {
			position: relative;
			padding: 20px 25px 25px;
			margin-bottom: 42px;
			border: 3px solid #f6ae00;
		}
		
			.cooper-latest .latest-block:after {
				width: 34px;
				height: 42px;
				content: '';
				display: block;
				position: absolute;
				bottom: -42px;
				left: 50px;
				background-image: url('assets/images/news-point.png');
				background-repeat: no-repeat;
				background-size: 34px;
			}
		
			.cooper-latest .latest-block .the-date {
				color: #03317c;
			}
			
			.cooper-latest .latest-block .the-title {
				font-size: 21px;
				font-weight: 600;
				line-height: 1.4em;
				margin-bottom: 5px;
			}
			
			.cooper-latest .latest-block .the-excerpt {
				font-size: 16px;
				line-height: 1.5em;
			}
			
	/* Logo Carousel --- */
	
		.section-logos .x-container {
			max-width: 1440px;
		}
		
		.section-logos .cooper-carousel-nav .prev,
		.section-logos .cooper-carousel-nav .next {
			color: #5fa0d4 !important;
		}
		
		.section-logos .cooper-carousel-nav .prev:hover,
		.section-logos .cooper-carousel-nav .next:hover {
			color: #fff !important;
		}
	
		.logo-carousel p,
		.logo-carousel img {
			margin: 0 !important;
		}
		
		.logo-carousel .slide {
			text-align: center;
		}
		
	/* Form Elements --- */
	
		select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
			height: 3.5em;
			font-size: inherit !important;
			padding: 0 1.2em;
			border-width: 2px;
		}
		
		textarea {
			height: auto;
			padding-top: 1.2em;
		}
		
		.form-row {
			width: 100%;
			clear: both;
			margin-bottom: 20px;
		}
		
		.form-row select,
		.form-row textarea,
		.form-row input,
		.form-row .uneditable-input {
			margin-bottom: 0;
		}
		
		.wpcf7-not-valid-tip {
			color: red;
			font-size: 14px;
		}
		
	/* News Archives --- */
	
		.ctct#archiveList ul {
			list-style: none;
			margin: 0;
		}
		
		.ctct#archiveList ul li {
			position: relative;
		    margin-bottom: 15px;
		    border: 3px solid #f6ae00;
		}
		
		.ctct#archiveList ul li a {
			color: #303030;
			font-size: 24px;
			font-weight: 700;
			font-family: "Raleway",sans-serif;
			display: block;
			padding: 15px 30px;
			transition: all .2s;
		}
		
		.ctct#archiveList ul li:hover a {
			color: #fff;
			background: #f6ae00;
		}
		
		.ctct#archiveList ul li a i {
			margin-right: 8px;
			margin-left: -25px;
			opacity: 0;
			transition: all .2s;
		}
		
		.ctct#archiveList ul li:hover a i {
			color: #fff;
			margin-left: 0;
			opacity: 1;
		}
		
		.ctctFooter#archiveList {
			margin: 0;
		}
		
		.ctctFooter#archiveList ul {
			margin: 0 -20px;
			list-style: none;
		}
		
		.ctctFooter#archiveList ul li {
			padding: 5px 21px;
			letter-spacing: 1px;
			line-height: 1.5;
		}
	
	/* Widgets --- */
	
		.widget ul li,
		.widget ol li {
			border: none !important;
			padding: 5px 21px;
		}
		
				
				
/* BEGIN Footer ------------------------------------------------- */	
				
	.x-colophon.top {
		color: #fff;
		font-size: 16px;
		padding: 50px 0;
		border: none;
		background: #134189;
	}
	
		.x-colophon.top .widget {
			margin-top: 30px;
		}
		
			.x-colophon.top .widget .h-widget {
				color: #fff;
				font-size: 24px;
				font-weight: 600;
			}
			
			.x-colophon.top .widget.widget_recent_entries a {
				font-size: 15px;
				text-transform: none;
			}
	
	.x-colophon.bottom {
		color: #fff;
		padding: 20px 0;
		border: none;
		background: #134189;
	}
	
		.x-colophon.bottom .x-colophon-content {
			font-size: 14px;
			text-transform: none;
			text-align: left;
			letter-spacing: normal;
			margin: 0;
		}
		
	.icon-box {
		font-size: 18px;
		line-height: 1.4em;
		display: block;
		padding-left: 30px;
		margin-bottom: 10px;
		background-image: url('assets/images/icon-box.png');
		background-size: 22px;
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	
	
/* SCROLLBAR Base CSS ------------------------------------------------- */
 
	.scroll-wrapper {
	    overflow: hidden !important;
	    padding: 0 !important;
	    position: relative;
	}
	 
	.scroll-wrapper > .scroll-content {
	    border: none !important;
	    box-sizing: content-box !important;
	    height: auto;
	    left: 0;
	    margin: 0;
	    max-height: none;
	    max-width: none !important;
	    overflow: scroll !important;
	    padding: 0;
	    position: relative !important;
	    top: 0;
	    width: auto !important;
	}
	 
	.scroll-wrapper > .scroll-content::-webkit-scrollbar {
	    height: 0;
	    width: 0;
	}
	 
	.scroll-element {
	    display: none;
	}
	.scroll-element, .scroll-element div {
	    box-sizing: content-box;
	}
	 
	.scroll-element.scroll-x.scroll-scrollx_visible,
	.scroll-element.scroll-y.scroll-scrolly_visible {
	    display: block;
	}
	 
	.scroll-element .scroll-bar,
	.scroll-element .scroll-arrow {
	    cursor: default;
	}
	
	.scrollbar-outer > .scroll-element,
	.scrollbar-outer > .scroll-element div
	{
	    border: none;
	    margin: 0;
	    padding: 0;
	    position: absolute;
	    z-index: 1002;
	}
	 
	.scrollbar-outer > .scroll-element div {
	    display: block;
	    height: 100%;
	    left: 0;
	    top: 0;
	    width: 100%;
	}
	 
	.scrollbar-outer > .scroll-element.scroll-x {
	    bottom: 2px;
	    height: 8px;
	    left: 0;
	    width: 100%;
	}
	 
	.scrollbar-outer > .scroll-element.scroll-y {
	    height: 100%;
	    right: 50%;
	    top: 0;
	    width: 14px;
	    transition: opacity .2s;
	    opacity: .7;
	}
	.scrollbar-outer > .scroll-element.scroll-y:hover {
		opacity: 1;
	}
	 
	.scrollbar-outer > .scroll-element .scroll-element_outer {
	    overflow: hidden;
	}
	
	.scrollbar-outer > .scroll-element .scroll-element_outer,
	.scrollbar-outer > .scroll-element .scroll-element_track,
	.scrollbar-outer > .scroll-element .scroll-bar {
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	}
	 
	.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #002955; }
	.scrollbar-outer > .scroll-element .scroll-bar { width: 8px; border: 3px solid #002955; background-color: #fff; }
	.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #f6ae00; }
	 
	 
	/* update scrollbar offset if both scrolls are visible */
	 
	.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
	.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
	 
	 
	.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
	.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
		
		
		
/* BEGIN Responsive ------------------------------------------------- */

	@media screen and (max-width: 1278px) {
		
		.home-slider .ms-slide .ms-slide-layers {
			width: 90%;
			padding: 0px 5%;
			left: 0 !important;
	    }
	    
	    .home-slider .ms-anim-layers {
		    position: relative;
	    }
	    
	    .home-slider .ms-bullets.ms-dir-v {
		    left: 5% !important;
	    }
    
    }
    
    @media screen and (max-width: 1024px) {
	    
	    .x-navbar .desktop .x-nav > li > a,
	    .x-navbar .desktop .sub-menu a {
		    font-size: 14px;
	    }
	    
	    .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
		    padding-left: 15px;
		    padding-right: 15px;
	    }
	    
    }
    
    @media screen and (max-width: 979px) {
	    
	    body.x-navbar-fixed-top-active .x-navbar-wrap {
		    height: 100px;
		}
		
		.x-navbar-inner {
			min-height: 100px;
		}
			    
	    .x-navbar-wrap .x-navbar .x-container.width {
		    width: 100%;
		}
	    
	    .masthead .header-top {
		    width: 90%;
		    margin: 0 auto;
		    padding-bottom: 25px;
		    overflow: hidden;
		    position: relative;
		}
		
		.x-nav-wrap.mobile {
			background: #fff;
			display: none;
			box-shadow: 0 1px 15px rgba(0,0,0,.1);
		}
		
		.x-navbar .mobile .x-nav {
			margin: 0;
		}
		
		.x-navbar .mobile .x-nav li > a {
		    padding: 12px 5%;
		}
		
		.x-navbar .mobile .x-nav li a {
		    margin: 0;
		    border: none;
		    border-top: 1px solid #f1f1f1;
		}
		.x-navbar .mobile .x-nav li:first-child a {
			border-top: none;
		}
	    
	    .x-navbar-fixed-top,
	    .x-navbar-fixed-left,
	    .x-navbar-fixed-right {
		    position: fixed;
	    }
	    
	    .x-brand img {
		    width: 300px;
	    }
	    
	    /* Home Section - What We Do */
	
			.section-home-what .cooper-feature .x-feature-box-title {
				font-size: 30px;
				font-weight: 400;
			}
			
			.section-home-what .cooper-feature .x-feature-box-text {
				font-size: 28px;
				font-weight: 200;
				line-height: 1.1em;
			}
			
			.section-home-what .cooper-feature .x-feature-box-graphic-outer {
				margin-right: 30px !important;
			}
			
			.section-home-what .cooper-feature {
				margin-bottom: 40px;
			}

    }
    
    @media screen and (max-width: 767px) {
	    
	    /* Home Section - Who We Serve */
			
			.section-home-who .h-custom-headline {
				text-align: center;
			}
			
			.section-home-who .x-column.x-1-5 {
				width: 50%;
				float: left;
				margin: 0;
			}
			
		.cooper-latest .latest-block {
			margin-bottom: 52px;
		}
		
		.x-feature-box-graphic-inner {
			font-size: 108px !important;
		}
		
		/* Footer */
		
			.x-colophon.top .x-column .widget:first-child,
			.x-colophon.top .widget {
				margin-top: 45px;
			}
		
			.x-colophon.top .widget .h-widget {
				font-size: 30px;
			}
		
			.x-colophon-content > div {
				width: 100%;
				float: none;
				font-size: 14px;
				font-weight: 200;
				text-align: center;
			}
	    
    }
    
    @media screen and (max-width: 667px) {
	    
	    .popup .scrollbar-outer > .scroll-element.scroll-y {
		    display: none !important;
	    }
	    
    }
    
    @media screen and (max-width: 499px) {
	    	    
	    .x-brand img {
		    width: 110px;
	    }
	    
    }