/*
 * Tropical Grid Version.2.0 
 * Tropical Coders
 * http://www.tropicalcoders.com
 * Copyright 2015
 * Author: Gregg Ferris
 */

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin:0px;
  padding:0px;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  behavior: url('../PIE.htc');
  behavior: url('../boxsizing.htc');
}

/* ---------------------------------------------------------------------
 sharing media
--------------------------------------------------------------------- */


@media all and (min-width:0px) and (max-width:1024px) {
ul.sharing-media {
  display:none;
}

ul.sharing-media li {
    display:none;
}
}

@media all and (min-width:1025px) and (max-width:2560px) {
ul.sharing-media {
  float:left;
  margin:0px;
  padding:0px;
  list-style-type:none;
}

ul.sharing-media li {
  float:left;
  margin:10px 5px 5px 0px;
  padding:0px;
}
}



/* ---------------------------------------------------------------------
 social media
--------------------------------------------------------------------- */


@media all and (min-width:0px) and (max-width:1024px) {
ul.social-media {
  display:none;
}

ul.social-media li {
    display:none;
}
}

@media all and (min-width:1025px) and (max-width:2560px) {
ul.social-media {
  float:right;
  margin:0px;
  padding:0px;
  list-style-type:none;
}

ul.social-media li {
  float:left;
  margin:10px 0px 5px 20px;
  padding:0px;
}
}

.ie7 ul.social-media {
  float:right;
  margin:0px;
  padding:0px;
  list-style-type:none;
}

.ie7 ul.social-media li {
  float:left;
  margin:10px 0px 5px 20px;
  padding:0px;
}

.ie8 ul.social-media {
  float:right;
  margin:0px;
  padding:0px;
  list-style-type:none;
}

.ie8 ul.social-media li {
  float:left;
  margin:10px 0px 5px 20px;
  padding:0px;
}

/* ---------------------------------------------------------------------
100% dropdown
--------------------------------------------------------------------- */

/* GENERAL */

body { overflow-x: hidden; } /* trick from css-tricks comments */


/* FIRST LEVEL */

.nav-100 > ul > li { 
  display: inline-block; 
  position: relative; 
  z-index: 999999;
}

/* SECOND LEVEL */

.nav-100 > ul > li > ul {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 30px 1000em; /* trick from css-tricks comments */
  margin: 0 -1000em; /* trick from css-tricks comments */
  z-index: 9999999;
  visibility: hidden;
  opacity:0;
}

.nav-100 > ul > li:hover > ul {
  visibility: visible;
  opacity: .90;
  background: #c3e76f;
}


.nav-100 > ul > li > ul > li {
  padding: 3px 0;
}

.nav > ul > li > ul {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


/* ---------------------------------------------------------------------
breadcrumbs
--------------------------------------------------------------------- */

@media screen and (min-width:0px) and (max-width:767px) {
 .breadcrumbs {
  display:none !important;
  }
}

@media screen and (min-width:768px) and (max-width:2560px) { 

.breadcrumbs {
  margin:0px;
  padding:0px 10px 0 0;
  font-size:1em;
  color:#c3e76f;
}

.breadcrumbs a:link {
  font-weight:lighter;
  text-decoration:none;
  color:#cccccc;
}
}


/* ---------------------------------------------------------------------
slider
--------------------------------------------------------------------- */

@media all and (min-width:0px) and (max-width:320px) {
  .slider { 
    position:relative;
    height:140px;
    width:100%;
    overflow:hidden;
    -moz-box-shadow:0px 0px 3px 1px #000000;
    -webkit-box-shadow:0px 0px 3px 1px #000000;
    box-shadow:0px 0px 3px 1px #000000;
    border-top:1px solid #c3e76f;
    border-bottom:1px solid #c3e76f;
    z-index:2;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

  .slider img {
    position:absolute;
    width:100%;
    height:auto;
  }
}

@media all and (min-width:321px) and (max-width:480px) {
  .slider { 
    position:relative;
    height:140px;
    width:100%;
    overflow:hidden;
    -moz-box-shadow:0px 0px 3px 1px #000000;
    -webkit-box-shadow:0px 0px 3px 1px #000000;
    box-shadow:0px 0px 3px 1px #000000;
    border-top:1px solid #c3e76f;
    border-bottom:1px solid #c3e76f;
    z-index:2;
   -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

  .slider img {
    position:absolute;
    width:100%;
    height:auto;
 }
}

@media all and (min-width:481px) and (max-width:768px) {
  .slider { 
    position:relative;
    height:240px;
    width:100%;
    overflow:hidden;
    -moz-box-shadow:0px 0px 3px 1px #000000;
    -webkit-box-shadow:0px 0px 3px 1px #000000;
    box-shadow:0px 0px 3px 1px #000000;
    border-top:1px solid #c3e76f;
    border-bottom:1px solid #c3e76f;
    z-index:2;
   -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

  .slider img {
    position:absolute;
    width:100%;
    height:auto;
 }
}

@media all and (min-width:769px) and (max-width:1024px) {
  .slider { 
    position:relative;
    height:340px;
    width:100%;
    overflow:hidden;
    -moz-box-shadow:0px 0px 3px 1px #000000;
    -webkit-box-shadow:0px 0px 3px 1px #000000;
    box-shadow:0px 0px 3px 1px #000000;
    border-top:1px solid #c3e76f;
    border-bottom:1px solid #c3e76f;
    z-index:2;
   -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

  .slider img {
    position:absolute;
    width:100%;
    height:auto;
  }
}


@media all and (min-width:1025px) and (max-width:1399px) {
  .slider { 
    position:relative;
    height:440px;
    width:100%;
    overflow:hidden;
    -moz-box-shadow:0px 0px 3px 1px #000000;
    -webkit-box-shadow:0px 0px 3px 1px #000000;
    box-shadow:0px 0px 3px 1px #000000;
    border-top:1px solid #c3e76f;
    border-bottom:1px solid #c3e76f;
    z-index:2;
   -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

  .slider img {
    position:absolute;
    width:100%;
    height:auto;
  }
}


@media all and (min-width:1400px) and (max-width:2560px) {
  .slider { 
    position:relative;
    height:540px;
    width:100%;
    overflow:hidden;
    -moz-box-shadow:0px 0px 3px 1px #000000;
    -webkit-box-shadow:0px 0px 3px 1px #000000;
    box-shadow:0px 0px 3px 1px #000000;
    border-top:1px solid #c3e76f;
    border-bottom:1px solid #c3e76f;
    z-index:2;
   -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

  .slider img {
    position:absolute;
    width:100%;
    height:auto;
  }
}



/* ---------------------------------------------------------------------
top nav
--------------------------------------------------------------------- */

@media screen and (min-width:0px) and (max-width:1024px) {  
.top-nav {
  display:none;
}
}

@media screen and (min-width:1025px) and (max-width:2560px) {  
.top-nav {
  background:#ffffff;
  padding:25px 0px;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  -moz-box-shadow:0px 0px 7px 1px #000000;
  -webkit-box-shadow:0px 0px 7px 1px #000000;
  box-shadow:0px 0px 7px 1px #000000;
  z-index:4;
  opacity:.97;
}

.top-nav ul li a,
.top-nav ul li {
  color:#333333;
  line-height:inherit;
}

.top-nav p {
  color:#333333;
  margin:0px;
  font-size:1em;
}
}

.ie7 .top-nav {
  background:#c3e76f;
  padding:4px 0px;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  -moz-box-shadow:0px 0px 7px 1px #000000;
  -webkit-box-shadow:0px 0px 7px 1px #000000;
  box-shadow:0px 0px 7px 1px #000000;
  z-index:4;
}

.ie7 .top-nav ul li a:link,
.ie7 .top-nav ul li {
  color:#333333;
}

.ie7 .top-nav p {
  color:#333333;
  margin:0px;
  font-size:1em;
}


.ie8 .top-nav {
  background:#c3e76f;
  padding:4px 0;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  -moz-box-shadow:0px 0px 7px 1px #000000;
  -webkit-box-shadow:0px 0px 7px 1px #000000;
  box-shadow:0px 0px 7px 1px #000000;
  z-index:4;
}

.ie8 .top-nav ul li a:link,
.ie8 .top-nav ul li {
  color:#333333;
}

.ie8 .top-nav p {
  color:#333333;
  margin:0px;
  font-size:1em;
}



/* ---------------------------------------------------------------------
misc
--------------------------------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  resize:none;
  width:100%;
  height:auto;
  font-size:1em;
  color:#333333;
  min-height:300px;
  margin:0px;
  border-radius:0px !important;
  overflow-x:auto;
  opacity:.90;
  border:none !important;
  font-family:verdana;
  padding:20px;
}

::-webkit-input-placeholder {
  color:#999999;
}

:-moz-placeholder {
  color:#999999;
}
::-moz-placeholder {
  color:#999999;
}
:-ms-input-placeholder {
  color:#999999;
}

form label,
label {
  color:#999999;
  float:left;
}


fieldset {
  display: block;
  margin: 0px;
  padding:10px 20px;
}

legend {
  padding:0 7px;
}

u {
  text-decoration: underline;
}

xmp {
  font-size:.9em;
  display:block;
  width:100%;
}

.ie7 xmp {
  font-size:.9em;
  display:block;
  width:100%;
}

.ie8 xmp {
  font-size:.9em;
  display:block;
  width:100%;
}

.nested p {
  margin:15px 0 0 0;
  font-size:.8em;
  line-height:10px;
}

.nested-examples {
 border:2px solid #c3e76f;
}

iframe {
  width:100%;
  box-shadow:0px 0px 2px 1px #333333;
  display:block;
}

/* ---------------------------------------------------------------------
reflection
--------------------------------------------------------------------- */

img.reflection {
   -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.2)));
}

.reflection {
   -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.2)));
}

/* ---------------------------------------------------------------------
breaks
--------------------------------------------------------------------- */


.break {
  clear:both;
  float:none;
}

.smaller-break {
  height:13px;
  float:none;
  clear:both;
}

.small-break {
  height:30px;
  float:none;
  clear:both;
}

.medium-break {
  height:60px;
  float:none;
  clear:both;
}

.large-break {
  height:90px;
  float:none;
  clear:both;
}

.larger-break {
  height:130px;
  clear:both;
  float:none;
}

.huge-break {
  height:190px;
  clear:both;
  float:none;
}





@media all and (min-width:0px) and (max-width:320px) {

  .device-break {
    clear:both;
    float:none;
  }

  .device-smaller-break {
    height:13px;
    float:none;
    clear:both;
  }

  .device-small-break {
    height:30px;
    float:none;
    clear:both;
  }

  .device-medium-break {
    height:60px;
    float:none;
    clear:both;
  }

  .device-large-break {
    height:90px;
    float:none;
    clear:both;
  }

  .device-larger-break {
    height:130px;
    clear:both;
    float:none;
  }

  .device-huge-break {
    height:190px;
    clear:both;
    float:none;
  }




}



@media all and (min-width:321px) and (max-width:767px) {

  .device-wide-break {
    clear:both;
    float:none;
  }

  .device-wide-smaller-break {
    height:13px;
    float:none;
    clear:both;
  }

  .device-wide-small-break {
    height:30px;
    float:none;
    clear:both;
  }

  .device-wide-medium-break {
    height:60px;
    float:none;
    clear:both;
  }

  .device-wide-large-break {
    height:90px;
    float:none;
    clear:both;
  }

  .device-wide-larger-break {
    height:130px;
    clear:both;
    float:none;
  }

  .device-wide-huge-break {
    height:190px;
    clear:both;
    float:none;
  }




}

@media all and (min-width:768px) and (max-width:1024px) {

  .tablet-break {
    clear:both;
    float:none;
  }

  .tablet-smaller-break {
    height:13px;
    float:none;
    clear:both;
  }

  .tablet-small-break {
    height:30px;
    float:none;
    clear:both;
  }

  .tablet-medium-break {
    height:60px;
    float:none;
    clear:both;
  }

  .tablet-large-break {
    height:90px;
    float:none;
    clear:both;
  }

  .tablet-larger-break {
    height:130px;
    clear:both;
    float:none;
  }

  .tablet-huge-break {
    height:190px;
    clear:both;
    float:none;
  }



}

@media all and (min-width:1025px) and (max-width:1399px) {

  .monitor-break {
    clear:both;
    float:none;
  }

  .monitor-smaller-break {
    height:13px;
    float:none;
    clear:both;
  }

  .monitor-small-break {
    height:30px;
    float:none;
    clear:both;
  }

  .monitor-medium-break {
    height:60px;
    float:none;
    clear:both;
  }

  .monitor-large-break {
    height:90px;
    float:none;
    clear:both;
  }

  .monitor-larger-break {
    height:130px;
    clear:both;
    float:none;
  }

  .monitor-huge-break {
    height:190px;
    clear:both;
    float:none;
  }



}


@media all and (min-width:1400px) and (max-width:1920px) {

  .monitor-wide-break {
    clear:both;
    float:none;
  }

  .monitor-wide-smaller-break {
    height:13px;
    float:none;
    clear:both;
  }

  .monitor-wide-small-break {
    height:30px;
    float:none;
    clear:both;
  }

  .monitor-wide-medium-break {
    height:60px;
    float:none;
    clear:both;
  }

  .monitor-wide-large-break {
    height:90px;
    float:none;
    clear:both;
  }

  .monitor-wide-larger-break {
    height:130px;
    clear:both;
    float:none;
  }

  .monitor-wide-huge-break {
    height:190px;
    clear:both;
    float:none;
  }


}



@media all and (min-width:1921px) and (max-width:2560px) {

  .screen-break {
    clear:both;
    float:none;
  }

  .screen-smaller-break {
    height:13px;
    float:none;
    clear:both;
  }

  .screen-small-break {
    height:30px;
    float:none;
    clear:both;
  }

  .screen-medium-break {
    height:60px;
    float:none;
    clear:both;
  }

  .screen-large-break {
    height:90px;
    float:none;
    clear:both;
  }

  .screen-larger-break {
    height:130px;
    clear:both;
    float:none;
  }

  .screen-huge-break {
    height:190px;
    clear:both;
    float:none;
  }


}


/* ---------------------------------------------------------------------
dividers
--------------------------------------------------------------------- */


.divider {
  border-bottom:1px solid #cccccc;
  clear:both;
  margin:0 0 40px;
}



/* ---------------------------------------------------------------------
no-margin
--------------------------------------------------------------------- */

.no-margin {
  margin:0px !important;
}


/* ---------------------------------------------------------------------
tabel
--------------------------------------------------------------------- */

tr.white td {
  color:#333333;
  background:#ffffff;
}

tr.dark-grey td {
 color:#333333;
  background:#cccccc;
}

tr.yellow td {
  color:#333333;
  background:#c3e76f;
}

tr.light-grey td {
  background:#999999;
  color:#333333;
}

tr.green td { 
  background:#a2f2a4;
  color:#333333;
}

tr.orange td {
  background:#e7be27;
  color:#333333;
}

tr.primary td {
  background:#c3e76f;
  color:#333333;
}

tr.red td {
  background:#f0513a;
  color:#333333;
}




/* ---------------------------------------------------------------------
positions
--------------------------------------------------------------------- */

.relative {
  position:relative;
}

.absolute-top-left {
  position:absolute;
  top:0px;
  left:0px;
}

.absolute-top-right {
  position:absolute;
  top:0px;
  right:0px;
}

.absolute-bottom-left {
  position:absolute;
  bottom:0px;
  left:0px;
}

.absolute-bottom-right {
  position:absolute;
  bottom:0px;
  right:0px;
}



/* ---------------------------------------------------------------------
 ul default lists
--------------------------------------------------------------------- */


ul.default-left {
  margin:0px;
  padding:0px;
  list-style-type:none;
  float:left;
}

ul.default-left li {
  float:left;
  margin:0px;
  padding:0px 40px 0 0px;
  display:inline-block;
}

ul.default-right {
  margin:0px;
  padding:0px;
  list-style-type:none;
  float:right;
}

ul.default-right li {
  float:left;
  margin:0px;
  padding:0px 0px 0 40px;
  display:inline-block;
}

ul.default {
  margin:0px;
  padding:0px;
  list-style-type:none;
  float:left;
}

ul.default li {
  margin:0px;
  padding:0px;
  clear:left;
}


/* ---------------------------------------------------------------------
 browser support
--------------------------------------------------------------------- */


ul.browser-support {
  margin:0px;
  padding:0px;
  list-style-type:none;
  float:left;
}

ul.browser-support li {
  float:left;
  margin:0px;
  padding:0px 30px 0 0px;
  display:inline-block;
  line-height:50px;
}




/* ---------------------------------------------------------------------
input
--------------------------------------------------------------------- */

input[type="text"],
input[type="button"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="password"],
input[type="reset"],
input[type="submit"] {
  display:block;
  font-family:verdana;
  color:#333333;
  font-size:1em;
}

input[type="checkbox"],
input[type="radio"] {
  display:block;
  font-family:verdana;
  color:#333333;
  font-size:1em;
  width:auto;
  float:left;
  margin:6px 10px 0 0;
}

input {
  width:100%;
  padding:20px;
  border-radius:0 !important;
  font-family:verdana;
  color:#333333;
  font-size:1em;
  border:none;
  background:#dedede;
  float:left;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px #c3e76f;
}

ul.input-type {
  margin:0px;
  padding:0px;
  float:left;
}

ul.input-type li {
  margin:0px 0px 0 0;
  padding:0px 0px 0 0;
  list-style-type:none;
  float:left;
}

ul.input-type li input {
  margin:5px 20px 0px 0;
}


/* ---------------------------------------------------------------------
nav dropdown
--------------------------------------------------------------------- */

@media all and (min-width:0px) and (max-width:1024px) {
  .nav-dropdown {
   display:none !important;
  }
}

@media all and (min-width:1025px) and (max-width:2560px) {
  .nav-dropdown {
    padding:0px;
    margin:0px;
    list-style:none;
    position:relative;
    float:right;
  }

  .nav-dropdown li {
    padding:0px;
    margin:0px 0px 0px 0;
    list-style:none;
    position:relative;
    display:block;
    float:left;
  }

  .nav-dropdown li a {
    display:block;
    text-decoration:none;
    text-align:center;
    text-transform:uppercase;
    padding:10px 15px;
  }

  .nav-dropdown li:hover > a {
    display:block;
  }

  .nav-dropdown li ul {
    margin:0px;
    padding:0px;
    list-style:none;
    visibility:hidden;
    position:absolute;
  }

  .nav-dropdown li ul li  {
    display:block;
    width:120px;
  }

  .nav-dropdown li ul li:hover > a {
    display:block;
  }

  .nav-dropdown li:hover ul {
    visibility:visible;
    z-index:999;
    height:auto;
    display:block;
    color:#c3e76f;
  }


  .nav-dropdown li:hover ul li ul {
    display:block;
    height:auto;
    position:absolute;
    left:120px;
    top:0px;
    visibility:hidden;
  }

  .nav-dropdown li ul li:hover ul {
    display:block;
    height:auto;
    position:absolute;
    left:120px;
    top:0px;
    visibility:visible;
  }
}


/* ---------------------------------------------------------------------
horizontal nav
--------------------------------------------------------------------- */


.horizontal-dropdown {
  padding:0px;
  margin:0px;
  list-style:none;
  position:relative;
  float:left;
}

.horizontal-dropdown li {
  padding:0px;
  margin:0px 0px 0px 0;
  list-style:none;
  position:relative;
  display:block;
  float:left;
}

.horizontal-dropdown li a {
  display:block;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  padding:10px 15px;
}

.horizontal-dropdown li:hover > a {
  display:block;
  background:#333333;
  color:#c3e76f;
}

.horizontal-dropdown li ul {
  margin:0px;
  padding:0px;
  list-style:none;
  visibility:hidden;
  position:absolute;
}

.horizontal-dropdown li ul li  {
  display:block;
  width:120px;
}

.horizontal-dropdown li ul li:hover > a {
  display:block;
  background:#333333;
  color:#c3e76f;
}

.horizontal-dropdown li:hover ul {
  visibility:visible;
  z-index:999;
  height:auto;
  display:block;
  color:#c3e76f;
}


.horizontal-dropdown li:hover ul li ul {
  display:block;
  height:auto;
  position:absolute;
  left:120px;
  top:0px;
  visibility:hidden;
}

.horizontal-dropdown li ul li:hover ul {
  display:block;
  height:auto;
  position:absolute;
  left:120px;
  top:0px;
  visibility:visible;
}

/* ---------------------------------------------------------------------
 vert dropdown menu
--------------------------------------------------------------------- */



ul.vert-dropdown {
  padding:0px;
  margin:0px;
  list-style:none;
  position:relative;
  float:left;
}

.vert-dropdown li {
  padding:0px;
  margin:0px 0px 0px 0;
  list-style:none;
  position:relative;
  display:block;
}

.vert-dropdown li a {
  display:block;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  padding:10px 15px;
}

.vert-dropdown li:hover > a {
  display:block;
  background:#333333;
  color:#c3e76f;
}

.vert-dropdown li ul {
  margin:0px;
  padding:0px;
  list-style:none;
  visibility:hidden;
  position:absolute;
}

.vert-dropdown li ul li  {
  display:block;
  width:120px;
}

.vert-dropdown li ul li:hover > a {
  display:block;
  background:#333333;
  color:#c3e76f;
}


.vert-dropdown li:hover ul {
  visibility:visible;
  z-index:999;
  height:auto;
  display:block;
}


.vert-dropdown li:hover ul li ul {
  display:block;
  height:auto;
  position:absolute;
  left:120px;
  top:0px;
  visibility:hidden;
}

.vert-dropdown li ul li:hover ul {
  display:block;
  height:auto;
  position:absolute;
  left:120px;
  top:0px;
  visibility:visible;
}





/* ---------------------------------------------------------------------
side bar nav
--------------------------------------------------------------------- */
 
@media screen and (min-width:0px) and (max-width:1399px) {
 .fixed-side-nav {
    display:none !important;
  }
}

@media screen and (min-width:1400px) and (max-width:2560px) {
  .sticky {
    position: fixed;
    height:auto;
    width:200px;
    left: 0;
    top: 60px;
    border-top: 0;
    z-index:99999 !important;
  }
  
  .fixed-side-nav {
    position: -webkit-sticky;
    text-align: center;
    margin:0px 0 0 0 !important;
    padding:0px;
  }
  
  .fixed-side-nav ul {
    position: absolute;
    width:200px;
    margin:10px 0 0 10px !important;
    padding:0px;
    opacity:.90;
    z-index:99999;
  }  
       
  .fixed-side-nav ul li {
    padding:0px 0;
    margin:0px 0px 0 0px;
    color:#c3e76f;
    list-style:none;
    font-weight:lighter;
    font-size:.8em;
    text-align: left;
  }
  
  .fixed-side-nav ul li a {
    display:block;
    text-decoration:none;
    color:#c3e76f;
    line-height:20px;
}
  
  .fixed-side-nav ul li a:hover {
    color:#c3e76f;        
  } 
}




/* ---------------------------------------------------------------------
 device container
--------------------------------------------------------------------- */

@media screen and (min-width:0px) and (max-width:320px) {
  .device-container {
    padding:0px 20px 20px;
    clear:both;
    float:none;
    z-index:-9;
  }
}

@media screen and (min-width:321px) and (max-width:767px) {
   .device-container {
    padding:0px 20px 20px;
    clear:both;
    float:none;
    z-index:-9;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .device-container {
    padding:0px 20px 0px;
    clear:both;
    float:none;
    z-index:-9;
  }
}

@media screen and (min-width:1025px) and (max-width:1399px) {
  .device-container {
    padding:0px 0px 0px;
    clear:both;
    float:none;
    z-index:-9;
  }
}

@media screen and (min-width:1400px) and (max-width:1920px) {
  .device-container {
    padding:0px 0px 0px;
    clear:both;
    float:none;
    z-index:-9;
  }
}

@media screen and (min-width:1921px) and (max-width:2560px) {
  .device-container {
    padding:0px 0px 0px;
    clear:both;
    float:none;
     z-index:-9;
 }
}

.ie7 .device-container {
    padding:0px 0px 0px;
    clear:both;
    float:none;
    z-index:-9;
}

.ie8 .device-container {
    padding:0px 0px 0px;
    clear:both;
    float:none;
    z-index:-9;
}

/* ---------------------------------------------------------------------
hamburger
--------------------------------------------------------------------- */

@media screen and (min-width:0px) and (max-width:768px) {
  #container {
    position: relative;
    width: 100%;
    margin: 0;
    background:none;
  }
    
  #header {
    height: 45px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    display: block;
    background: #eed336;
    z-index: 9999999;
    -moz-box-shadow: 0px 0px 6px 1px #000000;
    -webkit-box-shadow: 0px 0px 6px 1px #000000;
    box-shadow: 0px 0px 6px 1px #000000;
    opacity:.97;
}

  #nav-mobile {
    display:none;
  }
  
  #toggle-menu i {
    display: block;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 5px;
    right: 12px;
    text-indent: -99999em;
    cursor: pointer;
  }

  
  #header .menu-name {
   display:none;
  }

  .mobile-navigation {
    width: 0;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    background: #333333;
    z-index: 999;
    opacity:.95;
    padding:0 0 30px 0;
    -moz-box-shadow: 0px 0px 6px 1px #000000;
    -webkit-box-shadow: 0px 0px 6px 1px #000000;
    box-shadow: 0px 0px 6px 1px #000000;

  }
  
  .mobile-navigation .close {
    display:none;
}
  
  .mobile-navigation ul {
    margin: 0;
    padding: 60px 0 0 30px;
    list-style-type: none;
  }

    .mobile-navigation ul.default {
    margin: 0;
    padding: 0px 0 20px 30px;
    list-style-type: none;
  }

  .mobile-navigation a {
    color: #ffffff;
    white-space: nowrap;
    text-decoration:none;
  }
}



@media screen and (min-width:769px) and (max-width:1024px) {
  #container {
    position: relative;
    width: 100%;
    margin: 0;
    background:none;
  }
    
  #header {
    height: 45px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    display: block;
    background: #eed336;
    z-index: 9999999;
    -moz-box-shadow: 0px 0px 6px 1px #000000;
    -webkit-box-shadow: 0px 0px 6px 1px #000000;
    box-shadow: 0px 0px 6px 1px #000000;
    opacity:.97;
}

  #nav-mobile {
    display:none;
  }
  
  #toggle-menu i {
    display: block;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 5px;
    right: 12px;
    text-indent: -99999em;
    cursor: pointer;
  }

  
  #header .menu-name {
    position:absolute;
    right:50px;
    top:9px;
    color:#333333;
  }

  .mobile-navigation {
    width: 0;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    background: #333333;
    z-index: 999;
    opacity:.95;
    -moz-box-shadow: 0px 0px 6px 1px #000000;
    -webkit-box-shadow: 0px 0px 6px 1px #000000;
    box-shadow: 0px 0px 6px 1px #000000;

  }
  
  .mobile-navigation .close {
    display:none;
}
  
  .mobile-navigation ul {
    margin: 0;
    padding: 60px 0 0 30px;
    list-style-type: none;
  }

  .mobile-navigation ul.default {
    margin: 0;
    padding: 0px 0 20px 30px;
    list-style-type: none;
  }

  .mobile-navigation a {
    color: #ffffff;
    white-space: nowrap;
    text-decoration:none;
  }
}

@media screen and (min-width:1025px) and (max-width:2560px) {
  #container {
    display:none;
  }

  .mobile-navigation {
    display:none;
  }
}

@media all and (min-width:0px) and (max-width:1024px) {
  ul.default-right-hamburger {
    margin:0px;
    padding:3px 0 0;
    list-style-type:none;
    float:right;
    width:100%;
  }

  ul.default-right-hamburger li:nth-child(1) a {
    float:left;
    margin:0px;
    padding:0px 5px 0 10px;
    display:inline-block;
    font-size:.8em;
    color:#333333;
  }

  ul.default-right-hamburger li a {
    float:left;
    margin:0px;
    padding:0px 5px 0 15px;
    display:inline-block;
    font-size:.8em;
    color:#333333;
  }
}

@media all and (min-width:1025px) and (max-width:2560px) {
  ul.default-right-hamburger {
   display:none;
  }

  ul.default-right-hamburger li a {
     display:none;
  }
}

@media screen and (min-width:1400px) and (max-width:2560px) {
  #container,
  #header,
  #nav-mobile,
  #nav-mobile ul,
  .mobile-navigation {
    display:none !important;
  }
}

.ie7 #container,
.ie7 #header,
.ie7 #nav-mobile,
.ie7 #nav-mobile ul,
.ie7 .mobile-navigation {
  display:none !important;
}

.ie8 #container,
.ie8 #header,
.ie8 #nav-mobile,
.ie8 #nav-mobile ul,
.ie8 .mobile-navigation {
  display:none !important;
}



/* ---------------------------------------------------------------------
aligns
--------------------------------------------------------------------- */


hr {
  display: block;
  float: none;
  clear: both;
  border: none;
  height: 1px;
  width:100%;
}

img {
  max-width:100%;
  height: auto;
  display: block;
  border:none;
}

.text-right,
.text-right span,
.text-right li,
.text-right img,
.text-right a img,
.text-right h1,
.text-right h2,
.text-right h3,
.text-right h4,
.text-right h5,
.text-right h6,
.text-right p {
  text-align: right ;
}

.text-left,
.text-left span,
.text-left li,
.text-left img,
.text-left a img,
.text-left h1,
.text-left h2,
.text-left h3,
.text-left h4,
.text-left h5,
.text-left h6,
.text-left p {
  text-align: left;
}

.text-center,
.text-center span,
.text-center li,
.text-center a img,
.text-center img,
.text-center h1,
.text-center h2,
.text-center h3,
.text-center h4,
.text-center h5,
.text-center h6,
.text-center p {
  text-align: center;
}

.text-justify,
.text-justify span,
.text-justify li,
.text-justify a img,
.text-justify img,
.text-justify h1,
.text-justify h2,
.text-justify h3,
.text-justify h4,
.text-justify h5,
.text-justify h6,
.text-justify p  {
  text-align:justify;
}

.right span,
.right li,
.right img,
.right a,
.right {
  position:absolute;
  right:0px;
  top:0px;
}

.right-bottom span,
.right-bottom li,
.right-bottom img,
.right-bottom a,
.right-bottom {
  position:absolute;
  right:0px;
  bottom:0px;
}

.left span,
.left li,
.left img,
.left a,
.left {
  position:absolute;
  left:0px;
  top:0px;
}

.center span,
.center ul,
.center img,
.center a,
.center {
  margin: 0px auto;
  clear:both;
  float:none;
}

.center-all {
  margin: 0px auto;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:inherit;
  height:inherit;
}

.float-right {
  float:right;
}

.float-left {
  float:left;
}


/* ---------------------------------------------------------------------
z-index
--------------------------------------------------------------------- */

.z-index-1 {
  z-index:111;
}

.z-index-2 {
  z-index:222;
}


.z-index-3 {
  z-index:333;
}


.z-index-4 {
  z-index:444;
}


.z-index-5 {
  z-index:555;
}


.z-index-6 {
  z-index:566;
}


.z-index-7 {
  z-index:777;
}


.z-index-8 {
  z-index:888;
}


.z-index-9 {
  z-index:999;
}


/* ---------------------------------------------------------------------
pillow
--------------------------------------------------------------------- */

.pillow-1,
.pillow-1 li {
  padding:5px;
}

.pillow-1-0,
.pillow-1-0 li {
  padding:5px 0;
}

.pillow-0-1,
.pillow-0-1 li {
  padding:0 5px;
}

.pillow-2,
.pillow-2 li {
  padding:7px;
}

.pillow-2-0,
.pillow-2-0 li {
  padding:7px 0;
}

.pillow-0-2,
.pillow-0-2 li {
  padding:0 7px;
}

.pillow-3,
.pillow-3 li {
  padding:10px;
}

.pillow-3-0,
.pillow-3-0 li {
  padding:10px 0;
}

.pillow-0-3,
.pillow-0-3 li {
  padding:0 10px;
}

.pillow-4,
.pillow-4,
.pillow-4 li {
  padding:12px;
}

.pillow-4-0,
.pillow-4-0 li {
  padding:12px 0;
}

.pillow-0-4 {
  padding:0 12px;
}

.pillow-5 {
  padding:15px;
}

.pillow-5-0,
.pillow-5-0 li {
  padding:15px 0;
}

.pillow-0-5,
.pillow-0-5 li {
  padding:0 15px;
}

.pillow-6,
.pillow-6 li {
  padding:17px;
}

.pillow-6-0,
.pillow-6-0 li {
  padding:17px 0;
}

.pillow-0-6,
.pillow-0-6 li {
  padding:0 17px;
}

.pillow-7,
.pillow-7 li {
  padding:20px;
}

.pillow-7-0,
.pillow-7-0 li {
  padding:20px 0;
}

.pillow-0-7,
.pillow-0-7 li {
  padding:0 20px;
}

.pillow-8,
.pillow-8 li {
  padding:22px;
}

.pillow-8-0,
.pillow-8-0 li {
  padding:22px 0;
}

.pillow-0-8,
.pillow-0-8 li {
  padding:0 22px;
}

.pillow-9,
.pillow-9 li {
  padding:23px;
}

.pillow-9-0,
.pillow-9-0 li {
  padding:23px 0;
}

.pillow-0-9,
.pillow-0-9 li {
  padding:0 23px;
}

.pillow-10,
.pillow-10 li {
  padding:25px;
}

.pillow-10-0,
.pillow-10-0 li {
  padding:25px 0;
}

.pillow-0-10,
.pillow-0-10 li {
  padding:0 25px;
}

.pillow-small,
.pillow-small li {
  padding:10px;
}

.pillow-medium,
.pillow-medium li {
  padding:25px;
}

.pillow-large,
.pillow-large li {
  padding:50px;
}

.pillow-huge,
.pillow-huge li {
  padding:100px;
}

@media all and (min-width:768px) and (max-width:1024px) {
  .header-footer-pad {
     padding:0 20px;
  }
}

@media all and (min-width:1025px) and (max-width:2560px) {
  .header-footer-pad {
     padding:0px;
  }
}


/* ---------------------------------------------------------------------
border radius
--------------------------------------------------------------------- */

.radius-1 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  behavior: url(PIE.htc);
}

.radius-2 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(PIE.htc);
}

.radius-3 {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  behavior: url(PIE.htc);
}

.radius-4 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(PIE.htc);
}

.radius-5 {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  behavior: url(PIE.htc);
}

.radius-6 {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  behavior: url(PIE.htc);
}

.radius-7 {
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  behavior: url(PIE.htc);
}

.radius-8 {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  behavior: url(PIE.htc);
}

.radius-9 {
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  behavior: url(PIE.htc);
}

.radius-10 {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  behavior: url(PIE.htc);
}





/* ---------------------------------------------------------------------
opacity
--------------------------------------------------------------------- */

.opacity-1 a:hover,
.opacity-1 img:hover {
  opacity:0.10;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter:alpha(opacity = 10);
  display:block;
}

.opacback-1:hover {  
  opacity:0.10;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter:alpha(opacity = 10);
  display:block;
}

.opacity-2 a:hover,
.opacity-2 img:hover {
  opacity:0.20;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter:alpha(opacity = 20);
  display:block;
}

.opacback-2:hover {
  opacity:0.20;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter:alpha(opacity = 20);
  display:block;
}

.opacity-3 a:hover,
.opacity-3 img:hover {
  opacity:0.30;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter:alpha(opacity = 30);
  display:block;
}

.opacback-3:hover {
  opacity:0.30;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter:alpha(opacity = 30);
  display:block;
}

.opacity-4 a:hover,
.opacity-4 img:hover,
.opacity-4 ul li a:hover {
  opacity:0.40;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter:alpha(opacity = 40);
  display:block;
}

.opacback-4:hover {
  opacity:0.40;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter:alpha(opacity = 40);
  display:block;
}

.opacity-5 a:hover,
.opacity-5 img:hover {
  opacity:0.50;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter:alpha(opacity = 50);
  display:block;
}

.opacback-5:hover {
  opacity:0.50;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter:alpha(opacity = 50);
  display:block;
}

.opacity-6 a:hover,
.opacity-6 img:hover {
  opacity:0.60;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter:alpha(opacity = 60);
  display:block;
}

.opacback-6:hover { 
  opacity:0.60;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter:alpha(opacity = 60);
  display:block;
}

.opacity-7 a:hover,
.opacity-7 img:hover {
  opacity:0.70;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity = 70);
  display:block;
}

.opacback-7:hover {
  opacity:0.70;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity = 70);
  display:block;
}

.opacity-8 a:hover,
.opacity-8 img:hover {
  opacity:0.80;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter:alpha(opacity = 80);
  display:block;
}

.opacback-8:hover {
  opacity:0.80;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter:alpha(opacity = 80);
  display:block;
}

.opacity-9 a:hover,
.opacity-9 img:hover {
  opacity:0.90;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter:alpha(opacity = 90);
  display:block;
}

.opacback-9:hover {
  opacity:0.90;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter:alpha(opacity = 90);
  display:block;
}

.opacity-10 a:hover,
.opacity-10 img:hover {
  opacity:1.00;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter:alpha(opacity = 10);
  display:block;
}

.opacback-10:hover {
  opacity:1.00;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter:alpha(opacity = 10);
  display:block;
}



/* ---------------------------------------------------------------------
transform scale
--------------------------------------------------------------------- */


img.scale-1:hover,
.scale-1 li:hover,
.scale-1 img:hover,
.scale-1 a img:hover,
i.scale-1:hover,
.scale-1 i:hover,
.scale-1 i:hover,
.scale-1 a i:hover  {
  -moz-transform:scale(0.5);
  -webkit-transform:scale(0.5);
  transform:scale(0.5);
}

.scaleback-1:hover {
  -moz-transform:scale(0.5);
  -webkit-transform:scale(0.5);
  transform:scale(0.5);
}

img.scale-2:hover,
.scale-2 li:hover,
.scale-2 img:hover,
.scale-2 a:hover img,
i.scale-2:hover,
.scale-2 i:hover,
.scale-2 i:hover,
.scale-2 a i:hover  {
  -moz-transform:scale(1.0);
  -webkit-transform:scale(1.0);
  transform:scale(1.0);
}

.scaleback-2:hover {
  -moz-transform:scale(1.0);
  -webkit-transform:scale(1.0);
  transform:scale(1.0);
}

img.scale-3:hover,
.scale-3 li:hover,
.scale-3 img:hover,
.scale-3 a:hover img,
i.scale-3:hover,
.scale-3 i:hover,
.scale-3 i:hover,
.scale-3 a i:hover  {
  -moz-transform:scale(1.5);
  -webkit-transform:scale(1.5);
  transform:scale(1.5);
}

.scaleback-3:hover {
  -moz-transform:scale(1.5);
  -webkit-transform:scale(1.5);
  transform:scale(1.5);
}

img.scale-4:hover,
.scale-4 li:hover,
.scale-4 img:hover,
.scale-4 a img:hover,
i.scale-4:hover,
.scale-4 i:hover,
.scale-4 i:hover,
.scale-4 a i:hover  {
  -moz-transform:scale(2.0);
  -webkit-transform:scale(2.0);
  transform:scale(2.0);
}

.scaleback-4:hover {
  -moz-transform:scale(2.0);
  -webkit-transform:scale(2.0);
  transform:scale(2.0);
}

img.scale-5:hover,
.scale-5 li:hover,
.scale-5 img:hover,
.scale-5 a:hover img,
i.scale-5:hover,
.scale-5 i:hover,
.scale-5 i:hover,
.scale-5 a i:hover  {
  -moz-transform:scale(2.5);
  -webkit-transform:scale(2.5);
  transform:scale(2.5);
}

.scaleback-5:hover {
  -moz-transform:scale(2.5);
  -webkit-transform:scale(2.5);
  transform:scale(2.5);
}

img.scale-6:hover,
.scale-6 li:hover,
.scale-6 img:hover,
.scale-6 a:hover img,
i.scale-6:hover,
.scale-6 i:hover,
.scale-6 i:hover,
.scale-6 a i:hover  {
  -moz-transform:scale(3.0);
  -webkit-transform:scale(3.0);
  transform:scale(3.0);
}

.scaleback-6:hover{
  -moz-transform:scale(3.0);
  -webkit-transform:scale(3.0);
  transform:scale(3.0);
}

img.scale-7:hover,
.scale-7 li:hover,
.scale-7 img:hover,
.scale-7 a:hover img,
i.scale-7:hover,
.scale-7 i:hover,
.scale-7 i:hover,
.scale-7 a i:hover  {
  -moz-transform:scale(3.5);
  -webkit-transform:scale(3.5);
  transform:scale(3.5);
}

.scaleback-7:hover {
  -moz-transform:scale(3.5);
  -webkit-transform:scale(3.5);
  transform:scale(3.5);
}

img.scale-8:hover,
.scale-8 li:hover,
.scale-8 img:hover,
.scale-8 a:hover img,
i.scale-8:hover,
.scale-8 i:hover,
.scale-8 i:hover,
.scale-8 a i:hover  {
  -moz-transform:scale(4.0);
  -webkit-transform:scale(4.0);
  transform:scale(4.0);
}

.scaleback-8:hover {
  -moz-transform:scale(4.0);
  -webkit-transform:scale(4.0);
  transform:scale(4.0);
}

img.scale-9:hover,
.scale-9 li:hover,
.scale-9 img:hover,
.scale-9 a:hover img,
i.scale-9:hover,
.scale-9 i:hover,
.scale-9 i:hover,
.scale-9 a i:hover  {
  -moz-transform:scale(4.5);
  -webkit-transform:scale(4.5);
  transform:scale(4.5);
}

.scaleback-9:hover {
  -moz-transform:scale(4.5);
  -webkit-transform:scale(4.5);
  transform:scale(4.5);
}

img.scale-10:hover,
.scale-10 li:hover,
.scale-10 img:hover,
.scale-10 a:hover img,
i.scale-10:hover,
.scale-10 i:hover,
.scale-10 i:hover,
.scale-10 a i:hover  {
  -moz-transform:scale(5.0);
  -webkit-transform:scale(5.0);
  transform:scale(5.0);
}

.scaleback-10:hover {
  -moz-transform:scale(5.0);
  -webkit-transform:scale(5.0);
  transform:scale(5.0);
}




/* ---------------------------------------------------------------------
pulse
--------------------------------------------------------------------- */


@-webkit-keyframes pulse {
  0% {
  -moz-transition: all 2.25s ease;
  -webkit-transition: all 2.25s ease;
  transition: all 2.25s ease;
  
  }
  50% {
  -moz-transform:scale(1.5);
  -webkit-transform:scale(1.5);
  transform:scale(1.5);

  }
  100% {
  -moz-transition: all 2.25s ease;
  -webkit-transition: all 2.25s ease;
  transition: all 2.25s ease;
  }
}

.pulse-1-infin a,
.pulse-1-infin li,
.pulse-1-infin img,
.pulse-1-infin a img,
.pulse-1-infin a i,
.pulse-1-infin i  {
  -webkit-animation: pulse 0.5s infinite ease-in-out;
  -moz-animation: pulse 0.5s infinite ease-in-out;
  animation: pulse 0.5s infinite ease-in-out;
}

.pulse-2-infin a,
.pulse-2-infin li,
.pulse-2-infin img,
.pulse-2-infin a img,
.pulse-2-infin a i,
.pulse-2-infin i  {
  -webkit-animation: pulse 1.0s infinite ease-in-out;
  -moz-animation: pulse 1.0s infinite ease-in-out;
  animation: pulse 1.0s infinite ease-in-out;
}

.pulse-3-infin a,
.pulse-3-infin li,
.pulse-3-infin img,
.pulse-3-infin a img,
.pulse-3-infin a i,
.pulse-3-infin i  {
  -webkit-animation: pulse 1.5s infinite ease-in-out;
  -moz-animation: pulse 1.5s infinite ease-in-out;
  animation: pulse 1.5s infinite ease-in-out;
}

.pulse-4-infin a,
.pulse-4-infin li,
.pulse-4-infin img,
.pulse-4-infin a img,
.pulse-4-infin a i,
.pulse-4-infin i  {
  -webkit-animation: pulse 2.0s infinite ease-in-out;
  -moz-animation: pulse 2.0s infinite ease-in-out;
  animation: pulse 2.0s infinite ease-in-out;
}

.pulse-5-infin a,
.pulse-5-infin li,
.pulse-5-infin img,
.pulse-5-infin a img,
.pulse-5-infin a i,
.pulse-5-infin i  {
  -webkit-animation: pulse 2.5s infinite ease-in-out;
  -moz-animation: pulse 2.5s infinite ease-in-out;
  animation: pulse 2.5s infinite ease-in-out;
}

.pulse-6-infin a,
.pulse-6-infin li,
.pulse-6-infin img,
.pulse-6-infin a img,
.pulse-6-infin a i,
.pulse-6-infin i  {
  -webkit-animation: pulse 3.0s infinite ease-in-out;
  -moz-animation: pulse 3.0s infinite ease-in-out;
  animation: pulse 3.0s infinite ease-in-out;
}

.pulse-7-infin a,
.pulse-7-infin li,
.pulse-7-infin img,
.pulse-7-infin a img,
.pulse-7-infin a i,
.pulse-7-infin i  {
  -webkit-animation: pulse 3.5s infinite ease-in-out;
  -moz-animation: pulse 3.5s infinite ease-in-out;
  animation: pulse 3.5s infinite ease-in-out;
}

.pulse-8-infin a,
.pulse-8-infin li,
.pulse-8-infin img,
.pulse-8-infin a img,
.pulse-8-infin a i,
.pulse-8-infin i  {
  -webkit-animation: pulse 4.0s infinite ease-in-out;
  -moz-animation: pulse 4.0s infinite ease-in-out;
  animation: pulse 4.0s infinite ease-in-out;
}

.pulse-9-infin a,
.pulse-9-infin li,
.pulse-9-infin img,
.pulse-9-infin a img,
.pulse-9-infin a i,
.pulse-9-infin i  {
  -webkit-animation: pulse 4.5s infinite ease-in-out;
  -moz-animation: pulse 4.5s infinite ease-in-out;
  animation: pulse 4.5s infinite ease-in-out;
}

.pulse-10-infin a,
.pulse-10-infin li,
.pulse-10-infin img,
.pulse-10-infin a img,
.pulse-10-infin a i,
.pulse-10-infin i  {
  -webkit-animation: pulse 5.0s infinite ease-in-out;
  -moz-animation: pulse 5.0s infinite ease-in-out;
  animation: pulse 5.0s infinite ease-in-out;
}

.pulse-1:hover a,
.pulse-1:hover li,
.pulse-1:hover img,
.pulse-1:hover a img,
.pulse-1:hover a i,
.pulse-1:hover i  {
 -webkit-animation: pulse 0.5s infinite ease-in-out;
  -moz-animation: pulse 0.5s infinite ease-in-out;
  animation: pulse 0.5s infinite ease-in-out;
}

.pulse-2:hover a,
.pulse-2:hover li,
.pulse-2:hover img,
.pulse-2:hover a img,
.pulse-2:hover a i,
.pulse-2:hover i  {
  -webkit-animation: pulse 1.0s infinite ease-in-out;
  -moz-animation: pulse 1.0s infinite ease-in-out;
  animation: pulse 1.0s infinite ease-in-out;
}

.pulse-3:hover a,
.pulse-3:hover li,
.pulse-3:hover img,
.pulse-3:hover a img,
.pulse-3:hover a i,
.pulse-3:hover i  {
  -webkit-animation: pulse 1.5s infinite ease-in-out;
  -moz-animation: pulse 1.5s infinite ease-in-out;
  animation: pulse 1.5s infinite ease-in-out;
}

.pulse-4:hover a,
.pulse-4:hover li,
.pulse-4:hover img,
.pulse-4:hover a img,
.pulse-4:hover a i,
.pulse-4:hover i  {
  -webkit-animation: pulse 2.0s infinite ease-in-out;
  -moz-animation: pulse 2.0s infinite ease-in-out;
  animation: pulse 2.0s infinite ease-in-out;
}

.pulse-5:hover a,
.pulse-5:hover li,
.pulse-5:hover img,
.pulse-5:hover a img,
.pulse-5:hover a i,
.pulse-5:hover i  {
  -webkit-animation: pulse 2.5s infinite ease-in-out;
  -moz-animation: pulse 2.5s infinite ease-in-out;
  animation: pulse 2.5s infinite ease-in-out;
}

.pulse-6:hover a,
.pulse-6:hover li,
.pulse-6:hover img,
.pulse-6:hover a img,
.pulse-6:hover a i,
.pulse-6:hover i  {
  -webkit-animation: pulse 3.0s infinite ease-in-out;
  -moz-animation: pulse 3.0s infinite ease-in-out;
  animation: pulse 3.0s infinite ease-in-out;
}

.pulse-7:hover a,
.pulse-7:hover li,
.pulse-7:hover img,
.pulse-7:hover a img,
.pulse-7:hover a i,
.pulse-7:hover i  {
  -webkit-animation: pulse 3.5s infinite ease-in-out;
  -moz-animation: pulse 3.5s infinite ease-in-out;
  animation: pulse 3.5s infinite ease-in-out;
}

.pulse-8:hover a,
.pulse-8:hover li,
.pulse-8:hover img,
.pulse-8:hover a img,
.pulse-8:hover a i,
.pulse-8:hover i  {
  -webkit-animation: pulse 4.0s infinite ease-in-out;
  -moz-animation: pulse 4.0s infinite ease-in-out;
  animation: pulse 4.0s infinite ease-in-out;
}

.pulse-9:hover a,
.pulse-9:hover li,
.pulse-9:hover img,
.pulse-9:hover a img,
.pulse-9:hover a i,
.pulse-9:hover i  {
  -webkit-animation: pulse 4.5s infinite ease-in-out;
  -moz-animation: pulse 4.5s infinite ease-in-out;
  animation: pulse 4.5s infinite ease-in-out;
}

.pulse-10:hover a,
.pulse-10:hover li,
.pulse-10:hover img,
.pulse-10:hover a img,
.pulse-10:hover a i,
.pulse-10:hover i  {
  -webkit-animation: pulse 5.0s infinite ease-in-out;
  -moz-animation: pulse 5.0s infinite ease-in-out;
  animation: pulse 5.0s infinite ease-in-out;
}

.pulseback-1:hover {
  -webkit-animation: pulse 0.5s infinite ease-in-out;
  -moz-animation: pulse 0.5s infinite ease-in-out;
  animation: pulse 0.5s infinite ease-in-out;
}

.pulseback-2:hover {
  -webkit-animation: pulse 1.0s infinite ease-in-out;
  -moz-animation: pulse 1.0s infinite ease-in-out;
  animation: pulse 1.0s infinite ease-in-out;
}

.pulseback-3:hover {
  -webkit-animation: pulse 1.5s infinite ease-in-out;
  -moz-animation: pulse 1.5s infinite ease-in-out;
  animation: pulse 1.5s infinite ease-in-out;
}

.pulseback-4:hover {
  -webkit-animation: pulse 2.0s infinite ease-in-out;
  -moz-animation: pulse 2.0s infinite ease-in-out;
  animation: pulse 2.0s infinite ease-in-out;
}

.pulseback-5:hover {
  -webkit-animation: pulse 2.5s infinite ease-in-out;
  -moz-animation: pulse 2.5s infinite ease-in-out;
  animation: pulse 2.5s infinite ease-in-out;
}

.pulseback-6:hover {
  -webkit-animation: pulse 3.0s infinite ease-in-out;
  -moz-animation: pulse 3.0s infinite ease-in-out;
  animation: pulse 3.0s infinite ease-in-out;
}

.pulseback-7:hover {
  -webkit-animation: pulse 3.5s infinite ease-in-out;
  -moz-animation: pulse 3.5s infinite ease-in-out;
  animation: pulse 3.5s infinite ease-in-out;
}

.pulseback-8:hover {
  -webkit-animation: pulse 4.0s infinite ease-in-out;
  -moz-animation: pulse 4.0s infinite ease-in-out;
  animation: pulse 4.0s infinite ease-in-out;
}

.pulseback-9:hover {
  -webkit-animation: pulse 4.5s infinite ease-in-out;
  -moz-animation: pulse 4.5s infinite ease-in-out;
  animation: pulse 4.5s infinite ease-in-out;
}

.pulseback-10:hover {
  -webkit-animation: pulse 5.0s infinite ease-in-out;
  -moz-animation: pulse 5.0s infinite ease-in-out;
  animation: pulse 5.0s infinite ease-in-out;
}

.pulseback-1-infin {
  -webkit-animation: pulse 0.5s infinite ease-in-out;
  -moz-animation: pulse 0.5s infinite ease-in-out;
  animation: pulse 0.5s infinite ease-in-out;
}

.pulseback-2-infin {
  -webkit-animation: pulse 1.0s infinite ease-in-out;
  -moz-animation: pulse 1.0s infinite ease-in-out;
  animation: pulse 1.0s infinite ease-in-out;
}

.pulseback-3-infin {
  -webkit-animation: pulse 1.5s infinite ease-in-out;
  -moz-animation: pulse 1.5s infinite ease-in-out;
  animation: pulse 1.5s infinite ease-in-out;
}

.pulseback-4-infin {
  -webkit-animation: pulse 2.0s infinite ease-in-out;
  -moz-animation: pulse 2.0s infinite ease-in-out;
  animation: pulse 2.0s infinite ease-in-out;
}

.pulseback-5-infin {
  -webkit-animation: pulse 2.5s infinite ease-in-out;
  -moz-animation: pulse 2.5s infinite ease-in-out;
  animation: pulse 2.5s infinite ease-in-out;
}

.pulseback-6-infin {
  -webkit-animation: pulse 3.0s infinite ease-in-out;
  -moz-animation: pulse 3.0s infinite ease-in-out;
  animation: pulse 3.0s infinite ease-in-out;
}

.pulseback-7-infin {
  -webkit-animation: pulse 3.5s infinite ease-in-out;
  -moz-animation: pulse 3.5s infinite ease-in-out;
  animation: pulse 3.5s infinite ease-in-out;
}

.pulseback-8-infin {
  -webkit-animation: pulse 4.0s infinite ease-in-out;
  -moz-animation: pulse 4.0s infinite ease-in-out;
  animation: pulse 4.0s infinite ease-in-out;
}

.pulseback-9-infin {
  -webkit-animation: pulse 4.5s infinite ease-in-out;
  -moz-animation: pulse 4.5s infinite ease-in-out;
  animation: pulse 4.5s infinite ease-in-out;
}

.pulseback-10-infin {
  -webkit-animation: pulse 5.0s infinite ease-in-out;
  -moz-animation: pulse 5.0s infinite ease-in-out;
  animation: pulse 5.0s infinite ease-in-out;
}



* ---------------------------------------------------------------------
rotate
--------------------------------------------------------------------- */


.rotate-15 img:hover,
.rotate-15 a img:hover {
  transform:rotate(15deg);
  -ms-transform:rotate(15deg); /* IE 9 */
  -webkit-transform:rotate(15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-15y:hover {
  transform:rotateY(15deg);
  -ms-transform:rotateY(15deg); /* IE 9 */
  -webkit-transform:rotateY(15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-15y:hover {
  transform:rotateY(15deg);
  -ms-transform:rotateY(15deg); /* IE 9 */
  -webkit-transform:rotateY(15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-15:hover {
  transform:rotate(15deg);
  -ms-transform:rotate(15deg); /* IE 9 */
  -webkit-transform:rotate(15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-30 img:hover,
.rotate-30 a img:hover {
  transform:rotate(30deg);
  -ms-transform:rotate(30deg); /* IE 9 */
  -webkit-transform:rotate(30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-30y:hover {
  transform:rotateY(30deg);
  -ms-transform:rotateY(30deg); /* IE 9 */
  -webkit-transform:rotateY(30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-30y:hover {
  transform:rotateY(30deg);
  -ms-transform:rotateY(30deg); /* IE 9 */
  -webkit-transform:rotateY(30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-30:hover {
  transform:rotate(30deg);
  -ms-transform:rotate(30deg); /* IE 9 */
  -webkit-transform:rotate(30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-45 img:hover,
.rotate-45 a img:hover {
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); /* IE 9 */
  -webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-45y:hover {
  transform:rotateY(45deg);
  -ms-transform:rotateY(45deg); /* IE 9 */
  -webkit-transform:rotateY(45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-45y:hover {
  transform:rotateY(45deg);
  -ms-transform:rotateY(45deg); /* IE 9 */
  -webkit-transform:rotateY(45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-45:hover {
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); /* IE 9 */
  -webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-60 img:hover,
.rotate-60 a img:hover {
  transform:rotate(60deg);
  -ms-transform:rotate(60deg); /* IE 9 */
  -webkit-transform:rotate(60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-60y:hover {
  transform:rotateY(60deg);
  -ms-transform:rotateY(60deg); /* IE 9 */
  -webkit-transform:rotateY(60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-60y:hover {
  transform:rotateY(60deg);
  -ms-transform:rotateY(60deg); /* IE 9 */
  -webkit-transform:rotateY(60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-60:hover {
  transform:rotate(60deg);
  -ms-transform:rotate(60deg); /* IE 9 */
  -webkit-transform:rotate(60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-75 img:hover,
.rotate-75 a img:hover {
  transform:rotate(75deg);
  -ms-transform:rotate(75deg); /* IE 9 */
  -webkit-transform:rotate(75deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(75deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-75y:hover {
  transform:rotateY(180deg);
  -ms-transform:rotateY(180deg); /* IE 9 */
  -webkit-transform:rotateY(180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-75y:hover {
  transform:rotateY(180deg);
  -ms-transform:rotateY(180deg); /* IE 9 */
  -webkit-transform:rotateY(180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-75:hover {
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); /* IE 9 */
  -webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-90 img:hover,
.rotate-90 a img:hover {
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); /* IE 9 */
  -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-90y:hover {
  transform:rotateY(90deg);
  -ms-transform:rotateY(90deg); /* IE 9 */
  -webkit-transform:rotateY(90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-90y:hover {
  transform:rotateY(90deg);
  -ms-transform:rotateY(90deg); /* IE 9 */
  -webkit-transform:rotateY(90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-90:hover {
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); /* IE 9 */
  -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-105 img:hover,
.rotate-105 a img:hover {
  transform:rotate(105deg);
  -ms-transform:rotate(105deg); /* IE 9 */
  -webkit-transform:rotate(105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-105y:hover {
  transform:rotateY(105deg);
  -ms-transform:rotateY(105deg); /* IE 9 */
  -webkit-transform:rotateY(105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-105y:hover {
  transform:rotateY(105deg);
  -ms-transform:rotateY(105deg); /* IE 9 */
  -webkit-transform:rotateY(105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-105:hover {
  transform:rotate(105deg);
  -ms-transform:rotate(105deg); /* IE 9 */
  -webkit-transform:rotate(105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-120 img:hover,
.rotate-120 a img:hover {
  transform:rotate(120deg);
  -ms-transform:rotate(120deg); /* IE 9 */
  -webkit-transform:rotate(120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-120y:hover {
  transform:rotateY(120deg);
  -ms-transform:rotateY(120deg); /* IE 9 */
  -webkit-transform:rotateY(120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-120y:hover {
  transform:rotateY(120deg);
  -ms-transform:rotateY(120deg); /* IE 9 */
  -webkit-transform:rotateY(120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-120:hover {
  transform:rotate(120deg);
  -ms-transform:rotate(120deg); /* IE 9 */
  -webkit-transform:rotate(120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-135 img:hover,
.rotate-135 a img:hover {
  transform:rotate(135deg);
  -ms-transform:rotate(135deg); /* IE 9 */
  -webkit-transform:rotate(135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-135y:hover {
  transform:rotateY(135deg);
  -ms-transform:rotateY(135deg); /* IE 9 */
  -webkit-transform:rotateY(135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-135y:hover {
  transform:rotateY(135deg);
  -ms-transform:rotateY(135deg); /* IE 9 */
  -webkit-transform:rotateY(135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-135:hover {
  transform:rotate(135deg);
  -ms-transform:rotate(135deg); /* IE 9 */
  -webkit-transform:rotate(135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-150 img:hover,
.rotate-150 a img:hover {
  transform:rotate(150deg);
  -ms-transform:rotate(150deg); /* IE 9 */
  -webkit-transform:rotate(150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-150y:hover {
  transform:rotateY(150deg);
  -ms-transform:rotateY(150deg); /* IE 9 */
  -webkit-transform:rotateY(150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-150y:hover {
  transform:rotateY(150deg);
  -ms-transform:rotateY(150deg); /* IE 9 */
  -webkit-transform:rotateY(150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-150:hover {
  transform:rotate(150deg);
  -ms-transform:rotate(150deg); /* IE 9 */
  -webkit-transform:rotate(150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-165 img:hover,
.rotate-165 a img:hover {
  transform:rotate(165deg);
  -ms-transform:rotate(165deg); /* IE 9 */
  -webkit-transform:rotate(165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-165y:hover {
  transform:rotateY(165deg);
  -ms-transform:rotateY(165deg); /* IE 9 */
  -webkit-transform:rotateY(165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-165y:hover {
  transform:rotateY(165deg);
  -ms-transform:rotateY(165deg); /* IE 9 */
  -webkit-transform:rotateY(165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-165:hover {
  transform:rotate(165deg);
  -ms-transform:rotate(165deg); /* IE 9 */
  -webkit-transform:rotate(165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-180 img:hover,
.rotate-180 a img:hover {
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); /* IE 9 */
  -webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-180y:hover {
  transform:rotateY(180deg);
  -ms-transform:rotateY(180deg); /* IE 9 */
  -webkit-transform:rotateY(180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-180y:hover {
  transform:rotateY(180deg);
  -ms-transform:rotateY(180deg); /* IE 9 */
  -webkit-transform:rotateY(180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-180:hover {
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); /* IE 9 */
  -webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n15 img:hover,
.rotate-n15 a img:hover {
  transform:rotate(-15deg);
  -ms-transform:rotate(-15deg); /* IE 9 */
  -webkit-transform:rotate(-15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n15y:hover {
  transform:rotateY(-15deg);
  -ms-transform:rotateY(-15deg); /* IE 9 */
  -webkit-transform:rotateY(-15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n15y:hover {
  transform:rotateY(-15deg);
  -ms-transform:rotateY(-15deg); /* IE 9 */
  -webkit-transform:rotateY(-15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n15:hover {
  transform:rotate(-15deg);
  -ms-transform:rotate(-15deg); /* IE 9 */
  -webkit-transform:rotate(-15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n30 img:hover,
.rotate-n30 a img:hover {
  transform:rotate(-30deg);
  -ms-transform:rotate(-30deg); /* IE 9 */
  -webkit-transform:rotate(-30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n30y:hover {
  transform:rotateY(-30deg);
  -ms-transform:rotateY(-30deg); /* IE 9 */
  -webkit-transform:rotateY(-30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n30y:hover {
  transform:rotateY(-30deg);
  -ms-transform:rotateY(-30deg); /* IE 9 */
  -webkit-transform:rotateY(-30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n30:hover {
  transform:rotate(-30deg);
  -ms-transform:rotate(-30deg); /* IE 9 */
  -webkit-transform:rotate(-30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n45 img:hover,
.rotate-n45 a img:hover {
  transform:rotate(-45deg);
  -ms-transform:rotate(-45deg); /* IE 9 */
  -webkit-transform:rotate(-45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n45y:hover {
  transform:rotateY(-45deg);
  -ms-transform:rotateY(-45deg); /* IE 9 */
  -webkit-transform:rotateY(-45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n45y:hover {
  transform:rotateY(-45deg);
  -ms-transform:rotateY(-45deg); /* IE 9 */
  -webkit-transform:rotateY(-45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n45:hover {
  transform:rotate(-45deg);
  -ms-transform:rotate(-45deg); /* IE 9 */
  -webkit-transform:rotate(-45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n60 img:hover,
.rotate-n60 a img:hover {
  transform:rotate(-60deg);
  -ms-transform:rotate(-60deg); /* IE 9 */
  -webkit-transform:rotate(-60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n60y:hover {
  transform:rotateY(-60deg);
  -ms-transform:rotateY(-60deg); /* IE 9 */
  -webkit-transform:rotateY(-60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n60y:hover {
  transform:rotateY(-60deg);
  -ms-transform:rotateY(-60deg); /* IE 9 */
  -webkit-transform:rotateY(-60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n60:hover {
  transform:rotate(-60deg);
  -ms-transform:rotate(-60deg); /* IE 9 */
  -webkit-transform:rotate(-60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n75 img:hover,
.rotate-n75 a img:hover {
  transform:rotate(-75deg);
  -ms-transform:rotate(-75deg); /* IE 9 */
  -webkit-transform:rotate(-75deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-75deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n75y:hover {
  transform:rotateY(-75deg);
  -ms-transform:rotateY(-75deg); /* IE 9 */
  -webkit-transform:rotateY(-75deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-75deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n75y:hover {
  transform:rotateY(-75deg);
  -ms-transform:rotateY(-75deg); /* IE 9 */
  -webkit-transform:rotateY(-75deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-75deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n75:hover {
  transform:rotate(-75deg);
  -ms-transform:rotate(-75deg); /* IE 9 */
  -webkit-transform:rotate(-75deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-75deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n90 img:hover,
.rotate-n90 a img:hover {
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg); /* IE 9 */
  -webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n90y:hover {
  transform:rotateY(-90deg);
  -ms-transform:rotateY(-90deg); /* IE 9 */
  -webkit-transform:rotateY(-90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n90y:hover {
  transform:rotateY(-90deg);
  -ms-transform:rotateY(-90deg); /* IE 9 */
  -webkit-transform:rotateY(-90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n90:hover {
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg); /* IE 9 */
  -webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n105 img:hover,
.rotate-n105 a img:hover {
  transform:rotate(-105deg);
  -ms-transform:rotate(-105deg); /* IE 9 */
  -webkit-transform:rotate(-105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n105y:hover {
  transform:rotateY(-105deg);
  -ms-transform:rotateY(-105deg); /* IE 9 */
  -webkit-transform:rotateY(-105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n105y:hover {
  transform:rotateY(-105deg);
  -ms-transform:rotateY(-105deg); /* IE 9 */
  -webkit-transform:rotateY(-105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n105:hover {
  transform:rotate(-105deg);
  -ms-transform:rotate(-105deg); /* IE 9 */
  -webkit-transform:rotate(-105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n120 img:hover,
.rotate-n120 a img:hover {
  transform:rotate(-120deg);
  -ms-transform:rotate(-120deg); /* IE 9 */
  -webkit-transform:rotate(-120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n120y:hover {
  transform:rotateY(-120deg);
  -ms-transform:rotateY(-120deg); /* IE 9 */
  -webkit-transform:rotateY(-120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n120y:hover {
  transform:rotateY(-120deg);
  -ms-transform:rotateY(-120deg); /* IE 9 */
  -webkit-transform:rotateY(-120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n120:hover {
  transform:rotate(-120deg);
  -ms-transform:rotate(-120deg); /* IE 9 */
  -webkit-transform:rotate(-120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n135 img:hover,
.rotate-n135 a img:hover {
  transform:rotate(-135deg);
  -ms-transform:rotate(-135deg); /* IE 9 */
  -webkit-transform:rotate(-135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n135y:hover {
  transform:rotateY(-135deg);
  -ms-transform:rotateY(-135deg); /* IE 9 */
  -webkit-transform:rotateY(-135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n135y:hover {
  transform:rotateY(-135deg);
  -ms-transform:rotateY(-135deg); /* IE 9 */
  -webkit-transform:rotateY(-135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n135:hover {
  transform:rotate(-135deg);
  -ms-transform:rotate(-135deg); /* IE 9 */
  -webkit-transform:rotate(-135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n150 img:hover,
.rotate-n150 a img:hover {
  transform:rotate(-150deg);
  -ms-transform:rotate(-150deg); /* IE 9 */
  -webkit-transform:rotate(-150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n150y:hover {
  transform:rotateY(-150deg);
  -ms-transform:rotateY(-150deg); /* IE 9 */
  -webkit-transform:rotateY(-150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n150:hover {
  transform:rotate(-150deg);
  -ms-transform:rotate(-150deg); /* IE 9 */
  -webkit-transform:rotate(-150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n150y:hover {
  transform:rotateY(-150deg);
  -ms-transform:rotateY(-150deg); /* IE 9 */
  -webkit-transform:rotateY(-150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n165 img:hover,
.rotate-n165 a img:hover {
  transform:rotate(-165deg);
  -ms-transform:rotate(-165deg); /* IE 9 */
  -webkit-transform:rotate(-165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n165y:hover {
  transform:rotateY(-165deg);
  -ms-transform:rotateY(-165deg); /* IE 9 */
  -webkit-transform:rotateY(-165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n165y:hover {
  transform:rotateY(-165deg);
  -ms-transform:rotateY(-165deg); /* IE 9 */
  -webkit-transform:rotateY(-165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n165:hover {
  transform:rotate(-165deg);
  -ms-transform:rotate(-165deg); /* IE 9 */
  -webkit-transform:rotate(-165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n180 img:hover,
.rotate-n180 a img:hover {
  transform:rotate(-180deg);
  -ms-transform:rotate(-180deg); /* IE 9 */
  -webkit-transform:rotate(-180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n180y:hover {
  transform:rotateY(-180deg);
  -ms-transform:rotateY(-180deg); /* IE 9 */
  -webkit-transform:rotateY(-180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n180y:hover {
  transform:rotateY(-180deg);
  -ms-transform:rotateY(-180deg); /* IE 9 */
  -webkit-transform:rotateY(-180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateY(-180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n180:hover {
  transform:rotate(-180deg);
  -ms-transform:rotate(-180deg); /* IE 9 */
  -webkit-transform:rotate(-180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-15x:hover {
  transform:rotateX(15deg);
  -ms-transform:rotateX(15deg); /* IE 9 */
  -webkit-transform:rotateX(15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-30x:hover {
  transform:rotateX(30deg);
  -ms-transform:rotateX(30deg); /* IE 9 */
  -webkit-transform:rotateX(30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-45x:hover {
  transform:rotateX(45deg);
  -ms-transform:rotateX(45deg); /* IE 9 */
  -webkit-transform:rotateX(45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-60x:hover {
  transform:rotateX(60deg);
  -ms-transform:rotateX(60deg); /* IE 9 */
  -webkit-transform:rotateX(60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-90x:hover {
  transform:rotateX(180deg);
  -ms-transform:rotateX(180deg); /* IE 9 */
  -webkit-transform:rotateX(180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-90x:hover {
  transform:rotateX(90deg);
  -ms-transform:rotateX(90deg); /* IE 9 */
  -webkit-transform:rotateX(90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-105x:hover {
  transform:rotateX(105deg);
  -ms-transform:rotateX(105deg); /* IE 9 */
  -webkit-transform:rotateX(105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-120x:hover {
  transform:rotateX(120deg);
  -ms-transform:rotateX(120deg); /* IE 9 */
  -webkit-transform:rotateX(120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-135x:hover {
  transform:rotateX(135deg);
  -ms-transform:rotateX(135deg); /* IE 9 */
  -webkit-transform:rotateX(135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-150x:hover {
  transform:rotateX(150deg);
  -ms-transform:rotateX(150deg); /* IE 9 */
  -webkit-transform:rotateX(150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-165x:hover {
  transform:rotateX(165deg);
  -ms-transform:rotateX(165deg); /* IE 9 */
  -webkit-transform:rotateX(165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-180x:hover {
  transform:rotateX(180deg);
  -ms-transform:rotateX(180deg); /* IE 9 */
  -webkit-transform:rotateX(180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n15x:hover {
  transform:rotateX(-15deg);
  -ms-transform:rotateX(-15deg); /* IE 9 */
  -webkit-transform:rotateX(-15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n30x:hover {
  transform:rotateX(-30deg);
  -ms-transform:rotateX(-30deg); /* IE 9 */
  -webkit-transform:rotateX(-30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n45x:hover {
  transform:rotateX(-45deg);
  -ms-transform:rotateX(-45deg); /* IE 9 */
  -webkit-transform:rotateX(-45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n60x:hover {
  transform:rotateX(-60deg);
  -ms-transform:rotateX(-60deg); /* IE 9 */
  -webkit-transform:rotateX(-60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n75x:hover {
  transform:rotateX(-75deg);
  -ms-transform:rotateX(-75deg); /* IE 9 */
  -webkit-transform:rotateX(-75deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-75deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n90x:hover {
  transform:rotateX(-90deg);
  -ms-transform:rotateX(-90deg); /* IE 9 */
  -webkit-transform:rotateX(-90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n105x:hover {
  transform:rotateX(-105deg);
  -ms-transform:rotateX(-105deg); /* IE 9 */
  -webkit-transform:rotateX(-105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n120x:hover {
  transform:rotateX(-120deg);
  -ms-transform:rotateX(-120deg); /* IE 9 */
  -webkit-transform:rotateX(-120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n135x:hover {
  transform:rotateX(-135deg);
  -ms-transform:rotateX(-135deg); /* IE 9 */
  -webkit-transform:rotateX(-135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n150x:hover {
  transform:rotateX(-150deg);
  -ms-transform:rotateX(-150deg); /* IE 9 */
  -webkit-transform:rotateX(-150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n165x:hover {
  transform:rotateX(-165deg);
  -ms-transform:rotateX(-165deg); /* IE 9 */
  -webkit-transform:rotateX(-165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate-n180x:hover {
  transform:rotateX(-180deg);
  -ms-transform:rotateX(-180deg); /* IE 9 */
  -webkit-transform:rotateX(-180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-15x:hover {
  transform:rotateX(15deg);
  -ms-transform:rotateX(15deg); /* IE 9 */
  -webkit-transform:rotateX(15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-30x:hover {
  transform:rotateX(30deg);
  -ms-transform:rotateX(30deg); /* IE 9 */
  -webkit-transform:rotateX(30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-45x:hover {
  transform:rotateX(45deg);
  -ms-transform:rotateX(45deg); /* IE 9 */
  -webkit-transform:rotateX(45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-60x:hover {
  transform:rotateX(60deg);
  -ms-transform:rotateX(60deg); /* IE 9 */
  -webkit-transform:rotateX(60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-90x:hover {
  transform:rotateX(180deg);
  -ms-transform:rotateX(180deg); /* IE 9 */
  -webkit-transform:rotateX(180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-90x:hover {
  transform:rotateX(90deg);
  -ms-transform:rotateX(90deg); /* IE 9 */
  -webkit-transform:rotateX(90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-105x:hover {
  transform:rotateX(105deg);
  -ms-transform:rotateX(105deg); /* IE 9 */
  -webkit-transform:rotateX(105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-120x:hover {
  transform:rotateX(120deg);
  -ms-transform:rotateX(120deg); /* IE 9 */
  -webkit-transform:rotateX(120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-135x:hover {
  transform:rotateX(135deg);
  -ms-transform:rotateX(135deg); /* IE 9 */
  -webkit-transform:rotateX(135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-150x:hover {
  transform:rotateX(150deg);
  -ms-transform:rotateX(150deg); /* IE 9 */
  -webkit-transform:rotateX(150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-165x:hover {
  transform:rotateX(165deg);
  -ms-transform:rotateX(165deg); /* IE 9 */
  -webkit-transform:rotateX(165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-180x:hover {
  transform:rotateX(180deg);
  -ms-transform:rotateX(180deg); /* IE 9 */
  -webkit-transform:rotateX(180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n15x:hover {
  transform:rotateX(-15deg);
  -ms-transform:rotateX(-15deg); /* IE 9 */
  -webkit-transform:rotateX(-15deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-15deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n30x:hover {
  transform:rotateX(-30deg);
  -ms-transform:rotateX(-30deg); /* IE 9 */
  -webkit-transform:rotateX(-30deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-30deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n45x:hover {
  transform:rotateX(-45deg);
  -ms-transform:rotateX(-45deg); /* IE 9 */
  -webkit-transform:rotateX(-45deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-45deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n60x:hover {
  transform:rotateX(-60deg);
  -ms-transform:rotateX(-60deg); /* IE 9 */
  -webkit-transform:rotateX(-60deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-60deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n75x:hover {
  transform:rotateX(-75deg);
  -ms-transform:rotateX(-75deg); /* IE 9 */
  -webkit-transform:rotateX(-75deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-75deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n90x:hover {
  transform:rotateX(-90deg);
  -ms-transform:rotateX(-90deg); /* IE 9 */
  -webkit-transform:rotateX(-90deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-90deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n105x:hover {
  transform:rotateX(-105deg);
  -ms-transform:rotateX(-105deg); /* IE 9 */
  -webkit-transform:rotateX(-105deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-105deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n120x:hover {
  transform:rotateX(-120deg);
  -ms-transform:rotateX(-120deg); /* IE 9 */
  -webkit-transform:rotateX(-120deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-120deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n135x:hover {
  transform:rotateX(-135deg);
  -ms-transform:rotateX(-135deg); /* IE 9 */
  -webkit-transform:rotateX(-135deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-135deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n150x:hover {
  transform:rotateX(-150deg);
  -ms-transform:rotateX(-150deg); /* IE 9 */
  -webkit-transform:rotateX(-150deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-150deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n165x:hover {
  transform:rotateX(-165deg);
  -ms-transform:rotateX(-165deg); /* IE 9 */
  -webkit-transform:rotateX(-165deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-165deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotateback-n180x:hover {
  transform:rotateX(-180deg);
  -ms-transform:rotateX(-180deg); /* IE 9 */
  -webkit-transform:rotateX(-180deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateX(-180deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}



/* ---------------------------------------------------------------------
rotate 360
--------------------------------------------------------------------- */

@-webkit-keyframes rotate360 {
  0% {
  transform:rotate(0deg);
  -ms-transform:rotate(0deg); /* IE 9 */
  -webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  }
  100% {
  transform:rotate(360deg);
  -ms-transform:rotate(360deg); /* IE 9 */
  -webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(360deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
  }
}

.rotate360-1 a img:hover,
.rotate360-1 img:hover {
  -webkit-animation: rotate360 0.5s infinite linear;
  -moz-animation: rotate360 0.5s infinite linear;
  animation: rotate360 0.5s infinite linear;
}

.rotate360-2 a img:hover,
.rotate360-2 img:hover {
  -webkit-animation: rotate360 1.0s infinite linear;
  -moz-animation: rotate360 1.0s infinite linear;
  animation: rotate360 1.0s infinite linear;
}

.rotate360-3 a img:hover,
.rotate360-3 img:hover {
  -webkit-animation: rotate360 1.5s infinite linear;
  -moz-animation: rotate360 1.5s infinite linear;
  animation: rotate360 1.5s infinite linear;
}

.rotate360-4 a img:hover,
.rotate360-4 img:hover {
  -webkit-animation: rotate360 2.0s infinite linear;
  -moz-animation: rotate360 2.0s infinite linear;
  animation: rotate360 2.0s infinite linear;
}

.rotate360-5 a img:hover,
.rotate360-5 img:hover {
  -webkit-animation: rotate360 2.5s infinite linear;
  -moz-animation: rotate360 2.5s infinite linear;
  animation: rotate360 2.5s infinite linear;
}

.rotate360-6 a img:hover,
.rotate360-6 img:hover {
  -webkit-animation: rotate360 3.0s infinite linear;
  -moz-animation: rotate360 3.0s infinite linear;
  animation: rotate360 3.0s infinite linear;
}

.rotate360-7 a img:hover,
.rotate360-7 img:hover {
  -webkit-animation: rotate360 3.5s infinite linear;
  -moz-animation: rotate360 3.5s infinite linear;
  animation: rotate360 3.5s infinite linear;
}

.rotate360-8 a img:hover,
.rotate360-8 img:hover {
  -webkit-animation: rotate360 4.0s infinite linear;
  -moz-animation: rotate360 4.0s infinite linear;
  animation: rotate360 4.0s infinite linear;
}

.rotate360-9 a img:hover,
.rotate360-9 img:hover {
  -webkit-animation: rotate360 4.5s infinite linear;
  -moz-animation: rotate360 4.5s infinite linear;
  animation: rotate360 4.5s infinite linear;
}

.rotate360-10 a img:hover,
.rotate360-10 img:hover {
  -webkit-animation: rotate360 5.0s infinite linear;
  -moz-animation: rotate360 5.0s infinite linear;
  animation: rotate360 5.0s infinite linear;
}

.rotate360-1-infin img,
.rotate360-1-infin i {
  -webkit-animation: rotate360 0.5s infinite linear;
  -moz-animation: rotate360 0.5s infinite linear;
  animation: rotate360 0.5s infinite linear;
}

.rotate360-2-infin img,
.rotate360-2-infin i {
  -webkit-animation: rotate360 1.0s infinite linear;
  -moz-animation: rotate360 1.0s infinite linear;
  animation: rotate360 1.0s infinite linear;
}

.rotate360-3-infin img,
.rotate360-3-infin i {
  -webkit-animation: rotate360 1.5s infinite linear;
  -moz-animation: rotate360 1.5s infinite linear;
  animation: rotate360 1.5s infinite linear;
}

.rotate360-4-infin img,
.rotate360-4-infin i {
  -webkit-animation: rotate360 2.0s infinite linear;
  -moz-animation: rotate360 2.0s infinite linear;
  animation: rotate360 2.0s infinite linear;
}

.rotate360-5-infin img,
.rotate360-5-infin i {
  -webkit-animation: rotate360 2.5s infinite linear;
  -moz-animation: rotate360 2.5s infinite linear;
  animation: rotate360 2.5s infinite linear;
}

.rotate360-6-infin img,
.rotate360-6-infin i {
  -webkit-animation: rotate360 3.0s infinite linear;
  -moz-animation: rotate360 3.0s infinite linear;
  animation: rotate360 3.0s infinite linear;
}

.rotate360-7-infin img,
.rotate360-7-infin i {
  -webkit-animation: rotate360 3.5s infinite linear;
  -moz-animation: rotate360 3.5s infinite linear;
  animation: rotate360 3.5s infinite linear;
}

.rotate360-8-infin img,
.rotate360-8-infin i {
  -webkit-animation: rotate360 4.0s infinite linear;
  -moz-animation: rotate360 4.0s infinite linear;
  animation: rotate360 4.0s infinite linear;
}

.rotate360-9-infin img,
.rotate360-9-infin i {
  -webkit-animation: rotate360 4.5s infinite linear;
  -moz-animation: rotate360 4.5s infinite linear;
  animation: rotate360 4.5s infinite linear;
}

.rotate360-10-infin img,
.rotate360-10-infin i {
  -webkit-animation: rotate360 5.0s infinite linear;
  -moz-animation: rotate360 5.0s infinite linear;
  animation: rotate360 5.0s infinite linear;
}



@-webkit-keyframes rotate360-neg {
  0% {
  transform:rotate(0deg);
  -ms-transform:rotate(0deg); /* IE 9 */
  -webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  }
  100% {
 transform:rotate(-360deg);
  -ms-transform:rotate(-360deg); /* IE 9 */
  -webkit-transform:rotate(-360deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-360deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
  }
}

.rotate360-1n a img:hover,
.rotate360-1n img:hover {
  -webkit-animation: rotate360-neg 0.5s infinite linear;
  -moz-animation: rotate360-neg 0.5s infinite linear;
  animation: rotate360-neg 0.5s infinite linear;
}

.rotate360-2n a img:hover,
.rotate360-2n img:hover {
  -webkit-animation: rotate360-neg 1.0s infinite linear;
  -moz-animation: rotate360-neg 1.0s infinite linear;
  animation: rotate360-neg 1.0s infinite linear;
}

.rotate360-3n a img:hover,
.rotate360-3n img:hover {
  -webkit-animation: rotate360-neg 1.5s infinite linear;
  -moz-animation: rotate360-neg 1.5s infinite linear;
  animation: rotate360-neg 1.5s infinite linear;
}

.rotate360-4n a img:hover,
.rotate360-4n img:hover {
  -webkit-animation: rotate360-neg 2.0s infinite linear;
  -moz-animation: rotate360-neg 2.0s infinite linear;
  animation: rotate360-neg 2.0s infinite linear;
}

.rotate360-5n a img:hover,
.rotate360-5n img:hover {
  -webkit-animation: rotate360-neg 2.5s infinite linear;
  -moz-animation: rotate360-neg 2.5s infinite linear;
  animation: rotate360-neg 2.5s infinite linear;
}

.rotate360-6n a img:hover,
.rotate360-6n img:hover {
  -webkit-animation: rotate360-neg 3.0s infinite linear;
  -moz-animation: rotate360-neg 3.0s infinite linear;
  animation: rotate360-neg 3.0s infinite linear;
}

.rotate360-7n a img:hover,
.rotate360-7n img:hover {
  -webkit-animation: rotate360-neg 3.5s infinite linear;
  -moz-animation: rotate360-neg 3.5s infinite linear;
  animation: rotate360-neg 3.5s infinite linear;
}

.rotate360-8n a img:hover,
.rotate360-8n img:hover {
  -webkit-animation: rotate360-neg 4.0s infinite linear;
  -moz-animation: rotate360-neg 4.0s infinite linear;
  animation: rotate360-neg 4.0s infinite linear;
}

.rotate360-9n a img:hover,
.rotate360-9n img:hover {
  -webkit-animation: rotate360-neg 4.5s infinite linear;
  -moz-animation: rotate360-neg 4.5s infinite linear;
  animation: rotate360-neg 4.5s infinite linear;
}

.rotate360-10n a img:hover,
.rotate360-10n img:hover {
  -webkit-animation: rotate360-neg 5.0s infinite linear;
  -moz-animation: rotate360-neg 5.0s infinite linear;
  animation: rotate360-neg 5.0s infinite linear;
}

.rotate360-1n-infin img {
  -webkit-animation: rotate360-neg 0.5s infinite linear;
  -moz-animation: rotate360-neg 0.5s infinite linear;
  animation: rotate360-neg 0.5s infinite linear;
}

.rotate360-2n-infin img {
  -webkit-animation: rotate360-neg 1.0s infinite linear;
  -moz-animation: rotate360-neg 1.0s infinite linear;
  animation: rotate360-neg 1.0s infinite linear;
}

.rotate360-3n-infin img {
  -webkit-animation: rotate360-neg 1.5s infinite linear;
  -moz-animation: rotate360-neg 1.5s infinite linear;
  animation: rotate360-neg 1.5s infinite linear;
}

.rotate360-4n-infin img {
  -webkit-animation: rotate360-neg 2.0s infinite linear;
  -moz-animation: rotate360-neg 2.0s infinite linear;
  animation: rotate360-neg 2.0s infinite linear;
}

.rotate360-5n-infin img {
  -webkit-animation: rotate360-neg 2.5s infinite linear;
  -moz-animation: rotate360-neg 2.5s infinite linear;
  animation: rotate360-neg 2.5s infinite linear;
}

.rotate360-6n-infin img {
  -webkit-animation: rotate360-neg 3.0s infinite linear;
  -moz-animation: rotate360-neg 3.0s infinite linear;
  animation: rotate360-neg 3.0s infinite linear;
}

.rotate360-7n-infin img {
  -webkit-animation: rotate360-neg 3.5s infinite linear;
  -moz-animation: rotate360-neg 3.5s infinite linear;
  animation: rotate360-neg 3.5s infinite linear;
}

.rotate360-8n-infin img {
  -webkit-animation: rotate360-neg 4.0s infinite linear;
  -moz-animation: rotate360-neg 4.0s infinite linear;
  animation: rotate360-neg 4.0s infinite linear;
}

.rotate360-9n-infin img {
  -webkit-animation: rotate360-neg 4.5s infinite linear;
  -moz-animation: rotate360-neg 4.5s infinite linear;
  animation: rotate360-neg 4.5s infinite linear;
}

.rotate360-10n-infin img {
  -webkit-animation: rotate360-neg 5.0s infinite linear;
  -moz-animation: rotate360-neg 5.0s infinite linear;
  animation: rotate360-neg 5.0s infinite linear;
}


@-webkit-keyframes rotateback360 {
  0% {
  transform:rotate(0deg);
  -ms-transform:rotate(0deg); /* IE 9 */
  -webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  }
  100% {
  transform:rotate(360deg);
  -ms-transform:rotate(360deg); /* IE 9 */
  -webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(360deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
  }
}

.rotateback360-1:hover {
  -webkit-animation: rotateback360 0.5s infinite linear;
  -moz-animation: rotateback360 0.5s infinite linear;
  animation: rotateback360 0.5s infinite linear;
}

.rotateback360-2:hover {
  -webkit-animation: rotateback360 1.0s infinite linear;
  -moz-animation: rotateback360 1.0s infinite linear;
  animation: rotateback360 1.0s infinite linear;
}

.rotateback360-3:hover {
  -webkit-animation: rotateback360 1.5s infinite linear;
  -moz-animation: rotateback360 1.5s infinite linear;
  animation: rotateback360 1.5s infinite linear;
}

.rotateback360-4:hover {
  -webkit-animation: rotateback360 2.0s infinite linear;
  -moz-animation: rotateback360 2.0s infinite linear;
  animation: rotateback360 2.0s infinite linear;
}

.rotateback360-5:hover {
  -webkit-animation: rotateback360 2.5s infinite linear;
  -moz-animation: rotateback360 2.5s infinite linear;
  animation: rotateback360 2.5s infinite linear;
}

.rotateback360-6:hover {
  -webkit-animation: rotateback360 3.0s infinite linear;
  -moz-animation: rotateback360 3.0s infinite linear;
  animation: rotateback360 3.0s infinite linear;
}

.rotateback360-7:hover {
  -webkit-animation: rotateback360 3.5s infinite linear;
  -moz-animation: rotateback360 3.5s infinite linear;
  animation: rotateback360 3.5s infinite linear;
}

.rotateback360-8:hover {
  -webkit-animation: rotateback360 4.0s infinite linear;
  -moz-animation: rotateback360 4.0s infinite linear;
  animation: rotateback360 4.0s infinite linear;
}

.rotateback360-9:hover {
  -webkit-animation: rotateback360 4.5s infinite linear;
  -moz-animation: rotateback360 4.5s infinite linear;
  animation: rotateback360 4.5s infinite linear;
}

.rotateback360-10:hover {
  -webkit-animation: rotateback360 5.0s infinite linear;
  -moz-animation: rotateback360 5.0s infinite linear;
  animation: rotateback360 5.0s infinite linear;
}

.rotateback360-1-infin {
  -webkit-animation: rotateback360 0.5s infinite linear;
  -moz-animation: rotateback360 0.5s infinite linear;
  animation: rotateback360 0.5s infinite linear;
}

.rotateback360-2-infin {
  -webkit-animation: rotateback360 1.0s infinite linear;
  -moz-animation: rotateback360 1.0s infinite linear;
  animation: rotateback360 1.0s infinite linear;
}

.rotateback360-3-infin {
  -webkit-animation: rotateback360 1.5s infinite linear;
  -moz-animation: rotateback360 1.5s infinite linear;
  animation: rotateback360 1.5s infinite linear;
}

.rotateback360-4-infin {
  -webkit-animation: rotateback360 2.0s infinite linear;
  -moz-animation: rotateback360 2.0s infinite linear;
  animation: rotateback360 2.0s infinite linear;
}

.rotateback360-5-infin {
  -webkit-animation: rotateback360 2.5s infinite linear;
  -moz-animation: rotateback360 2.5s infinite linear;
  animation: rotateback360 2.5s infinite linear;
}

.rotateback360-6-infin {
  -webkit-animation: rotateback360 3.0s infinite linear;
  -moz-animation: rotateback360 3.0s infinite linear;
  animation: rotateback360 3.0s infinite linear;
}

.rotateback360-7-infin {
  -webkit-animation: rotateback360 3.5s infinite linear;
  -moz-animation: rotateback360 3.5s infinite linear;
  animation: rotateback360 3.5s infinite linear;
}

.rotateback360-8-infin {
  -webkit-animation: rotateback360 4.0s infinite linear;
  -moz-animation: rotateback360 4.0s infinite linear;
  animation: rotateback360 4.0s infinite linear;
}

.rotateback360-9-infin {
  -webkit-animation: rotateback360 4.5s infinite linear;
  -moz-animation: rotateback360 4.5s infinite linear;
  animation: rotateback360 4.5s infinite linear;
}

.rotateback360-10-infin {
  -webkit-animation: rotateback360 5.0s infinite linear;
  -moz-animation: rotateback360 5.0s infinite linear;
  animation: rotateback360 5.0s infinite linear;
}




@-webkit-keyframes rotateback360-neg {
  0% {
  transform:rotate(0deg);
  -ms-transform:rotate(0deg); /* IE 9 */
  -webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  }
  100% {
 transform:rotate(-360deg);
  -ms-transform:rotate(-360deg); /* IE 9 */
  -webkit-transform:rotate(-360deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(-360deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
  }
}

.rotateback360-1n:hover {
  -webkit-animation: rotateback360-neg 0.5s infinite linear;
  -moz-animation: rotateback360-neg 0.5s infinite linear;
  animation: rotateback360-neg 0.5s infinite linear;
}

.rotateback360-2n:hover {
  -webkit-animation: rotateback360-neg 1.0s infinite linear;
  -moz-animation: rotateback360-neg 1.0s infinite linear;
  animation: rotateback360-neg 1.0s infinite linear;
}

.rotateback360-3n:hover {
  -webkit-animation: rotateback360-neg 1.5s infinite linear;
  -moz-animation: rotateback360-neg 1.5s infinite linear;
  animation: rotateback360-neg 1.5s infinite linear;
}

.rotateback360-4n:hover {
  -webkit-animation: rotateback360-neg 2.0s infinite linear;
  -moz-animation: rotateback360-neg 2.0s infinite linear;
  animation: rotateback360-neg 2.0s infinite linear;
}

.rotateback360-5n:hover {
  -webkit-animation: rotateback360-neg 2.5s infinite linear;
  -moz-animation: rotateback360-neg 2.5s infinite linear;
  animation: rotateback360-neg 2.5s infinite linear;
}

.rotateback360-6n:hover {
  -webkit-animation: rotateback360-neg 3.0s infinite linear;
  -moz-animation: rotateback360-neg 3.0s infinite linear;
  animation: rotateback360-neg 3.0s infinite linear;
}

.rotateback360-7n:hover {
  -webkit-animation: rotateback360-neg 3.5s infinite linear;
  -moz-animation: rotateback360-neg 3.5s infinite linear;
  animation: rotateback360-neg 3.5s infinite linear;
}

.rotateback360-8n:hover {
  -webkit-animation: rotateback360-neg 4.0s infinite linear;
  -moz-animation: rotateback360-neg 4.0s infinite linear;
  animation: rotateback360-neg 4.0s infinite linear;
}

.rotateback360-9n:hover {
  -webkit-animation: rotateback360-neg 4.5s infinite linear;
  -moz-animation: rotateback360-neg 4.5s infinite linear;
  animation: rotateback360-neg 4.5s infinite linear;
}

.rotateback360-10n:hover {
  -webkit-animation: rotateback360-neg 5.0s infinite linear;
  -moz-animation: rotateback360-neg 5.0s infinite linear;
  animation: rotateback360-neg 5.0s infinite linear;
}

.rotateback360-1n-infin {
  -webkit-animation: rotateback360-neg 0.5s infinite linear;
  -moz-animation: rotateback360-neg 0.5s infinite linear;
  animation: rotateback360-neg 0.5s infinite linear;
}

.rotateback360-2n-infin {
  -webkit-animation: rotateback360-neg 1.0s infinite linear;
  -moz-animation: rotateback360-neg 1.0s infinite linear;
  animation: rotateback360-neg 1.0s infinite linear;
}

.rotateback360-3n-infin {
  -webkit-animation: rotateback360-neg 1.5s infinite linear;
  -moz-animation: rotateback360-neg 1.5s infinite linear;
  animation: rotateback360-neg 1.5s infinite linear;
}

.rotateback360-4n-infin {
  -webkit-animation: rotateback360-neg 2.0s infinite linear;
  -moz-animation: rotateback360-neg 2.0s infinite linear;
  animation: rotateback360-neg 2.0s infinite linear;
}

.rotateback360-5n-infin {
  -webkit-animation: rotateback360-neg 2.5s infinite linear;
  -moz-animation: rotateback360-neg 2.5s infinite linear;
  animation: rotateback360-neg 2.5s infinite linear;
}

.rotateback360-6n-infin {
  -webkit-animation: rotateback360-neg 3.0s infinite linear;
  -moz-animation: rotateback360-neg 3.0s infinite linear;
  animation: rotateback360-neg 3.0s infinite linear;
}

.rotateback360-7n-infin {
  -webkit-animation: rotateback360-neg 3.5s infinite linear;
  -moz-animation: rotateback360-neg 3.5s infinite linear;
  animation: rotateback360-neg 3.5s infinite linear;
}

.rotateback360-8n-infin {
  -webkit-animation: rotateback360-neg 4.0s infinite linear;
  -moz-animation: rotateback360-neg 4.0s infinite linear;
  animation: rotateback360-neg 4.0s infinite linear;
}

.rotateback360-9n-infin {
  -webkit-animation: rotateback360-neg 4.5s infinite linear;
  -moz-animation: rotateback360-neg 4.5s infinite linear;
  animation: rotateback360-neg 4.5s infinite linear;
}

.rotateback360-10n-infin {
  -webkit-animation: rotateback360-neg 5.0s infinite linear;
  -moz-animation: rotateback360-neg 5.0s infinite linear;
  animation: rotateback360-neg 5.0s infinite linear;
}





@-webkit-keyframes rotateback360elas {
  0% {
  transform:rotate(0deg);
  -ms-transform:rotate(0deg); /* IE 9 */
  -webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  }
  100% {
   transform:rotate(360deg);
  -ms-transform:rotate(360deg); /* IE 9 */
  -webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(360deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  }
}

.rotateback360elas-1:hover {
  -webkit-animation: rotateback360elas 0.5s infinite linear;
  -moz-animation: rotateback360elas 0.5s infinite linear;
  animation: rotateback360elas 0.5s infinite linear;
}

.rotateback360elas-2:hover {
  -webkit-animation: rotateback360elas 1.0s infinite linear;
  -moz-animation: rotateback360elas 1.0s infinite linear;
  animation: rotateback360elas 1.0s infinite linear;
}

.rotateback360elas-3:hover {
  -webkit-animation: rotateback360elas 1.5s infinite linear;
  -moz-animation: rotateback360elas 1.5s infinite linear;
  animation: rotateback360elas 1.5s infinite linear;
}

.rotateback360elas-4:hover {
  -webkit-animation: rotateback360elas 2.0s infinite linear;
  -moz-animation: rotateback360elas 2.0s infinite linear;
  animation: rotateback360elas 2.0s infinite linear;
}

.rotateback360elas-5:hover {
  -webkit-animation: rotateback360elas 2.5s infinite linear;
  -moz-animation: rotateback360elas 2.5s infinite linear;
  animation: rotateback360elas 2.5s infinite linear;
}

.rotateback360elas-6:hover {
  -webkit-animation: rotateback360elas 3.0s infinite linear;
  -moz-animation: rotateback360elas 3.0s infinite linear;
  animation: rotateback360elas 3.0s infinite linear;
}

.rotateback360elas-7:hover {
  -webkit-animation: rotateback360elas 3.5s infinite linear;
  -moz-animation: rotateback360elas 3.5s infinite linear;
  animation: rotateback360elas 3.5s infinite linear;
}

.rotateback360elas-8:hover {
  -webkit-animation: rotateback360elas 4.0s infinite linear;
  -moz-animation: rotateback360elas 4.0s infinite linear;
  animation: rotateback360elas 4.0s infinite linear;
}

.rotateback360elas-9:hover {
  -webkit-animation: rotateback360elas 4.5s infinite linear;
  -moz-animation: rotateback360elas 4.5s infinite linear;
  animation: rotateback360elas 4.5s infinite linear;
}

.rotateback360elas-10:hover {
  -webkit-animation: rotateback360elas 5.0s infinite linear;
  -moz-animation: rotateback360elas 5.0s infinite linear;
  animation: rotateback360elas 5.0s infinite linear;
}

.rotateback360elas-1-infin {
  -webkit-animation: rotateback360elas 0.5s infinite linear;
  -moz-animation: rotateback360elas 0.5s infinite linear;
  animation: rotateback360elas 0.5s infinite linear;
}

.rotateback360elas-2-infin {
  -webkit-animation: rotateback360elas 1.0s infinite linear;
  -moz-animation: rotateback360elas 1.0s infinite linear;
  animation: rotateback360elas 1.0s infinite linear;
}

.rotateback360elas-3-infin {
  -webkit-animation: rotateback360elas 1.5s infinite linear;
  -moz-animation: rotateback360elas 1.5s infinite linear;
  animation: rotateback360elas 1.5s infinite linear;
}

.rotateback360elas-4-infin {
  -webkit-animation: rotateback360elas 2.0s infinite linear;
  -moz-animation: rotateback360elas 2.0s infinite linear;
  animation: rotateback360elas 2.0s infinite linear;
}

.rotateback360elas-5-infin {
  -webkit-animation: rotateback360elas 2.5s infinite linear;
  -moz-animation: rotateback360elas 2.5s infinite linear;
  animation: rotateback360elas 2.5s infinite linear;
}

.rotateback360elas-6-infin {
  -webkit-animation: rotateback360elas 3.0s infinite linear;
  -moz-animation: rotateback360elas 3.0s infinite linear;
  animation: rotateback360elas 3.0s infinite linear;
}

.rotateback360elas-7-infin {
  -webkit-animation: rotateback360elas 3.5s infinite linear;
  -moz-animation: rotateback360elas 3.5s infinite linear;
  animation: rotateback360elas 3.5s infinite linear;
}

.rotateback360elas-8-infin {
  -webkit-animation: rotateback360elas 4.0s infinite linear;
  -moz-animation: rotateback360elas 4.0s infinite linear;
  animation: rotateback360elas 4.0s infinite linear;
}

.rotateback360elas-9-infin {
  -webkit-animation: rotateback360elas 4.5s infinite linear;
  -moz-animation: rotateback360elas 4.5s infinite linear;
  animation: rotateback360elas 4.5s infinite linear;
}

.rotateback360elas-10-infin {
  -webkit-animation: rotateback360elas 5.0s infinite linear;
  -moz-animation: rotateback360elas 5.0s infinite linear;
  animation: rotateback360elas 5.0s infinite linear;
}




@-webkit-keyframes rotateback360elas-neg {
  0% {
  transform:rotateback(0deg);
  -ms-transform:rotateback(0deg); /* IE 9 */
  -webkit-transform:rotateback(0deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotateback(0deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  }
  100% {
  transform:rotate(360deg);
  -ms-transform:rotate(360deg); /* IE 9 */
  -webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */
  -moz-transform:rotate(360deg); /* Opera, Chrome, and Safari */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  }
  }

.rotateback360elas-neg-1n:hover {
  -webkit-animation: rotateback360elas-neg 0.5s infinite linear;
  -moz-animation: rotarotateback360elaste-neg 0.5s infinite linear;
  animation: rotateback360elas-neg 0.5s infinite linear;
}

.rotateback360elas-neg-2n:hover {
  -webkit-animation: rotateback360elas-neg 1.0s infinite linear;
  -moz-animation: rotateback360elas-neg 1.0s infinite linear;
  animation: rotateback360elas-neg 1.0s infinite linear;
}

.rotateback360elas-neg-3n:hover {
  -webkit-animation: rotateback360elas-neg 1.5s infinite linear;
  -moz-animation: rotateback360elas-neg 1.5s infinite linear;
  animation: rotateback360elas-neg 1.5s infinite linear;
}

.rotateback360elas-neg-4n:hover {
  -webkit-animation: rotateback360elas-neg 2.0s infinite linear;
  -moz-animation: rotateback360elas-neg 2.0s infinite linear;
  animation: rotateback360elas-neg 2.0s infinite linear;
}

.rotateback360elas-neg-5n:hover {
  -webkit-animation: rotateback360elas-neg 2.5s infinite linear;
  -moz-animation: rotateback360elas-neg 2.5s infinite linear;
  animation: rotateback360elas-neg 2.5s infinite linear;
}

.rotateback360elas-neg-6n:hover {
  -webkit-animation: rotateback360elas-neg 3.0s infinite linear;
  -moz-animation: rotateback360elas-neg 3.0s infinite linear;
  animation: rotateback360elas-neg 3.0s infinite linear;
}

.rotateback360elas-neg-7n:hover {
  -webkit-animation: rotateback360elas-neg 3.5s infinite linear;
  -moz-animation: rotateback360elas-neg 3.5s infinite linear;
  animation: rotateback360elas-neg 3.5s infinite linear;
}

.rotateback360elas-neg-8n:hover {
  -webkit-animation: rotateback360elas-neg 4.0s infinite linear;
  -moz-animation: rotateback360elas-neg 4.0s infinite linear;
  animation: rotateback360elas-neg 4.0s infinite linear;
}

.rotateback360elas-neg-9n:hover {
  -webkit-animation: rotateback360elas-neg 4.5s infinite linear;
  -moz-animation: rotateback360elas-neg 4.5s infinite linear;
  animation: rotateback360elas-neg 4.5s infinite linear;
}

.rotateback360elas-neg-10n:hover {
  -webkit-animation: rotateback360elas-neg 5.0s infinite linear;
  -moz-animation: rotateback360elas-neg 5.0s infinite linear;
  animation: rotateback360elas-neg 5.0s infinite linear;
}

.rotateback360elas-neg-1n-infin {
  -webkit-animation: rotateback360elas-neg 0.5s infinite linear;
  -moz-animation: rotateback360elas-neg 0.5s infinite linear;
  animation: rotateback360elas-neg 0.5s infinite linear;
}

.rotateback360elas-neg-2n-infin {
  -webkit-animation: rotateback360elas-neg 1.0s infinite linear;
  -moz-animation: rotateback360elas-neg 1.0s infinite linear;
  animation: rotateback360elas-neg 1.0s infinite linear;
}

.rotateback360elas-neg-3n-infin {
  -webkit-animation: rotateback360elas-neg 1.5s infinite linear;
  -moz-animation: rotateback360elas-neg 1.5s infinite linear;
  animation: rotateback360elas-neg 1.5s infinite linear;
}

.rotateback360elas-neg-4n-infin {
  -webkit-animation: rotateback360elas-neg 2.0s infinite linear;
  -moz-animation: rotateback360elas-neg 2.0s infinite linear;
  animation: rotateback360elas-neg 2.0s infinite linear;
}

.rotateback360elas-neg-5n-infin {
  -webkit-animation: rotateback360elas-neg 2.5s infinite linear;
  -moz-animation: rotateback360elas-neg 2.5s infinite linear;
  animation: rotateback360elas-neg 2.5s infinite linear;
}

.rotateback360elas-neg-6n-infin {
  -webkit-animation: rotateback360elas-neg 3.0s infinite linear;
  -moz-animation: rotateback360elas-neg 3.0s infinite linear;
  animation: rotateback360elas-neg 3.0s infinite linear;
}

.rotateback360elas-neg-7n-infin {
  -webkit-animation: rotateback360elas-neg 3.5s infinite linear;
  -moz-animation: rotateback360elas-neg 3.5s infinite linear;
  animation: rotateback360elas-neg 3.5s infinite linear;
}

.rotateback360elas-neg-8n-infin {
  -webkit-animation: rotateback360elas-neg 4.0s infinite linear;
  -moz-animation: rotateback360elas-neg 4.0s infinite linear;
  animation: rotateback360elas-neg 4.0s infinite linear;
}

.rotateback360elas-neg-9n-infin {
  -webkit-animation: rotateback360elas-neg 4.5s infinite linear;
  -moz-animation: rotateback360elas-neg 4.5s infinite linear;
  animation: rotateback360elas-neg 4.5s infinite linear;
}

.rotateback360elas-neg-10n-infin {
  -webkit-animation: rotateback360elas-neg 5.0s infinite linear;
  -moz-animation: rotateback360elas-neg 5.0s infinite linear;
  animation: rotateback360elas-neg 5.0s infinite linear;
}



/* ---------------------------------------------------------------------
transitions
--------------------------------------------------------------------- */

.transition-1 a,
.transition-1 li,
.transition-1 img,
.transition-1 a img {
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.transback-1 {
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.transition-2 a,
.transition-2 li,
.transition-2 img,
.transition-2 a img {
  -moz-transition: all 0.50s ease;
  -webkit-transition: all 0.50s ease;
  -o-transition: all 0.50s ease;
  transition: all 0.50s ease;
}

.transback-2 {
  -moz-transition: all 0.50s ease;
  -webkit-transition: all 0.50s ease;
  transition: all 0.50s ease;
}

.transition-3 a,
.transition-3 li,
.transition-3 img,
.transition-3 a img {
  -moz-transition: all 0.75s ease;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

.transback-3 {
  -moz-transition: all 0.75s ease;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

.transition-4 a,
.transition-4 li,
.transition-4 img,
.transition-4 a img {
  -moz-transition: all 1.00s ease;
  -webkit-transition: all 1.00s ease;
  transition: all 1.00s ease;
}

.transback-4 {
  -moz-transition: all 1.00s ease;
  -webkit-transition: all 1.00s ease;
  transition: all 1.00s ease;
}

.transition-5 a,
.transition-5 li,
.transition-5 img,
.transition-5 a img {
  -moz-transition: all 1.25s ease;
  -webkit-transition: all 1.25s ease;
  transition: all 1.25s ease;
}

.transback-5 {
  -moz-transition: all 1.25s ease;
  -webkit-transition: all 1.25s ease;
  transition: all 1.25s ease;
}

.transition-6 a,
.transition-6 li,
.transition-6 img,
.transition-6 a img {
  -moz-transition: all 1.50s ease;
  -webkit-transition: all 1.50s ease;
  transition: all 1.50s ease;
}

.transback-6 {
  -moz-transition: all 1.50s ease;
  -webkit-transition: all 1.50s ease;
  transition: all 1.50s ease;
}

.transition-7 a,
.transition-7 li,
.transition-7 img,
.transition-7 a img {
  -moz-transition: all 1.75s ease;
  -webkit-transition: all 1.75s ease;
  transition: all 1.75s ease;
}

.transback-7 {
  -moz-transition: all 1.75s ease;
  -webkit-transition: all 1.75s ease;
  transition: all 1.75s ease;
}

.transition-8 a,
.transition-8 li,
.transition-8 img,
.transition-8 a img {
  -moz-transition: all 2.00s ease;
  -webkit-transition: all 2.00s ease;
  transition: all 2.00s ease;
}

.transback-8 {
  -moz-transition: all 2.00s ease;
  -webkit-transition: all 2.00s ease;
  transition: all 2.00s ease;
}

.transition-9 a,
.transition-9 li,
.transition-9 img,
.transition-9 a img {
  -moz-transition: all 2.25s ease;
  -webkit-transition: all 2.25s ease;
  transition: all 2.25s ease;
}

.transback-9 {
  -moz-transition: all 2.25s ease;
  -webkit-transition: all 02.25s ease;
  transition: all 2.25s ease;
}

.transition-10 a,
.transition-10 li,
.transition-10 img,
.transition-10 a img {
  -moz-transition: all 2.50s ease;
  -webkit-transition: all 2.50s ease;
  transition: all 2.50s ease;
}

.transback-10 {
  -moz-transition: all 2.50s ease;
  -webkit-transition: all 2.50s ease;
  transition: all 2.50s ease;
}



/* ---------------------------------------------------------------------
 Paragraphs col
--------------------------------------------------------------------- */

.paragraph-2 p {
  -webkit-column-count:2; /* Chrome, Safari, Opera */
  -moz-column-count:2; /* Firefox */
  column-count:2;
  
  -webkit-column-gap:40px; /* Chrome, Safari, Opera */
  -moz-column-gap:40px; /* Firefox */
  column-gap:40px;
  
  -webkit-column-rule:2px outset #333333; /* Chrome, Safari, Opera */
  -moz-column-rule:2px outset #333333; /* Firefox */
  column-rule:2px outset #333333;
}

.paragraph-3 p {
  -webkit-column-count:3; /* Chrome, Safari, Opera */
  -moz-column-count:3; /* Firefox */
  column-count:3;
  
  -webkit-column-gap:40px; /* Chrome, Safari, Opera */
  -moz-column-gap:40px; /* Firefox */
  column-gap:40px;
  
  -webkit-column-rule:2px outset #333333; /* Chrome, Safari, Opera */
  -moz-column-rule:2px outset #333333; /* Firefox */
  column-rule:2px outset #333333;
}

.paragraph-4 p {
  -webkit-column-count:4; /* Chrome, Safari, Opera */
  -moz-column-count:4; /* Firefox */
  column-count:4;
  
  -webkit-column-gap:40px; /* Chrome, Safari, Opera */
  -moz-column-gap:40px; /* Firefox */
  column-gap:40px;
  
  -webkit-column-rule:2px outset #333333; /* Chrome, Safari, Opera */
  -moz-column-rule:2px outset #333333; /* Firefox */
  column-rule:2px outset #333333;
}

.paragraph-5 p {
  -webkit-column-count:5; /* Chrome, Safari, Opera */
  -moz-column-count:5; /* Firefox */
  column-count:5;
  
  -webkit-column-gap:40px; /* Chrome, Safari, Opera */
  -moz-column-gap:40px; /* Firefox */
  column-gap:40px;
  
  -webkit-column-rule:2px outset #333333; /* Chrome, Safari, Opera */
  -moz-column-rule:2px outset #333333; /* Firefox */
  column-rule:2px outset #333333;
}

.paragraph-6 p { 
  -webkit-column-count:6; /* Chrome, Safari, Opera */
  -moz-column-count:6; /* Firefox */
  column-count:6;
  
  -webkit-column-gap:40px; /* Chrome, Safari, Opera */
  -moz-column-gap:40px; /* Firefox */
  column-gap:40px;
  
  -webkit-column-rule:2px outset #333333; /* Chrome, Safari, Opera */
  -moz-column-rule:2px outset #333333; /* Firefox */
  column-rule:2px outset  #333333;
}


/* ---------------------------------------------------------------------
 Shadow-text
--------------------------------------------------------------------- */


.shadow-text li a,
.shadow-text a,
a.shadow-text,
li a.shadow-text,
h1.shadow-text,
h2.shadow-text,
h3.shadow-text,
h4.shadow-text,
h5.shadow-text,
h6.shadow-text,
p.shadow-text {
  text-shadow: #ffffff 0px 0px 2px;
  -moz-text-shadow: #ffffff 0px 0px 2px;
  -webkit-text-shadow: #ffffff 0px 0px 2px;
}



/* ---------------------------------------------------------------------
 Shadow-box
--------------------------------------------------------------------- */

.shadow-box img,
.shadow-box a img,
.shadow-box li img,
.shadow-box li a img {
  box-shadow: 0px 0px 3px 1px #000000;
  -moz-box-shadow: 0px 0px 3px 1px #000000; /* for Firefox 3.5+ */
  -webkit-box-shadow: 0px 0px 3px 1px #000000; /* for Safari and Chrome */
}

.shadow-box-offset img,
.shadow-box-offset a img,
.shadow-box-offset li img,
.shadow-box-offset li a img {
  box-shadow: 0px 2px 3px 1px #333333;
  -moz-box-shadow: 0px 2px 3px 1px #333333; /* for Firefox 3.5+ */
  -webkit-box-shadow: 0px 2px 3px 1px #333333; /* for Safari and Chrome */
  border:3px solid #ffffff !important;
}


/* ---------------------------------------------------------------------
 flipper
--------------------------------------------------------------------- */

.flipper {
   position: relative;
   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   -o-perspective: 1000;
   margin: 0 0 20px 0;
}

.flipper:hover .card {
   -webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   -o-transform: rotateY(180deg); 
   transform: rotateY(180deg);        
}

.flip {
   position: relative;
   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   -o-perspective: 1000;  
}

.card {
    width: 200px; 
   height: 50px;
   padding:7px 10px;
   position: relative;
   -webkit-transform-style: preserve-3d;
   -webkit-transition: 0.5s;
   -moz-transform-style: preserve-3d;
   -moz-transition: 0.5s;
   -ms-transform-style: preserve-3d;
   -ms-transition: 0.5s;
   -o-transform-style: preserve-3d;
   -o-transition: 0.5s;
   transition: 0.5s;
   margin:0 auto;
}

.face {
   position: absolute;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   backface-visibility: hidden;
   top: 0;
   left: 0;
   width: 100%;
   line-height: 50px;
   text-align: center;
}

.no-hide .face {
   -webkit-backface-visibility: visible;
   -moz-backface-visibility: visible;
   -ms-backface-visibility: visible;
   -o-backface-visibility: visible;
   backface-visibility: visible;
}

.front {
   background: #c3e76f;
  color: #333333;
   border:1px solid #c3e76f; 
  z-index: 10;
}

.back {
   -webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   -o-transform: rotateY(180deg);
   transform: rotateY(180deg);
   background: none;
    color: #c3e76f;
   border:1px solid #c3e76f; 
}

.flip:hover .front {
   z-index: 0;
} 



/* ---------------------------------------------------------------------
 360 anima
--------------------------------------------------------------------- */
#logos {
  /* margin:100px auto; */
  -webkit-perspective: 600px;
  perspective: 600px; 
}

#cube {
  display: block;  position: relative;  margin: 10px auto 30px;
   height: 300px;  width: 233px;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
  transform-style: preserve-3d;
  transform: rotateX(0) rotateY(0) rotateZ(0);
  -webkit-animation: transformer 90s infinite linear;
  animation: transformer 90s infinite linear;
}

#front {
  position: absolute;   height: 300px;  width: 233px;
  -webkit-backface-visibility: visible;
  -webkit-transform:  translateZ(100px);
  backface-visibility: visible;
  transform:  translateZ(100px);
}

#back {
  position: absolute;   height: 300px;  width: 233px;
  -webkit-backface-visibility: visible;
  -webkit-transform:  rotateY(180deg) translateZ(100px);
  backface-visibility: visible;
  transform: rotateY(180deg) translateZ(100px);
}

@-webkit-keyframes transformer {
  0% { -webkit-transform: rotateY(0) ;}
  100% { -webkit-transform: rotateY(360deg) ;}
}

@keyframes transformer {
  0% { transform: rotateY(0) ;}
  100% { transform: rotateY(360deg) ;}
}



/* ---------------------------------------------------------------------
 thumbnails
--------------------------------------------------------------------- */

ul.thumbnail,
a.thumbnail,
.thumbnail {
  margin:0px;
  padding:0px;
  float:left;
  display:block;
  width:100%;
}
  
ul.thumbnail li a,
a.thumbnail,
.thumbnail {
  color:#333333 !important;
  background:#ffffff;
  border:1px solid #ffffff;
  font-weight:lighter;
  text-decoration:none;
  display:inline-block;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
  padding:20px;
  box-shadow:0px 0px 4px 1px #cccccc;
}

ul.thumbnail li a:hover,
a.thumbnail:hover {
  color:#333333 !important;
  background:#c3e76f;
  border:1px solid #c3e76f;
  font-weight:lighter;
}



/* ---------------------------------------------------------------------
main icons faded image
--------------------------------------------------------------------- */

.fade a {
  height:300px;
  display:block;
}

.fade a:hover {
  background:#c3e76f;
  opacity:.90;
  -moz-transition: all 1.00s ease;
  -webkit-transition: all 1.00s ease;
  transition: all 1.00s ease;
}

.fade a:hover img {
  opacity:.10;
}

.fade a h3,
.fade a p {
  visibility:hidden;
  color:#333333;
}

.fade a:hover h3 {
  visibility:visible;
  color:#333333;
  position: relative;
  bottom: 75%;
  font-size:3em;
  -moz-transition: all 1.00s ease;
  -webkit-transition: all 1.00s ease;
  transition: all 1.00s ease;
  padding:20px;
}

.fade a:hover p {
  visibility:visible;
  color:#333333;
  font-size:.9em;
  position: relative;
  bottom: 85%;
  -moz-transition: all 1.00s ease;
  -webkit-transition: all 1.00s ease;
  transition: all 1.00s ease;
  padding:20px;
}




/* ---------------------------------------------------------------------
main icons faded with buttons
--------------------------------------------------------------------- */

.fade-buttons {
  position:relative;
  display:block;
   overflow:hidden;
   height:290px;

}

.fade-buttons:hover img {
  opacity:.10;
}

.fade-buttons h3,
.fade-buttons p,
.fade-buttons span {
  visibility:hidden;
  color:#333333;
}

.fade-buttons:hover h3 {
  visibility:visible;
  color:#dedede;
  font-size:3em;
  position: absolute;
  top:10%;
  left:10%;
  right:10%;
  -moz-transition: all 1.00s ease;
  -webkit-transition: all 1.00s ease;
  transition: all 1.00s ease;
  padding:20px;
}

.fade-buttons:hover p {
  visibility:visible;
  color:#dedede;
  font-size:.9em;
  position: absolute;
  top: 30%;
  -moz-transition: all 1.00s ease;
  -webkit-transition: all 1.00s ease;
  transition: all 1.00s ease;
  padding:20px;
}

.fade-buttons:hover span {
  -webkit-animation: fade-buttons 1s forwards; /* Chrome, Safari, Opera */
  animation: fade-buttons 1s forwards;
  position:absolute;
  visibility:visible;
  display:block;
  height:auto;
}

@-webkit-keyframes fade-buttons {
    0%   {left:0%; right:0%; bottom:-100px;}
    100%   {left:0%; right:0%; bottom:0px;}
}

@keyframes fade-buttons {
    0%   {left:0%; right:0%; bottom:-100px;}
    100%   {left:0%; right:0%; bottom:0px;}
}

.fade-buttons span a.primary-buttons {
  color:#333333;
  font-size:.9em;
  display:inline-block;
  height:auto;
  padding:10px;
  width:50%;
  background: #c3e76f;
  text-align:center;
  float:left;
  border: 1px solid #c3e76f;
}

.fade-buttons span a.secondary-buttons {
  color:#333333;
  font-size:.9em;
  display:inline-block;
  height:auto;
  padding:10px;
  width:50%;
  background: #c3e76f;
  text-align:center;
  float:right;
  border: 1px solid #c3e76f;
}

.fade-buttons span a.primary-buttons:hover {
  color:#c3e76f;
  font-size:.9em;
  display:inline-block;
  height:auto;
  padding:10px;
  width:50%;
  background: #333333;
  border: 1px solid #c3e76f;
  text-align:center;
  float:left;
}

.fade-buttons span a.secondary-buttons:hover {
  color:#c3e76f;
  font-size:.9em;
  display:inline-block;
  height:auto;
  padding:10px;
  width:50%;
  background: #333333;
  border: 1px solid #c3e76f;
  text-align:center;
  float:right;
}



/* ---------------------------------------------------------------------
main icons
--------------------------------------------------------------------- */

a.main-icons {
  padding: 0 20px 10px;
  background:url('../images/blog@2x.png') no-repeat;
  background-position:50% 20%;
  display:block;
  height:400px;
}

a.main-icons:hover {
  padding: 0 20px 10px;
  background:url('../images/blog-yellow@2x.png') no-repeat;
  background-position:50% 20%;
  display:block;
  height:400px;
}

a.main-icons h3 {
  padding:200px 0 0;
  font-size:2.8em;
  color:#c3e76f !important;
}

a.main-icons p {
  color:#c3e76f;
}

a.main-icons:hover h3 {
  padding:200px 0 0;
  font-size:2.8em;
  color:#c3e76f !important;
}

a.main-icons:hover p {
  color:#c3e76f;
}


/* ---------------------------------------------------------------------
main four with background
--------------------------------------------------------------------- */

a.main-icons-with-background {
  padding: 0 20px 10px;
  background:#c3e76f url('../images/hazard-footer-black.png') no-repeat;
  background-position:50% 15%;
  border:1px solid #c3e76f;
  display:block;
  height:auto;
}

a.main-icons-with-background:hover {
  padding: 0 20px 10px;
  background:#333333 url('../images/hazard-footer.png') no-repeat;
  background-position:50% 15%;
  border:1px solid #c3e76f;
  display:block;
  height:auto;
}

@media all and (min-width:0px) and (max-width:480px) {
  a.main-icons-with-background h3 {
    padding:150px 0 0;
    font-size:2em;
    color:#333333 !important;
  }

  a.main-icons-with-background p {
    color:#333333;
  }

  a.main-icons-with-background:hover h3 {
    padding:150px 0 0;
    font-size:2em;
    color:#c3e76f !important;
  }

  a.main-icons-with-background:hover p {
    color:#c3e76f;
  }
}

@media all and (min-width:481px) and (max-width:767px) {
  a.main-icons-with-background h3 {
    padding:150px 0 0;
    font-size:2em;
    color:#333333 !important;
  }

  a.main-icons-with-background p {
    color:#333333;
  }

  a.main-icons-with-background:hover h3 {
    padding:150px 0 0;
    font-size:2em;
    color:#c3e76f !important;
  }

  a.main-icons-with-background:hover p {
    color:#c3e76f;
  }
}


@media all and (min-width:768px) and (max-width:1024px) {
  a.main-icons-with-background h3 {
    padding:150px 0 0;
    font-size:2.2em;
    color:#333333 !important;
  }

  a.main-icons-with-background p {
    color:#333333;
  }

  a.main-icons-with-background:hover h3 {
    padding:150px 0 0;
    font-size:2.2em;
    color:#c3e76f !important;
 }

  a.main-icons-with-background:hover p {
    color:#c3e76f;
  }
}


@media all and (min-width:1025px) and (max-width:2560px) {
  a.main-icons-with-background h3 {
    padding:150px 0 0;
    font-size:2.4em;
    color:#333333 !important;
 }

  a.main-icons-with-background p {
    color:#333333;
  }

  a.main-icons-with-background:hover h3 {
    padding:150px 0 0;
    font-size:2.4em;
    color:#c3e76f !important;
  }

  a.main-icons-with-background:hover p {
    color:#c3e76f;
  }
}





/* ---------------------------------------------------------------------
example specs
--------------------------------------------------------------------- */

.example-specs {
  height:50px;
  background: #c3e76f;
  text-align:center;
  line-height:25px;
  font-size:.9em;
  color:#333333;
  font-weight:300;
  border:1px solid #333333;
}


.ie7 .example-specs {
  height:50px;
  background: #c3e76f;
  text-align:center;
  line-height:25px;
  font-size:.9em;
  color:#333333;
  font-weight:300;
  border:1px solid #333333;
}

.ie8 .example-specs {
  height:50px;
  background: #c3e76f;
  text-align:center;
  line-height:25px;
  font-size:.9em;
  color:#333333;
  font-weight:300;
  border:1px solid #333333;
}




/* ---------------------------------------------------------------------
jquery trumps
--------------------------------------------------------------------- */


.draggable {
  padding: 20px;
  float: left;
  margin: 0 10px 10px 0;
  font-size: .9em;
  height:auto;
  position:relative;
  display:block;
  border:0px !important;
  box-shadow:0px 0px 7px 1px #000000;
}

#snaptarget {
  padding:40px;
  height:auto;
  background: #c3e76f;
  display:block;
  border:0px !important;
}


/* ---------------------------------------------------------------------
clearfix classes
--------------------------------------------------------------------- */

.group:after,
.row:after,
.clearfix:after,
.clear:after,
.table-list:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

/* IE7 */
*:last-child+html .group,
*:last-child+html .row,
*:last-child+html .clearfix,
*:last-child+html .clear,
*:last-child+html .table-list { 
  zoom: 1;
}

/* ---------------------------------------------------------------------
 grouping
--------------------------------------------------------------------- */

.group:before,
.group:after {
  content:"";
  display:table;
}

.group:after {
  clear:both;
}
.group {
 zoom:1; /* For IE 6/7 */
}



/* ---------------------------------------------------------------------
 row
--------------------------------------------------------------------- */

@media screen and (min-width:0px) and (max-width:767px) {
  .row {
    clear:both;
    margin:0px;
    display:block;
    float:none;
    height:auto;
    min-height:1px;
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
}

@media screen and (min-width:768px) and (max-width:2560px) {
  .row {
    clear:both;
    margin:0 0 0px 0;
    display:block;
    float:none;
    height:auto;
    min-height:1px;
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
}

.ie7 .row {
  clear:both;
  display:inline-block;
  float:left;
  height:auto;
  min-height:1px;
  position:relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
  width:957px;
}

.ie8 .row {
  clear:both;
  display:inline-block;
  float:left;
  height:auto;
  min-height:1px;
  position:relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
  width:957px;
}

/* ---------------------------------------------------------------------
 col
--------------------------------------------------------------------- */

.col {
  display:block;
  min-height:1px;
  float:left;
  -moz-transition: all 1.50s ease;
  -webkit-transition: all 1.50s ease;
  transition: all 1.50s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
}

.ie7 .col {
  min-height:1px;
  display:inline-block;
  float:left;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
  clear:right;

}

.ie8 .col {
  min-height:1px;
  display:inline-block;
  float:left;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
  clear:right;
}

.col:first-child {
  margin-left:0% !important;
}


/* ---------------------------------------------------------------------
 device col grid
--------------------------------------------------------------------- */


@media screen and (min-width: 0px) and (max-width:320px) {
  .wrapper {
    width:100%;
    height:auto;
    clear:both;
    float:none;
    padding:0 20px;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  
  .device-1-12,
  .device-2-12,
  .device-3-12,
  .device-4-12,
  .device-5-12,
  .device-6-12,
  .device-7-12,
  .device-8-12,
  .device-9-12,
  .device-10-12,
  .device-11-12 {
    margin: 0 0 0 1.09099999999999%;
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  }
  
    .device-12-12 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  }
  

  .device-0-12 {
    display:none !important;
  }
  .device-1-12 {
    width:7.3333333333333%;
  }
  .device-2-12 {
    width:15.757666666667%;
  }
  .device-3-12 {
    width:24.182% ;
  }
  .device-4-12 {
    width:32.606333333333%;
  }
  .device-5-12 {
    width:41.030666666667%;
  }
  .device-6-12 {
    width:49.455%;
  }
  .device-7-12 {
    width:57.879333333333%;
  }
  .device-8-12 {
    width:66.303666666667%;
  }
  .device-9-12 {
    width:74.728%;
  }
  .device-10-12 {
    width:83.152333333333%;
  }
  .device-11-12 {
    width:91.576666666667%;
  }
  .device-12-12 {
    width:100%;
  }
  
  .device-1-24,
  .device-2-24,
  .device-3-24,
  .device-4-24,
  .device-5-24,
  .device-6-24,
  .device-7-24,
  .device-8-24,
  .device-9-24,
  .device-10-24,
  .device-11-24,
  .device-12-24,
  .device-13-24,
  .device-14-24,
  .device-15-24,
  .device-16-24,
  .device-17-24,
  .device-18-24,
  .device-19-24,
  .device-20-24,
  .device-21-24,
  .device-22-24,
  .device-23-24,
  .device-24-24 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  }
  
  .device-0-24 {
    display:none !important;
  }
   .device-1-24 {
    width:4.1666666666667%;
  }
  .device-2-24 {
    width:8.3333333333333%;
  }
  .device-3-24 {
    width:12.5%;
  }
  .device-4-24 {
    width:16.666666666667%;
  }
  .device-5-24 {
    width:20.833333333333%;
  }
  .device-6-24 {
    width:25%;
  }
  .device-7-24 {
    width:29.166666666667%;
  }
  .device-8-24 {
    width:33.333333333333%;
  }
  .device-9-24 {
    width:37.5%;
  }
  .device-10-24 {
    width:41.666666666667%;
  }
  .device-11-24 {
    width:45.833333333333%;
  }
  .device-12-24 {
    width:50%;
  }
  .device-13-24 {
    width:54.166666666667%;
  }
  .device-14-24 {
    width:58.333333333333%;
  }
  .device-15-24 {
    width:62.5%;
  }
  .device-16-24 {
    width:66.666666666667%;
  }
  .device-17-24 {
    width:70.833333333333%;
  }
  .device-18-24 {
    width:75%;
  }
  .device-19-24 {
    width:79.166666666667%;
  }
  .device-20-24 {
    width:83.333333333333%;
  }
  .device-21-24 {
    width:87.5%;
  }
  .device-22-24 {
    width:91.666666666667%;
  }
  .device-23-24 {
    width:95.833333333333%;
  }
  .device-24-24 {
    width:100%;
  }
  
  .device-push-1-12 {
    margin:0 8.3333333333333% 0 0;
  }
  .device-push-2-12 {
    margin:0 16.666666666667% 0 0;
  }
  .device-push-3-12 {
    margin:0 25% 0 0;
  }
  .device-push-4-12 {
    margin:0 33.333333333333% 0 0;
  }
  .device-push-5-12 {
    margin:0 41.666666666667% 0 0;
  }
  .device-push-6-12 {
    margin:0 50% 0 0;
  }
  .device-push-7-12 {
    margin:0 58.333333333333% 0 0;
  }
  .device-push-8-12 {
    margin:0 66.666666666667% 0 0;
  }
  .device-push-9-12 {
    margin:0 75% 0 0;
  }
  .device-push-10-12 {
    margin:0 83.333333333333% 0 0;
  }
  .device-push-11-12 {
    margin:0 91.666666666667% 0 0;
  }
  
  .device-pull-1-12 {
    margin:0 0 0 8.3333333333333%;
  }
  .device-pull-2-12 {
    margin:0 0 0 16.666666666667%;
  }
  .device-pull-3-12 {
    margin:0 0 0 25%;
  }
  .device-pull-4-12 {
    margin:0 0 0 33.333333333333%;
  }
  .device-pull-5-12 {
    margin:0 0 0 41.666666666667%;
  }
  .device-pull-6-12 {
    margin:0 0 0 50%;
  }
  .device-pull-7-12 {
    margin:0 0 0 58.333333333333%;
  }
  .device-pull-8-12 {
    margin:0 0 0 66.666666666667%;
  }
  .device-pull-9-12 {
    margin:0 0 0 75%;
  }
  .device-pull-10-12 {
    margin:0 0 0 83.333333333333%;
  }
  .device-pull-11-12 {
    margin:0 0 0 91.666666666667%;
  }
  
  .device-push-1-24 {
    margin:0 4.1666666666667% 0 0;
  }
  .device-push-2-24 {
    margin:0 8.3333333333333% 0 0;
  }
  .device-push-3-24 {
    margin:0 12.5% 0 0;
  }
  .device-push-4-24 {
    margin:0 16.666666666667% 0 0;
  }
  .device-push-5-24 {
    margin:0 20.833333333333% 0 0;
  }
  .device-push-6-24 {
    margin:0 25% 0 0;
  }
  .device-push-7-24 {
    margin:0 29.166666666667% 0 0;
  }
  .device-push-8-24 {
    margin:0 33.333333333333% 0 0;
  }
  .device-push-9-24 {
    margin:0 37.5% 0 0;
  }
  .device-push-10-24 {
    margin:0 41.666666666667% 0 0;
  }
  .device-push-11-24 {
    margin:0 45.833333333333% 0 0;
  }
  .device-push-12-24 {
    margin:0 50% 0 0;
  }
  .device-push-13-24 {
    margin:0 54.166666666667% 0 0;
  }
  .device-push-14-24 {
    margin:0 58.333333333333% 0 0;
  }
  .device-push-15-24 {
    margin:0 62.5% 0 0;
  }
  .device-push-16-24 {
    margin:0 66.666666666667% 0 0;
  }
  .device-push-17-24 {
    margin:0 70.833333333333% 0 0;
  }
  .device-push-18-24 {
    margin:0 75% 0 0;
  }
  .device-push-19-24 {
    margin:0 79.166666666667% 0 0;
  }
  .device-push-20-24 {
    margin:0 83.333333333333% 0 0;
  }
  .device-push-21-24 {
    margin:0 87.5% 0 0;
  }
  .device-push-22-24 {
    margin:0 91.666666666667% 0 0;
  }
  .device-push-23-24 {
    margin:0 95.833333333333% 0 0;
  }
 
  
  .device-pull-1-24 {
    margin:0 0 0 4.1666666666667%;
  }
  .device-pull-2-24 {
    margin:0 0 0 8.3333333333333%;
  }
  .device-pull-3-24 {
    margin:0 0 0 12.5%;
  }
  .device-pull-4-24 {
    margin:0 0 0 16.666666666667%;
  }
  .device-pull-5-24 {
    margin:0 0 0 20.833333333333%;
  }
  .device-pull-6-24 {
    margin:0 0 0 25%;
  }
  .device-pull-7-24 {
    margin:0 0 0 29.166666666667%;
  }
  .device-pull-8-24 {
    margin:0 0 0 33.333333333333%;
  }
  .device-pull-9-24 {
    margin:0 0 0 37.5%;
  }
  .device-pull-10-24 {
    margin:0 0 0 41.666666666667%;
  }
  .device-pull-11-24 {
    margin:0 0 0 45.833333333333%;
  }
  .device-pull-12-24 {
    margin:0 0 0 50%;
  }
  .device-pull-13-24 {
    margin:0 0 0 54.166666666667%;
  }
  .device-pull-14-24 {
    margin:0 0 0 58.333333333333%;
  }
  .device-pull-15-24 {
    margin:0 0 0 62.5%;
  }
  .device-pull-16-24 {
    margin:0 0 0 66.666666666667%;
  }
  .device-pull-17-24 {
    margin:0 0 0 70.833333333333%;
  }
  .device-pull-18-24 {
    margin:0 0 0 75%;
  }
  .device-pull-19-24 {
    margin:0 0 0 79.166666666667%;
  }
  .device-pull-20-24 {
    margin:0 0 0 83.333333333333%;
  }
  .device-pull-21-24 {
    margin:0 0 0 87.5%;
  }
  .device-pull-22-24 {
    margin:0 0 0 91.666666666667%;
  }
  .device-pull-23-24 {
    margin:0 0 0 95.833333333333%;
  }

}





/* ---------------------------------------------------------------------
 device wide col grid
--------------------------------------------------------------------- */


@media screen and (min-width: 321px) and (max-width:767px) {
  .wrapper {
    width:100%;
    height:auto;
    clear:both;
    float:none;
    padding:0 20px;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .device-wide-1-12,
  .device-wide-2-12,
  .device-wide-3-12,
  .device-wide-4-12,
  .device-wide-5-12,
  .device-wide-6-12,
  .device-wide-7-12,
  .device-wide-8-12,
  .device-wide-9-12,
  .device-wide-10-12,
  .device-wide-11-12 {
    margin: 0 0 0 1.09099999999999%;
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  }
  
    .device-wide-12-12 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  }
  

  .device-wide-0-12 {
    display:none !important;
  }
  .device-wide-1-12 {
    width:7.3333333333333%;
  }
  .device-wide-2-12 {
    width:15.757666666667%;
  }
  .device-wide-3-12 {
    width:24.182% ;
  }
  .device-wide-4-12 {
    width:32.606333333333%;
  }
  .device-wide-5-12 {
    width:41.030666666667%;
  }
  .device-wide-6-12 {
    width:49.455%;
  }
  .device-wide-7-12 {
    width:57.879333333333%;
  }
  .device-wide-8-12 {
    width:66.303666666667%;
  }
  .device-wide-9-12 {
    width:74.728%;
  }
  .device-wide-10-12 {
    width:83.152333333333%;
  }
  .device-wide-11-12 {
    width:91.576666666667%;
  }
  .device-wide-12-12 {
    width:100%;
  }
  
  .device-wide-1-24,
  .device-wide-2-24,
  .device-wide-3-24,
  .device-wide-4-24,
  .device-wide-5-24,
  .device-wide-6-24,
  .device-wide-7-24,
  .device-wide-8-24,
  .device-wide-9-24,
  .device-wide-10-24,
  .device-wide-11-24,
  .device-wide-12-24,
  .device-wide-13-24,
  .device-wide-14-24,
  .device-wide-15-24,
  .device-wide-16-24,
  .device-wide-17-24,
  .device-wide-18-24,
  .device-wide-19-24,
  .device-wide-20-24,
  .device-wide-21-24,
  .device-wide-22-24,
  .device-wide-23-24,
  .device-wide-24-24 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  }
  
  .device-wide-0-24 {
    display:none !important;
  }
   .device-wide-1-24 {
    width:4.1666666666667%;
  }
  .device-wide-2-24 {
    width:8.3333333333333%;
  }
  .device-wide-3-24 {
    width:12.5%;
  }
  .device-wide-4-24 {
    width:16.666666666667%;
  }
  .device-wide-5-24 {
    width:20.833333333333%;
  }
  .device-wide-6-24 {
    width:25%;
  }
  .device-wide-7-24 {
    width:29.166666666667%;
  }
  .device-wide-8-24 {
    width:33.333333333333%;
  }
  .device-wide-9-24 {
    width:37.5%;
  }
  .device-wide-10-24 {
    width:41.666666666667%;
  }
  .device-wide-11-24 {
    width:45.833333333333%;
  }
  .device-wide-12-24 {
    width:50%;
  }
  .device-wide-13-24 {
    width:54.166666666667%;
  }
  .device-wide-14-24 {
    width:58.333333333333%;
  }
  .device-wide-15-24 {
    width:62.5%;
  }
  .device-wide-16-24 {
    width:66.666666666667%;
  }
  .device-wide-17-24 {
    width:70.833333333333%;
  }
  .device-wide-18-24 {
    width:75%;
  }
  .device-wide-19-24 {
    width:79.166666666667%;
  }
  .device-wide-20-24 {
    width:83.333333333333%;
  }
  .device-wide-21-24 {
    width:87.5%;
  }
  .device-wide-22-24 {
    width:91.666666666667%;
  }
  .device-wide-23-24 {
    width:95.833333333333%;
  }
  .device-wide-24-24 {
    width:100%;
  }
  
  .device-wide-push-1-12 {
    margin:0 8.3333333333333% 0 0;
  }
  .device-wide-push-2-12 {
    margin:0 16.666666666667% 0 0;
  }
  .device-wide-push-3-12 {
    margin:0 25% 0 0;
  }
  .device-wide-push-4-12 {
    margin:0 33.333333333333% 0 0;
  }
  .device-wide-push-5-12 {
    margin:0 41.666666666667% 0 0;
  }
  .device-wide-push-6-12 {
    margin:0 50% 0 0;
  }
  .device-wide-push-7-12 {
    margin:0 58.333333333333% 0 0;
  }
  .device-wide-push-8-12 {
    margin:0 66.666666666667% 0 0;
  }
  .device-wide-push-9-12 {
    margin:0 75% 0 0;
  }
  .device-wide-push-10-12 {
    margin:0 83.333333333333% 0 0;
  }
  .device-wide-push-11-12 {
    margin:0 91.666666666667% 0 0;
  }
  
  .device-wide-pull-1-12 {
    margin:0 0 0 8.3333333333333%;
  }
  .device-wide-pull-2-12 {
    margin:0 0 0 16.666666666667%;
  }
  .device-wide-pull-3-12 {
    margin:0 0 0 25%;
  }
  .device-wide-pull-4-12 {
    margin:0 0 0 33.333333333333%;
  }
  .device-wide-pull-5-12 {
    margin:0 0 0 41.666666666667%;
  }
  .device-wide-pull-6-12 {
    margin:0 0 0 50%;
  }
  .device-wide-pull-7-12 {
    margin:0 0 0 58.333333333333%;
  }
  .device-wide-pull-8-12 {
    margin:0 0 0 66.666666666667%;
  }
  .device-wide-pull-9-12 {
    margin:0 0 0 75%;
  }
  .device-wide-pull-10-12 {
    margin:0 0 0 83.333333333333%;
  }
  .device-wide-pull-11-12 {
    margin:0 0 0 91.666666666667%;
  }
  
  .device-wide-push-1-24 {
    margin:0 4.1666666666667% 0 0;
  }
  .device-wide-push-2-24 {
    margin:0 8.3333333333333% 0 0;
  }
  .device-wide-push-3-24 {
    margin:0 12.5% 0 0;
  }
  .device-wide-push-4-24 {
    margin:0 16.666666666667% 0 0;
  }
  .device-wide-push-5-24 {
    margin:0 20.833333333333% 0 0;
  }
  .device-wide-push-6-24 {
    margin:0 25% 0 0;
  }
  .device-wide-push-7-24 {
    margin:0 29.166666666667% 0 0;
  }
  .device-wide-push-8-24 {
    margin:0 33.333333333333% 0 0;
  }
  .device-wide-push-9-24 {
    margin:0 37.5% 0 0;
  }
  .device-wide-push-10-24 {
    margin:0 41.666666666667% 0 0;
  }
  .device-wide-push-11-24 {
    margin:0 45.833333333333% 0 0;
  }
  .device-wide-push-12-24 {
    margin:0 50% 0 0;
  }
  .device-wide-push-13-24 {
    margin:0 54.166666666667% 0 0;
  }
  .device-wide-push-14-24 {
    margin:0 58.333333333333% 0 0;
  }
  .device-wide-push-15-24 {
    margin:0 62.5% 0 0;
  }
  .device-wide-push-16-24 {
    margin:0 66.666666666667% 0 0;
  }
  .device-wide-push-17-24 {
    margin:0 70.833333333333% 0 0;
  }
  .device-wide-push-18-24 {
    margin:0 75% 0 0;
  }
  .device-wide-push-19-24 {
    margin:0 79.166666666667% 0 0;
  }
  .device-wide-push-20-24 {
    margin:0 83.333333333333% 0 0;
  }
  .device-wide-push-21-24 {
    margin:0 87.5% 0 0;
  }
  .device-wide-push-22-24 {
    margin:0 91.666666666667% 0 0;
  }
  .device-wide-push-23-24 {
    margin:0 95.833333333333% 0 0;
  }
 
  
  .device-wide-pull-1-24 {
    margin:0 0 0 4.1666666666667%;
  }
  .device-wide-pull-2-24 {
    margin:0 0 0 8.3333333333333%;
  }
  .device-wide-pull-3-24 {
    margin:0 0 0 12.5%;
  }
  .device-wide-pull-4-24 {
    margin:0 0 0 16.666666666667%;
  }
  .device-wide-pull-5-24 {
    margin:0 0 0 20.833333333333%;
  }
  .device-wide-pull-6-24 {
    margin:0 0 0 25%;
  }
  .device-wide-pull-7-24 {
    margin:0 0 0 29.166666666667%;
  }
  .device-wide-pull-8-24 {
    margin:0 0 0 33.333333333333%;
  }
  .device-wide-pull-9-24 {
    margin:0 0 0 37.5%;
  }
  .device-wide-pull-10-24 {
    margin:0 0 0 41.666666666667%;
  }
  .device-wide-pull-11-24 {
    margin:0 0 0 45.833333333333%;
  }
  .device-wide-pull-12-24 {
    margin:0 0 0 50%;
  }
  .device-wide-pull-13-24 {
    margin:0 0 0 54.166666666667%;
  }
  .device-wide-pull-14-24 {
    margin:0 0 0 58.333333333333%;
  }
  .device-wide-pull-15-24 {
    margin:0 0 0 62.5%;
  }
  .device-wide-pull-16-24 {
    margin:0 0 0 66.666666666667%;
  }
  .device-wide-pull-17-24 {
    margin:0 0 0 70.833333333333%;
  }
  .device-wide-pull-18-24 {
    margin:0 0 0 75%;
  }
  .device-wide-pull-19-24 {
    margin:0 0 0 79.166666666667%;
  }
  .device-wide-pull-20-24 {
    margin:0 0 0 83.333333333333%;
  }
  .device-wide-pull-21-24 {
    margin:0 0 0 87.5%;
  }
  .device-wide-pull-22-24 {
    margin:0 0 0 91.666666666667%;
  }
  .device-wide-pull-23-24 {
    margin:0 0 0 95.833333333333%;
  }

}


/* ---------------------------------------------------------------------
 tablet col grid
--------------------------------------------------------------------- */

@media screen and (min-width: 768px) and (max-width:1024px) {
  .wrapper {
    width:100%;
    height:auto;
    clear:both;
    float:none;
    padding:0 40px;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  }
  
  .tablet-1-12,
  .tablet-2-12,
  .tablet-3-12,
  .tablet-4-12,
  .tablet-5-12,
  .tablet-6-12,
  .tablet-7-12,
  .tablet-8-12,
  .tablet-9-12,
  .tablet-10-12,
  .tablet-11-12 {
    margin: 0 0 0 1.09099999999999%;
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  }
  
    .tablet-12-12 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  }
  

  .tablet-0-12 {
    display:none !important;
  }
  .tablet-1-12 {
    width:7.3333333333333%;
  }
  .tablet-2-12 {
    width:15.757666666667%;
  }
  .tablet-3-12 {
    width:24.182% ;
  }
  .tablet-4-12 {
    width:32.606333333333%;
  }
  .tablet-5-12 {
    width:41.030666666667%;
  }
  .tablet-6-12 {
    width:49.455%;
  }
  .tablet-7-12 {
    width:57.879333333333%;
  }
  .tablet-8-12 {
    width:66.303666666667%;
  }
  .tablet-9-12 {
    width:74.728%;
  }
  .tablet-10-12 {
    width:83.152333333333%;
  }
  .tablet-11-12 {
    width:91.576666666667%;
  }
  .tablet-12-12 {
    width:100%;
  }
  
  .tablet-1-24,
  .tablet-2-24,
  .tablet-3-24,
  .tablet-4-24,
  .tablet-5-24,
  .tablet-6-24,
  .tablet-7-24,
  .tablet-8-24,
  .tablet-9-24,
  .tablet-10-24,
  .tablet-11-24,
  .tablet-12-24,
  .tablet-13-24,
  .tablet-14-24,
  .tablet-15-24,
  .tablet-16-24,
  .tablet-17-24,
  .tablet-18-24,
  .tablet-19-24,
  .tablet-20-24,
  .tablet-21-24,
  .tablet-22-24,
  .tablet-23-24,
  .tablet-24-24 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  }
  
  .tablet-0-24 {
    display:none !important;
  }
   .tablet-1-24 {
    width:4.1666666666667%;
  }
  .tablet-2-24 {
    width:8.3333333333333%;
  }
  .tablet-3-24 {
    width:12.5%;
  }
  .tablet-4-24 {
    width:16.666666666667%;
  }
  .tablet-5-24 {
    width:20.833333333333%;
  }
  .tablet-6-24 {
    width:25%;
  }
  .tablet-7-24 {
    width:29.166666666667%;
  }
  .tablet-8-24 {
    width:33.333333333333%;
  }
  .tablet-9-24 {
    width:37.5%;
  }
  .tablet-10-24 {
    width:41.666666666667%;
  }
  .tablet-11-24 {
    width:45.833333333333%;
  }
  .tablet-12-24 {
    width:50%;
  }
  .tablet-13-24 {
    width:54.166666666667%;
  }
  .tablet-14-24 {
    width:58.333333333333%;
  }
  .tablet-15-24 {
    width:62.5%;
  }
  .tablet-16-24 {
    width:66.666666666667%;
  }
  .tablet-17-24 {
    width:70.833333333333%;
  }
  .tablet-18-24 {
    width:75%;
  }
  .tablet-19-24 {
    width:79.166666666667%;
  }
  .tablet-20-24 {
    width:83.333333333333%;
  }
  .tablet-21-24 {
    width:87.5%;
  }
  .tablet-22-24 {
    width:91.666666666667%;
  }
  .tablet-23-24 {
    width:95.833333333333%;
  }
  .tablet-24-24 {
    width:100%;
  }
  
  .tablet-push-1-12 {
    margin:0 8.3333333333333% 0 0;
  }
  .tablet-push-2-12 {
    margin:0 16.666666666667% 0 0;
  }
  .tablet-push-3-12 {
    margin:0 25% 0 0;
  }
  .tablet-push-4-12 {
    margin:0 33.333333333333% 0 0;
  }
  .tablet-push-5-12 {
    margin:0 41.666666666667% 0 0;
  }
  .tablet-push-6-12 {
    margin:0 50% 0 0;
  }
  .tablet-push-7-12 {
    margin:0 58.333333333333% 0 0;
  }
  .tablet-push-8-12 {
    margin:0 66.666666666667% 0 0;
  }
  .tablet-push-9-12 {
    margin:0 75% 0 0;
  }
  .tablet-push-10-12 {
    margin:0 83.333333333333% 0 0;
  }
  .tablet-push-11-12 {
    margin:0 91.666666666667% 0 0;
  }
  
  .tablet-pull-1-12 {
    margin:0 0 0 8.3333333333333%;
  }
  .tablet-pull-2-12 {
    margin:0 0 0 16.666666666667%;
  }
  .tablet-pull-3-12 {
    margin:0 0 0 25%;
  }
  .tablet-pull-4-12 {
    margin:0 0 0 33.333333333333%;
  }
  .tablet-pull-5-12 {
    margin:0 0 0 41.666666666667%;
  }
  .tablet-pull-6-12 {
    margin:0 0 0 50%;
  }
  .tablet-pull-7-12 {
    margin:0 0 0 58.333333333333%;
  }
  .tablet-pull-8-12 {
    margin:0 0 0 66.666666666667%;
  }
  .tablet-pull-9-12 {
    margin:0 0 0 75%;
  }
  .tablet-pull-10-12 {
    margin:0 0 0 83.333333333333%;
  }
  .tablet-pull-11-12 {
    margin:0 0 0 91.666666666667%;
  }
  
  .tablet-push-1-24 {
    margin:0 4.1666666666667% 0 0;
  }
  .tablet-push-2-24 {
    margin:0 8.3333333333333% 0 0;
  }
  .tablet-push-3-24 {
    margin:0 12.5% 0 0;
  }
  .tablet-push-4-24 {
    margin:0 16.666666666667% 0 0;
  }
  .tablet-push-5-24 {
    margin:0 20.833333333333% 0 0;
  }
  .tablet-push-6-24 {
    margin:0 25% 0 0;
  }
  .tablet-push-7-24 {
    margin:0 29.166666666667% 0 0;
  }
  .tablet-push-8-24 {
    margin:0 33.333333333333% 0 0;
  }
  .tablet-push-9-24 {
    margin:0 37.5% 0 0;
  }
  .tablet-push-10-24 {
    margin:0 41.666666666667% 0 0;
  }
  .tablet-push-11-24 {
    margin:0 45.833333333333% 0 0;
  }
  .tablet-push-12-24 {
    margin:0 50% 0 0;
  }
  .tablet-push-13-24 {
    margin:0 54.166666666667% 0 0;
  }
  .tablet-push-14-24 {
    margin:0 58.333333333333% 0 0;
  }
  .tablet-push-15-24 {
    margin:0 62.5% 0 0;
  }
  .tablet-push-16-24 {
    margin:0 66.666666666667% 0 0;
  }
  .tablet-push-17-24 {
    margin:0 70.833333333333% 0 0;
  }
  .tablet-push-18-24 {
    margin:0 75% 0 0;
  }
  .tablet-push-19-24 {
    margin:0 79.166666666667% 0 0;
  }
  .tablet-push-20-24 {
    margin:0 83.333333333333% 0 0;
  }
  .tablet-push-21-24 {
    margin:0 87.5% 0 0;
  }
  .tablet-push-22-24 {
    margin:0 91.666666666667% 0 0;
  }
  .tablet-push-23-24 {
    margin:0 95.833333333333% 0 0;
  }
 
  
  .tablet-pull-1-24 {
    margin:0 0 0 4.1666666666667%;
  }
  .tablet-pull-2-24 {
    margin:0 0 0 8.3333333333333%;
  }
  .tablet-pull-3-24 {
    margin:0 0 0 12.5%;
  }
  .tablet-pull-4-24 {
    margin:0 0 0 16.666666666667%;
  }
  .tablet-pull-5-24 {
    margin:0 0 0 20.833333333333%;
  }
  .tablet-pull-6-24 {
    margin:0 0 0 25%;
  }
  .tablet-pull-7-24 {
    margin:0 0 0 29.166666666667%;
  }
  .tablet-pull-8-24 {
    margin:0 0 0 33.333333333333%;
  }
  .tablet-pull-9-24 {
    margin:0 0 0 37.5%;
  }
  .tablet-pull-10-24 {
    margin:0 0 0 41.666666666667%;
  }
  .tablet-pull-11-24 {
    margin:0 0 0 45.833333333333%;
  }
  .tablet-pull-12-24 {
    margin:0 0 0 50%;
  }
  .tablet-pull-13-24 {
    margin:0 0 0 54.166666666667%;
  }
  .tablet-pull-14-24 {
    margin:0 0 0 58.333333333333%;
  }
  .tablet-pull-15-24 {
    margin:0 0 0 62.5%;
  }
  .tablet-pull-16-24 {
    margin:0 0 0 66.666666666667%;
  }
  .tablet-pull-17-24 {
    margin:0 0 0 70.833333333333%;
  }
  .tablet-pull-18-24 {
    margin:0 0 0 75%;
  }
  .tablet-pull-19-24 {
    margin:0 0 0 79.166666666667%;
  }
  .tablet-pull-20-24 {
    margin:0 0 0 83.333333333333%;
  }
  .tablet-pull-21-24 {
    margin:0 0 0 87.5%;
  }
  .tablet-pull-22-24 {
    margin:0 0 0 91.666666666667%;
  }
  .tablet-pull-23-24 {
    margin:0 0 0 95.833333333333%;
  }

}


/* ---------------------------------------------------------------------
 monitor col grid
--------------------------------------------------------------------- */


@media screen and (min-width: 1025px) and (max-width:1399px) {
  .wrapper {
    width:960px;
    height:auto;
    clear:both;
    float:none;
    margin:0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
  
  .monitor-1-12,
  .monitor-2-12,
  .monitor-3-12,
  .monitor-4-12,
  .monitor-5-12,
  .monitor-6-12,
  .monitor-7-12,
  .monitor-8-12,
  .monitor-9-12,
  .monitor-10-12,
  .monitor-11-12 {
    margin: 0 0 0 1.09099999999999%;
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
  
    .monitor-12-12 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
  

  .monitor-0-12 {
    display:none !important;
  }
  .monitor-1-12 {
    width:7.3333333333333%;
  }
  .monitor-2-12 {
    width:15.757666666667%;
  }
  .monitor-3-12 {
    width:24.182% ;
  }
  .monitor-4-12 {
    width:32.606333333333%;
  }
  .monitor-5-12 {
    width:41.030666666667%;
  }
  .monitor-6-12 {
    width:49.455%;
  }
  .monitor-7-12 {
    width:57.879333333333%;
  }
  .monitor-8-12 {
    width:66.303666666667%;
  }
  .monitor-9-12 {
    width:74.728%;
  }
  .monitor-10-12 {
    width:83.152333333333%;
  }
  .monitor-11-12 {
    width:91.576666666667%;
  }
  .monitor-12-12 {
    width:100%;
  }
  
  .monitor-1-24,
  .monitor-2-24,
  .monitor-3-24,
  .monitor-4-24,
  .monitor-5-24,
  .monitor-6-24,
  .monitor-7-24,
  .monitor-8-24,
  .monitor-9-24,
  .monitor-10-24,
  .monitor-11-24,
  .monitor-12-24,
  .monitor-13-24,
  .monitor-14-24,
  .monitor-15-24,
  .monitor-16-24,
  .monitor-17-24,
  .monitor-18-24,
  .monitor-19-24,
  .monitor-20-24,
  .monitor-21-24,
  .monitor-22-24,
  .monitor-23-24,
  .monitor-24-24 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
  
  .monitor-0-24 {
    display:none !important;
  }
   .monitor-1-24 {
    width:4.1666666666667%;
  }
  .monitor-2-24 {
    width:8.3333333333333%;
  }
  .monitor-3-24 {
    width:12.5%;
  }
  .monitor-4-24 {
    width:16.666666666667%;
  }
  .monitor-5-24 {
    width:20.833333333333%;
  }
  .monitor-6-24 {
    width:25%;
  }
  .monitor-7-24 {
    width:29.166666666667%;
  }
  .monitor-8-24 {
    width:33.333333333333%;
  }
  .monitor-9-24 {
    width:37.5%;
  }
  .monitor-10-24 {
    width:41.666666666667%;
  }
  .monitor-11-24 {
    width:45.833333333333%;
  }
  .monitor-12-24 {
    width:50%;
  }
  .monitor-13-24 {
    width:54.166666666667%;
  }
  .monitor-14-24 {
    width:58.333333333333%;
  }
  .monitor-15-24 {
    width:62.5%;
  }
  .monitor-16-24 {
    width:66.666666666667%;
  }
  .monitor-17-24 {
    width:70.833333333333%;
  }
  .monitor-18-24 {
    width:75%;
  }
  .monitor-19-24 {
    width:79.166666666667%;
  }
  .monitor-20-24 {
    width:83.333333333333%;
  }
  .monitor-21-24 {
    width:87.5%;
  }
  .monitor-22-24 {
    width:91.666666666667%;
  }
  .monitor-23-24 {
    width:95.833333333333%;
  }
  .monitor-24-24 {
    width:100%;
  }
  
  .monitor-push-1-12 {
    margin:0 8.3333333333333% 0 0;
  }
  .monitor-push-2-12 {
    margin:0 16.666666666667% 0 0;
  }
  .monitor-push-3-12 {
    margin:0 25% 0 0;
  }
  .monitor-push-4-12 {
    margin:0 33.333333333333% 0 0;
  }
  .monitor-push-5-12 {
    margin:0 41.666666666667% 0 0;
  }
  .monitor-push-6-12 {
    margin:0 50% 0 0;
  }
  .monitor-push-7-12 {
    margin:0 58.333333333333% 0 0;
  }
  .monitor-push-8-12 {
    margin:0 66.666666666667% 0 0;
  }
  .monitor-push-9-12 {
    margin:0 75% 0 0;
  }
  .monitor-push-10-12 {
    margin:0 83.333333333333% 0 0;
  }
  .monitor-push-11-12 {
    margin:0 91.666666666667% 0 0;
  }
  
  .monitor-pull-1-12 {
    margin:0 0 0 8.3333333333333%;
  }
  .monitor-pull-2-12 {
    margin:0 0 0 16.666666666667%;
  }
  .monitor-pull-3-12 {
    margin:0 0 0 25%;
  }
  .monitor-pull-4-12 {
    margin:0 0 0 33.333333333333%;
  }
  .monitor-pull-5-12 {
    margin:0 0 0 41.666666666667%;
  }
  .monitor-pull-6-12 {
    margin:0 0 0 50%;
  }
  .monitor-pull-7-12 {
    margin:0 0 0 58.333333333333%;
  }
  .monitor-pull-8-12 {
    margin:0 0 0 66.666666666667%;
  }
  .monitor-pull-9-12 {
    margin:0 0 0 75%;
  }
  .monitor-pull-10-12 {
    margin:0 0 0 83.333333333333%;
  }
  .monitor-pull-11-12 {
    margin:0 0 0 91.666666666667%;
  }
  
  .monitor-push-1-24 {
    margin:0 4.1666666666667% 0 0;
  }
  .monitor-push-2-24 {
    margin:0 8.3333333333333% 0 0;
  }
  .monitor-push-3-24 {
    margin:0 12.5% 0 0;
  }
  .monitor-push-4-24 {
    margin:0 16.666666666667% 0 0;
  }
  .monitor-push-5-24 {
    margin:0 20.833333333333% 0 0;
  }
  .monitor-push-6-24 {
    margin:0 25% 0 0;
  }
  .monitor-push-7-24 {
    margin:0 29.166666666667% 0 0;
  }
  .monitor-push-8-24 {
    margin:0 33.333333333333% 0 0;
  }
  .monitor-push-9-24 {
    margin:0 37.5% 0 0;
  }
  .monitor-push-10-24 {
    margin:0 41.666666666667% 0 0;
  }
  .monitor-push-11-24 {
    margin:0 45.833333333333% 0 0;
  }
  .monitor-push-12-24 {
    margin:0 50% 0 0;
  }
  .monitor-push-13-24 {
    margin:0 54.166666666667% 0 0;
  }
  .monitor-push-14-24 {
    margin:0 58.333333333333% 0 0;
  }
  .monitor-push-15-24 {
    margin:0 62.5% 0 0;
  }
  .monitor-push-16-24 {
    margin:0 66.666666666667% 0 0;
  }
  .monitor-push-17-24 {
    margin:0 70.833333333333% 0 0;
  }
  .monitor-push-18-24 {
    margin:0 75% 0 0;
  }
  .monitor-push-19-24 {
    margin:0 79.166666666667% 0 0;
  }
  .monitor-push-20-24 {
    margin:0 83.333333333333% 0 0;
  }
  .monitor-push-21-24 {
    margin:0 87.5% 0 0;
  }
  .monitor-push-22-24 {
    margin:0 91.666666666667% 0 0;
  }
  .monitor-push-23-24 {
    margin:0 95.833333333333% 0 0;
  }
 
  
  .monitor-pull-1-24 {
    margin:0 0 0 4.1666666666667%;
  }
  .monitor-pull-2-24 {
    margin:0 0 0 8.3333333333333%;
  }
  .monitor-pull-3-24 {
    margin:0 0 0 12.5%;
  }
  .monitor-pull-4-24 {
    margin:0 0 0 16.666666666667%;
  }
  .monitor-pull-5-24 {
    margin:0 0 0 20.833333333333%;
  }
  .monitor-pull-6-24 {
    margin:0 0 0 25%;
  }
  .monitor-pull-7-24 {
    margin:0 0 0 29.166666666667%;
  }
  .monitor-pull-8-24 {
    margin:0 0 0 33.333333333333%;
  }
  .monitor-pull-9-24 {
    margin:0 0 0 37.5%;
  }
  .monitor-pull-10-24 {
    margin:0 0 0 41.666666666667%;
  }
  .monitor-pull-11-24 {
    margin:0 0 0 45.833333333333%;
  }
  .monitor-pull-12-24 {
    margin:0 0 0 50%;
  }
  .monitor-pull-13-24 {
    margin:0 0 0 54.166666666667%;
  }
  .monitor-pull-14-24 {
    margin:0 0 0 58.333333333333%;
  }
  .monitor-pull-15-24 {
    margin:0 0 0 62.5%;
  }
  .monitor-pull-16-24 {
    margin:0 0 0 66.666666666667%;
  }
  .monitor-pull-17-24 {
    margin:0 0 0 70.833333333333%;
  }
  .monitor-pull-18-24 {
    margin:0 0 0 75%;
  }
  .monitor-pull-19-24 {
    margin:0 0 0 79.166666666667%;
  }
  .monitor-pull-20-24 {
    margin:0 0 0 83.333333333333%;
  }
  .monitor-pull-21-24 {
    margin:0 0 0 87.5%;
  }
  .monitor-pull-22-24 {
    margin:0 0 0 91.666666666667%;
  }
  .monitor-pull-23-24 {
    margin:0 0 0 95.833333333333%;
  }

}




/* ---------------------------------------------------------------------
 monitor-wide col grid
--------------------------------------------------------------------- */

@media screen and (min-width: 1400px) and (max-width:1920px) {
  .wrapper {
    width:1200px;
    height:auto;
    clear:both;
    float:none;
    margin:0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
  .monitor-wide-1-12,
  .monitor-wide-2-12,
  .monitor-wide-3-12,
  .monitor-wide-4-12,
  .monitor-wide-5-12,
  .monitor-wide-6-12,
  .monitor-wide-7-12,
  .monitor-wide-8-12,
  .monitor-wide-9-12,
  .monitor-wide-10-12,
  .monitor-wide-11-12 {
    margin: 0 0 0 1.09099999999999%;
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }

  .monitor-wide-12-12 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
  
  .monitor-wide-0-12 {
    display:none !important;
  }
  .monitor-wide-1-12 {
    width:7.3333333333333%;
  }
  .monitor-wide-2-12 {
    width:15.757666666667%;
  }
  .monitor-wide-3-12 {
    width:24.182%;
  }
  .monitor-wide-4-12 {
    width:32.606333333333%;
  }
  .monitor-wide-5-12 {
    width:41.030666666667%;
  }
  .monitor-wide-6-12 {
    width:49.455%;
  }
  .monitor-wide-7-12 {
    width:57.879333333333%;
  }
  .monitor-wide-8-12 {
    width:66.303666666667%;
  }
  .monitor-wide-9-12 {
    width:74.728%;
  }
  .monitor-wide-10-12 {
    width:83.152333333333%;
  }
  .monitor-wide-11-12 {
    width:91.576666666667%;
  }
  .monitor-wide-12-12 {
    width:100%;
  }
  
  .monitor-wide-1-24,
  .monitor-wide-2-24,
  .monitor-wide-3-24,
  .monitor-wide-4-24,
  .monitor-wide-5-24,
  .monitor-wide-6-24,
  .monitor-wide-7-24,
  .monitor-wide-8-24,
  .monitor-wide-9-24,
  .monitor-wide-10-24,
  .monitor-wide-11-24,
  .monitor-wide-12-24,
  .monitor-wide-13-24,
  .monitor-wide-14-24,
  .monitor-wide-15-24,
  .monitor-wide-16-24,
  .monitor-wide-17-24,
  .monitor-wide-18-24,
  .monitor-wide-19-24,
  .monitor-wide-20-24,
  .monitor-wide-21-24,
  .monitor-wide-22-24,
  .monitor-wide-23-24,
  .monitor-wide-24-24 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
  
  .monitor-wide-0-24 {
    display:none !important;
  }
   .monitor-wide-1-24 {
    width:4.1666666666667%;
  }
  .monitor-wide-2-24 {
    width:8.3333333333333%;
  }
  .monitor-wide-3-24 {
    width:12.5%;
  }
  .monitor-wide-4-24 {
    width:16.666666666667%;
  }
  .monitor-wide-5-24 {
    width:20.833333333333%;
  }
  .monitor-wide-6-24 {
    width:25%;
  }
  .monitor-wide-7-24 {
    width:29.166666666667%;
  }
  .monitor-wide-8-24 {
    width:33.333333333333%;
  }
  .monitor-wide-9-24 {
    width:37.5%;
  }
  .monitor-wide-10-24 {
    width:41.666666666667%;
  }
  .monitor-wide-11-24 {
    width:45.833333333333%;
  }
  .monitor-wide-12-24 {
    width:50%;
  }
  .monitor-wide-13-24 {
    width:54.166666666667%;
  }
  .monitor-wide-14-24 {
    width:58.333333333333%;
  }
  .monitor-wide-15-24 {
    width:62.5%;
  }
  .monitor-wide-16-24 {
    width:66.666666666667%;
  }
  .monitor-wide-17-24 {
    width:70.833333333333%;
  }
  .monitor-wide-18-24 {
    width:75%;
  }
  .monitor-wide-19-24 {
    width:79.166666666667%;
  }
  .monitor-wide-20-24 {
    width:83.333333333333%;
  }
  .monitor-wide-21-24 {
    width:87.5%;
  }
  .monitor-wide-22-24 {
    width:91.666666666667%;
  }
  .monitor-wide-23-24 {
    width:95.833333333333%;
  }
  .monitor-wide-24-24 {
    width:100%;
  }
  
  .monitor-wide-push-1-12 {
    margin:0 8.3333333333333% 0 0;
  }
  .monitor-wide-push-2-12 {
    margin:0 16.666666666667% 0 0;
  }
  .monitor-wide-push-3-12 {
    margin:0 25% 0 0;
  }
  .monitor-wide-push-4-12 {
    margin:0 33.333333333333% 0 0;
  }
  .monitor-wide-push-5-12 {
    margin:0 41.666666666667% 0 0;
  }
  .monitor-wide-push-6-12 {
    margin:0 50% 0 0;
  }
  .monitor-wide-push-7-12 {
    margin:0 58.333333333333% 0 0;
  }
  .monitor-wide-push-8-12 {
    margin:0 66.666666666667% 0 0;
  }
  .monitor-wide-push-9-12 {
    margin:0 75% 0 0;
  }
  .monitor-wide-push-10-12 {
    margin:0 83.333333333333% 0 0;
  }
  .monitor-wide-push-11-12 {
    margin:0 91.666666666667% 0 0;
  }
  
  .monitor-wide-pull-1-12 {
    margin:0 0 0 8.3333333333333%;
  }
  .monitor-wide-pull-2-12 {
    margin:0 0 0 16.666666666667%;
  }
  .monitor-wide-pull-3-12 {
    margin:0 0 0 25%;
  }
  .monitor-wide-pull-4-12 {
    margin:0 0 0 33.333333333333%;
  }
  .monitor-wide-pull-5-12 {
    margin:0 0 0 41.666666666667%;
  }
  .monitor-wide-pull-6-12 {
    margin:0 0 0 50%;
  }
  .monitor-wide-pull-7-12 {
    margin:0 0 0 58.333333333333%;
  }
  .monitor-wide-pull-8-12 {
    margin:0 0 0 66.666666666667%;
  }
  .monitor-wide-pull-9-12 {
    margin:0 0 0 75%;
  }
  .monitor-wide-pull-10-12 {
    margin:0 0 0 83.333333333333%;
  }
  .monitor-wide-pull-11-12 {
    margin:0 0 0 91.666666666667%;
  }
  
  .monitor-wide-push-1-24 {
    margin:0 4.1666666666667% 0 0;
  }
  .monitor-wide-push-2-24 {
    margin:0 8.3333333333333% 0 0;
  }
  .monitor-wide-push-3-24 {
    margin:0 12.5% 0 0;
  }
  .monitor-wide-push-4-24 {
    margin:0 16.666666666667% 0 0;
  }
  .monitor-wide-push-5-24 {
    margin:0 20.833333333333% 0 0;
  }
  .monitor-wide-push-6-24 {
    margin:0 25% 0 0;
  }
  .monitor-wide-push-7-24 {
    margin:0 29.166666666667% 0 0;
  }
  .monitor-wide-push-8-24 {
    margin:0 33.333333333333% 0 0;
  }
  .monitor-wide-push-9-24 {
    margin:0 37.5% 0 0;
  }
  .monitor-wide-push-10-24 {
    margin:0 41.666666666667% 0 0;
  }
  .monitor-wide-push-11-24 {
    margin:0 45.833333333333% 0 0;
  }
  .monitor-wide-push-12-24 {
    margin:0 50% 0 0;
  }
  .monitor-wide-push-13-24 {
    margin:0 54.166666666667% 0 0;
  }
  .monitor-wide-push-14-24 {
    margin:0 58.333333333333% 0 0;
  }
  .monitor-wide-push-15-24 {
    margin:0 62.5% 0 0;
  }
  .monitor-wide-push-16-24 {
    margin:0 66.666666666667% 0 0;
  }
  .monitor-wide-push-17-24 {
    margin:0 70.833333333333% 0 0;
  }
  .monitor-wide-push-18-24 {
    margin:0 75% 0 0;
  }
  .monitor-wide-push-19-24 {
    margin:0 79.166666666667% 0 0;
  }
  .monitor-wide-push-20-24 {
    margin:0 83.333333333333% 0 0;
  }
  .monitor-wide-push-21-24 {
    margin:0 87.5% 0 0;
  }
  .monitor-wide-push-22-24 {
    margin:0 91.666666666667% 0 0;
  }
  .monitor-wide-push-23-24 {
    margin:0 95.833333333333% 0 0;
  }
 
  
  .monitor-wide-pull-1-24 {
    margin:0 0 0 4.1666666666667%;
  }
  .monitor-wide-pull-2-24 {
    margin:0 0 0 8.3333333333333%;
  }
  .monitor-wide-pull-3-24 {
    margin:0 0 0 12.5%;
  }
  .monitor-wide-pull-4-24 {
    margin:0 0 0 16.666666666667%;
  }
  .monitor-wide-pull-5-24 {
    margin:0 0 0 20.833333333333%;
  }
  .monitor-wide-pull-6-24 {
    margin:0 0 0 25%;
  }
  .monitor-wide-pull-7-24 {
    margin:0 0 0 29.166666666667%;
  }
  .monitor-wide-pull-8-24 {
    margin:0 0 0 33.333333333333%;
  }
  .monitor-wide-pull-9-24 {
    margin:0 0 0 37.5%;
  }
  .monitor-wide-pull-10-24 {
    margin:0 0 0 41.666666666667%;
  }
  .monitor-wide-pull-11-24 {
    margin:0 0 0 45.833333333333%;
  }
  .monitor-wide-pull-12-24 {
    margin:0 0 0 50%;
  }
  .monitor-wide-pull-13-24 {
    margin:0 0 0 54.166666666667%;
  }
  .monitor-wide-pull-14-24 {
    margin:0 0 0 58.333333333333%;
  }
  .monitor-wide-pull-15-24 {
    margin:0 0 0 62.5%;
  }
  .monitor-wide-pull-16-24 {
    margin:0 0 0 66.666666666667%;
  }
  .monitor-wide-pull-17-24 {
    margin:0 0 0 70.833333333333%;
  }
  .monitor-wide-pull-18-24 {
    margin:0 0 0 75%;
  }
  .monitor-wide-pull-19-24 {
    margin:0 0 0 79.166666666667%;
  }
  .monitor-wide-pull-20-24 {
    margin:0 0 0 83.333333333333%;
  }
  .monitor-wide-pull-21-24 {
    margin:0 0 0 87.5%;
  }
  .monitor-wide-pull-22-24 {
    margin:0 0 0 91.666666666667%;
  }
  .monitor-wide-pull-23-24 {
    margin:0 0 0 95.833333333333%;
  }

}








/* ---------------------------------------------------------------------
 projector col grid
--------------------------------------------------------------------- */

@media screen and (min-width: 1921px) and (max-width:2560px) {
  .wrapper {
    width:1400px;
    height:auto;
    clear:both;
    float:none;
    margin:0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
  .screen-1-12,
  .screen-2-12,
  .screen-3-12,
  .screen-4-12,
  .screen-5-12,
  .screen-6-12,
  .screen-7-12,
  .screen-8-12,
  .screen-9-12,
  .screen-10-12,
  .screen-11-12 {
    margin: 0 0 0 1.09099999999999%;
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }

  .screen-12-12 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
  
  .screen-0-12 {
    display:none !important;
  }
  .screen-1-12 {
    width:7.3333333333333%;
  }
  .screen-2-12 {
    width:15.757666666667%;
  }
  .screen-3-12 {
    width:24.182%;
  }
  .screen-4-12 {
    width:32.606333333333%;
  }
  .screen-5-12 {
    width:41.030666666667%;
  }
  .screen-6-12 {
    width:49.455%;
  }
  .screen-7-12 {
    width:57.879333333333%;
  }
  .screen-8-12 {
    width:66.303666666667%;
  }
  .screen-9-12 {
    width:74.728%;
  }
  .screen-10-12 {
    width:83.152333333333%;
  }
  .screen-11-12 {
    width:91.576666666667%;
  }
  .screen-12-12 {
    width:100%;
  }
  
  .screen-1-24,
  .screen-2-24,
  .screen-3-24,
  .screen-4-24,
  .screen-5-24,
  .screen-6-24,
  .screen-7-24,
  .screen-8-24,
  .screen-9-24,
  .screen-10-24,
  .screen-11-24,
  .screen-12-24,
  .screen-13-24,
  .screen-14-24,
  .screen-15-24,
  .screen-16-24,
  .screen-17-24,
  .screen-18-24,
  .screen-19-24,
  .screen-20-24,
  .screen-21-24,
  .screen-22-24,
  .screen-23-24,
  .screen-24-24 {
    display:block;
    float:left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    *behavior: url('../boxsizing.htc');
  }
  
  .screen-0-24 {
    display:none !important;
  }
   .screen-1-24 {
    width:4.1666666666667%;
  }
  .screen-2-24 {
    width:8.3333333333333%;
  }
  .screen-3-24 {
    width:12.5%;
  }
  .screen-4-24 {
    width:16.666666666667%;
  }
  .screen-5-24 {
    width:20.833333333333%;
  }
  .screen-6-24 {
    width:25%;
  }
  .screen-7-24 {
    width:29.166666666667%;
  }
  .screen-8-24 {
    width:33.333333333333%;
  }
  .screen-9-24 {
    width:37.5%;
  }
  .screen-10-24 {
    width:41.666666666667%;
  }
  .screen-11-24 {
    width:45.833333333333%;
  }
  .screen-12-24 {
    width:50%;
  }
  .screen-13-24 {
    width:54.166666666667%;
  }
  .screen-14-24 {
    width:58.333333333333%;
  }
  .screen-15-24 {
    width:62.5%;
  }
  .screen-16-24 {
    width:66.666666666667%;
  }
  .screen-17-24 {
    width:70.833333333333%;
  }
  .screen-18-24 {
    width:75%;
  }
  .screen-19-24 {
    width:79.166666666667%;
  }
  .screen-20-24 {
    width:83.333333333333%;
  }
  .screen-21-24 {
    width:87.5%;
  }
  .screen-22-24 {
    width:91.666666666667%;
  }
  .screen-23-24 {
    width:95.833333333333%;
  }
  .screen-24-24 {
    width:100%;
  }
  
  .screen-push-1-12 {
    margin:0 8.3333333333333% 0 0;
  }
  .screen-push-2-12 {
    margin:0 16.666666666667% 0 0;
  }
  .screen-push-3-12 {
    margin:0 25% 0 0;
  }
  .screen-push-4-12 {
    margin:0 33.333333333333% 0 0;
  }
  .screen-push-5-12 {
    margin:0 41.666666666667% 0 0;
  }
  .screen-push-6-12 {
    margin:0 50% 0 0;
  }
  .screen-push-7-12 {
    margin:0 58.333333333333% 0 0;
  }
  .screen-push-8-12 {
    margin:0 66.666666666667% 0 0;
  }
  .screen-push-9-12 {
    margin:0 75% 0 0;
  }
  .screen-push-10-12 {
    margin:0 83.333333333333% 0 0;
  }
  .screen-push-11-12 {
    margin:0 91.666666666667% 0 0;
  }
  
  .screen-pull-1-12 {
    margin:0 0 0 8.3333333333333%;
  }
  .screen-pull-2-12 {
    margin:0 0 0 16.666666666667%;
  }
  .screen-pull-3-12 {
    margin:0 0 0 25%;
  }
  .screen-pull-4-12 {
    margin:0 0 0 33.333333333333%;
  }
  .screen-pull-5-12 {
    margin:0 0 0 41.666666666667%;
  }
  .screen-pull-6-12 {
    margin:0 0 0 50%;
  }
  .screen-pull-7-12 {
    margin:0 0 0 58.333333333333%;
  }
  .screen-pull-8-12 {
    margin:0 0 0 66.666666666667%;
  }
  .screen-pull-9-12 {
    margin:0 0 0 75%;
  }
  .screen-pull-10-12 {
    margin:0 0 0 83.333333333333%;
  }
  .screen-pull-11-12 {
    margin:0 0 0 91.666666666667%;
  }
  
  .screen-push-1-24 {
    margin:0 4.1666666666667% 0 0;
  }
  .screen-push-2-24 {
    margin:0 8.3333333333333% 0 0;
  }
  .screen-push-3-24 {
    margin:0 12.5% 0 0;
  }
  .screen-push-4-24 {
    margin:0 16.666666666667% 0 0;
  }
  .screen-push-5-24 {
    margin:0 20.833333333333% 0 0;
  }
  .screen-push-6-24 {
    margin:0 25% 0 0;
  }
  .screen-push-7-24 {
    margin:0 29.166666666667% 0 0;
  }
  .screen-push-8-24 {
    margin:0 33.333333333333% 0 0;
  }
  .screen-push-9-24 {
    margin:0 37.5% 0 0;
  }
  .screen-push-10-24 {
    margin:0 41.666666666667% 0 0;
  }
  .screen-push-11-24 {
    margin:0 45.833333333333% 0 0;
  }
  .screen-push-12-24 {
    margin:0 50% 0 0;
  }
  .screen-push-13-24 {
    margin:0 54.166666666667% 0 0;
  }
  .screen-push-14-24 {
    margin:0 58.333333333333% 0 0;
  }
  .screen-push-15-24 {
    margin:0 62.5% 0 0;
  }
  .screen-push-16-24 {
    margin:0 66.666666666667% 0 0;
  }
  .screen-push-17-24 {
    margin:0 70.833333333333% 0 0;
  }
  .screen-push-18-24 {
    margin:0 75% 0 0;
  }
  .screen-push-19-24 {
    margin:0 79.166666666667% 0 0;
  }
  .screen-push-20-24 {
    margin:0 83.333333333333% 0 0;
  }
  .screen-push-21-24 {
    margin:0 87.5% 0 0;
  }
  .screen-push-22-24 {
    margin:0 91.666666666667% 0 0;
  }
  .screen-push-23-24 {
    margin:0 95.833333333333% 0 0;
  }
 
  
  .screen-pull-1-24 {
    margin:0 0 0 4.1666666666667%;
  }
  .screen-pull-2-24 {
    margin:0 0 0 8.3333333333333%;
  }
  .screen-pull-3-24 {
    margin:0 0 0 12.5%;
  }
  .screen-pull-4-24 {
    margin:0 0 0 16.666666666667%;
  }
  .screen-pull-5-24 {
    margin:0 0 0 20.833333333333%;
  }
  .screen-pull-6-24 {
    margin:0 0 0 25%;
  }
  .screen-pull-7-24 {
    margin:0 0 0 29.166666666667%;
  }
  .screen-pull-8-24 {
    margin:0 0 0 33.333333333333%;
  }
  .screen-pull-9-24 {
    margin:0 0 0 37.5%;
  }
  .screen-pull-10-24 {
    margin:0 0 0 41.666666666667%;
  }
  .screen-pull-11-24 {
    margin:0 0 0 45.833333333333%;
  }
  .screen-pull-12-24 {
    margin:0 0 0 50%;
  }
  .screen-pull-13-24 {
    margin:0 0 0 54.166666666667%;
  }
  .screen-pull-14-24 {
    margin:0 0 0 58.333333333333%;
  }
  .screen-pull-15-24 {
    margin:0 0 0 62.5%;
  }
  .screen-pull-16-24 {
    margin:0 0 0 66.666666666667%;
  }
  .screen-pull-17-24 {
    margin:0 0 0 70.833333333333%;
  }
  .screen-pull-18-24 {
    margin:0 0 0 75%;
  }
  .screen-pull-19-24 {
    margin:0 0 0 79.166666666667%;
  }
  .screen-pull-20-24 {
    margin:0 0 0 83.333333333333%;
  }
  .screen-pull-21-24 {
    margin:0 0 0 87.5%;
  }
  .screen-pull-22-24 {
    margin:0 0 0 91.666666666667%;
  }
  .screen-pull-23-24 {
    margin:0 0 0 95.833333333333%;
  }

}



/* ---------------------------------------------------------------------
 ie7 and ie8 - 12 col grid
--------------------------------------------------------------------- */


  
.ie7 .wrapper {
  width:960px;
  height:auto;
  clear:both;
  float:none;
  margin:0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
}

.ie7 .monitor-1-12,
.ie7 .monitor-2-12,
.ie7 .monitor-3-12,
.ie7 .monitor-4-12,
.ie7 .monitor-5-12,
.ie7 .monitor-6-12,
.ie7 .monitor-7-12,
.ie7 .monitor-8-12,
.ie7 .monitor-9-12,
.ie7 .monitor-10-12,
.ie7 .monitor-11-12,
.ie7 .monitor-12-12 {
    margin: 0 0 0 18px;
    display:inline-block;
    float:left;
    clear:right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
}

.ie7 .monitor-1-12 {
  width:60px;
}
.ie7 .monitor-2-12 {
  width:140px;
}
.ie7 .monitor-3-12 {
  width:220px;
}
.ie7 .monitor-4-12 {
  width:300px;
}
.ie7 .monitor-5-12 {
  width:380px;
}
.ie7 .monitor-6-12 {
  width:460px;
}
.ie7 .monitor-7-12 {
  width:540px;
}
.ie7 .monitor-8-12 {
  width:620px;
}
.ie7 .monitor-9-12 {
  width:700px;
}
.ie7 .monitor-10-12 {
  width:780px;
}
.ie7 .monitor-11-12 {
  width:860px;
}
.ie7 .monitor-12-12 {
  width:940px;
}

.ie7 .monitor-1-24,
.ie7 .monitor-2-24,
.ie7 .monitor-3-24,
.ie7 .monitor-4-24,
.ie7 .monitor-5-24,
.ie7 .monitor-6-24,
.ie7 .monitor-7-24,
.ie7 .monitor-8-24,
.ie7 .monitor-9-24,
.ie7 .monitor-10-24,
.ie7 .monitor-11-24,
.ie7 .monitor-12-24,
.ie7 .monitor-13-24,
.ie7 .monitor-14-24,
.ie7 .monitor-15-24,
.ie7 .monitor-16-24,
.ie7 .monitor-17-24,
.ie7 .monitor-18-24,
.ie7 .monitor-19-24,
.ie7 .monitor-20-24,
.ie7 .monitor-21-24,
.ie7 .monitor-22-24,
.ie7 .monitor-23-24,
.ie7 .monitor-24-24 {
    margin: 0 0 0 8px;
    display:inline-block;
    float:left;
    clear:right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
}

.ie7 .monitor-1-24 {
  width:30px;
}
.ie7 .monitor-2-24 {
  width:70px;
}
.ie7 .monitor-3-24 {
  width:110px;
}
.ie7 .monitor-4-24 {
  width:150px;
}
.ie7 .monitor-5-24 {
  width:190px;
}
.ie7 .monitor-6-24 {
  width:230px;
}
.ie7 .monitor-7-24 {
  width:270px;
}
.ie7 .monitor-8-24 {
  width:310px;
}
.ie7 .monitor-9-24 {
  width:350px;
}
.ie7 .monitor-10-24 {
  width:390px;
}
.ie7 .monitor-11-24 {
  width:430px;
}
.ie7 .monitor-12-24 {
  width:470px;
}
.ie7 .monitor-13-24 {
  width:510px;
}
.ie7 .monitor-14-24 {
  width:550px;
}
.ie7 .monitor-15-24 {
  width:590px;
}
.ie7 .monitor-16-24 {
  width:630px;
}
.ie7 .monitor-17-24 {
  width:670px;
}
.ie7 .monitor-18-24 {
  width:710px;
}
.ie7 .monitor-19-24 {
  width:750px;
}
.ie7 .monitor-20-24 {
  width:790px;
}
.ie7 .monitor-21-24 {
  width:830px;
}
.ie7 .monitor-22-24 {
  width:870px;
}
.ie7 .monitor-23-24 {
  width:910px;
}
.ie7 .monitor-24-24 {
  width:950px;
}

.ie7 .monitor-push-1-12 {
  margin:0 80px 0 0;
}
.ie7 .monitor-push-2-12 {
  margin:0 160px 0 0;
}
.ie7 .monitor-push-3-12 {
  margin:0 240px 0 0;
}
.ie7 .monitor-push-4-12 {
  margin:0 320px 0 0;
}
.ie7 .monitor-push-5-12 {
  margin:0 400px 0 0;
}
.ie7 .monitor-push-6-12 {
  margin:0 480px 0 0;
}
.ie7 .monitor-push-7-12 {
  margin:0 560px 0 0;
}
.ie7 .monitor-push-8-12 {
  margin:0 640px 0 0;
}
.ie7 .monitor-push-9-12 {
  margin:0 720px 0 0;
}
.ie7 .monitor-push-10-12 {
  margin:0 800px 0 0;
}
.ie7 .monitor-push-11-12 {
  margin:0 880px 0 0;
}
.ie7 .monitor-pull-1-12 {
  margin:0 0 0 80px;
}
.ie7 .monitor-pull-2-12 {
  margin:0 0 0 160px;
}
.ie7 .monitor-pull-3-12 {
  margin:0 0 0 240px;
}
.ie7 .monitor-pull-4-12 {
  margin:0 0 0 320px;
}
.ie7 .monitor-pull-5-12 {
  margin:0 0 0 400px;
}
.ie7 .monitor-pull-6-12 {
  margin:0 0 0 480px;
}
.ie7 .monitor-pull-7-12 {
  margin:0 0 0 560px;
}
.ie7 .monitor-pull-8-12 {
  margin:0 0 0 640px;
}
.ie7 .monitor-pull-9-12 {
  margin:0 0 0 720px;
}
.ie7 .monitor-pull-10-12 {
  margin:0 0 0 800px;
}
.ie7 .monitor-pull-11-12 {
  margin:0 0 0 880px;
}


.ie7 .monitor-push-1-24 {
  margin:0 40px 0 0;
}
.ie7 .monitor-push-2-24 {
  margin:0 80px 0 0;
}
.ie7 .monitor-push-3-24 {
  margin:0 120px 0 0;
}
.ie7 .monitor-push-4-24 {
  margin:0 160px 0 0;
}
.ie7 .monitor-push-5-24 {
  margin:0 200px 0 0;
}
.ie7 .monitor-push-6-24 {
  margin:0 240px 0 0;
}
.ie7 .monitor-push-7-24 {
  margin:0 280px 0 0;
}
.ie7 .monitor-push-8-24 {
  margin:0 320px 0 0;
}
.ie7 .monitor-push-9-24 {
  margin:0 360px 0 0;
}
.ie7 .monitor-push-10-24 {
  margin:0 400px 0 0;
}
.ie7 .monitor-push-11-24 {
  margin:0 440px 0 0;
}
.ie7 .monitor-push-12-24 {
  margin:0 480px 0 0;
}
.ie7 .monitor-push-13-24 {
  margin:0 520px 0 0;
}
.ie7 .monitor-push-14-24 {
  margin:0 560px 0 0;
}
.ie7 .monitor-push-15-24 {
  margin:0 600px 0 0;
}
.ie7 .monitor-push-16-24 {
  margin:0 640px 0 0;
}
.ie7 .monitor-push-17-24 {
  margin:0 680px 0 0;
}
.ie7 .monitor-push-18-24 {
  margin:0 720px 0 0;
}
.ie7 .monitor-push-19-24 {
  margin:0 760px 0 0;
}
.ie7 .monitor-push-20-24 {
  margin:0 800px 0 0;
}
.ie7 .monitor-push-21-24 {
  margin:0 840px 0 0;
}
.ie7 .monitor-push-22-24 {
  margin:0 880px 0 0;
}
.ie7 .monitor-push-23-24 {
  margin:0 920px 0 0;
}


.ie7 .monitor-pull-1-24 {
  margin:0 0 0 40px;
}
.ie7 .monitor-pull-2-24 {
  margin:0 0 0 80px;
}
.ie7 .monitor-pull-3-24 {
  margin:0 0 0 120px;
}
.ie7 .monitor-pull-4-24 {
  margin:0 0 0 160px;
}
.ie7 .monitor-pull-5-24 {
  margin:0 0 0 200px;
}
.ie7 .monitor-pull-6-24 {
  margin:0 0 0 240px;
}
.ie7 .monitor-pull-7-24 {
  margin:0 0 0 280px;
}
.ie7 .monitor-pull-8-24 {
  margin:0 0 0 320px;
}
.ie7 .monitor-pull-9-24 {
  margin:0 0 0 360px;
}
.ie7 .monitor-pull-10-24 {
  margin:0 0 0 400px;
}
.ie7 .monitor-pull-11-24 {
  margin:0 0 0 440px;
}
.ie7 .monitor-pull-12-24 {
  margin:0 0 0 480px;
}
.ie7 .monitor-pull-13-24 {
  margin:0 0 0 520px;
}
.ie7 .monitor-pull-14-24 {
  margin:0 0 0 560px;
}
.ie7 .monitor-pull-15-24 {
  margin:0 0 0 600px;
}
.ie7 .monitor-pull-16-24 {
  margin:0 0 0 640px;
}
.ie7 .monitor-pull-17-24 {
  margin:0 0 0 680px;
}
.ie7 .monitor-pull-18-24 {
  margin:0 0 0 720px;
}
.ie7 .monitor-pull-19-24 {
  margin:0 0 0 760px;
}
.ie7 .monitor-pull-20-24 {
  margin:0 0 0 800px;
}
.ie7 .monitor-pull-21-24 {
  margin:0 0 0 840px;
}
.ie7 .monitor-pull-22-24 {
  margin:0 0 0 880px;
}
.ie7 .monitor-pull-23-24 {
  margin:0 0 0 920px;
}



.ie8 .wrapper {
  width:960px;
  height:auto;
  clear:both;
  float:none;
  margin:0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
}

.ie8 .monitor-1-12,
.ie8 .monitor-2-12,
.ie8 .monitor-3-12,
.ie8 .monitor-4-12,
.ie8 .monitor-5-12,
.ie8 .monitor-6-12,
.ie8 .monitor-7-12,
.ie8 .monitor-8-12,
.ie8 .monitor-9-12,
.ie8 .monitor-10-12,
.ie8 .monitor-11-12,
.ie8 .monitor-12-12 {
    margin: 0 0 0 18px;
    display:inline-block;
    float:left;
    clear:right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
}

.ie8 .monitor-1-12 {
  width:60px;
}
.ie8 .monitor-2-12 {
  width:140px;
}
.ie8 .monitor-3-12 {
  width:220px;
}
.ie8 .monitor-4-12 {
  width:300px;
}
.ie8 .monitor-5-12 {
  width:380px;
}
.ie8 .monitor-6-12 {
  width:460px;
}
.ie8 .monitor-7-12 {
  width:540px;
}
.ie8 .monitor-8-12 {
  width:620px;
}
.ie8 .monitor-9-12 {
  width:700px;
}
.ie8 .monitor-10-12 {
  width:780px;
}
.ie8 .monitor-11-12 {
  width:860px;
}
.ie8 .monitor-12-12 {
  width:940px;
}

.ie8 .monitor-1-24,
.ie8 .monitor-2-24,
.ie8 .monitor-3-24,
.ie8 .monitor-4-24,
.ie8 .monitor-5-24,
.ie8 .monitor-6-24,
.ie8 .monitor-7-24,
.ie8 .monitor-8-24,
.ie8 .monitor-9-24,
.ie8 .monitor-10-24,
.ie8 .monitor-11-24,
.ie8 .monitor-12-24,
.ie8 .monitor-13-24,
.ie8 .monitor-14-24,
.ie8 .monitor-15-24,
.ie8 .monitor-16-24,
.ie8 .monitor-17-24,
.ie8 .monitor-18-24,
.ie8 .monitor-19-24,
.ie8 .monitor-20-24,
.ie8 .monitor-21-24,
.ie8 .monitor-22-24,
.ie8 .monitor-23-24,
.ie8 .monitor-24-24 {
    margin: 0 0 0 8px;
    display:inline-block;
    float:left;
    clear:right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
  *behavior: url('../boxsizing.htc');
}

.ie8 .monitor-1-24 {
  width:30px;
}
.ie8 .monitor-2-24 {
  width:70px;
}
.ie8 .monitor-3-24 {
  width:110px;
}
.ie8 .monitor-4-24 {
  width:150px;
}
.ie8 .monitor-5-24 {
  width:190px;
}
.ie8 .monitor-6-24 {
  width:230px;
}
.ie8 .monitor-7-24 {
  width:270px;
}
.ie8 .monitor-8-24 {
  width:310px;
}
.ie8 .monitor-9-24 {
  width:350px;
}
.ie8 .monitor-10-24 {
  width:390px;
}
.ie8 .monitor-11-24 {
  width:430px;
}
.ie8 .monitor-12-24 {
  width:470px;
}
.ie8 .monitor-13-24 {
  width:510px;
}
.ie8 .monitor-14-24 {
  width:550px;
}
.ie8 .monitor-15-24 {
  width:590px;
}
.ie8 .monitor-16-24 {
  width:630px;
}
.ie8 .monitor-17-24 {
  width:670px;
}
.ie8 .monitor-18-24 {
  width:710px;
}
.ie8 .monitor-19-24 {
  width:750px;
}
.ie8 .monitor-20-24 {
  width:790px;
}
.ie8 .monitor-21-24 {
  width:830px;
}
.ie8 .monitor-22-24 {
  width:870px;
}
.ie8 .monitor-23-24 {
  width:910px;
}
.ie8 .monitor-24-24 {
  width:950px;
}

.ie8 .monitor-push-1-12 {
  margin:0 80px 0 0;
}
.ie8 .monitor-push-2-12 {
  margin:0 160px 0 0;
}
.ie8 .monitor-push-3-12 {
  margin:0 240px 0 0;
}
.ie8 .monitor-push-4-12 {
  margin:0 320px 0 0;
}
.ie8 .monitor-push-5-12 {
  margin:0 400px 0 0;
}
.ie8 .monitor-push-6-12 {
  margin:0 480px 0 0;
}
.ie8 .monitor-push-7-12 {
  margin:0 560px 0 0;
}
.ie8 .monitor-push-8-12 {
  margin:0 640px 0 0;
}
.ie8 .monitor-push-9-12 {
  margin:0 720px 0 0;
}
.ie8 .monitor-push-10-12 {
  margin:0 800px 0 0;
}
.ie8 .monitor-push-11-12 {
  margin:0 880px 0 0;
}
.ie8 .monitor-pull-1-12 {
  margin:0 0 0 80px;
}
.ie8 .monitor-pull-2-12 {
  margin:0 0 0 160px;
}
.ie8 .monitor-pull-3-12 {
  margin:0 0 0 240px;
}
.ie8 .monitor-pull-4-12 {
  margin:0 0 0 320px;
}
.ie8 .monitor-pull-5-12 {
  margin:0 0 0 400px;
}
.ie8 .monitor-pull-6-12 {
  margin:0 0 0 480px;
}
.ie8 .monitor-pull-7-12 {
  margin:0 0 0 560px;
}
.ie8 .monitor-pull-8-12 {
  margin:0 0 0 640px;
}
.ie8 .monitor-pull-9-12 {
  margin:0 0 0 720px;
}
.ie8 .monitor-pull-10-12 {
  margin:0 0 0 800px;
}
.ie8 .monitor-pull-11-12 {
  margin:0 0 0 880px;
}


.ie8 .monitor-push-1-24 {
  margin:0 40px 0 0;
}
.ie8 .monitor-push-2-24 {
  margin:0 80px 0 0;
}
.ie8 .monitor-push-3-24 {
  margin:0 120px 0 0;
}
.ie8 .monitor-push-4-24 {
  margin:0 160px 0 0;
}
.ie8 .monitor-push-5-24 {
  margin:0 200px 0 0;
}
.ie8 .monitor-push-6-24 {
  margin:0 240px 0 0;
}
.ie8 .monitor-push-7-24 {
  margin:0 280px 0 0;
}
.ie8 .monitor-push-8-24 {
  margin:0 320px 0 0;
}
.ie8 .monitor-push-9-24 {
  margin:0 360px 0 0;
}
.ie8 .monitor-push-10-24 {
  margin:0 400px 0 0;
}
.ie8 .monitor-push-11-24 {
  margin:0 440px 0 0;
}
.ie8 .monitor-push-12-24 {
  margin:0 480px 0 0;
}
.ie8 .monitor-push-13-24 {
  margin:0 520px 0 0;
}
.ie8 .monitor-push-14-24 {
  margin:0 560px 0 0;
}
.ie8 .monitor-push-15-24 {
  margin:0 600px 0 0;
}
.ie8 .monitor-push-16-24 {
  margin:0 640px 0 0;
}
.ie8 .monitor-push-17-24 {
  margin:0 680px 0 0;
}
.ie8 .monitor-push-18-24 {
  margin:0 720px 0 0;
}
.ie8 .monitor-push-19-24 {
  margin:0 760px 0 0;
}
.ie8 .monitor-push-20-24 {
  margin:0 800px 0 0;
}
.ie8 .monitor-push-21-24 {
  margin:0 840px 0 0;
}
.ie8 .monitor-push-22-24 {
  margin:0 880px 0 0;
}
.ie8 .monitor-push-23-24 {
  margin:0 920px 0 0;
}


.ie8 .monitor-pull-1-24 {
  margin:0 0 0 40px;
}
.ie8 .monitor-pull-2-24 {
  margin:0 0 0 80px;
}
.ie8 .monitor-pull-3-24 {
  margin:0 0 0 120px;
}
.ie8 .monitor-pull-4-24 {
  margin:0 0 0 160px;
}
.ie8 .monitor-pull-5-24 {
  margin:0 0 0 200px;
}
.ie8 .monitor-pull-6-24 {
  margin:0 0 0 240px;
}
.ie8 .monitor-pull-7-24 {
  margin:0 0 0 280px;
}
.ie8 .monitor-pull-8-24 {
  margin:0 0 0 320px;
}
.ie8 .monitor-pull-9-24 {
  margin:0 0 0 360px;
}
.ie8 .monitor-pull-10-24 {
  margin:0 0 0 400px;
}
.ie8 .monitor-pull-11-24 {
  margin:0 0 0 440px;
}
.ie8 .monitor-pull-12-24 {
  margin:0 0 0 480px;
}
.ie8 .monitor-pull-13-24 {
  margin:0 0 0 520px;
}
.ie8 .monitor-pull-14-24 {
  margin:0 0 0 560px;
}
.ie8 .monitor-pull-15-24 {
  margin:0 0 0 600px;
}
.ie8 .monitor-pull-16-24 {
  margin:0 0 0 640px;
}
.ie8 .monitor-pull-17-24 {
  margin:0 0 0 680px;
}
.ie8 .monitor-pull-18-24 {
  margin:0 0 0 720px;
}
.ie8 .monitor-pull-19-24 {
  margin:0 0 0 760px;
}
.ie8 .monitor-pull-20-24 {
  margin:0 0 0 800px;
}
.ie8 .monitor-pull-21-24 {
  margin:0 0 0 840px;
}
.ie8 .monitor-pull-22-24 {
  margin:0 0 0 880px;
}
.ie8 .monitor-pull-23-24 {
  margin:0 0 0 920px;
}