@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-Regular.ttf"); }
@font-face {
  font-family: 'fontello';
  src: url("fonts/Okay_Icons/font/okayicons.eot");
  src: url("fonts/Okay_Icons/font/okayicons.eot") format("embedded-opentype"), url("fonts/Okay_Icons/font/okayicons.woff") format("woff"), url("fonts/Okay_Icons/font/okayicons.ttf") format("truetype"), url("fonts/Okay_Icons/font/okayicons.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fontelloTwo';
  src: url("fonts/Okay_Icons_2/font/fontello.eot");
  src: url("fonts/Okay_Icons_2/font/fontello.eot") format("embedded-opentype"), url("fonts/Okay_Icons_2/font/fontello.woff") format("woff"), url("fonts/Okay_Icons_2/font/fontello.ttf") format("truetype"), url("fonts/Okay_Icons_2/font/fontello.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Graphik Med";
  src: url("fonts/Graphik-Medium.otf"); }
@font-face {
  font-family: "Graphik Reg";
  src: url("fonts/Graphik-Regular.otf"); }
@font-face {
  font-family: "Graphik Light";
  src: url("fonts/Graphik-Light.otf"); }
body {
  height: 100%;
  width: 100%;
  margin: 0;
  font-size: 16px;
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 {
  font-size: 16px; }

html {
  width: 100%; }

#main {
  padding: 90px 0 0 0; }

#page {
  margin: auto; }

/*
.loading-gif{
	position:absolute;
	width:40px;
	height:40px;
	left:50%;
	top:50%;
	transform:translate(-20px,-20px);
	z-index:-1;
	img{
		width:40px;
		height:40px;
	}
}
*/
.color-overlay:before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1; }

.home-main-region .color-overlay:before {
  bottom: 4px; }

.color-overlay .overlay-item {
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1; }

.color-overlay:hover:before {
  opacity: .7; }

.hover-title {
  position: relative; }
  .hover-title .desktop-title {
    display: none;
    line-height: 1.3em;
    margin: 0;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    opacity: 0;
    transition: all 0.3s ease;
    text-align: center;
    width: calc(100% - 20px); }
    .hover-title .desktop-title a {
      color: #fff;
      text-decoration: none; }
    .hover-title .desktop-title h4 {
      font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
      font-size: 1.25em;
      line-height: 1.4em;
      font-weight: normal;
      margin: 0;
      color: #fff; }
    .hover-title .desktop-title p {
      margin: 0;
      color: #fff;
      font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
      font-size: 1.25em;
      line-height: 1.4em;
      font-weight: normal; }
  .hover-title:hover .desktop-title {
    opacity: 1; }

.mobile-title {
  display: block; }

#main-region {
  min-height: 500px;
  margin: auto; }

.browser-update-hide {
  display: none !important; }

#browser-update,
#ie-update,
#chrome-update,
#safari-update,
#ff-update {
  display: none; }

#browser-update {
  height: 100%; }
  #browser-update #browser-update-inner {
    width: 49.25%;
    margin: 0 0 0 50.75%; }
  #browser-update h3 {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 1.4em;
    color: #aaaaaa;
    font-weight: normal;
    margin: 0; }
  #browser-update p {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal;
    margin: 10px 0 0 0; }
  #browser-update div {
    margin: 15px 0 0 0; }
    #browser-update div a {
      font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
      font-size: 1.25em;
      line-height: 1.4em;
      color: #222222;
      font-weight: normal;
      text-decoration: none; }
    #browser-update div a:hover {
      text-decoration: underline; }

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

@media only screen and (max-width: 1250px) {
  #fourohfour h3 {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #aaaaaa;
    font-weight: normal; }
  #fourohfour p {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; }

  #browser-update h3 {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #aaaaaa;
    font-weight: normal; }
  #browser-update p {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; }
  #browser-update div a {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; } }
@media only screen and (max-width: 1050px) {
  #main {
    padding: 80px 0 0 0; }

  #fourohfour {
    width: auto;
    margin: 0 20px 150px 20px; }
    #fourohfour h3 {
      font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
      font-size: 1em;
      line-height: 1.4em;
      color: #aaaaaa;
      font-weight: normal; }
    #fourohfour p {
      font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
      font-size: 1em;
      line-height: 1.4em;
      color: #222222;
      font-weight: normal; } }
@media only screen and (max-width: 650px) {
  #browser-update #browser-update-inner {
    width: 94%;
    margin: auto; } }
.update-content,
#fourohfour-content {
  width: 1340px;
  margin: auto; }

#fourohfour {
  width: 49.25%;
  margin: 23px 0 0 50.75%;
  height: 100%; }
  #fourohfour h3 {
    font-family: "Graphik Med", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 1.4em;
    color: #222222;
    font-weight: 100;
    margin: 0; }
  #fourohfour p {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.3125em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal;
    margin: 10px 0 0 0; }
  #fourohfour a {
    text-decoration: none;
    color: #222222; }

#ie-wrap,
#chrome-wrap,
#firefox-wrap,
#safari-wrap {
  display: none;
  width: 49.25%;
  margin: 0 0 0 50.75%; }
  #ie-wrap .update-name,
  #chrome-wrap .update-name,
  #firefox-wrap .update-name,
  #safari-wrap .update-name {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.3125em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; }
  #ie-wrap .update-text,
  #chrome-wrap .update-text,
  #firefox-wrap .update-text,
  #safari-wrap .update-text {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; }
  #ie-wrap .update-buttons,
  #chrome-wrap .update-buttons,
  #firefox-wrap .update-buttons,
  #safari-wrap .update-buttons {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; }
    #ie-wrap .update-buttons a,
    #chrome-wrap .update-buttons a,
    #firefox-wrap .update-buttons a,
    #safari-wrap .update-buttons a {
      text-decoration: none; }
      #ie-wrap .update-buttons a p,
      #chrome-wrap .update-buttons a p,
      #firefox-wrap .update-buttons a p,
      #safari-wrap .update-buttons a p {
        float: left;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease; }

@media only screen and (max-width: 1390px) {
  .update-content,
  #fourohfour-content {
    width: auto;
    margin: 0 40px; } }
@media only screen and (max-width: 1250px) {
  #fourohfour h3 {
    font-family: "Graphik Med", Arial, Helvetica, sans-serif;
    font-size: 1.35em;
    line-height: 1.4em;
    color: #222222;
    font-weight: 100; }
  #fourohfour p {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.175em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; }

  #ie-wrap .update-name,
  #chrome-wrap .update-name,
  #firefox-wrap .update-name,
  #safari-wrap .update-name {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; }
  #ie-wrap .update-text,
  #chrome-wrap .update-text,
  #firefox-wrap .update-text,
  #safari-wrap .update-text {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; }
  #ie-wrap .update-buttons,
  #chrome-wrap .update-buttons,
  #firefox-wrap .update-buttons,
  #safari-wrap .update-buttons {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; } }
@media only screen and (max-width: 1050px) {
  .update-content,
  #fourohfour-content {
    margin: 0 20px; }

  #fourohfour h3 {
    font-family: "Graphik Med", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #222222;
    font-weight: 100; }
  #fourohfour p {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.12em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; }

  #ie-wrap .update-name,
  #chrome-wrap .update-name,
  #firefox-wrap .update-name,
  #safari-wrap .update-name {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1.15em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; }
  #ie-wrap .update-text,
  #chrome-wrap .update-text,
  #firefox-wrap .update-text,
  #safari-wrap .update-text {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; }
  #ie-wrap .update-buttons,
  #chrome-wrap .update-buttons,
  #firefox-wrap .update-buttons,
  #safari-wrap .update-buttons {
    font-family: "Graphik Reg", Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    color: #222222;
    font-weight: normal; } }
@media only screen and (max-width: 650px) {
  #fourohfour {
    width: 100%;
    margin: 0; }

  #ie-wrap,
  #chrome-wrap,
  #firefox-wrap,
  #safari-wrap {
    width: 100%;
    margin: 0; } }

/*# sourceMappingURL=browser_update.css.map */