#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#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; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
.cboxPhoto {padding: 30px; z-index: 999999;}
#cboxOverlay{background:rgba(0,0,0,0.8);z-index: 999999;}
#colorbox{outline:0;z-index: 999999;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;z-index: 999999;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
         #cboxLoadedContent{background:#fff; padding:10px;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
body {
 -webkit-font-smoothing:antialiased;
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'),
  url(../fonts/DroidSerif-Regular.svg) format('svg'),
  url(../fonts/DroidSerif.woff) format('woff');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'),
  url(../fonts/DroidSerif-Bold.svg) format('svg'),
  url(../fonts/DroidSerifBold.woff) format('woff');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 400;
  src: local('Droid Serif Italic'), local('DroidSerif-Italic'),
  url(../fonts/DroidSerif-Italic.svg) format('svg'),
  url(../fonts/DroidSerifItalic.woff) format('woff');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 700;
  src: local('Droid Serif Bold Italic'), local('DroidSerif-BoldItalic'),
  url(../fonts/DroidSerif-Bolditalic.svg) format('svg'),
  url(../fonts/DroidSerifBoldItalic.woff) format('woff');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'),
  url(../fonts/Ubuntu-Regular.svg) format('svg'),
  url(../fonts/Ubuntu.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
  url(../fonts/Ubuntu-Bold.svg) format('svg'),
  url(../fonts/UbuntuBold.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
  url(../fonts/Ubuntu-RegularItalic.svg) format('svg'),
  url(../fonts/UbuntuItalic.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'),
  url(../fonts/Ubuntu-BoldItalic.svg) format('svg'),
  url(../fonts/UbuntuBoldItalic.woff) format('woff');
}

@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  src: local('Cantarell Regular'), local('Cantarell-Regular'),
  url(../fonts/Cantarell-Regular.svg) format('svg'),
  url(../fonts/Cantarell.woff) format('woff');
}
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
  src: local('Cantarell Bold'), local('Cantarell-Bold'),
  url(../fonts/Cantarell-Bold.svg) format('svg'),
  url(../fonts/CantarellBold.woff) format('woff');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'),
  url(../fonts/titillium-regular-webfont.svg) format('svg'),
  url(../fonts/Titillium.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'),
  url(../fonts/titillium-semibold-webfont.svg) format('svg'),
  url(../fonts/TitilliumBold.woff) format('woff');
}

@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Maven Pro Regular'), local('MavenProRegular'),
  url(../fonts/MavenPro-Regular.svg) format('svg'),
  url(../fonts/Maven.woff) format('woff');
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Maven Pro Bold'), local('MavenProBold'),
  url(../fonts/MavenPro-Bold.svg) format('svg'),
  url(../fonts/MavenBold.woff) format('woff');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'),
  url(../fonts/Raleway-Regular.svg) format('svg'),
  url(../fonts/Raleway.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'),
  url(../fonts/Raleway-Bold.svg) format('svg'),
  url(../fonts/RalewayBold.woff) format('woff');
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'),
   url(../fonts/PTSans-Regular.svg) format('svg'),
  url(../fonts/PTsans.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'),
   url(../fonts/PTSans-Bold.svg) format('svg'),
  url(../fonts/PTsansBold.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'),
  url(../fonts/OpenSans-Regular.svg) format('svg'),
  url(../fonts/Opensans.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
  url(../fonts/OpenSans-Bold.svg) format('svg'),
  url(../fonts/OpensansBold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
  url(../fonts/OpenSans-Italic.svg) format('svg'),
  url(../fonts/OpensansItalic.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
  url(../fonts/OpenSans-BoldItalic.svg) format('svg'),
  url(../fonts/OpensansItalicBold.woff) format('woff');
}

@font-face {
  font-family: 'ABeeZee';
  font-style: normal;
  font-weight: 400;
  src: local('ABeeZee'), local('ABeeZee-Regular'),
  url(../fonts/ABeeZee-Regular.svg) format('svg'),
  url(../fonts/ABeeZee.woff) format('woff');
}

@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Regular'), local('Cabin-Regular'),
  url(../fonts/Cabin-Regular.svg) format('svg'),
  url(../fonts/Cabin.woff) format('woff');
}
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: local('Cabin Bold'), local('Cabin-Bold'),
  url(../fonts/Cabin-Bold.svg) format('svg'),
  url(../fonts/CabinBold.woff) format('woff');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'),
  url(../fonts/Lato-Regular.svg) format('svg'),
  url(../fonts/Lato.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'),
  url(../fonts/Lato-Bold.svg) format('svg'),
  url(../fonts/LatoBold.woff) format('woff');
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'),
  url(../fonts/Oswald-Regular.svg) format('svg'),
  url(../fonts/Oswald.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'),
  url(../fonts/Oswald-Bold.svg) format('svg'),
  url(../fonts/OswaldBold.woff) format('woff');
}

@font-face {
  font-family: 'Battambang';
  font-style: normal;
  font-weight: 400;
  src: local('Battambang'),
  url(../fonts/Battambang-Regular.svg) format('svg'),
  url(../fonts/Battambang.woff) format('woff');
}
@font-face {
  font-family: 'Battambang';
  font-style: normal;
  font-weight: 700;
  src: local('Battambang Bold'), local('Battambang-Bold'),
  url(../fonts/Battambang-Bold.svg) format('svg'),
  url(../fonts/BattambangBold.woff) format('woff');
}
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine'),
  url(../fonts/Cousine-Regular.svg) format('svg'),
  url(../fonts/Cousine.woff) format('woff');
}
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'),
  url(../fonts/Cousine-Bold.svg) format('svg'),
  url(../fonts/CousineBold.woff) format('woff');
}

@font-face {
  font-family: 'Oleo Script Swash Caps';
  font-style: normal;
  font-weight: 400;
  src: local('Oleo Script Swash Caps'), local('OleoScriptSwashCaps-Regular'),
  url(../fonts/OleoScriptSwashCaps-Regular.svg) format('svg'),
  url(../fonts/OleoScriptSwashCaps.woff) format('woff');
}
@font-face {
  font-family: 'Oleo Script Swash Caps';
  font-style: normal;
  font-weight: 700;
  src: local('Oleo Script Swash Caps Bold'), local('OleoScriptSwashCaps-Bold'),
  url(../fonts/OleoScriptSwashCaps-Regular.svg) format('svg'),
  url(../fonts/OleoScriptSwashCapsBold.woff) format('woff');
}

@font-face {
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: local('Kaushan Script'), local('KaushanScript-Regular'),
  url(../fonts/KaushanScript-Regular.svg) format('svg'),
  url(../fonts/KaushanScript.woff) format('woff');
}

@font-face {
  font-family: 'Sail';
  font-style: normal;
  font-weight: 400;
  src: local('Sail'), local('Sail-Regular'),
  url(../fonts/Sail-Regular.svg) format('svg'),
  url(../fonts/Sail.woff) format('woff');
}

@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster Two'), local('LobsterTwo'),
  url(../fonts/LobsterTwo-Regular.svg) format('svg'),
  url(../fonts/Lobster.woff) format('woff');
}
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 700;
  src: local('Lobster Two Bold'), local('LobsterTwo-Bold'),
  url(../fonts/LobsterTwo-Bold.svg) format('svg'),
  url(../fonts/LobsterBold.woff) format('woff');
}
@font-face {
  font-family: 'Lobster Two';
  font-style: italic;
  font-weight: 400;
  src: local('Lobster Two Italic'), local('LobsterTwo-Italic'),
  url(../fonts/LobsterTwo-Italic.svg) format('svg'),
  url(../fonts/LobsterItalic.woff) format('woff');
}
@font-face {
  font-family: 'Lobster Two';
  font-style: italic;
  font-weight: 700;
  src: local('Lobster Two Bold Italic'), local('LobsterTwo-BoldItalic'),
  url(../fonts/LobsterTwo-BoldItalic.svg) format('svg'),
  url(../fonts/LobsterBoldItalic.woff) format('woff');
}