@charset "UTF-8";
@import url(animate.css);
@import url(fonts/customfonts.css);

.poeyFA{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;}
.facebook:before{content:"\f09a";} .instagram:before{content:"\f16d";} .twitter:before{content:"\f099";} .linkedin:before{content:"\f0e1";} .google:before{content:"\f0d5";} .youtube:before{content:"\f16a";}
.toTop:before{content:"\f102";} .star:before{content:"\f005";} .checkmark:before{content:"\f00c";} .fuel:before{content:"\f0fc";}
.dropDown:before{content:"\f0dd";} .cloudUpload:before{content:"\f0ee";} .phone:before{content:"\f095";} .mail:before{content:"\f0e0";}
.globe:before{content:"\f0ac";}

/* ------------- Poey Main --------------------------------------------------- */
*{margin:0;padding:0;}
*, *:after, *:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;outline:0;}

body{font-family: 'Jura', sans-serif;font-size:16px;font-weight:500;color:#FFF;background:#010101;overflow-x:hidden;
	-webkit-font-smoothing:antialiased; /* Fix for webkit rendering */
	-moz-osx-font-smoothing: grayscale; /* fix for osx mozilla rendering */
}

.wow{visibility:hidden;}

/* --- Custom scrollbar --- */
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{/*background:#000;*/}
::-webkit-scrollbar-thumb{background:#555;}
::-webkit-scrollbar-thumb:hover{background:#2294ff;}


.noScroll{overflow:hidden;position:relative;}
.poeyClear:before, .poeyClear:after{content:' ';display:table;}
.poeyClear:after{clear:both;}

img{max-width:100%;height:auto;vertical-align:middle;margin:0;border:0;outline:0;}
ul{list-style:none;}
a{text-decoration:none;}
a:focus, a:hover, a:active{outline:0;}
hr{height:1px;border:0;border-top:1px solid #EEE;position:relative;z-index:1;}

.poeyHeaderWrapper{width:90%;max-width:1280px;margin:auto;position:relative;z-index:1;}

::selection {color:#ffffff;background:#353434;}
::-moz-selection {color:#ffffff;background:#353434;}

@-webkit-keyframes poeySpin {
	100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes poeySpin {
	100%{-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
}
@-webkit-keyframes poeyFade {
	0%{opacity:0;}
	50%{opacity:1;}
	100%{opacity:0;}
}
@keyframes poeyFade {
	0%{opacity:0;}
	50%{opacity:1;}
	100%{opacity:0;}
}

/* ------------- Poey Web Structure --------------------------------------------------- */
.poeyTopOverlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.98);z-index:8001;
	display:flex;flex-direction:row;justify-content:center;align-items:center;
}
.poeyTopOverlay img{
	width:150px;
	-webkit-animation:poeyFade .71s linear infinite;
  -moz-animation:poeyFade .71s linear infinite;
  animation:poeyFade .71s linear infinite;
}

.poeyGeneralWrapper{position:fixed;width:100%;top:0;bottom:35px;display:flex;}
.poeyHeader{width:32%;height:100%;background:url(../img/cds-large-bg2.jpg) no-repeat center center;background-size:cover;position:relative;}
#logo{background:#FFF;position:absolute;top:25px;left:25px;width:120px;height:110px;display:flex;justify-content:center;align-items:center;
	box-shadow:1px 1px 10px black;z-index:1;
}
#logo:hover{background:#AAA;}
#logo img{width:80%;}
.poeySlog{position:absolute;bottom:43px;right:25px;text-align:right;width:85%;text-shadow:1px 1px 5px #333;z-index:1;}
.poeyBGFilter{background:#000;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.3;}

h1{font-size:26px;margin-bottom:5px;}
h2{font-size:22px;margin-bottom:15px;}

.poeyGrid{width:68%;height:100%;position:relative;display:flex;flex-wrap:wrap;}
.poeyGrid > div{width:33.33%;overflow:hidden;padding:2.5%;position:relative;height:33.33%;}
.poeyGrid > div:first-child, .poeyGrid > div:nth-child(4){width:66.66%;}
.poeyGrid > div:nth-child(1), .poeyGrid > div:nth-child(5){background:#181818;}
.poeyGrid > div:nth-child(7), .poeyGrid > div:nth-child(2){background-image:url(../img/cds-medium-bg.jpg);background-repeat:no-repeat;
	background-position:center center;background-size:cover;}
.poeyGrid > div:nth-child(2){background-image:url(../img/cds-wide-bg.jpg);}
.poeyGrid > div:nth-child(3), .poeyGrid > div:nth-child(6){background:#FFF;color:#111;}
.poeyGrid > div:nth-child(3), .poeyGrid > div:nth-child(5){display:flex;flex-direction:column;justify-content:center;}

.hasMore strong{display:block;}
.hasMore > div{position:absolute;left:4%;right:5%;bottom:45px;text-align:right;font-style:italic;border-bottom:1px solid #CCC;padding-bottom:5px;}
.moreBtn{/*position:absolute;bottom:25px;right:25px;*/font-size:14px;font-weight:700;/*border:1px solid #FFF;*/padding:4px 0 5px;cursor:pointer;}
.moreBtn:hover{opacity:.6;}

.contact i{font-size:32px;vertical-align:top;padding-right:5px;}
.contact .phone{padding-top:2px;}
.contact div{text-align:right;position:absolute;right:7%;bottom:8%;}
.contact a{display:block;color:#111;font-size:20px;}
.contact a:hover{opacity:.7;}

footer{font-size:14px;position:fixed;bottom:0;width:100%;display:flex;justify-content:space-between;padding:8px 10px 10px;}
footer a{color:#cd0045;font-weight:700;font-size:16px;} footer a:hover{color:#555;}

.poeyGrid > div.poeyPopUp{background:#000;position:absolute;top:0;left:0;width:100%;height:100%;z-index:700;display:none;}
.poeyPopUp > div{position:relative;height:100%;}
.closePop{width:25px;height:25px;background:url(../img/poey-close.png) no-repeat center center;background-size:auto;
	position:absolute;top:15px;right:15px;z-index:3;cursor:pointer;
}
.closePop:hover{opacity:.4;}
.popWrapper{display:flex;justify-content:center;align-items:center;height:100%;}
.popWrapper > div{width:80%;}
.popWrapper strong{display:block;color:#888;}
.popWrapper h2+p{margin-bottom:25px;}




/* ------------- Poey Responsive Fixes --------------------------------------------------- */

/* 13inch Laptops */
@media (min-width: 1281px) and (max-width:1344px){
	
}



/* Medium desktops and laptops */
@media (min-width: 1200px) and (max-width:1280px){
	.poeySlog{bottom:35px;}
	.popWrapper > div{width:88%;}
}



/* Landscape tablets and Small desktops */
@media /*(min-width: 992px) and*/ (max-width: 1199px){
	.poeySlog{bottom:26px;right:20px;}
	
	.poeyGrid > div:nth-child(3), .poeyGrid > div:nth-child(5){width:49.33%;}
	.poeyGrid > div:nth-child(4){width:50.66%}
	.poeyGrid > div:nth-child(6){width:31.33%;}
	.poeyGrid > div:nth-child(7){width:19.33%;}
	
	.poeyGrid > div:nth-child(3) h2{margin-bottom:10px;font-size:21px;margin-top:-8px;}
	.poeyGrid > div:nth-child(3) p{font-size:16px;line-height:17px;}
	
	.hasMore > div{bottom:30px;}
	
	.contact a{font-size:18px;}
	
	.popWrapper > div{width:88%;}
}



/* Landscape tablet nexus 7 */
@media (min-width: 960px) and (max-width: 991px){
	.poeyGrid > div:nth-child(3) h2{margin-bottom:5px;font-size:20px;}
	.poeyGrid > div:nth-child(3) p{font-size:15px;line-height:16px;}
}

/* Portrait tablets and very small desktops */
@media /*(min-width: 768px) and*/ (max-width: 959px){
	.poeyGeneralWrapper{position:static;display:block;bottom:auto;top:0;}
	.poeyHeader{width:50%;position:fixed;top:1px;height:980px;}
	.poeySlog{bottom:110px;}
	.poeyGrid{width:50%;height:auto;display:block;margin-left:50%;position:static;}
	
	.poeyGrid > div{width:100% !important;height:auto;overflow:visible;min-height:220px;padding:5% !important;}
	.poeyGrid > div:nth-child(1){height:250px;}
	.poeyGrid > div:nth-child(3) h2{font-size:22px;margin-bottom:15px;margin-top:0;}
	.poeyGrid > div:nth-child(3) p{line-height:18px;}
	.poeyGrid > div:nth-child(7){height:380px;}
	
	.poeyGrid > div.poeyPopUp{position:fixed;}
	
	footer{background:#010101;}
	
}



/* Landscape phones and portrait tablets */
@media /*(min-width:481px) and*/ (max-width: 767px){
	.poeyHeader{width:100%;position:relative;height:98vh;}
	.poeySlog{bottom:70px;right:30px;}
	.poeyGrid{width:100%;margin-left:0;}
	
	.poeyGrid > div:nth-child(1){height:230px;}
}



/* Portrait phones and smaller */
@media (max-width: 480px){
	.poeySlog{bottom:85px;right:25px;}
	
	.contact a{margin-bottom:5px;}
	
	footer{position:static;display:block;}
	footer > div{width:100%;text-align:center;}
}



/* Portrait iphones 5s & older */
@media (max-width: 320px){
	
}