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

.maincolumn {width:100%;}
.grid-threecol {
overflow: hidden;
margin-top: 2%; }
.grid-threecol h3 {
margin-top: 0; }
.grid-threecol > a {
font-size: 1.142rem;
position: relative;
display: block;
border-top: 12px solid #ffe600;
box-sizing: border-box;
width: 32%;
float: left;
padding: 20px;
min-height: 320px;
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.grid-threecol > a:nth-child(n) {
margin-bottom: 2%;
margin-right: 2%; }
.grid-threecol > a:nth-child(3n) {
margin-right: 0;
margin-bottom: 0; }
.grid-threecol > a:nth-child(3n+1) {
*zoom: 1; }
.grid-threecol > a:nth-child(3n+1):before, .grid-threecol > a:nth-child(3n+1):after {
content: "";
display: table; }
.grid-threecol > a:nth-child(3n+1):after {
clear: both; }
@media only screen and (max-width: 480px) {
.grid-threecol > a {
margin-bottom: 20px !important; } }
@media only screen and (min-width: 480px) {
.grid-threecol > a {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95); } }
@media (max-device-width: 1024px) and (orientation: landscape) {
.grid-threecol > a {
min-height: 410px; } }
.grid-threecol > a:after {
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
content: '';
background: url(http://cdn.ey.com/echannel/gl/en/services/transactions/CCB-2015-spring-global/arrow.svg) right bottom;
background-size: cover;
display: block;
position: absolute;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
opacity: .2; }
.grid-threecol > a:hover, .grid-threecol > a:active {
background: rgba(255, 230, 0, 0.7);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.grid-threecol > a:hover:after, .grid-threecol > a:active:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: .6; }
.grid-threecol > a:hover > *, .grid-threecol > a:active > * {
color: #000; }
@media only screen and (max-width: 768px) {
.grid-threecol > a {
width: 100%;
float: left; }
.grid-threecol > a:nth-child(n) {
margin-bottom: 0;
margin-right: 0; }
.grid-threecol > a:nth-child(1n) {
margin-right: 0;
margin-bottom: 0; }
.grid-threecol > a:nth-child(1n+1) {
*zoom: 1; }
.grid-threecol > a:nth-child(1n+1):before, .grid-threecol > a:nth-child(1n+1):after {
content: "";
display: table; }
.grid-threecol > a:nth-child(1n+1):after {
clear: both; } }
.grid-threecol > a:nth-child(3n+1) {
clear: left; }
@media print {
.grid-twocol > a, .grid-threecol > a {
min-height: 0;
height: auto; }
}
div[class*="grid-"] * {
text-align: left;
color: #fff;
}
section[class*="section"], .eyhero {
background-attachment:fixed !important;
}
.grid-threecol a {
min-height: 26em;
}
/* explore starts */
.section8 .container{
text-align:center;
}
.explore .large-4 h3 {
border-left: 4px solid #ffe600;
padding-left: 5px;
}
.explore .large-4 {
/*background: #fff;*/
padding: 5px;
min-height: 12em;
}
.maincolumn h2 {
font-family: "Interstate-bold", sans-serif!important;
font-size: 1.6em!important;
font-weight: 600!important;
line-height: 1.1em!important;
margin-bottom: 0.5em!important;
letter-spacing: -0.03em!important;
color: #646464!important;
}
.container h2 {
font-family: "Interstate-bold", sans-serif!important;
font-size: 1.6em!important;
font-weight: 600!important;
line-height: 1.1em!important;
margin-bottom: 0.5em!important;
letter-spacing: -0.03em!important;
color: #646464!important;
}
.socialist li {float:left; padding-left:1%;}
.youtube {width:10% !important; margin-top:-8px !important;}
@media only screen and (max-width: 768px) {.youtube {width:14% !important; margin-top:-8px !important;}}
/* explore ends */