/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
    #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; outline: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }
    #cboxOverlay { position: fixed; width: 100%; height: 100%; }
    #cboxMiddleLeft, #cboxBottomLeft { clear: left; }
    #cboxContent { position: relative; background: #fff; overflow: hidden; height: auto; }
    #cboxLoadedContent { overflow: auto !important; }
    #cboxTitle { margin: 0; }
    #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
    .cboxPhoto { float: left; margin: auto; border: 0; display: block; }
    .cboxIframe { width: 100%; height: 100%; display: block; border: 0; }

    #cboxOverlay { background-color: #022948; opacity: 0.5 !important; }
    #colorbox{}

    .cboxIframe { background: #fff; }
    #cboxError { padding: 50px; border: 1px solid #ccc; }
    #cboxLoadedContent { margin-bottom: 28px; }
    #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }
    #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }
    #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }
    #cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(images/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }
    #cboxPrevious:hover { background-position: -75px -25px; }
    #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(images/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; }
    #cboxNext:hover { background-position:-50px -25px; }
    #cboxLoadingOverlay { background: url(images/loading_background.png) no-repeat center center; }
    #cboxLoadingGraphic { background: url(images/loading.gif) no-repeat center center; }
    #cboxClose { position: absolute; bottom: 0; right: 15px; background:url(images/colorbox-close.png) no-repeat; width: 19px; height: 19px; text-indent: -9999px; }
 
/* Customize colorbox */

#cboxClose { top: 15px; border: none; }
#cboxLoadedContent { margin-top: 28px; margin-bottom: 0 !important; }

#cboxLoadedContent { margin-top: 0; }

.inline-wrapper { text-align: center; }
.colorbox-avangate-logo { width: 577px; height: 86px; }
.colorbox-info { padding: 30px; background-color: #3474ff; }
.colorbox-title { display: block; font-size: 30px; line-height: 30px; font-weight: 300; color: #ffffff; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin:0 auto 40px; width: 580px; }
.colorbox-text { width: 70%; position: relative; color: #ffffff; display: block; font-size: 16px; line-height: 24px; padding: 0 50px; font-weight: 300; font-family: 'Roboto', Arial, Helvetica, sans-serif; text-align: left; }
.colorbox-logo { position: absolute; top: 50%; right: 45px; margin-top: -20px; }
.colorbox-logo img { width: 120px; }
.colorbox-subtitle { color: #3474ff; display:block; font-size: 22px; }
.colorbox-wrapper { padding: 10px; background: #ffffff; margin-top: -12px; }
#cboxLoadedContent { height: auto; }

.colorbox-text:after { border-right: 2px solid #ffffff; bottom: 0; content: ""; position: absolute; right: 0; top: 0; width: 2px; }
.doubleQuoteStart { background-image: url("/resources/en/general/double_quote_start.png"); background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; height: 30px; left: 0; position: absolute; top: -10px; width: 30px; }
.doubleQuoteEnd { background-image: url("/resources/en/general/double_quote_end.png"); background-repeat: no-repeat; background-size: 100% 100%; content: ""; display: block; height: 30px; right: 20px; position: absolute; bottom: -10px; width: 30px; }
.infoContainer { position: relative; }
.linkBannerContainer { text-align: center; }
.link-banner { display: inline-block; padding: 15px 20px; }
.link-banner a { font-size: 16px; line-height: 16px; font-weight: 300; }
.link-banner a:hover { color: #00aeff; }
.iframeContainer { background-color: #e0e7ef; height: 339px; }

.company-colorbox-title { margin: 20px auto; display: block; font-size: 30px; line-height: 30px; font-weight: 300; color: #ffffff; font-family: 'Roboto', Arial, Helvetica, sans-serif; width: 580px; }

@media (max-width: 767px) {
    .colorbox-title, .colorbox-text { display: none; }
    iframe { width: 90%; }
    .company-colorbox-title { width: 100%; margin: 20px auto 0; font-size: 20px; line-height: 24px; }
    .link-banner a { font-size: 14px; line-height: 14px; }
    .linkBannerContainer { padding: 20px 0; }
    .link-banner { padding: 5px 10px; }
    .colorbox-logo { position: static; margin-top: 0; }
}

@media (max-width: 481px) {
    iframe { height: 170px; }
    .iframeContainer { height: 170px; }
    .linkBannerContainer { padding: 10px 0; }
    .colorbox-info { padding: 15px 45px; }
}

@media (max-width: 481px) {
    .company-colorbox-title { margin: 30px auto 0; font-size: 22px; }
}