﻿/* Loading image - Includes opacity for IE5-8 */
#loader {opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);}
#loader {background:#848D92;color:#000000;height:100%;left:0;opacity:0.3;transition:all 0.4s ease-in-out 0s;position:fixed;text-align:center;top:0;width:100%;z-index:9999;}

/* Standard Display */
.flexcontent-div {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 40px 0;}
.flexcontent-div:last-child, .flexcontent-div:only-child {margin:0;}
.fcd-flex {display:flex;}
.fcd-flex .flexcontent-text {flex:1;margin:0 80px 0 0;}
.fcd-reverse {flex-direction:row-reverse;}
.fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 0 80px;}

/* Columns */
.fcw-2col, .fcw-3col, .fcw-4col, .fcw-5col, .fcw-multicol {display:flex;flex-wrap:wrap;}
.fcw-2col .flexcontent-div {flex:1 0 50%;width:50%;padding:0 4%;}
.fcw-3col .flexcontent-div {flex:1 0 33.33%;width:33.33%;padding:0 4%;}
.fcw-4col .flexcontent-div {flex:1 0 25%;width:25%;padding:0 4%;}
.fcw-5col .flexcontent-div {flex:1 0 20%;width:20%;padding:0 4%;}
.fcw-multicol .flexcontent-div {flex:1;padding:0 4%;}

/* Media */
.flexcontent-media {margin:0 0 40px 0;}
.fcd-images {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.fcd-images.fcdi-left {justify-content:flex-start;}
.fcd-images.fcdi-right {justify-content:flex-end;}
.fcd-images div {margin:0 40px 40px 0;}
.fcd-images div:last-child, .fcd-images div:only-child {margin:0 0 40px 0;}
.flexcontent-media.fcm-bottom {margin:40px 0 0 0;}
.flexcontent-media.fcm-only {margin:0;}
.fcd-flex .flexcontent-media, .fcd-flex .flexcontent-media.fcm-bottom {margin:0;}
.fcd-flex .fcd-images {display:block;text-align:center;}
.fcd-flex .fcd-images.fcdi-left {text-align:left;}
.fcd-flex .fcd-images.fcdi-right {text-align:right;}
.fcd-flex .fcd-images div {margin:0 0 40px 0;}
.fcd-flex .fcd-images div:last-child, .fcd-flex .fcd-images div:only-child {margin:0;}
.fcd-video {margin:40px 0 0 0;}

/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
.fcw-3col .flexcontent-div {flex:1 0 50%;width:50%;}
.fcw-4col .flexcontent-div {flex:1 0 50%;width:50%;}
.fcw-5col .flexcontent-div {flex:1 0 50%;width:50%;}
}
/* for 720px and less - Only portrait for retina display */
@media all and (max-width:720px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2160px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1440px) and (orientation: portrait) {
.fcd-flex {display:block;}
.fcd-flex .flexcontent-text {flex:initial;margin:0 0 40px 0;}
.fcd-reverse {flex-direction:row;}
.fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 40px 0;}
.fcw-2col, .fcw-3col, .fcw-4col, .fcw-5col, .fcw-multicol {display:block;}
.fcw-2col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcw-3col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcw-4col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcw-5col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcd-images div {margin:0 0 40px 0;}
}
