@charset "UTF-8";
/* CSS Document */

.chess {
	position: relative;
}
/* Hero Element */
.chess-copy, .video-panel {
	width: 100%;
	position: relative;
	z-index: 2;
}

.video-panel {
	width: 100%;
	display: none;
	position: relative;
	overflow: hidden;

}
.video-panel.active {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.video-col {
	position: relative;
}



.video-contian {
    position: absolute !important;
    top: -2.5%;
    left: -2.5%;
    width: 105%;
    height: 105%;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !Important;
    z-index:1;
    overflow: hidden;
}

.video-contian video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}
@media (min-width:768px) {
	.trigger-col .active {
	display: none;
	
}
	
}

@media (max-width:767px) {
	.video-col {
		display: none;
	}
	.trigger-col {
		width:100%;
	}
}


/* flip Panels */
.flipster__item__content {
	border:2px solid #e0e7f0;
}


.flip-wrap {
	background-position: center center;
	background-size: cover;
}

.flip-panel {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,000000+100&0+0,0.56+100 */
background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#8f000000',GradientType=0 ); /* IE6-9 */
padding:150px 20px 20px 20px;
width:500px;
text-align: left;
color:#fff;

	
}
.flip-panel p {line-height: 1em;}
.flip-panel a {margin-top: 1em; }
.flip-panel * {
	margin: 0;
}
.flip .flipster__button {
	opacity: 1;
	margin: -1em 0;
}
.flip-background {
	background-size: cover;
	background-position: center center;
}
@media (max-width:767px) {
.flip-panel {
	width:220px;
	padding:50px 10px 10px 10px;
	}	
	}
	
	
/* Doucment Grid */
.document-item {
	display: block;
	width: 24%;
	padding: 1%
}

.document-item:focus { outline: none; }
.partners-grid .document-item {
	width: 33%;

}
.document-image {
	border: 4px solid #5fb0d1;
	padding: 10px;
	background-size: cover;
	background-position: center center;
}
.document-title {
	display: block;
	color:#fff;
	height: 130px;
	line-height: 1.25em;
	max-height: 130px;
	font-size: 20px;
	padding-bottom: 5px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
.document-title p {
	margin: 0;
}	
.document-text {
	color: #000;
	padding: 14px;
	line-height: 1.25em;
}
.document-item .button {
	margin: 0;
}
.document-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
.document-item:hover {
	cursor: pointer;

}
.document-item:hover .document-image {
	border-color: #eb3d25;
	}

.document-item:hover .document-text {
	background: #eb3d25;
	color:#fff;
}

.document-item:hover .button {
	border-color: #eb3d25;
	background: #fff;
	color:#eb3d25;
}

.partners-grid .document-image {
	padding-top: 200px;
	background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width:1199px) {
	.document-item {
	width: 32.333333333%;
}
}

@media (max-width:930px) {
	.document-item, .partners-grid .document-item {
	width: 49%;
}
}

@media (max-width:767px) {
	.document-item, .partners-grid .document-item  {
	width: 100%;
	padding: 0;
	display: block;
	margin-bottom: 20px;
	text-align:center;
}

.document-title {
	display: block;
	height: auto;
	line-height: 1.25em;
	max-height:none;
	font-size: 16px;
	padding-bottom: 15px;
    }

}


/* Anchor BUtton Set */



.anchor-button-set .next-posts,
.anchor-button-set .prev-posts{
	display: inline-block;
    vertical-align: top;
    width: 49%;
}

.anchor-button-set .next-posts a,
.anchor-button-set .prev-posts a{
    width: 100%;
    display: inline-block;
}


.anchor-button-set {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
        }
        
.anchor-button-set a {
	background: #eb3d25;
	color:#fff;
	font-weight:300;
	padding:15px;
	width:100%;
	border: 4px solid #fff;
	}

.anchor-button-set a:hover {
	background:#ffffff;
	color:#eb3d25;
	border: 4px solid #eb3d25;

}

.next-posts {
	text-align: right
}


@media (max-width:767px){
.anchor-button-set, .anchor-button-set a {
	display:block;
	width:100%;
	
}
.anchor-button-set .next-posts, .anchor-button-set .prev-posts {
    display: block;
    vertical-align: top;
    width: 100%;
}
}

.news-post h2 span {
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
}

.company-popup {
	padding: 40px;
}
.company-popup img {
	margin: 0 auto;
}
.company-popup p:last-child {
	margin: 0;
}
.company-popup, .mfp-content {
	max-width: 1000px;
}
#popup-content {
	display: none;
}



/* blog */
.blog-header-holder, .author-area {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    }
.banner-copy-blog-post {
	width:50%;
	padding: 2em 2em 2em 0;
}
.blog-into-image {
	width:50%;
	background-size: cover;
	background-position: center center; 
}

.author-photo a {
	width: 75px;
	height: 75px;
	background-position: center center;
	background-size: cover;
	margin-right: 1em;
	display: block;
}
.author-date a {
	color: #fff;
}
.author-date a:hover {
	text-decoration: underline
}
.tags {
	padding: 20px 0 0 0;
}
.tags a {
    background: #eb3d25;
    color: #fff;
    font-weight: 300;
    padding: 5px 1.2em;
    border: 4px solid #fff;
    margin: 0 5px 5px 0;
    font-size: 14px;
    display: inline-block
}

.tags a:hover {
    color: #eb3d25;
    background: #fff;
    border: 4px solid #eb3d25;
}

@media (max-width:1024px){
.banner-copy-blog-post {
	width:55%
}
.blog-into-image {
	width:45%;

}
	
}


@media (max-width:767px){
.banner-copy-blog-post {
	width:100%
}
.blog-into-image {
	width:100%;
	height: 200px;
	margin-bottom: 1em;

}
.blog-header-holder {
	display: block;
}
.author-area {max-width: 280px; margin: 0 auto;}	


}

/* Sorter tool */
.control-buttons a {
    display:block;
	background:#fff;
	color:#eb3d25;
	padding:15px;
	text-align:center;
    border:3px solid #eb3d25;
	text-transform:uppercase;
	margin:4px 0;
}
.control-buttons a:hover,
.control-buttons a.active {
	background:#eb3d25;
	color:#fff;
}
@media (min-width:768px) {

	.control-buttons{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    }

.control-buttons a {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	margin:4px;
    }
}
.sortable-grid .document-item {
    width: 25%;
}

@media (max-width: 1199px) {
.sortable-grid .document-item {
    width: 33.333333333%;
	padding:5px;
}
}

@media (max-width: 930px) {
.sortable-grid .document-item {
    width: 50%;
	
}
}