/*

    Core Colours:
    ---------------
    Base:   #E64A19
    Dark:   #BF360C
    Light:  #FF5722

    Alternate:
    ---------------
    Base:   #1976D2
    Dark:   #0D47A1
    Light:  #64B5F6

    Text Colours:
    ---------------
    Normal:     #000;
    Dark-Mid:   #555;
    
    Light:      #fff;
    Light-Mid:  #ccc;
*/

html{
	background:#404246;
}

body{
	color:#3F3F46;
}

.breadcrumb {
    margin-bottom: 30px;
}

h1, .h1{
	margin:0 0 20px;
	font-size:50px;
}

h2, .h2{
	font-size:34px;
}

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

	h1, .h1{
		font-size:32px;
	}

	h2, .h2{
		font-size:26px;
	}
	
	.h3, h3 {
		font-size: 20px;
	}
	
}

.section-features h2{
	margin: 0 0 20px;
}


.page-nav h2 a, .page-nav h2, a {
    color: #004895;
}

section{
	padding-bottom:50px;
}

.section-features{
	border-top: 0;
}

.section-features{
	padding: 50px 0;
	margin:0;
}

section.summary-wrapper{
	padding: 30px 0;
	margin:0;
	text-align:center;
}

section.services{
    background: #DFE0E0;
	padding: 50px 0;
}


section.white{
    background: #fff;
	margin:0;
	padding: 30px 0;
}

/*section - services*/

section.service-summary{
	padding:0 0 50px;
}

section.service-content{
	background:#F0F0F0;
}

section.service-content, section.service-links{
}

section.services h2{
	margin:0 0 30px;
	text-align:center;
	font-size:34px;
}

@media only screen and (max-width: 767px) {
	
	section.service-content, section.service-links{
		padding:30px 0;
	}
	
}

/*BUTTONS*/

.btn-cta{
	background:#6CA634;
	color:#fff;
	border:0;
	border-bottom:5px solid #588729;
	padding:15px 20px;
	font-size:20px;
	font-weight:bold;
	font-family:'Ubuntu', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	white-space: pre-wrap;
}

.btn-cta:after{
    content: '\f105';
    font-family: FontAwesome;
	margin:0 0 0 20px;
}
	
.btn-green{
	background:#6CA634;
	color:#fff;
	border-color:#588729;
}

.btn-green:hover{
	background:#588729;
	color:#fff;
}

/*INTRO*/
.intro{
	padding:50px 0;
	background-image:URL(../media/1037/hero-bk.png);
	background-position: right top;
	background-position:right -50px top -40px;
	color:#fff;
	background-repeat:no-repeat;
	background-color:#484A4F;
}

.intro-wrapper{
	width:50%;
}

.intro-header{
	font-size:2.8em;
	margin:0 0 10px;
}

.intro-description{
	font-size:0.9em;
	margin:0;
}

@media only screen and (max-width: 990px) {

	.intro-header{
		font-size:2em;
	}

	.intro-description{
		font-size:1em;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.intro{
		background-position:right 90% top 60%;
		padding:30px 0;
	}

	.intro-wrapper{
		width:80%;
	}
	
	section.summary-wrapper{
		padding: 30px 0;
	}
	
}

@media only screen and (max-width: 400px) {
	
	.intro{
		background-position:right 70% top 60%;
	}

	.intro-wrapper{
		width:100%;
	}
	
	.intro-header{
		font-size:1.7em;
	}

	.intro-description{
		font-size:0.9em;
	}
	
	.navbar-brand{
		font-size:0.8em;
	}
	
}

/*SUMMARY*/

.summary{
	font-size:20px;
	margin:0 0 30px;
	color:#484A4F;
	font-family:'Ubuntu', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

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

	.summary{
		font-size:1.1em;
	}
	
}

/*Gateway Links WYJS*/

ul.services{
    padding:0;
    margin:0;
    list-style: none;
    display:inline-block;
    width:100%;
	text-align:center;
}

ul.services li{
    margin:0;
    width:10.5%;
    float:none;
	display:inline-block;
}

ul.services li a{
    padding:0;
    display:inline-block;
}

ul.services li a:hover img{
    opacity:0.7;
}

ul.services li a img{
    width:100%;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}

footer ul.services li a img{
    opacity:0.6;
}

footer ul.services li a:hover img{
    opacity:0.9;
}

@media only screen and (max-width: 990px) {
    
    ul.services li{
        width:19%;
    }
    
    ul.services li a{
        padding:10px;
    }
    
}

@media only screen and (max-width: 1199px) {
    
    ul.services li{
        width:49%;
    }
    
    ul.services li a{
        padding:15px;
    }
    
}

/*-Gateway Links WYJS*/

/*Navbar Custom*/

.navbar-custom {
    border: 0;
    border-radius: 0;
	background:#fff;
}

.navbar-brand{
	background-image:url(../img/WYJSLogo.png);
    background-size:347px;
	padding-left:55px;
	background-repeat:no-repeat;
    width:347px;
    height:70px;
    margin-top:13px;
}

.navbar-brand:hover{
    text-decoration-color: grey;
	text-decoration:none !important;
}

.navbar-default .navbar-collapse{
	border:0;
	box-shadow:none;
    width: 800px;
    float: left;
}

.navbar-default .navbar-form{
	border:0;
	box-shadow:none;
    width: 250px;
    float: right;
    padding-top: 30px;
}

@media only screen and (max-width: 1199px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        float: left;
        width: 100%;
    }


}

.navbar-default .navbar-toggle {
    border: none;
	padding: 9px 0;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: transparent;
}

.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: lightgrey;
}

/*-Navbar Custom*/

/*navbar-social*/

.navbar-social{
	float:left;
}

@media only screen and (max-width: 1200px) {
    .navbar-social{
	    width: 100%;
        text-align: center;
    }
}

.navbar-social ul{
	padding:0;
	margin:0;
	list-style:none;
}

.navbar-social ul li{
	float:left;
	font-size: 17px;
    line-height: 1;
}

.navbar-social-footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.navbar-social-footer ul li{
	float:right;
	font-size: 17px;
    line-height: 1;    
    padding-left: 6px;
}

@media only screen and (max-width: 1200px) {
    .navbar-social ul li {
        float: none;
    }
}

.navbar-social ul li a{
	color:#ffffff;
}

@media only screen and (min-width: 1200px) {
	
	.navbar-nav {
		margin: 0 0 10px 0;
		display: inline-block;
		width: 100%;
	}
	
	.navbar .navbar-social ul li{
		line-height:6;
	}

	.navbar-social {
		float: left;
        margin-top: 10px;
        width:520px;
	}

	.navbar .navbar-social-footer {
		margin-bottom:20px;
	}
	
	.navbar .navbar-social-footer ul li{
		line-height:6;
	}

    .navbar-social-footer {
		float: right;
        margin-top: 10px;
		margin-bottom:30px;
        padding-left:5px;
        width:520px;
	}
	
	.navbar-social ul li {
		margin-left: 0;
	}

	.navbar-social-footer ul li {
		margin-left: 0;
	}

}

/*-navbar-social*/

/*a to z*/

.atoz-footer{
	background:#DFE0E0;
	border:none;
	padding:0.5em 0;
	margin:0;
}

.atoz-footer ul li a{
	color: #343433;
	font-size:1.4em;
}

/*-a to z*/

/*Footer*/

footer {
    margin: 0;
    background: #404246;
    color: #fff;
    padding: 0;
    color: #fff;
}

.footer-top{
	background:#484A4F;
}

.footer-bottom{
	background:#404246;
}

.footer-top, .footer-bottom{
	padding: 40px 0px;
}

footer a{
    color: #fff;
}

.footer-links{
	float:left;
}

footer .navbar-social ul li {
    line-height: 1;
}

.atoz-footer .atoz-block{
	text-align:left;
}

@media only screen and (max-width: 1199px) {
    
    footer .navbar-social {
    	float:left;
		width:100%;
	}
	
	footer .navbar-social ul li {
		margin:0 10px 0 0;
	}

}

/*-Footer*/

.spacing{
	margin:40px 0 20px;
}

.pageContent img {
    margin-bottom: 2em;
}

a:focus, a:active, input[type=submit]:focus{
    /*background-color:#FFBF47 !important;
    color:#333 !important;
    text-decoration:none;*/
}

.core-content img{
	box-shadow:none;
}

.services img{
	width:100%;
}

/*NEWS - HOME*/

.news hr{
	margin-top: 10px;
    margin-bottom: 10px;
    border-color: #DFE0E0;
}

.news-item{
	display:inline-block;
	width:100%;
}

.news-item img{
	margin:20px 0 0 0;
	padding:0;
	float:left;
	width:100%;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}

.news-item:hover img{
	opacity:0.6;
}

.news-item h3{
	margin:0;
	padding:0;
	font-size:18px;
}

@media (min-width: 767px) and (max-width: 990px) {
	
	.news-item img{
		margin:0 0 10px;
		width:100%;
	}
	
}
/*PROMO*/

.promo-item{
	position:relative;
}

.promo-item a{
	display: inline-block;
    position: relative;
    width: 100%;
    min-height: 100px;
}


.promo-item img{
	padding:0;
	margin:0;
	width:100%;
}

.promo-item h3{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:20px 40px 20px 20px;
	margin:0;
	background:#3F3F46;
	background:rgba(63,63,70,0.95);
	color:#fff;
	font-size:24px;
}

.promo-item:hover h3{
	padding:20px 40px 30px 20px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}

.promo-item-008499:hover h3{
	background: #008499;
}

.promo-item-004494:hover h3{
	background: #004494;
}

.promo-item-b0bc22:hover h3{
	background: #b0bc22;
}

.promo-item-c73231:hover h3{
	background: #c73231;
}

.promo-item-6b368a:hover h3{
	background: #6b368a;
}

.promo-item-6fa93b:hover h3{
	background: #6fa93b;
}

.promo-item-00a5d6:hover h3{
	background: #00a5d6;
}

.promo-item-e4a130:hover h3{
	background: #e4a130;
}

.promo-item:hover img{
	opacity:0.8;
		-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}

.promo-item:hover h3:after {
	bottom:30px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}

.promo-item h3:after {
    content: '\f105';
    font-family: FontAwesome;
    margin: 0 0 0 20px;
	position:absolute;
	bottom:20px;
	right:20px;
}

.promo-section{
	border-bottom:1px solid #f0f0f0;
	padding:0 0 40px;
	margin:0 0 50px;
	display:inline-block;
	width:100%;
}

/*.promo-section .col-md-4:nth-child(n+4) .promo-item h3{
		position:relative;
		bottom:auto;
		left:auto;
		width:100%;
		background:#3F3F46;
		background:rgba(63,63,70,1);
		margin:-2px 0 0;
	}

.promo-section .col-md-4:nth-child(n+4) .promo-item:hover h3{
	padding:20px 40px 20px 20px;
	text-decoration:none;
	background:#6CA634;
}

.promo-section .col-md-4:nth-child(n+4) .promo-item a {
    min-height: 0;
}

.promo-section .col-md-4:nth-child(n+4) .promo-item:hover a {
    text-decoration:none;
}

.promo-section .col-md-4:nth-child(n+4) .promo-item:hover h3:after {
	bottom:20px;
}

.promo-section .col-md-4:nth-child(n+4) .promo-item img {
    display:none; 
}

*/

@media (max-width: 990px){
	
	.promo-item a{
		min-height: 0;
	}
	
	.promo-item h3{
		left:auto;
		width:100%;
		background:rgba(63,63,70,1);
		font-size:18px;
		margin:-2px 0 0;
	}
	
	.promo-item:hover h3{
		padding:20px 40px 20px 20px;
	}
	
}

@media (max-width: 767px){
	
	.promo-section {
		padding: 0 0 20px;
		margin: 0 0 30px;
	}
	
}

.contact-content{
	border-top:1px solid #f0f0f0;
	padding:50px 15px 0;
}

/*service page new*/

.service-header{
	background-color:transparent;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
	padding:220px 0 0;
}

.service-header-content{
	margin:0 0 -2px;
	background:#fff;
	padding:50px 70px 0;
		-webkit-clip-path: polygon(7% 0, 93% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(7% 0, 93% 0%, 100% 100%, 0% 100%);
}

.service-header-content img{
	max-width:100%;
}

.service-header-summary{
	margin:0;
	padding:40px 70px 0;
}

.service-header-summary .summary{
	border-left:5px solid #eee;
	padding:0 0 0 25px;
	margin:0;
}

.pageContent h2, .pageContent h3 {
    margin: 1.2em 0 0.4em 0;
}

.pageContent p, .pageContent ul, .pageContent ol{
    margin: 0.75em 0;
}

.pageContent ul li{
    margin: 0.5em 0;
}

@media (min-width: 768px){
	
	p.lead, .lead {
		font-size: 24px;
	}
	
}

@media (max-width: 767px){
	
	.service-header-content{
		padding:30px 30px 0;
			-webkit-clip-path: polygon(7% 0, 93% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(7% 0, 93% 0%, 100% 100%, 0% 100%);
	}
	
	.service-header-summary{
		padding:30px 30px 0;
	}
	
}

/*contact details*/

.contact-details {
    margin-top: 10px;
}

.contact-details h2{
	margin:0 0 30px;
}

.contact-details ul {
	padding:0;
	margin:0;
}

.contact-details ul li{
	width:33.333%;
	float:left;
	padding:0;
	margin:0;
	display: table;
	line-height:50px;
	color:#3F4146;
	font-family:'Ubuntu', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size:18px;
    margin-bottom:20px;
}

.contact-details ul li.address{
	line-height:22px;
}

.contact-details ul li a{
	padding:0;
	margin:0;
	font-size:18px;
	color:#3F4146;
}

.contact-details ul li i{
	color:#B6B7B9;
	font-size:50px;
	float:left;
	margin:0 20px 0 0;
	width:50px;
	text-align:center;
}

@media only screen and (max-width: 990px) {

	.contact-details ul li{
		width:50%;
		margin:0 0 20px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.contact-details ul li{
		line-height:30px;
		margin:0 0 20px;
	}

	.contact-details ul li, .contact-details ul li a{
		width:100%;
		font-size:16px;
	}
	
	.contact-details ul li i{
		font-size:30px;
		margin:0 10px 0 0;
	}
	
	.service-header {
		padding: 150px 0 0;
	}
	
	
}

/*sec nav*/
.nav{
padding-left:30px;

}

.nav-pills>li>a {
    border-left:5px solid #004895;
	padding:0 0 0 15px;
	margin: 0 0 20px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: transparent;
    color: #222;
	border-color: #222;
}

.image-link:hover img{
	opacity:0.6;
}

/*editor styles*/

p{

}

.image-right{
	float:right;
	width:50%;
	margin:0 0 30px 30px;
}

.image-right img{
	margin:0;
	height: auto;
}

.image-right-hex {
	-webkit-clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
	clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
}

h2.heading-top{
    margin: 0 0 0.4em 0;
}

h3.heading-section{
	border-top: 1px solid #CCC;
	padding-top: 30px;
	clear: both;
	float: left;
    width: 100%;
	margin: 20px 0;
}

a.pdf{
	border: 1px solid #004895;
	padding: 20px;
	display: inline-block;
	color: #004895;
	margin: 0 10px 10px 0;
}

a.pdf:after{
	content: '\f1c1';
}

a.word{
	border: 1px solid #004895;
	padding: 20px;
	display: inline-block;
	color: #004895;
	margin: 0 10px 10px 0;
}

a.word:after{
	content: '\f1c2';
}

a.powerpoint{
	border: 1px solid #004895;
	padding: 20px;
	display: inline-block;
	color: #004895;
	margin: 0 10px 10px 0;
}

a.powerpoint:after{
	content: '\f1c4';
}

a.pdf:hover, a.word:hover, a.powerpoint:hover{
	background: #004895;
	color: #fff;
	text-decoration:none;
	border-color: #004895;
}

a.pdf:after, a.word:after, a.powerpoint:after{
    font-family: FontAwesome;
	margin-left: 10px;
}

@media (max-width: 600px){

	.image-right{
		display:none;
	}
	
}

@media (min-width: 768px){

	.search-bar{
		    width: 100%;
	}
}

@media (min-width: 990px) {

	.col-md-6{
    width:48%;
        margin-left:15px;
    }
}

.col-md-6{
    margin-left:15px;
}


.timeline-Widget, .timeline-Widget--edge {
  position: relative;
  width: 50%;
}

.timeline-Widget, .timeline-Widget--edge:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.twitter{
    overflow:visible;
    float:left;
}


.timeline-Widget timeline-Widget--edge{
 position: relative;
  width: 50%;
}

.top-hex-image {
    height:150px;
    width:200px;

    display:block;
}