/* Minification failed. Returning unminified contents.
(5866,1): run-time error CSS1019: Unexpected token, found '@'
(5866,3): run-time error CSS1019: Unexpected token, found '{'
(5868,12): run-time error CSS1031: Expected selector, found '='
(5868,12): run-time error CSS1025: Expected comma or open brace, found '='
(5869,1): run-time error CSS1019: Unexpected token, found '}'
 */
/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block; display: none;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
.bg-primary {
    color: #fff!important;
    background-color: #D71920!important;
}


.btn-default {
    color: #fff;
    background-color: #464545;
    border-color: #464545;
}

    .btn-default:hover {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

    .btn-default:hover,
    .btn-default:focus {
        background-color: #464545;
    }

    .btn-default:active,
    .btn-default.active {
        background-color: #464545;
        border-color: #464545;
    }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

    .btn-default:focus, .btn-default.focus {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

    .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

.btn-primary {
    color: #fff;
    background-color: #464545;
    border-color: #464545;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #464545;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #464545;
        border-color: #464545;
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

    .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

.btn-danger {
    color: #fff;
    background-color: #464545;
    border-color: #464545;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

    .btn-danger:hover,
    .btn-danger:focus {
        background-color: #464545;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #464545;
        border-color: #464545;
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

    .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
        color: #fff;
        background-color: #464545;
        border-color: #464545;
    }

.navbar-nav > li > .dropdown-menu {
     width: inherit; 
}
#TableGridArquivosAjuda a{
	color:#fff;
	text-decoration:none;
}

.ImagePapelParedeMiniatura
{
	float: left;
}
.CaixaPapelParede{
	background-color: #ffffff;
    background-position: center bottom;
    border: 1px solid #f0f0f0;    
    padding: 5px 5px 15px 15px; 
    width: 100%!important;
}

#TableGridArquivosParticulares a{
	color:#fff;
	text-decoration:none;
}

#TableGridAtualizacaoSistema a{
	color:#fff;
	text-decoration:none;
}
.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.circle {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circle .img {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
  border-radius: 50%;
}
.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.square {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.circle.effect1 .spinner {
  width: 230px;
  height: 230px;
  border: 10px solid #ecab18;
  border-right-color: #1ad280;
  border-bottom-color: #1ad280;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.ih-item.circle.effect1 .img {
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  width: auto;
  height: auto;
}
.ih-item.circle.effect1 .img:before {
  display: none;
}
.ih-item.circle.effect1.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect1 .info {
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.ih-item.circle.effect1 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect1 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect1 a:hover .spinner {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ih-item.circle.effect1 a:hover .info {
  opacity: 1;
}

.ih-item.circle.effect2 .img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect2.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect2 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect2 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect2 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circle.effect2.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circle.effect2.left_to_right a:hover .img {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ih-item.circle.effect2.left_to_right a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect2.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circle.effect2.right_to_left a:hover .img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ih-item.circle.effect2.right_to_left a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect2.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circle.effect2.top_to_bottom a:hover .img {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ih-item.circle.effect2.top_to_bottom a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect2.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circle.effect2.bottom_to_top a:hover .img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ih-item.circle.effect2.bottom_to_top a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect3 .img {
  z-index: 11;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect3 .info {
  background: #333333;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect3 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circle.effect3.left_to_right .img {
  -webkit-transform: scale(1) translateX(0);
  -moz-transform: scale(1) translateX(0);
  -ms-transform: scale(1) translateX(0);
  -o-transform: scale(1) translateX(0);
  transform: scale(1) translateX(0);
}
.ih-item.circle.effect3.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circle.effect3.left_to_right a:hover .img {
  -webkit-transform: scale(0.5) translateX(100%);
  -moz-transform: scale(0.5) translateX(100%);
  -ms-transform: scale(0.5) translateX(100%);
  -o-transform: scale(0.5) translateX(100%);
  transform: scale(0.5) translateX(100%);
}
.ih-item.circle.effect3.left_to_right a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect3.right_to_left .img {
  -webkit-transform: scale(1) translateX(0);
  -moz-transform: scale(1) translateX(0);
  -ms-transform: scale(1) translateX(0);
  -o-transform: scale(1) translateX(0);
  transform: scale(1) translateX(0);
}
.ih-item.circle.effect3.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circle.effect3.right_to_left a:hover .img {
  -webkit-transform: scale(0.5) translateX(-100%);
  -moz-transform: scale(0.5) translateX(-100%);
  -ms-transform: scale(0.5) translateX(-100%);
  -o-transform: scale(0.5) translateX(-100%);
  transform: scale(0.5) translateX(-100%);
}
.ih-item.circle.effect3.right_to_left a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect3.top_to_bottom .img {
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circle.effect3.top_to_bottom a:hover .img {
  -webkit-transform: scale(0.5) translateY(100%);
  -moz-transform: scale(0.5) translateY(100%);
  -ms-transform: scale(0.5) translateY(100%);
  -o-transform: scale(0.5) translateY(100%);
  transform: scale(0.5) translateY(100%);
}
.ih-item.circle.effect3.top_to_bottom a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect3.bottom_to_top .img {
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circle.effect3.bottom_to_top a:hover .img {
  -webkit-transform: scale(0.5) translateY(-100%);
  -moz-transform: scale(0.5) translateY(-100%);
  -ms-transform: scale(0.5) translateY(-100%);
  -o-transform: scale(0.5) translateY(-100%);
  transform: scale(0.5) translateY(-100%);
}
.ih-item.circle.effect3.bottom_to_top a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect4 .img {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ih-item.circle.effect4.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect4 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.ih-item.circle.effect4 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect4 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect4 a:hover .img {
  opacity: 0;
  pointer-events: none;
}
.ih-item.circle.effect4 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.circle.effect4.left_to_right .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.circle.effect4.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circle.effect4.left_to_right a:hover .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circle.effect4.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect4.right_to_left .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.circle.effect4.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circle.effect4.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circle.effect4.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect4.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circle.effect4.top_to_bottom .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circle.effect4.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circle.effect4.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect4.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circle.effect4.bottom_to_top .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circle.effect4.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circle.effect4.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect5 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circle.effect5.colored .info .info-back {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect5 .info {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ih-item.circle.effect5 .info .info-back {
  visibility: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ih-item.circle.effect5 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect5 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect5 a:hover .info {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
}
.ih-item.circle.effect5 a:hover .info .info-back {
  visibility: visible;
}

.ih-item.circle.effect6 .img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect6.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect6 .info {
  background: #333333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect6 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect6 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circle.effect6.scale_up .info {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circle.effect6.scale_up a:hover .img {
  opacity: 0;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.ih-item.circle.effect6.scale_up a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circle.effect6.scale_down .info {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.ih-item.circle.effect6.scale_down a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circle.effect6.scale_down a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circle.effect6.scale_down_up .info {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease-in-out 0.2s;
  -moz-transition: all 0.35s ease-in-out 0.2s;
  transition: all 0.35s ease-in-out 0.2s;
}
.ih-item.circle.effect6.scale_down_up a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circle.effect6.scale_down_up a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circle.effect7 .img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.ih-item.circle.effect7.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect7 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s;
}
.ih-item.circle.effect7 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect7 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect7 a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circle.effect7 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.circle.effect7.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circle.effect7.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect7.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circle.effect7.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect7.top_to_bottom .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circle.effect7.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect7.bottom_to_top .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circle.effect7.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect8.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect8 .img-container {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ih-item.circle.effect8 .img-container .img {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
}
.ih-item.circle.effect8 .info-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
}
.ih-item.circle.effect8 .info {
  width: 100%;
  height: 100%;
  background: #333333;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease-in-out 0.6s;
  -moz-transition: all 0.35s ease-in-out 0.6s;
  transition: all 0.35s ease-in-out 0.6s;
}
.ih-item.circle.effect8 .info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 45px 0 0 0;
  height: 140px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect8 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect8 a:hover .img-container {
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circle.effect8 a:hover .img-container .img {
  opacity: 0;
  pointer-events: none;
}
.ih-item.circle.effect8 a:hover .info-container {
  opacity: 1;
}
.ih-item.circle.effect8 a:hover .info-container .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circle.effect8.left_to_right .img-container .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.circle.effect8.left_to_right .info-container {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circle.effect8.left_to_right a:hover .img-container .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circle.effect8.left_to_right a:hover .info-container {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect8.right_to_left .img-container .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.circle.effect8.right_to_left .info-container {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circle.effect8.right_to_left a:hover .img-container .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circle.effect8.right_to_left a:hover .info-container {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect8.top_to_bottom .img-container .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circle.effect8.top_to_bottom .info-container {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circle.effect8.top_to_bottom a:hover .info-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect8.bottom_to_top .img-container .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circle.effect8.bottom_to_top .info-container {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circle.effect8.bottom_to_top a:hover .info-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect9 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.ih-item.circle.effect9.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect9 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s;
}
.ih-item.circle.effect9 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect9 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect9 a:hover .img {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circle.effect9 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circle.effect9.left_to_right .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.circle.effect9.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg);
}

.ih-item.circle.effect9.right_to_left .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.circle.effect9.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg);
}

.ih-item.circle.effect9.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circle.effect9.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ih-item.circle.effect9.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circle.effect9.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

.ih-item.circle.effect10 .img {
  z-index: 11;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect10 .info {
  background: #333333;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect10 .info p {
  color: #bbb;
  font-style: italic;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect10 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circle.effect10.top_to_bottom .info h3 {
  margin: 0 30px;
  padding: 25px 0 0 0;
  height: 78px;
}
.ih-item.circle.effect10.top_to_bottom .info p {
  margin: 0 30px;
  padding: 5px;
}
.ih-item.circle.effect10.top_to_bottom a:hover .img {
  -webkit-transform: translateY(50px) scale(0.5);
  -moz-transform: translateY(50px) scale(0.5);
  -ms-transform: translateY(50px) scale(0.5);
  -o-transform: translateY(50px) scale(0.5);
  transform: translateY(50px) scale(0.5);
}

.ih-item.circle.effect10.bottom_to_top .info h3 {
  margin: 95px 30px 0;
  padding: 25px 0 0 0;
  height: 78px;
}
.ih-item.circle.effect10.bottom_to_top .info p {
  margin: 0 30px;
  padding: 5px;
}
.ih-item.circle.effect10.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-50px) scale(0.5);
  -moz-transform: translateY(-50px) scale(0.5);
  -ms-transform: translateY(-50px) scale(0.5);
  -o-transform: translateY(-50px) scale(0.5);
  transform: translateY(-50px) scale(0.5);
}

.ih-item.circle.effect11 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circle.effect11 .img {
  opacity: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect11.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect11 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease 0.35s;
  -moz-transition: all 0.35s ease 0.35s;
  transition: all 0.35s ease 0.35s;
}
.ih-item.circle.effect11 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect11 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect11 a:hover .img {
  opacity: 0;
}
.ih-item.circle.effect11 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.circle.effect11.left_to_right .img {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.left_to_right .info {
  -webkit-transform: translateZ(-1000px) rotateY(-90deg);
  -moz-transform: translateZ(-1000px) rotateY(-90deg);
  -ms-transform: translateZ(-1000px) rotateY(-90deg);
  -o-transform: translateZ(-1000px) rotateY(-90deg);
  transform: translateZ(-1000px) rotateY(-90deg);
}
.ih-item.circle.effect11.left_to_right a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateY(90deg);
  -moz-transform: translateZ(-1000px) rotateY(90deg);
  -ms-transform: translateZ(-1000px) rotateY(90deg);
  -o-transform: translateZ(-1000px) rotateY(90deg);
  transform: translateZ(-1000px) rotateY(90deg);
}
.ih-item.circle.effect11.left_to_right a:hover .info {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0);
}

.ih-item.circle.effect11.right_to_left .img {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.right_to_left .info {
  -webkit-transform: translateZ(-1000px) rotateY(90deg);
  -moz-transform: translateZ(-1000px) rotateY(90deg);
  -ms-transform: translateZ(-1000px) rotateY(90deg);
  -o-transform: translateZ(-1000px) rotateY(90deg);
  transform: translateZ(-1000px) rotateY(90deg);
}
.ih-item.circle.effect11.right_to_left a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateY(-90deg);
  -moz-transform: translateZ(-1000px) rotateY(-90deg);
  -ms-transform: translateZ(-1000px) rotateY(-90deg);
  -o-transform: translateZ(-1000px) rotateY(-90deg);
  transform: translateZ(-1000px) rotateY(-90deg);
}
.ih-item.circle.effect11.right_to_left a:hover .info {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0);
}

.ih-item.circle.effect11.top_to_bottom .img {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect11.top_to_bottom .info {
  -webkit-transform: translateZ(-1000px) rotateX(90deg);
  -moz-transform: translateZ(-1000px) rotateX(90deg);
  -ms-transform: translateZ(-1000px) rotateX(90deg);
  -o-transform: translateZ(-1000px) rotateX(90deg);
  transform: translateZ(-1000px) rotateX(90deg);
}
.ih-item.circle.effect11.top_to_bottom a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateX(-90deg);
  -moz-transform: translateZ(-1000px) rotateX(-90deg);
  -ms-transform: translateZ(-1000px) rotateX(-90deg);
  -o-transform: translateZ(-1000px) rotateX(-90deg);
  transform: translateZ(-1000px) rotateX(-90deg);
}
.ih-item.circle.effect11.top_to_bottom a:hover .info {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0);
}

.ih-item.circle.effect11.bottom_to_top .img {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect11.bottom_to_top .info {
  -webkit-transform: translateZ(-1000px) rotateX(-90deg);
  -moz-transform: translateZ(-1000px) rotateX(-90deg);
  -ms-transform: translateZ(-1000px) rotateX(-90deg);
  -o-transform: translateZ(-1000px) rotateX(-90deg);
  transform: translateZ(-1000px) rotateX(-90deg);
}
.ih-item.circle.effect11.bottom_to_top a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateX(90deg);
  -moz-transform: translateZ(-1000px) rotateX(90deg);
  -ms-transform: translateZ(-1000px) rotateX(90deg);
  -o-transform: translateZ(-1000px) rotateX(90deg);
  transform: translateZ(-1000px) rotateX(90deg);
}
.ih-item.circle.effect11.bottom_to_top a:hover .info {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0);
}

.ih-item.circle.effect12 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect12.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect12 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect12 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect12 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect12 a:hover .img {
  opacity: 0;
  pointer-events: none;
}
.ih-item.circle.effect12 a:hover .info {
  opacity: 1;
  visibility: visible;
}

.ih-item.circle.effect12.left_to_right .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.circle.effect12.left_to_right .info {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg);
}
.ih-item.circle.effect12.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg);
}
.ih-item.circle.effect12.left_to_right a:hover .info {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.circle.effect12.right_to_left .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.circle.effect12.right_to_left .info {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.right_to_left a:hover .info {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.circle.effect12.top_to_bottom .img {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
}
.ih-item.circle.effect12.top_to_bottom .info {
  -webkit-transform: translateY(-100%) rotate(-180deg);
  -moz-transform: translateY(-100%) rotate(-180deg);
  -ms-transform: translateY(-100%) rotate(-180deg);
  -o-transform: translateY(-100%) rotate(-180deg);
  transform: translateY(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%) rotate(-180deg);
  -moz-transform: translateY(-100%) rotate(-180deg);
  -ms-transform: translateY(-100%) rotate(-180deg);
  -o-transform: translateY(-100%) rotate(-180deg);
  transform: translateY(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.circle.effect12.bottom_to_top .img {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
}
.ih-item.circle.effect12.bottom_to_top .info {
  -webkit-transform: translateY(100%) rotate(180deg);
  -moz-transform: translateY(100%) rotate(180deg);
  -ms-transform: translateY(100%) rotate(180deg);
  -o-transform: translateY(100%) rotate(180deg);
  transform: translateY(100%) rotate(180deg);
}
.ih-item.circle.effect12.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%) rotate(180deg);
  -moz-transform: translateY(100%) rotate(180deg);
  -ms-transform: translateY(100%) rotate(180deg);
  -o-transform: translateY(100%) rotate(180deg);
  transform: translateY(100%) rotate(180deg);
}
.ih-item.circle.effect12.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.circle.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect13 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 .info h3 {
  visibility: hidden;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 .info p {
  visibility: hidden;
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 a:hover .info {
  opacity: 1;
}
.ih-item.circle.effect13 a:hover h3 {
  visibility: visible;
}
.ih-item.circle.effect13 a:hover p {
  visibility: visible;
}

.ih-item.circle.effect13.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circle.effect13.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circle.effect13.from_left_and_right a:hover h3 {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.circle.effect13.from_left_and_right a:hover p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circle.effect13.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circle.effect13.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circle.effect13.top_to_bottom a:hover h3 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circle.effect13.top_to_bottom a:hover p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect13.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circle.effect13.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circle.effect13.bottom_to_top a:hover h3 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circle.effect13.bottom_to_top a:hover p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect14 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circle.effect14 .img {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.ih-item.circle.effect14.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect14 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.circle.effect14 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect14 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect14 a:hover .img {
  opacity: 0;
  visibility: hidden;
}
.ih-item.circle.effect14 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.circle.effect14.left_to_right .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.circle.effect14.left_to_right .info {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.circle.effect14.left_to_right a:hover .img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.ih-item.circle.effect14.left_to_right a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.ih-item.circle.effect14.right_to_left .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.circle.effect14.right_to_left .info {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.circle.effect14.right_to_left a:hover .img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.ih-item.circle.effect14.right_to_left a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.ih-item.circle.effect14.top_to_bottom .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.circle.effect14.top_to_bottom .info {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.circle.effect14.top_to_bottom a:hover .img {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.ih-item.circle.effect14.top_to_bottom a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}

.ih-item.circle.effect14.bottom_to_top .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.circle.effect14.bottom_to_top .info {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.circle.effect14.bottom_to_top a:hover .img {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.ih-item.circle.effect14.bottom_to_top a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}

.ih-item.circle.effect15 .img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect15.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect15 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5) rotate(-720deg);
  -moz-transform: scale(0.5) rotate(-720deg);
  -ms-transform: scale(0.5) rotate(-720deg);
  -o-transform: scale(0.5) rotate(-720deg);
  transform: scale(0.5) rotate(-720deg);
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.circle.effect15 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect15 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect15 a:hover .img {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5) rotate(720deg);
  -moz-transform: scale(0.5) rotate(720deg);
  -ms-transform: scale(0.5) rotate(720deg);
  -o-transform: scale(0.5) rotate(720deg);
  transform: scale(0.5) rotate(720deg);
}
.ih-item.circle.effect15 a:hover .info {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}

.ih-item.circle.effect16 .img {
  z-index: 11;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect16 .info {
  background: #333333;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect16 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.ih-item.circle.effect16.left_to_right .img {
  -webkit-transform-origin: 95% 40%;
  -moz-transform-origin: 95% 40%;
  -ms-transform-origin: 95% 40%;
  -o-transform-origin: 95% 40%;
  transform-origin: 95% 40%;
}
.ih-item.circle.effect16.left_to_right .img:after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  top: 40%;
  left: 95%;
  margin: -4px 0 0 -4px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.ih-item.circle.effect16.left_to_right a:hover .img {
  -webkit-transform: rotate(-120deg);
  -moz-transform: rotate(-120deg);
  -ms-transform: rotate(-120deg);
  -o-transform: rotate(-120deg);
  transform: rotate(-120deg);
}

.ih-item.circle.effect16.right_to_left .img {
  -webkit-transform-origin: 5% 40%;
  -moz-transform-origin: 5% 40%;
  -ms-transform-origin: 5% 40%;
  -o-transform-origin: 5% 40%;
  transform-origin: 5% 40%;
}
.ih-item.circle.effect16.right_to_left .img:after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  top: 40%;
  left: 5%;
  margin: -4px 0 0 -4px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.ih-item.circle.effect16.right_to_left a:hover .img {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}

.ih-item.circle.effect17 .info {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect17 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect17 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect17 a:hover .img:before {
  box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ih-item.circle.effect17 a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.circle.effect17 a:hover .info p {
  opacity: 1;
}
.ih-item.circle.effect17.colored a:hover .img:before {
  box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.ih-item.circle.effect18 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circle.effect18 .img {
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ih-item.circle.effect18.colored .info .info-back {
  background: #1a4a72;
}
.ih-item.circle.effect18 .info {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ih-item.circle.effect18 .info .info-back {
  opacity: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333333;
}
.ih-item.circle.effect18 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect18 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circle.effect18.bottom_to_top .img {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.circle.effect18.bottom_to_top a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
  -moz-transform: rotate3d(1, 0, 0, 180deg);
  -ms-transform: rotate3d(1, 0, 0, 180deg);
  -o-transform: rotate3d(1, 0, 0, 180deg);
  transform: rotate3d(1, 0, 0, 180deg);
}

.ih-item.circle.effect18.top_to_bottom .img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.circle.effect18.top_to_bottom a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, -180deg);
  -moz-transform: rotate3d(1, 0, 0, -180deg);
  -ms-transform: rotate3d(1, 0, 0, -180deg);
  -o-transform: rotate3d(1, 0, 0, -180deg);
  transform: rotate3d(1, 0, 0, -180deg);
}

.ih-item.circle.effect18.left_to_right .img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.circle.effect18.left_to_right a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
}

.ih-item.circle.effect18.right_to_left .img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.circle.effect18.right_to_left a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
}

.ih-item.circle.effect19.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect19 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect19 .info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 45px 0 0 0;
  height: 140px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect19 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect19 a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circle.effect20 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circle.effect20 .img {
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ih-item.circle.effect20.colored .info .info-back {
  background: #1a4a72;
}
.ih-item.circle.effect20 .info {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ih-item.circle.effect20 .info .info-back {
  opacity: 1;
  visibility: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333333;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ih-item.circle.effect20 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect20 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect20 a:hover .img {
  opacity: 0;
}
.ih-item.circle.effect20 a:hover .info .info-back {
  opacity: 1;
  visibility: visible;
}

.ih-item.circle.effect20.top_to_bottom .info .info-back {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.circle.effect20.top_to_bottom a:hover .img {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
}

.ih-item.circle.effect20.bottom_to_top .info .info-back {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.circle.effect20.bottom_to_top a:hover .img {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
}

.ih-item.square.effect1 {
  overflow: hidden;
}
.ih-item.square.effect1.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect1 .img {
  z-index: 11;
  position: absolute;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect1 .info {
  background: #333333;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect1 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.square.effect1.left_and_right .info h3 {
  position: absolute;
  top: 12px;
  left: 12px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  margin: 0;
}
.ih-item.square.effect1.left_and_right .info p {
  position: absolute;
  right: 12px;
  bottom: 12px;
  margin: 0;
  font-style: italic;
  font-size: 12px;
  color: #bbb;
}
.ih-item.square.effect1.left_and_right a:hover .img {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}

.ih-item.square.effect1.top_to_bottom .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 10px 0 0 0;
}
.ih-item.square.effect1.top_to_bottom .info p {
  font-style: italic;
  font-size: 12px;
  color: #bbb;
  padding: 5px;
  text-align: center;
}
.ih-item.square.effect1.top_to_bottom a:hover .img {
  -webkit-transform: translateY(30px) scale(0.6);
  -moz-transform: translateY(30px) scale(0.6);
  -ms-transform: translateY(30px) scale(0.6);
  -o-transform: translateY(30px) scale(0.6);
  transform: translateY(30px) scale(0.6);
}

.ih-item.square.effect1.bottom_to_top .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 134px 0 0 0;
}
.ih-item.square.effect1.bottom_to_top .info p {
  font-style: italic;
  font-size: 12px;
  color: #bbb;
  padding: 5px;
  text-align: center;
}
.ih-item.square.effect1.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-30px) scale(0.6);
  -moz-transform: translateY(-30px) scale(0.6);
  -ms-transform: translateY(-30px) scale(0.6);
  -o-transform: translateY(-30px) scale(0.6);
  transform: translateY(-30px) scale(0.6);
}

.ih-item.square.effect2 {
  overflow: hidden;
}
.ih-item.square.effect2.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect2.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect2 .img {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: rotate(0deg) scale(1);
  -moz-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  -o-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}
.ih-item.square.effect2 .info {
  background: #333333;
  visibility: hidden;
  -webkit-transition: all 0.35s 0.3s ease-in-out;
  -moz-transition: all 0.35s 0.3s ease-in-out;
  transition: all 0.35s 0.3s ease-in-out;
}
.ih-item.square.effect2 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -o-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all 0.35s 0.6s ease-in-out;
  -moz-transition: all 0.35s 0.6s ease-in-out;
  transition: all 0.35s 0.6s ease-in-out;
}
.ih-item.square.effect2 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -o-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all 0.35s 0.5s linear;
  -moz-transition: all 0.35s 0.5s linear;
  transition: all 0.35s 0.5s linear;
}
.ih-item.square.effect2 a:hover .img {
  -webkit-transform: rotate(720deg) scale(0);
  -moz-transform: rotate(720deg) scale(0);
  -ms-transform: rotate(720deg) scale(0);
  -o-transform: rotate(720deg) scale(0);
  transform: rotate(720deg) scale(0);
  opacity: 0;
}
.ih-item.square.effect2 a:hover .info {
  visibility: visible;
}
.ih-item.square.effect2 a:hover .info h3,
.ih-item.square.effect2 a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect3 {
  overflow: hidden;
}
.ih-item.square.effect3.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect3 .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info {
  height: 65px;
  background: #333333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 4px 0 0 0;
}
.ih-item.square.effect3 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 5px;
  text-align: center;
}
.ih-item.square.effect3 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect3.bottom_to_top .info {
  top: auto;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect3.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}
.ih-item.square.effect3.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect3.top_to_bottom .info {
  bottom: auto;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect3.top_to_bottom a:hover .img {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.ih-item.square.effect3.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect4 {
  overflow: hidden;
  position: relative;
}
.ih-item.square.effect4.colored .info {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect4 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
  position: absolute;
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  height: 361px;
  width: 361px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1 {
  left: auto;
  right: 0;
  top: 0;
  -webkit-transform: rotate(56.5deg) translateX(-180px);
  -moz-transform: rotate(56.5deg) translateX(-180px);
  -ms-transform: rotate(56.5deg) translateX(-180px);
  -o-transform: rotate(56.5deg) translateX(-180px);
  transform: rotate(56.5deg) translateX(-180px);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.ih-item.square.effect4 .mask2 {
  top: auto;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(56.5deg) translateX(180px);
  -moz-transform: rotate(56.5deg) translateX(180px);
  -ms-transform: rotate(56.5deg) translateX(180px);
  -o-transform: rotate(56.5deg) translateX(180px);
  transform: rotate(56.5deg) translateX(180px);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.ih-item.square.effect4 .info {
  background: #111111;
  height: 0;
  visibility: hidden;
  width: 361px;
  -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
  -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
  -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
  -o-transform: rotate(-33.5deg) translate(-112px, 166px);
  transform: rotate(-33.5deg) translate(-112px, 166px);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: transparent;
  margin-top: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 a:hover .mask1 {
  -webkit-transform: rotate(56.5deg) translateX(1px);
  -moz-transform: rotate(56.5deg) translateX(1px);
  -ms-transform: rotate(56.5deg) translateX(1px);
  -o-transform: rotate(56.5deg) translateX(1px);
  transform: rotate(56.5deg) translateX(1px);
}
.ih-item.square.effect4 a:hover .mask2 {
  -webkit-transform: rotate(56.5deg) translateX(-1px);
  -moz-transform: rotate(56.5deg) translateX(-1px);
  -ms-transform: rotate(56.5deg) translateX(-1px);
  -o-transform: rotate(56.5deg) translateX(-1px);
  transform: rotate(56.5deg) translateX(-1px);
}
.ih-item.square.effect4 a:hover .info {
  width: 300px;
  height: 120px;
  visibility: visible;
  top: 40px;
  -webkit-transform: rotate(0deg) translate(0, 0);
  -moz-transform: rotate(0deg) translate(0, 0);
  -ms-transform: rotate(0deg) translate(0, 0);
  -o-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
  opacity: 1;
}

.ih-item.square.effect5.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect5.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect5 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect5 .info {
  background: #333333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect5 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect5 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect5 a:hover .img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0;
}
.ih-item.square.effect5 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.ih-item.square.effect5.left_to_right .info {
  -webkit-transform: scale(0) rotate(-180deg);
  -moz-transform: scale(0) rotate(-180deg);
  -ms-transform: scale(0) rotate(-180deg);
  -o-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
}

.ih-item.square.effect5.right_to_left .info {
  -webkit-transform: scale(0) rotate(180deg);
  -moz-transform: scale(0) rotate(180deg);
  -ms-transform: scale(0) rotate(180deg);
  -o-transform: scale(0) rotate(180deg);
  transform: scale(0) rotate(180deg);
}

.ih-item.square.effect6 {
  overflow: hidden;
}
.ih-item.square.effect6.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect6.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect6 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect6 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s 0.1s linear;
  -moz-transition: all 0.35s 0.1s linear;
  transition: all 0.35s 0.1s linear;
}
.ih-item.square.effect6 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect6 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect6.from_top_and_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.from_top_and_bottom .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect6.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect6.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect6.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect6.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect7 {
  overflow: hidden;
}
.ih-item.square.effect7.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect7.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect7 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect7 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect7 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect7 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect7 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect7 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect7 a:hover .info h3,
.ih-item.square.effect7 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.square.effect8 {
  overflow: hidden;
}
.ih-item.square.effect8.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect8.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect8 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect8 .info {
  background: #333333;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect8 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect8 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s 0.15s linear;
  -moz-transition: all 0.35s 0.15s linear;
  transition: all 0.35s 0.15s linear;
}
.ih-item.square.effect8 a:hover .img {
  opacity: 0;
}
.ih-item.square.effect8 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect8.scale_up .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect8.scale_up .info {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.ih-item.square.effect8.scale_up .info h3,
.ih-item.square.effect8.scale_up .info p {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.ih-item.square.effect8.scale_up a:hover .img {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
}
.ih-item.square.effect8.scale_up a:hover .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect8.scale_up a:hover .info h3,
.ih-item.square.effect8.scale_up a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.square.effect8.scale_down .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect8.scale_down .info {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
}
.ih-item.square.effect8.scale_down .info h3,
.ih-item.square.effect8.scale_down .info p {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
}
.ih-item.square.effect8.scale_down a:hover .img {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.square.effect8.scale_down a:hover .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect8.scale_down a:hover .info h3,
.ih-item.square.effect8.scale_down a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.square.effect9 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.square.effect9.colored .info .info-back {
  background: #1a4a72;
}
.ih-item.square.effect9.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect9 .img {
  position: relative;
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ih-item.square.effect9 .info {
  z-index: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ih-item.square.effect9 .info .info-back {
  opacity: 1;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  background: #333333;
}
.ih-item.square.effect9 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 0;
}
.ih-item.square.effect9 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}

.ih-item.square.effect9.left_to_right .img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.square.effect9.left_to_right a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
}

.ih-item.square.effect9.right_to_left .img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.square.effect9.right_to_left a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
}

.ih-item.square.effect9.top_to_bottom .img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.square.effect9.top_to_bottom a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, -180deg);
  -moz-transform: rotate3d(1, 0, 0, -180deg);
  -ms-transform: rotate3d(1, 0, 0, -180deg);
  -o-transform: rotate3d(1, 0, 0, -180deg);
  transform: rotate3d(1, 0, 0, -180deg);
}

.ih-item.square.effect9.bottom_to_top .img {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.square.effect9.bottom_to_top a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
  -moz-transform: rotate3d(1, 0, 0, 180deg);
  -ms-transform: rotate3d(1, 0, 0, 180deg);
  -o-transform: rotate3d(1, 0, 0, 180deg);
  transform: rotate3d(1, 0, 0, 180deg);
}

.ih-item.square.effect10 {
  overflow: hidden;
}
.ih-item.square.effect10.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect10.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect10 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect10 .info {
  background: #333333;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect10 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect10 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect10 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect10.left_to_right .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.square.effect10.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect10.left_to_right a:hover .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect10.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect10.right_to_left .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.square.effect10.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect10.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect10.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect10.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.square.effect10.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect10.top_to_bottom a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect10.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect10.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.square.effect10.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect10.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect10.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect11 {
  overflow: hidden;
}
.ih-item.square.effect11.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect11.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect11 .img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect11 .info {
  background: #333333;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s;
}
.ih-item.square.effect11 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect11 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect11 a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.square.effect11 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect11.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect11.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect11.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect11.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect11.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect11.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect11.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect11.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect12 {
  overflow: hidden;
}
.ih-item.square.effect12.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect12.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect12 .img {
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.ih-item.square.effect12 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ih-item.square.effect12 a:hover .info h3 {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.ih-item.square.effect12 a:hover .info p {
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.ih-item.square.effect12.left_to_right .info {
  -webkit-transform: translate(-460px, -100px) rotate(-180deg);
  -moz-transform: translate(-460px, -100px) rotate(-180deg);
  -ms-transform: translate(-460px, -100px) rotate(-180deg);
  -o-transform: translate(-460px, -100px) rotate(-180deg);
  transform: translate(-460px, -100px) rotate(-180deg);
}
.ih-item.square.effect12.left_to_right .info h3 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
}
.ih-item.square.effect12.left_to_right .info p {
  -webkit-transform: translateX(-300px) rotate(-90deg);
  -moz-transform: translateX(-300px) rotate(-90deg);
  -ms-transform: translateX(-300px) rotate(-90deg);
  -o-transform: translateX(-300px) rotate(-90deg);
  transform: translateX(-300px) rotate(-90deg);
}
.ih-item.square.effect12.left_to_right a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.ih-item.square.effect12.left_to_right a:hover .info h3 {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.ih-item.square.effect12.left_to_right a:hover .info p {
  -webkit-transform: translateX(0px) rotate(0deg);
  -moz-transform: translateX(0px) rotate(0deg);
  -ms-transform: translateX(0px) rotate(0deg);
  -o-transform: translateX(0px) rotate(0deg);
  transform: translateX(0px) rotate(0deg);
}

.ih-item.square.effect12.right_to_left .info {
  -webkit-transform: translate(460px, -100px) rotate(180deg);
  -moz-transform: translate(460px, -100px) rotate(180deg);
  -ms-transform: translate(460px, -100px) rotate(180deg);
  -o-transform: translate(460px, -100px) rotate(180deg);
  transform: translate(460px, -100px) rotate(180deg);
}
.ih-item.square.effect12.right_to_left .info h3 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
}
.ih-item.square.effect12.right_to_left .info p {
  -webkit-transform: translateX(300px) rotate(90deg);
  -moz-transform: translateX(300px) rotate(90deg);
  -ms-transform: translateX(300px) rotate(90deg);
  -o-transform: translateX(300px) rotate(90deg);
  transform: translateX(300px) rotate(90deg);
}
.ih-item.square.effect12.right_to_left a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.ih-item.square.effect12.right_to_left a:hover .info h3 {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.ih-item.square.effect12.right_to_left a:hover .info p {
  -webkit-transform: translateX(0px) rotate(0deg);
  -moz-transform: translateX(0px) rotate(0deg);
  -ms-transform: translateX(0px) rotate(0deg);
  -o-transform: translateX(0px) rotate(0deg);
  transform: translateX(0px) rotate(0deg);
}

.ih-item.square.effect12.top_to_bottom .info {
  -webkit-transform: translate(-265px, -145px) rotate(-45deg);
  -moz-transform: translate(-265px, -145px) rotate(-45deg);
  -ms-transform: translate(-265px, -145px) rotate(-45deg);
  -o-transform: translate(-265px, -145px) rotate(-45deg);
  transform: translate(-265px, -145px) rotate(-45deg);
}
.ih-item.square.effect12.top_to_bottom .info h3 {
  -webkit-transform: translate(200px, -200px);
  -moz-transform: translate(200px, -200px);
  -ms-transform: translate(200px, -200px);
  -o-transform: translate(200px, -200px);
  transform: translate(200px, -200px);
}
.ih-item.square.effect12.top_to_bottom .info p {
  -webkit-transform: translate(200px, -200px);
  -moz-transform: translate(200px, -200px);
  -ms-transform: translate(200px, -200px);
  -o-transform: translate(200px, -200px);
  transform: translate(200px, -200px);
}
.ih-item.square.effect12.top_to_bottom a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ih-item.square.effect12.top_to_bottom a:hover .info h3 {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.ih-item.square.effect12.top_to_bottom a:hover .info p {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.square.effect12.bottom_to_top .info {
  -webkit-transform: translate(265px, 145px) rotate(45deg);
  -moz-transform: translate(265px, 145px) rotate(45deg);
  -ms-transform: translate(265px, 145px) rotate(45deg);
  -o-transform: translate(265px, 145px) rotate(45deg);
  transform: translate(265px, 145px) rotate(45deg);
}
.ih-item.square.effect12.bottom_to_top .info h3 {
  -webkit-transform: translate(200px, -200px);
  -moz-transform: translate(200px, -200px);
  -ms-transform: translate(200px, -200px);
  -o-transform: translate(200px, -200px);
  transform: translate(200px, -200px);
}
.ih-item.square.effect12.bottom_to_top .info p {
  -webkit-transform: translate(-200px, 200px);
  -moz-transform: translate(-200px, 200px);
  -ms-transform: translate(-200px, 200px);
  -o-transform: translate(-200px, 200px);
  transform: translate(-200px, 200px);
}
.ih-item.square.effect12.bottom_to_top a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ih-item.square.effect12.bottom_to_top a:hover .info h3 {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.ih-item.square.effect12.bottom_to_top a:hover .info p {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.square.effect13 {
  overflow: hidden;
}
.ih-item.square.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect13.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect13 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect13 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect13 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect13 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect13 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect13 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect13.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect13.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect13.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect13.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect13.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect13.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect13.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect13.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect14.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect14.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect14 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect14 .info {
  background: #333333;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s;
}
.ih-item.square.effect14 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect14 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect14 a:hover .img {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.square.effect14 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.square.effect14.left_to_right .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.square.effect14.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg);
}

.ih-item.square.effect14.right_to_left .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.square.effect14.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg);
}

.ih-item.square.effect14.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.square.effect14.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ih-item.square.effect14.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.square.effect14.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

.ih-item.square.effect15 {
  overflow: hidden;
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.square.effect15.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect15 .img {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ih-item.square.effect15 .info {
  background: #333333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.square.effect15 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect15 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect15 a:hover .img {
  opacity: 0;
  visibility: hidden;
}
.ih-item.square.effect15 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect15.left_to_right .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.square.effect15.left_to_right .info {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.square.effect15.left_to_right a:hover .img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.ih-item.square.effect15.left_to_right a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.ih-item.square.effect15.right_to_left .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.square.effect15.right_to_left .info {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.square.effect15.right_to_left a:hover .img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.ih-item.square.effect15.right_to_left a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.ih-item.square.effect15.top_to_bottom .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.square.effect15.top_to_bottom .info {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.square.effect15.top_to_bottom a:hover .img {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.ih-item.square.effect15.top_to_bottom a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}

.ih-item.square.effect15.bottom_to_top .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.square.effect15.bottom_to_top .info {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.square.effect15.bottom_to_top a:hover .img {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.ih-item.square.effect15.bottom_to_top a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}

.formLoginSuporte {
    display: none;
    height: auto;
    right: 0;
    top: 114%;
    background-color: #b81319;
}
 
#divLogin {
    text-transform: none !important;
    line-height: normal !important;
    position: absolute;
    z-index: 999;
    -webkit-box-shadow: 2px 2px 27px 3px rgba(58, 58, 58, 0.84);
    -moz-box-shadow: 2px 2px 27px 3px rgba(58, 58, 58, 0.84);
    box-shadow: 2px 2px 27px 3px rgba(58, 58, 58, 0.84);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.caixaTextoCodigo .form-control, .caixaTextoEmail .form-control, .caixaTextoSenha .form-control { 
    /*font-size: 16px;*/
}

/* SETA LOGIN */
.bubble-top-comercial {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .bubble-top-comercial:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: top;
        transition-property: top;
        left: calc(90% - 10px);
        top: -10px;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #b81319 transparent;
    }

.wrapperLoginSuporte {
    padding: 3%;
}

    .wrapperLoginSuporte a {
        padding: 0;
    }

        .wrapperLoginSuporte a:hover {
            text-decoration: underline !important;
        }

.CaixaLoginTitulo {
    margin-bottom: 10px;
}

    .CaixaLoginTitulo h1 {
        color: #ffffff;
    }

#linkEsqueciSenha {
    margin-top: 2%;
    color: #ffffff !important;
    display: block;
}

#linkNaoSouCliente {
    margin-top: 5px;
    color: #ffffff !important;
}

.buttonLogar {
    width: 27%;
    margin-top: 5px;
    color: #ce181e;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 12px;
    background-color: #ffffff;
    -webkit-transition: background-color .01s ease-out;
    -moz-transition: background-color .01s ease-out;
    -ms-transition: background-color .01s ease-out;
    -o-transition: background-color .01s ease-out;
    transition: background-color .5s ease-out;
}

    .buttonLogar:hover {
        color: #ffffff;
        background-color: #ce181e;
        border: 1px solid #ffffff;
    }

.caixaTextoCodigo {
    float: left;
    width: 27%;
    margin-right: 5px;
}

.caixaTextoEmail {
    float: left;
    width: 70%;
}

    .caixaTextoEmail input {
        background-color: #ffffff !important;
    }

.caixaTextoSenha {
    float: left;
    width: 70%;
    margin-right: 5px;
    margin-top: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wrapperLoginSuporte .error {
    color: #ffffff !important;
    background-color: black !important;
    border: 0 !important;
}

.caixaTextoCodigo ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 20px;
}


input:-ms-input-placeholder {
    color: #979191 !important;
    font-size: 13px !important;
}

input::-webkit-input-placeholder {
    color: #979191 !important;
    font-size: 13px !important;
}

input:-moz-placeholder {
    color: #979191 !important;
    font-size: 13px !important;
}

/* firefox 19+ */
input::-moz-placeholder {
    color: #979191 !important;
    /*font-size: 13px !important;*/
}

/**************************************************************************** CSS TELA LOGIN NO MODO MOBILE ****************************************************************************************/


.formLoginSuporteMobile {
    display: none;
    height: auto;
    padding: 15px;
    background-color: #D71920;
    margin-bottom: 5px;
    margin-top: 5px;
}

.campoLoginSuporteMobile {
    margin-bottom: 5px;
}

#linkEsqueciSenhaLoginSuporteMobile {
    color: #D71920 !important;
}

#linkNaoSouCadastradoLoginSuporteMobile {
    color: #D71920 !important;
}

.backgroundImage {
    background-image: url('../../../../Images/web-background.jpg');
}

.VoltarPageInicial {
    position: absolute;
    top: 1%;
    right: 6%;
}

    .VoltarPageInicial a {
        color: #337ab7;
    }

    .VoltarPageInicial span {
        margin-right: 5px;
    }

.form-signin {
    padding: 15px;
    margin: 0 auto;
}

    .form-signin a {
        color: #337ab7;
    }

/*.account-wall {
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #f7f7f7;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}*/

.login-title {
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.glyphicon-minus:before {
    font-size: 10pt;
}

.profile-img {
    margin: 4% auto 10px;
    display: block;
}

.help {
    margin-top: 10px;
    display: block;
    text-align: center;
}

.wrapperRodape {
    height: 35px;
    margin: 1% 0;
}

    .wrapperRodape p {
        padding-top: 1%;
        font-size: 16pt;
        color: #ffffff;
    }

.glyphicon-earphone {
    color: red;
}

.error {
    margin: 1% 0 2%;
    display: block;
}

/*  Detalhes  */

.detalhes-noticias{
	margin-top: 2%;
}

.detalhes-noticias img{
	width: 100%;
}

.teste{
	margin-top: 15%;
}

.detalhes-noticias .media-body{
	display: block !important;
}

.detalhes-noticias .media-left, .media>.pull-left{
	padding-right: 0px !important;
}

.detalhes-noticias a{
	margin-right: 2%;
}
#TableGridAtualizacaoSistema #TableGridLiberador #TableGridPenDrive .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.table > thead > tr > th > a {
	color: #fff !important;
	text-decoration: none;
}

#TableGridAtualizacaoSistema .Coluna4{
	width:15%;
}

#TableGridLiberador .Coluna4{
	width:15%;
}

#TableGridPenDrive .Coluna4{
	width:15%;
}


#TableGridAtualizacaoSistema .Coluna3{
	width:20%;
}

#TableGridLiberador .Coluna3{
	width:20%;
}

#TableGridPenDrive .Coluna3{
	width:20%;
}

#TableGridAtualizacaoSistema .Coluna2{
	width:15%;
}

#TableGridLiberador .Coluna2{
	width:15%;
}

#TableGridPenDrive .Coluna2{
	width:15%;
}


.atualizacaoSistema .table > tbody > tr > td:first-child {
	text-align: left !important;
}

#HistoricoAtualizacaoSistema table{
	overflow-x: hidden;
}
.PainelDadosCliente p > a {
	margin: 2% 0 5% 0;
	text-align: justify;
}

.PainelDadosCliente p {
	font-size: 16px !important;
	color: #000 !important;
}

.PainelDadosCliente a {
	font-size: 18px !important;
	color: darkblue;
}

.TextoPainelDadosCliente p {
	margin: 2% 0 5% 0;
	text-align: justify;
	font-size: 12pt !important;
	color: #333 !important;
}

.TextoPainelDadosCliente a {
	text-align: justify;
	font-size: 12pt !important;
}

.TextoRecuperarSenha p {
	margin: 2% 0 5% 0;
	font-size: 22px !important;
	text-align: justify;
	color: #000 !important;
}

.CaixaTextoAdicional {
	width: 90% !important;
}

	.CaixaTextoAdicional strong {
		font-size: 16px !important;
		text-align: justify;
		color: #333 !important;
	}

	.CaixaTextoAdicional p {
		text-align: justify;
		font-size: 12pt !important;
		color: #333 !important;
	}

	.CaixaTextoAdicional a {
		text-align: justify;
		font-size: 12pt !important;
		color: darkblue;
	}


.paginacaoFake {
	display: none;
}

/* Versões mais recentes */

#GridSistemasRecentes h5 {
	padding-right: 2%;
}

.fundoVersoesRecentes {
	background-color: #191c1f;
	padding: 2px 25px 2px 0;
}

.wrapperVersoesRecentes {
	background: url('/Content/themes/Suporte/Images/see-all_lgrey.png') right center no-repeat;
	width: 100%;
}

	.wrapperVersoesRecentes h4 {
		color: #fff;
		font-size: 26px !important;
		padding: 10px 0 10px 20px;
	}

#VersoesRecentes {
	padding-right: 0px !important;
}


	#VersoesRecentes table thead tr {
		background-color: #D71920;
	}

	#VersoesRecentes .panel-default {
		border-color: #D71920;
	}

		#VersoesRecentes .table > tbody > tr > td:last-child {
			border-right: 1px solid transparent;
		}

	#VersoesRecentes .table > tbody {
		border-bottom: 1px solid #ddd;
	}

	#VersoesRecentes th {
		color: #fff;
		font-size: 18px;
		text-align: center;
	}

	#VersoesRecentes .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
		padding: 2px 8px 2px 8px !important;
	}

	#VersoesRecentes table tbody td span {
		top: 4px;
		display: block;
		text-align: center;
	}

	#VersoesRecentes table tbody td a {
		color: #333;
		text-decoration: none;
	}

		#VersoesRecentes table tbody td a:hover {
			color: #000;
			text-decoration: none;
		}

#TableMensagens a {
	color: #fff;
	text-decoration: none;
}



.Paginacao a {
	color: #428bca !important;
}

.Paginacao td {
	border-right: 0px !important;
}

#TableSistemasAdquiridos a {
	color: #fff;
	text-decoration: none;
}

.MensagemConteudo {
	background-color: #f4f4f4;
	border: 1px solid #cccccc;
	font-size: 9pt;
	margin: 6px 0;
	padding: 6px;
}

	.MensagemConteudo p {
		background-color: #f4f4f4;
		font-size: 9pt;
		margin: 6px 0;
		padding: 6px;
	}

	.MensagemConteudo img {
		width: 100%;
	}

.TituloMensagem {
    /*color: #996633;*/
    color: #515151;
    font-size: 9pt;
}

.DataMensagem {
	font-size: 8pt;
	margin-top: 1%;
	margin-bottom: 2%;
}

.DestinatarioMensagem {
	font-size: 9pt;
	font-weight: bold;
}

#TableRequisicoes a {
	color: #fff;
	text-decoration: none;
}


/* Situação dos Sistemas */

.dataInicio {
	text-align: center;
}

.dataFim {
	text-align: center;
}

.iconInformacoes {
	text-align: center;
}

#TableAcompanhamento a {
	color: #fff;
	text-decoration: none;
}

#TableUsuarioCliente a {
	color: #fff;
	text-decoration: none;
}

#TableDuplicatas a {
	color: #fff !important;
	text-decoration: none;
	font-size: 10pt !important;
}

#TableDuplicatas .table thead tr th a {
	color: #fff !important;
}


/*============================================== declaração anual de débito ===========================================================*/
#BoxMaster {
	background-color: #ffffff;
	background-image: none;
	border: 1px solid;
	font-size: 11pt;
	margin-top: 1%;
	padding: 4%;
	text-align: left;
}

#Cabecalho img {
	float: right;
	margin-bottom: 3%;
}

#DadosPessoa p {
	/*border-style: solid;
            border-width: 1px;*/
	clear: both;
	margin-bottom: 3%;
	padding: 1%;
	text-align: justify;
}

#Declaracao {
}

#TituloDeclaracao {
	text-align: center;
	font-weight: bold;
	margin-bottom: 1%;
	clear: both;
	padding: 3%;
}

#TextoDeclaracao p {
	text-align: justify;
}

#TabelaDuplicatas {
	margin-top: 2%;
}

#Encerramento {
	margin-top: 3%;
	text-align: justify;
}

#AssinaturaEmpresa {
	text-align: center;
	padding: 8%;
}

#DadosRodape {
	margin-top: 3%;
	text-align: justify;
	font-style: italic;
	font-size: small;
}

#BotaoImprimir {
	display: block;
	padding: 3% 0 0 46%;
}

.NumeroDuplicata {	
	text-align:left!important;
}

.Vencimento {
	width: 20% !important;	
}

.ValorLiquido {
	width: 20% !important;
	text-align:right!important;
}

.Status {
	width: 20% !important;
}

.CaixaDestaque {
	background: #F7F9F9;
	border: solid 1px #F5D4AC;
	text-align: center;
	padding: 7px 6px 7px 30px;
}


/* Gerenciar Usuarios */

#formSuporteGerenciarUsuario .form-control {
	margin-bottom: 1% !important;
}

#datepicker {
	margin-bottom: 1% !important;
}

	#datepicker .form-control {
		margin-bottom: 0px !important;
	}

/* Dados Cadastrais */

#formSuporteDadosCadastrais input {
	margin-bottom: 1%;
}

#formSuporteDadosCadastrais select {
	margin-bottom: 1%;
}

#labelEmpresa {
	font-weight: normal !important;
}

#labelCPFCNPJ {
	font-weight: normal !important;
}

#labelEndereco {
	font-weight: normal !important;
}

#labelCEP {
	font-weight: normal !important;
}

.textoFaleConosco {
	margin: 2% 0 5% 0;
	font-size: 22px !important;
	text-align: justify;
	color: #000 !important;
}

#formSuporteContato .form-control {
	margin-bottom: 1%;
}

/*#formSuporteContato input[type=radio], input[type=checkbox] {
	margin: 4px 7px 0;
}*/

.wrapper-form .error {
    /*color: #000 !important;*/
    color: #a94442 !important;
    background-color: transparent !important;
    border: none !important;
}

.wrapper-form .SouCliente {
	line-height: 2;
}

.wrapper-form .labelSouCliente {
	line-height: 1;
}

.wrapper-form .checkboxYesOrNo {
	height: 34px !important;
	float: left;
}

/*Estilo do autocomplete*/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color: #808080 !important;
}

#formSuporteContato .wrapperRow {
	margin-bottom: 1%;
}


/*marcação para a tag marquee dos telefones*/
.iconColor{
	color:#E11B22;
}
#hrefTelefones{
	font-size:11pt !important;
   color:#E11B22;
}
/*fim*/

#TableUsuarioCliente .Coluna1 {
	text-align: left !important;
}

#TableUsuarioCliente .Coluna2 {
	width: 20%;
}

#TableUsuarioCliente .Coluna3 {
	width: 15%;
}

#TableUsuarioCliente .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.table > thead > tr > th > a {
	color: #fff !important;
	text-decoration: none;
}

#TableMensagens .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.table > thead > tr > th > a {
	color: #fff !important;
	text-decoration: none;
}

#TableMensagens .Coluna1{
        width:5%;
    }
#TableMensagens .Coluna2{
        width:5%;
    }
#TableMensagens .Coluna3{
        text-align:left!important;
    }

#TableMensagens .Coluna4{
        width:15%;
    }

#TableMensagens .Coluna5{
        width:15%;
    }

#TableMensagens .Coluna6{
        width:12%;
    }

#PainelRequisicoes {
	padding-right: 0px !important;
}

#PainelRequisicoes table thead tr {
	background-color: #D71920;
}

#PainelRequisicoes .panel-default {
	border-color: #D71920;
}

	#PainelRequisicoes .table > tbody > tr > td:last-child {
		border-right: 1px solid transparent;
	}

#PainelRequisicoes .table > tbody {
	border-bottom: 1px solid #ddd;
}

#PainelRequisicoes th {
	color: #fff;
	font-size: 12px;
	text-align: center;
}

#PainelRequisicoes .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 2px 8px 2px 8px !important;
}

#PainelRequisicoes table tbody td span {
	top: 4px;
	display: block;
	text-align: center;
}

#PainelRequisicoes table tbody td a {
	color: #333;
	text-decoration: none;
}

	#PainelRequisicoes table tbody td a:hover {
		color: #000;
		text-decoration: none;
	}

#TableRequisicoes a {
	color: #fff;
	text-decoration: none;
}

	#TableRequisicoes .Coluna3 {	
	text-align:left!important;
}

/* Dados do Cliente - Requisições */

.detalheRequisicao{
	display:inline-block;
	width: 100%;
	margin-bottom: 3px;
}

#TableRequisicoes .Coluna4{
	width:10%;
}
#TableRequisicoes .Coluna1 {
	width:10%;
}

#TableRequisicoes .Coluna2 {
	width:12%;
}

#visualizarImprimessaoRequisicaoModal p {
    font-size: 14px;
}

#TableSistemasAdquiridos .Coluna1 {
	text-align: left !important;
	width: 23%;
}

#TableSistemasAdquiridos .Coluna5 {
	width: 15%;
}

#TableSistemasAdquiridos .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.table > thead > tr > th > a {
	color: #fff !important;
	text-decoration: none;
}


/* Avaliação Treinamento */

#formSuporteAvaliacao .dados-form{
	margin-bottom: 1%;
}

#formSuporteAvaliacao label{
	margin-bottom: 0% !important;
}

#formSuporteAvaliacao label{
	margin-top: 5px !important;
}

#TableGridTreinamento > tbody > tr > td,
#TableGridTreinamento > tbody > tr > th,
#TableGridTreinamento > tfoot > tr > td,
#TableGridTreinamento > tfoot > tr > th,
#TableGridTreinamento > thead > tr > td,
#TableGridTreinamento > thead > tr > th,
#TableGridTreinamento > tbody > tr > td > a,
#TableGridTreinamento > tbody > tr > th > a,
#TableGridTreinamento > tfoot > tr > td > a,
#TableGridTreinamento > tfoot > tr > th > a,
#TableGridTreinamento > thead > tr > td > a,
#TableGridTreinamento > thead > tr > th > a {
	font-size: 11pt !important;
	vertical-align: middle;
}

#TableGridTreinamento .Coluna1 {
	width: 10%;
	text-align: center !important;
}

#TableGridTreinamento .Coluna2 {
	width: 32%;
	text-align: left !important;
}

#TableGridTreinamento .Coluna3 {
	width: 10%;
	text-align: center !important;
}

#TableGridTreinamento .Coluna4 {
	width: 24%;
	text-align: center !important;
}

#TableGridTreinamento .Coluna5 {
	width: 14%;
	text-align: center !important;
}

#TableGridTreinamento .Coluna6 {
	width: 10%;
	text-align: center !important;
}

#TableGridTreinamentos th a {
	color: #fff !important;
	text-align: center;
	text-decoration: none;
}

#TableGridTreinamentos thead > tr > th > a {
	color: #fff !important;
}

/* Treinamento */

#GridTreinamento .table > tbody > tr > td:nth-child(even) {
	text-align: left;
}

/* Inscrição */

#formInscTreinamento .wrapperRow{
	margin-bottom: 1%;
}

@media print {
    body * {
        visibility: hidden;
    }

    #PrintRequisicao * {
        visibility: visible !important;
    }

    #PrintRequisicao {
        position: absolute !important;
        display: block !important;
        top: 40px !important;
        left: 30px !important;
    }

    .detalheRequisicao {
        display: inline-block;
        width: 100%;
        margin-bottom: 3px;
    }

    .footer-areaImpressao {
        display:none !important;
        visibility: hidden !important;
    }
}

.share-icons-sidebar {
	position: fixed;
	display: block;
	top: 28%;
	left: 0;
	width: 40px;
	height: 240px;
	z-index: 999;
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {
	.share-icons-sidebar {
		position: fixed;
		display: block;
		top: 28%;
		left: 0;
		width: 40px;
		height: 240px;
		z-index: 999;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.share-icons-sidebar {
		bottom: 1%;
		right: 1%;
		width: 200px;
		left: inherit;
		height: inherit;
		top: inherit;
	}
}

@media screen and (max-width: 767px) {
	.share-icons-sidebar {
		bottom: 1%;
		right: 1%;
		width: 200px;
		left: inherit;
		height: inherit;
		top: inherit;
	}
}

@media screen and (max-width: 489px) {
	.share-icons-sidebar {
		right: 18%;
	}
}

.share-icon {
	display: inline-block;
	float: left;
	margin: 4px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	vertical-align: middle;
	background-image: url('/Content/themes/Institucional/Images/RedesSociais/share-icons.png');
}

.share-facebook {
	background-position: 0 -40px;
}

	.share-facebook:hover {
		background-position: 0 0;
	}

.share-twitter {
	background-position: -40px -40px;
}

	.share-twitter:hover {
		background-position: -40px 0;
	}

.share-youtube {
	background-position: -200px -40px;
}

	.share-youtube:hover {
		background-position: -200px 0px;
	}

.share-linkedin {
	background-position: -240px -40px;
}

	.share-linkedin:hover {
		background-position: -240px 0px;
	}

/*.share-googleplus {
                    background-position: -120px -40px;
                }

                    .share-googleplus:hover {
                        background-position: -120px 0px;
                    }*/

.share-email {
	background-position: -320px -40px;
}

	.share-email:hover {
		background-position: -320px 0;
	}

.ad_title_share {
	position: relative;
	top: 5px;
	width: 160px;
	height: 80px;
	margin-left: 22px;
}

@media only screen and (max-width:1080px) {
	.ad_title_share {
		display: none;
	}
}


/*REDES SOCIAIS*/

#RedesSociais {
	margin-top: 1%;
}

	#RedesSociais p {
		text-align: right;
		margin-top: 5%;
	}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#RedesSociais p {
		margin-top: 3%;
	}
}


.DescricaoRedeSocial {
	font-size: 21pt !important;
	padding-left: 5%;
}

.wrapperIconesRedesSociais {
	margin-top: 3%;
	float: right;
}

@media screen and (max-width: 767px) {
	.wrapperIconesRedesSociais {
		margin-top: 11%;
	}
}

.Facebook {
	float: right;
	background: transparent url('/Content/themes/Institucional/Images/RedesSociais/Facebook.png') no-repeat center;
	width: 22px;
	margin-right: 8px;
}

.Twitter {
	float: right;
	background: transparent url('/Content/themes/Institucional/Images/RedesSociais/Twitter.png') no-repeat center;
	width: 22px;
	margin-right: 8px;
}

.YouTube {
	float: right;
	background: transparent url('/Content/themes/Institucional/Images/RedesSociais/YouTube.png') no-repeat center;
	width: 22px;
	margin-right: 8px;
}

.Linkedin {
	float: right;
	background: transparent url('/Content/themes/Institucional/Images/RedesSociais/Linkedin.png') no-repeat center;
	width: 22px;
	margin-right: 8px;
}

	.Linkedin:hover {
		background-image: url('/Content/themes/Institucional/Images/RedesSociais/Linkedin.png');
	}

.PGQP {
	float: left;
	background: transparent url('/ImagesDTC/selos/PGQP.png') no-repeat center;
	width: 62px;
	height: 75px;
	margin-right: 20px;
	margin-bottom: 1%;
}

.Sustentabilidade {
	float: left;
	background: transparent url('/ImagesDTC/selos/Sustentabilidade.png') no-repeat center;
	width: 78px;
	height: 79px;
	margin-right: 20px;
}



.SeloISO {
	float: left;
	background: transparent url('/ImagesDTC/selos/iso.png') no-repeat center;
	width: 104px;
	height: 78px;
	margin-right: 20px;
}

.SeloCRCRS {
	float: left;
	background: transparent url('/ImagesDTC/selos/crcrs.jpg') no-repeat center;
	width: 97px;
	height: 78px;
	margin-right: 8px;
}

@ {
    //Layout = "~/Areas/Comercial/Views/Shared/_Layout.cshtml";
    Layout = "~/Views/Shared/_Layout.cshtml";
}/* CLASSES PADRÃO */
.text-left span {
    font-size: 11pt;
}

.bold {
    font-weight: bold;
}

.vermelho-bkg-dtc {
    background-color: #D71920 !important;
    color: #ffffff !important;
}

.vermelho-bkg-dtc-invertido {
    background-color: #ffffff !important;
    color: #D71920 !important;
}


.panel {
    border-radius: 0 !important;
}

textarea {
    resize: none;
    overflow: auto;
}

.bs-callout-info {
    border-left-color: #fdd7a8 !important;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.textoConteudo p {
    text-align: justify;
    /*font-size: 12pt !important;*/
    /*color: #333 !important;*/
}

    .textoConteudo p a {
        /*font-size: 12pt !important;*/
    }

.textoConteudo img {
    display: block;
    margin: 0 auto 2%;
}

.textoConteudo a {
    /*font-size: 12pt !important;*/
}

.textoConteudo strong {
    /*font-size: 12pt !important;*/
}

.textoConteudo h1 {
    margin-top: 4%;
    margin-bottom: 1%;
}

.textoConteudo h2 {
    font-size: 18px !important;
    /*color: #090909 !important;*/
}

.textoConteudo h3 {
    font-size: 16px !important;
    margin: 0 0 1% 0;
    /*color: #090909 !important;*/
}

.h1Conteudo {
    font-size: 20px !important;
}

.textAlignCenter {
    text-align: center;
}

.wrapper-buttons button {
    float: right;
    margin: 2% 1%;
    color: #fff;
    background-color: #333;
    -webkit-transition: background-color .01s ease-out;
    -moz-transition: background-color,color .01s ease-out;
    -ms-transition: background-color .01s ease-out;
    -o-transition: background-color .01s ease-out;
    transition: background-color .5s ease-out;
}

    .wrapper-buttons button:hover {
        color: #fff;
        background-color: #464545 !important;
    }


.btnVoltar {
    float: right;
    color: #fff;
    background-color: #333;
    -webkit-transition: background-color .01s ease-out;
    -moz-transition: background-color,color .01s ease-out;
    -ms-transition: background-color .01s ease-out;
    -o-transition: background-color .01s ease-out;
    transition: background-color .5s ease-out;
}

    .btnVoltar:hover {
        color: #fff;
        background-color: #464545;
    }

.table {
    margin-bottom: 0px;
}

.logoSol {
    padding-top: 9px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .logoDataCempro {
        padding-top: 9px;
        width: 100%;
    }

    .logoSol {
        width: 100%;
    }
}

#divLogin .alert {
    margin-top: 10px;
}

/* MENU - NAVEGAÇÃO INTERNA */

@media screen and (max-width: 767px) {
    #divPosicaoInicialPagina, .LinkNavegacao {
        display: none;
    }
}

#destaques h3 {
    font-weight: normal !important;
    font-size: 15pt !important;
}

/* ATENDIMENTO ON-LINE TOPO */
.atendimentoOnlineTopo a {
    min-height: 152px;
    max-height: 152px;
    min-width: 190px;
    max-width: 190px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 2% 2% 0 2%;
    -webkit-transition: background-color .01s ease-out;
    -moz-transition: background-color .01s ease-out;
    -ms-transition: background-color .01s ease-out;
    -o-transition: background-color .01s ease-out;
    transition: background-color .5s ease-out;
}

/* ATENDIMENTO OFF-LINE TOPO */
.atendimentoOfflineTopo a {
    min-height: 152px;
    max-height: 152px;
    min-width: 190px;
    max-width: 190px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 2% 2% 0 2%;
    -webkit-transition: background-color .01s ease-out;
    -moz-transition: background-color .01s ease-out;
    -ms-transition: background-color .01s ease-out;
    -o-transition: background-color .01s ease-out;
    transition: background-color .5s ease-out;
}


/* INICIO MENU RESPONSIVE*/

/* Media Query */

.navbar-collapse li:hover {
    color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: black !important;
}

@media screen and (max-width: 767px) {
    .navbar-toggle {
        background-color: black !important;
    }
}

.navbar {
    border-radius: 0px !important;
    margin-bottom: 0px !important;
}

.navbar-collapse {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.nav > li > a {
    padding-left: 23px;
    padding-right: 22.5px;
}

@media screen and (min-width:0\0) {
    .nav > li > a {
        padding-left: 23px;
        padding-right: 23.4px;
    }
}


@media screen and (min-width:992px\0) {
    .nav > li > a {
        padding-left: 24px;
        padding-right: 24.5px;
        padding-left: 23px\9 \0 !important; /*Only works in IE9*/
        padding-right: 23.4px\9 \0 !important; /*Only works in IE9*/
    }

    _:-ms-fullscreen, :root .nav > li > a {
        padding-left: 23px !important; /*Only works in IE11*/
        padding-right: 23.4px !important; /*Only works in IE11*/
    }
}

/* Hack para firefox */

@-moz-document url-prefix() {
    .nav > li > a {
        padding-left: 23px;
        padding-right: 23.7px;
    }
}

/* End - Hack para firefox */

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .nav > li > a {
        padding-left: 7.1px !important;
        padding-right: 8px !important;
        padding-left: 9px\9 \0 !important; /*Only works in IE9*/
        padding-right: 8.6px\9 \0 !important; /*Only works in IE9*/
    }

    @-moz-document url-prefix() {
        .nav > li > a {
            padding-left: 9px !important;
            padding-right: 8.7px !important;
        }
    }

    _:-ms-fullscreen, :root .nav > li > a {
        padding-left: 9px !important; /*Only works in IE11*/
        padding-right: 8.6px !important; /*Only works in IE11*/
    }

    .nav > li > #linkSair {
        padding-left: 29.3px !important;
        padding-right: 30px !important;
        padding-left: 17.8px\9 \0 !important; /*Only works in IE9*/
        padding-right: 16px\9 \0 !important; /*Only works in IE9*/
    }

    _:-ms-fullscreen, :root .nav > li > #linkSair {
        padding-left: 17.8px !important; /*Only works in IE11*/
        padding-right: 16px !important; /*Only works in IE11*/
    }

    @-moz-document url-prefix() {
        .nav > li #linkSair {
            padding-left: 9.1px !important;
            padding-right: 9px !important;
        }
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .nav > li > a {
        padding-left: 2.7px !important;
        padding-right: 2px !important;
        padding-left: 7.5px\9 \0 !important; /*Only works in IE9*/
        padding-right: 7px\9 \0 !important; /*Only works in IE9*/
    }

    @-moz-document url-prefix() {
        .nav > li > a {
            padding-left: 3px !important;
            padding-right: 3.3px !important;
        }
    }

    .nav > li > #linkSair {
        padding-left: 13.2px !important;
        padding-right: 14px !important;
        padding-left: 16.8px\9 \0 !important; /*Only works in IE9*/
        padding-right: 16.8px\9 \0 !important; /*Only works in IE9*/
    }

    @-moz-document url-prefix() {
        .nav > li > #linkSair {
            padding-left: 3px !important;
            padding-right: 2.7px !important;
        }
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 991px) {
    .nav > li > a {
        padding-left: 2.4px !important;
        padding-right: 2px !important;
    }
    /* IE10 */
    *::-ms-backdrop, .nav > li > a {
        padding-left: 2.4px !important;
        padding-right: 2px !important;
    }
    /* IE11 */
}

@media screen and (max-width: 480px) {
    .nav > li > a {
        padding-left: 49.1px;
    }
}

.navbar-default .navbar-nav > li {
    border-right: solid 3px #fff;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-nav > li {
        border-right: solid 2px #fff;
    }

    .navbar-default {
        margin-top: 0%;
    }
}

@media screen and (max-width: 767px) {
    .navbar-nav {
        width: 100%;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .navbar-nav {
        padding-left: 15px;
    }
}

.navbar-default {
    background-color: #eae9e9; /*#f8f8f8*/
    border: 0px solid transparent !important;
    margin-top: 1%;
}

    /*.navbar-default .navbar-nav > li:hover {
        background-color: #d71920 !important;
    }*/

@media screen and (min-width: 480px) and (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
    }
}

.navbar-default .navbar-nav > li > a {
    font-size: 11pt !important;
    color: #555;
    text-transform: uppercase;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 15px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 13px !important;
    }
}


/*.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
}*/

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    /*color: #fff;*/
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .container-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .container-fluid {
        padding-left: 15px !important;
    }
}

.entrarLogin {
    color: #555;
    border-right: medium none !important;
}

    .entrarLogin:hover {
        color: #fff;
    }

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .entrarLogin {
        font-size: 16px !important; /* All browsers */
        padding-left: 16px; /* All browsers */
        padding-right: 16px; /* All browsers */
        padding-left: 7px\9 \0 !important; /*Only works in IE9*/
        padding-right: 8px\9 \0 !important; /*Only works in IE9*/
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px) and (max-width: 1200px) {
    .entrarLogin {
        padding-left: 8px;
        padding-right: 7px;
    }
    /* IE10 */
    *::-ms-backdrop, .entrarLogin {
        padding-left: 8px;
        padding-right: 7px;
    }
    /* IE11 */
}


@media screen and (min-width: 768px) and (max-width: 991px) {
    .entrarLogin {
        font-size: 16px !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px;
        padding-left: 0px\9 \0 !important; /*Only works in IE9*/
        padding-right: 0px\9 \0 !important; /*Only works in IE9*/
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 991px) {
    .entrarLogin {
        padding-left: 0px;
        padding-right: 0px;
    }
    /* IE10 */
    *::-ms-backdrop, .entrarLogin {
        padding-left: 0px;
        padding-right: 0px;
    }
    /* IE11 */
}

.sairLogin {
    color: #555;
    border-right: none;
    padding-left: 14px;
    padding-right: 13px;
    border-right: medium none !important;
}

    .sairLogin:hover {
        color: #fff;
    }

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .sairLogin {
        padding-left: 2px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .sairLogin {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.navbar-collapse a:hover, .navbar-collapse a:focus, .navbar-collapse a:visited {
    text-decoration: none;
}

.navbar-default .glyphicon {
    font-size: 15px !important;
    right: -6px !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-default .glyphicon {
        font-size: 15px !important;
        top: 2px !important;
        right: -2px !important;
    }
}

/* SETA LOGIN */
.bubble-top {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .bubble-top:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: top;
        transition-property: top;
        left: calc(90% - 10px);
        top: -10px;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #d71920 transparent;
    }

/* Dados Login */

#divDadosLogon {
    text-align: right;
    width: 100%;
    display: inline-block;
}

#labelCodCliente {
    margin-right: 1%;
    font-weight: 100;
}

#labelUserLogado {
    margin-right: 1%;
    font-weight: 100;
}

.labelLogado {
    margin-right: 1%;
}

/* Banner */

.bjqs img {
    height: 100% !important;
    width: 100% !important;
}

.img-banner {
    /*height: 340px;*/
    height: 100%;
}

/*@media screen and (min-width: 992px) and (max-width: 1200px) {
	.img-banner {
		height: 281px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.img-banner {
		height: 215px;
	}
}

@media screen and (min-width: 545px) and (max-width: 767px) {
	.img-banner {
		height: 205px;
	}
}

@media screen and (min-width: 345px) and (max-width: 544px) {
	.img-banner {
		height: 90px;
	}
}

@media screen and (max-width: 321px) {
	.img-banner {
		height: 80px;
	}
}*/

.wrapperTituloBanner {
    margin: 12% 0 0 2%;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .wrapperTituloBanner {
        margin: 14% 0 0 2%;
    }
}

.wrapper-banner .backgroundTituloBanner {
    background-color: rgba(0, 0, 0, 0.93);
    -moz-opacity: 0.93;
    -khtml-opacity: 0.93;
    opacity: 0.93;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=93);
    filter: alpha(opacity=93);
    width: 81%;
}

.wrapper-banner .backgroundTituloBannerH2 {
    background-color: rgba(0, 0, 0, 0.93);
    -moz-opacity: 0.93;
    -khtml-opacity: 0.93;
    opacity: 0.93;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=93);
    filter: alpha(opacity=93);
    width: 80%;
}

.wrapper-banner h1 {
    font-size: 55px !important;
    margin-top: 0px !important;
    margin-bottom: 2px !important;
    color: #fff;
    padding: 2px 6px;
}

.wrapper-banner h2 {
    font-size: 36px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    color: #fff;
    padding: 2px 6px;
}

.tituloBannerLogado {
    margin: -6% 0 0 2%;
    display: none;
}

.tituloBannerDeslogado {
    margin: 13% 0 0 2%;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    ul.bjqs-controls.v-centered li.bjqs-next a {
        top: 40% !important;
    }

    ul.bjqs-controls.v-centered li.bjqs-prev a {
        top: 40% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    ul.bjqs-controls.v-centered li.bjqs-next a {
        top: 42% !important;
    }

    ul.bjqs-controls.v-centered li.bjqs-prev a {
        top: 42% !important;
    }
}

@media screen and (min-width: 450px) and (max-width: 768px) {
    ul.bjqs-controls.v-centered li.bjqs-next a {
        top: 35% !important;
    }

    ul.bjqs-controls.v-centered li.bjqs-prev a {
        top: 35% !important;
    }
}

@media screen and (max-width: 449px) {
    ul.bjqs-controls.v-centered li.bjqs-next a {
        top: 30% !important;
    }

    ul.bjqs-controls.v-centered li.bjqs-prev a {
        top: 30% !important;
    }
}

/* Login */

#wrapper-login {
    z-index: 999;
    top: 10px;
    padding: 10px 0 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: -4px 6px 11px #000000;
    -webkit-box-shadow: -4px 6px 11px #000000;
    box-shadow: -4px 6px 11px #000000;
}

.wrapperDadosLogin span {
    margin-top: 4px;
    font-size: 18px !important;
    color: #000;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .wrapperDadosLogin span {
        margin-top: 7px;
        font-size: 15px !important;
    }
}

.wrapperDadosLogin {
    margin-top: 2%;
}

.wrapperInfosLogin a {
    color: #fff;
}

.esqueciSenha {
    margin-top: 4%;
}

.naoSouCliente {
    margin: 2% 0 0 9%;
}

.wrapperInfosLogin {
    margin-top: 4%;
}

@media screen and (max-width: 767px) {
    .wrapperInfosLogin {
        padding-right: 0px !important;
        margin-top: 2%;
    }
}

.wrapperInfosLogin span {
    margin-top: 9px;
    font-size: 17px !important;
    display: inline-block;
}

    .wrapperInfosLogin span:hover {
        text-decoration: underline;
    }

.wrapperInfosLogin .logar {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    text-transform: uppercase;
    height: 40px;
    background-color: #fff;
    color: #d71920;
    border: none;
    outline: none;
    font-size: 18px;
    font-weight: bold;
    -webkit-transition: font-size .01s ease-out;
    -moz-transition: font-size,color .01s ease-out;
    -ms-transition: font-size .01s ease-out;
    -o-transition: font-size .01s ease-out;
    transition: font-size .5s ease-out;
    float: right;
}

    .wrapperInfosLogin .logar:hover {
        font-size: 20px;
    }

@media screen and (max-width: 767px) {
    .wrapperInfosLogin .logar {
        background-color: #d71920;
        color: #fff;
    }
}

.formLogin {
    display: none;
    height: auto;
    left: -225%;
    right: 0;
    top: 115%;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .formLogin {
        left: 39%;
        top: 120%;
        left: -382%; /*Only works in IE9*/
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .formLogin {
        left: -242%; /*Only works in IE9*/
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px) and (max-width: 1200px) {
    .formLogin {
        left: -242%;
    }
    /* IE10 */
    *::-ms-backdrop, .entrarLoginformLogin {
        left: -242%;
    }
    /* IE11 */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 991px) {
    .formLogin {
        left: -382%;
    }
    /* IE10 */
    *::-ms-backdrop, .entrarLoginformLogin {
        left: -382%;
    }
    /* IE11 */
}

#divLogin {
    /*display: inherit;*/
    width: 310%;
    position: absolute;
    padding: 1% 0 7% 0;
    z-index: 999;
    -webkit-box-shadow: 2px 2px 27px 3px rgba(58, 58, 58, 0.84);
    -moz-box-shadow: 2px 2px 27px 3px rgba(58, 58, 58, 0.84);
    box-shadow: 2px 2px 27px 3px rgba(58, 58, 58, 0.84);
    width: 310%\9 \0; /*Only works in IE9*/
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #divLogin {
        width: 326%;
    }
}



@media screen and (min-width: 768px) and (max-width: 991px) {
    #divLogin {
        width: 470%;
    }
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px) and (max-width: 1200px) {
    #divLogin {
        width: 326%;
    }
    /* IE10 */
    *::-ms-backdrop, #divLogin {
        width: 326%;
    }
    /* IE11 */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 991px) {
    #divLogin {
        width: 470%;
    }
    /* IE10 */
    *::-ms-backdrop, #divLogin {
        width: 470%;
    }
    /* IE11 */
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #divLogin {
        width: 470%\9 \0; /*Only works in IE9*/
    }
}

.wrapperDadosLogin ::-webkit-input-placeholder {
    color: black !important;
    font: 17px DosisRegular, arial, sans-serif !important;
    font-weight: bold !important;
}

.wrapperDadosLogin :-moz-placeholder {
    color: black !important;
    font-size: 17px !important;
    font-weight: bold !important;
}

.wrapperDadosLogin ::-moz-placeholder {
    color: black !important;
    font-size: 17px !important;
}

.wrapperDadosLogin :-ms-input-placeholder {
    color: black !important;
    font: 17px DosisRegular, arial, sans-serif !important;
    font-weight: bold !important;
}

/* Internet Explorer 10+ */
_:-ms-input-placeholder, :root .wrapperDadosLogin :-ms-input-placeholder {
    font-weight: normal !important;
}

/* Internet Explorer 10 (Only) */
_:-ms-input-placeholder, :root .wrapperDadosLogin :-ms-input-placeholder {
    font-weight: normal !important;
}


/*#divLogin input {
    color: black !important;
    font-size: 18px !important;
}

#divLogin .form-control {
    height: 38px !important;
}*/

/* Placeholder quando escreve o texto */

::-webkit-input-placeholder {
    color: #0a00d0 !important;
    font-size: 12px !important;
    font-weight: bold;
}

:-moz-placeholder {
    color: #0a00d0 !important;
    font-size: 12px !important;
    font-weight: bold;
}

:-ms-input-placeholder {
    color: #0a00d0 !important;
    font-size: 24px !important;
}

.error {
    border: 1px solid #A9A9A9 !important;
    background-color: #9C9C9C !important;
    color: #000 !important;
}

.popover {
    background-color: #d71920 !important;
    left: 55% !important;
    max-width: 30% !important;
    padding: 1px 1px 10px !important;
    right: 0 !important;
}

    .popover.bottom {
        margin-top: 1%;
    }

        .popover.bottom > .arrow:after {
            border-bottom-color: transparent !important;
        }

        .popover.bottom > .arrow {
            border-bottom-color: rgba(215, 25, 32, 1) !important;
            margin-left: 41% !important;
        }

/* Atendimento Mobile */

.wrapperAtendimentoMobile {
    margin-bottom: 2%;
    padding: 2% 2px;
}

.atendimentoMobile {
    font-size: 16pt !important;
    color: #fff !important;
}

@media screen and (max-width: 767px) {
    .atendimentoMobile {
        font-size: 10pt !important;
        color: #fff !important;
    }
}

.horarioAtendimentoMobile {
    text-align: left;
    color: #fff;
    font-size: 16pt !important;
    padding-left: 0px !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .atendimentoMobile {
        font-size: 14pt !important;
    }

    .horarioAtendimentoMobile {
        font-size: 13pt !important;
    }
}


@media screen and (max-width: 767px) {
    .horarioAtendimentoMobile {
        font-size: 10pt !important;
    }
}

/* Atendimento */

.wrapperAtendimento {
    z-index: 0; /*997*/
    padding: 10px 10px 20px 10px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    bottom: 23px;
    right: 10px;
    margin-right: 2%;
    margin-top: -9%;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .wrapperAtendimento {
        margin-top: -10.8%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .wrapperAtendimento {
        margin-top: -14%;
        bottom: 24px;
    }
}

@media screen and (max-width: 767px) {
    .wrapperAtendimento {
        margin-bottom: 4%;
    }
}

/*.atendimento {
    color: #000;
    font-size: 20px !important;
    text-align: center;
    display: block;
    margin-bottom: 3px;
}*/

.diaAtendimento {
    color: #fff;
    font-size: 19px !important;
    padding-right: 0px !important;
}

.horarioAtendimento {
    color: #fff;
    text-align: right;
    font-size: 19px !important;
    padding-left: 0px !important;
}

    .horarioAtendimento span {
        color: #fff;
        text-align: right;
        font-size: 19px !important;
        padding-left: 0px !important;
        display: block;
    }

/* Destaques - Atendimento On-line */

.atendimentoOnline {
    min-height: 152px;
    max-height: 152px;
    min-width: 190px;
    max-width: 190px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 1%;
    margin: 2% 2% 0 2%;
    float: left;
    background-color: #1f1f1f;
    -webkit-transition: background-color .01s ease-out;
    -moz-transition: background-color .01s ease-out;
    -ms-transition: background-color .01s ease-out;
    -o-transition: background-color .01s ease-out;
    transition: background-color .5s ease-out;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .atendimentoOnline {
        margin: 2% 0 0 1%;
        min-width: 160px;
        max-width: 160px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .atendimentoOnline {
        min-height: 132px;
        max-height: 132px;
        min-width: 234px;
        max-width: 234px;
        padding-right: 5px;
        padding-left: 5px;
        margin: 0%;
        margin-right: 0.5%;
        margin-left: 0.5%;
    }
}

@media screen and (max-width: 767px) {
    .atendimentoOnline {
        min-width: 100%;
        max-width: 100%;
        margin: 0%;
        padding-top: 3%;
    }
}

@media screen and (max-width: 595px) {
    .atendimentoOnline {
        min-width: 100%;
        margin: 0%;
        padding-top: 3%;
    }
}

.atendimentoOnline:hover {
    background-color: #101010;
}

.atendimentoOnline h3 {
    text-transform: uppercase;
    font-size: 27px !important;
    color: #9a4500 !important;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .atendimentoOnline h3 {
        font-size: 24px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .atendimentoOnline h3 {
        font-size: 23px !important;
    }
}

@media screen and (max-width: 767px) {
    .atendimentoOnline h3 {
        font-size: 24px !important;
    }
}

.atendimentoOnline img {
    float: right;
    bottom: -11px;
    position: relative;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .atendimentoOnline img {
        bottom: -1px;
    }
}

@media screen and (max-width: 767px) {
    .atendimentoOnline img {
        bottom: -20px;
        right: 8px;
    }
}

@media screen and (min-width: 350px) and (max-width: 594px) {
    .atendimentoOnline img {
        bottom: -20px;
        right: 8px;
    }
}

/* Destaques - Atualizações */

.atualizacoes {
    background-color: #1d3c7e;
    min-height: 152px;
    max-height: 152px;
    min-width: 190px;
    max-width: 190px;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 1%;
    margin: 2% 2% 0 1%;
    -webkit-transition: background-color .01s ease-out;
    -moz-transition: background-color .01s ease-out;
    -ms-transition: background-color .01s ease-out;
    -o-transition: background-color .01s ease-out;
    transition: background-color .5s ease-out;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .atualizacoes {
        margin: 2% 0 0 1%;
        min-width: 160px;
        max-width: 160px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .atualizacoes {
        min-height: 132px;
        max-height: 132px;
        min-width: 140px;
        max-width: 140px;
        padding-right: 5px;
        padding-left: 5px;
        margin: 0%;
        margin-right: 0.5%;
    }
}

@media screen and (max-width: 767px) {
    .atualizacoes {
        min-width: 100%;
    }
}

.atualizacoes:hover {
    background-color: #0e2455;
}

.atualizacoes h3 {
    text-transform: uppercase;
    font-size: 26px !important;
    color: #dedede !important;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .atualizacoes h3 {
        font-size: 24px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .atualizacoes h3 {
        font-size: 21px !important;
    }
}

.atualizacoes img {
    float: right;
    bottom: -33px;
    position: relative;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .atualizacoes img {
        bottom: -26px;
        width: 55px;
    }
}

/* Destaques - Liberador */

.liberador {
    background-color: #be3f43;
    min-height: 152px;
    max-height: 152px;
    min-width: 190px;
    max-width: 190px;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 1%;
    margin: 2% 2% 0 1%;
    -webkit-transition: background-color .01s ease-out;
    -moz-transition: background-color .01s ease-out;
    -ms-transition: background-color .01s ease-out;
    -o-transition: background-color .01s ease-out;
    transition: background-color .5s ease-out;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .liberador {
        margin: 2% 0 0 0%;
        min-width: 160px;
        max-width: 160px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .liberador {
        min-height: 132px;
        max-height: 132px;
        min-width: 140px;
        max-width: 140px;
        padding-right: 5px;
        padding-left: 5px;
        margin: 0%;
        margin-right: 0.5%;
    }
}

@media screen and (max-width: 767px) {
    .liberador {
        min-width: 100%;
    }
}

.liberador:hover {
    background-color: #981d20;
}

.liberador h3 {
    text-transform: uppercase;
    font-size: 26px !important;
    color: #dedede !important;
    text-align: center;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .liberador h3 {
        font-size: 25px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .liberador h3 {
        font-size: 22px !important;
    }
}

.liberador img {
    float: right;
    bottom: -30px;
    position: relative;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .liberador img {
        bottom: -21px;
        width: 55px;
    }
}

/* Destaques - Gerar Boleto Bancário */

.GerarBoletoBancario {
    background-color: #0e706c;
    min-height: 152px;
    max-height: 152px;
    min-width: 190px;
    max-width: 190px;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 1%;
    margin: 2% 2% 0 1%;
    -webkit-transition: background-color .01s ease-out;
    -moz-transition: background-color .01s ease-out;
    -ms-transition: background-color .01se ase-out;
    -o-transition: background-color .01s ease-out;
    transition: background-color .5s ease-out;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .GerarBoletoBancario {
        margin: 2% 0 0 1%;
        min-width: 160px;
        max-width: 160px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .GerarBoletoBancario {
        min-height: 132px;
        max-height: 132px;
        min-width: 234px;
        max-width: 234px;
        padding-right: 5px;
        padding-left: 5px;
        margin: 0%;
        margin-right: 0.5%;
    }
}

@media screen and (max-width: 767px) {
    .GerarBoletoBancario {
        max-width: 100%;
        min-width: 100%;
        margin: 1% 0%;
        padding-top: 3%;
    }
}

@media screen and (max-width: 595px) {
    .GerarBoletoBancario {
        min-width: 100%;
        margin: 1% 0%;
        padding-top: 3%;
    }
}

.GerarBoletoBancario:hover {
    background-color: #054f4c;
}

.GerarBoletoBancario h3 {
    text-transform: uppercase;
    font-size: 25px !important;
    color: #e4e4e4 !important;
    text-align: left;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .GerarBoletoBancario h3 {
        font-size: 23px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .GerarBoletoBancario h3 {
        font-size: 21px !important;
    }
}

.GerarBoletoBancario img {
    float: right;
    bottom: -11px;
    position: relative;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .GerarBoletoBancario img {
        bottom: -2px;
    }
}

@media screen and (max-width: 767px) {
    .GerarBoletoBancario img {
        bottom: 2px;
    }
}

@media screen and (min-width: 595px) and (max-width: 767px) {
    .GerarBoletoBancario img {
        bottom: -13px;
    }
}

@media screen and (min-width: 350px) and (max-width: 594px) {
    .GerarBoletoBancario img {
        bottom: -20px;
    }
}

/* Destaques - Novo Sistema */

.NovoSistema {
    background-color: #ebebeb;
    min-height: 152px;
    max-height: 152px;
    min-width: 190px;
    max-width: 190px;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 1%;
    margin: 2% 2% 0 1%;
    -webkit-transition: background-color .01s ease-out;
    -moz-transition: background-color .01s ease-out;
    -ms-transition: background-color .01s ease-out;
    -o-transition: background-color .01s ease-out;
    transition: background-color .5s ease-out;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .NovoSistema {
        margin: 2% 0 0 1%;
        min-width: 160px;
        max-width: 160px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .NovoSistema {
        min-height: 132px;
        max-height: 132px;
        min-width: 234px;
        max-width: 234px;
        padding-right: 5px;
        padding-left: 5px;
        margin: 0%;
        margin-right: 0.5%;
    }
}

@media screen and (max-width: 767px) {
    .NovoSistema {
        min-width: 100%;
        max-width: 100%;
        margin: 0;
        padding-top: 3%;
    }
}

@media screen and (max-width: 595px) {
    .NovoSistema {
        min-width: 100%;
        margin: 0%;
        padding-top: 3%;
    }
}

.NovoSistema:hover {
    background-color: #c2c2c2;
}

.NovoSistema h3 {
    text-transform: uppercase;
    font-size: 25px !important;
    color: #515151 !important;
    text-align: left;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .NovoSistema h3 {
        font-size: 23px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .NovoSistema h3 {
        font-size: 24px !important;
    }
}

.NovoSistema img {
    float: right;
    bottom: -6px;
    position: relative;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .NovoSistema img {
        bottom: 26px;
    }
}

@media screen and (max-width: 767px) {
    .NovoSistema img {
        bottom: 5px;
    }
}

@media screen and (min-width: 595px) and (max-width: 767px) {
    .NovoSistema img {
        bottom: -10px;
    }
}

@media screen and (min-width: 350px) and (max-width: 594px) {
    .NovoSistema img {
        bottom: -20px;
    }
}

/* ====================================== CONTENT LEFT ========================================== */

#content-left {
    margin-top: 1%;
    margin-bottom: 3%;
}

.textoComunicado {
    margin: 2% 0 3% 0;
    font-size: 12pt !important;
    text-align: justify;
    color: #333 !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .textoComunicado {
        margin: 2% 0 3% 0;
    }
}

.fundoComunicado {
    background-color: #efefef;
    padding: 2px 25px 2px 0;
    margin-top: 2%;
}

.wrapperComunicado {
    background: url('/Content/themes/Suporte/Images/see_all_red.png') right center no-repeat;
    width: 100%;
}

    .wrapperComunicado h4 {
        color: #e11b22;
        font-size: 30px !important;
        padding-left: 20px;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .wrapperComunicado h4 {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 767px) {
    .wrapperComunicado h4 {
        font-size: 18px !important;
    }
}

.fundoNoticias {
    background-color: #efefef;
    padding: 2px 25px 2px 0;
}

.wrapperNoticias {
    background: url('/Content/themes/Suporte/Images/see_all_red.png') right center no-repeat;
    width: 100%;
}

    .wrapperNoticias h4 {
        color: #e11b22;
        font-size: 22px !important;
        padding-left: 20px;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .wrapperNoticias h4 {
        font-size: 18px !important;
        padding-left: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #noticias .paginacao span a {
        padding: 7px;
    }
}


#noticias img {
    width: 100%;
}

#noticias h5 {
    color: #b81319;
    font-size: 16px !important;
    margin: 4% 0px 3% 8%;
    width: 88%;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #noticias h5 {
        margin: 4% 20px 3% 3%;
    }
}

.materias {
    padding-left: 0 !important;
}

@media screen and (min-width: 1201px) {
    .materias .img {
        min-width: 300px;
        max-width: 300px;
        min-height: 205px;
        max-height: 205px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .materias .img {
        min-width: 300px;
        max-width: 300px;
        min-height: 205px;
        max-height: 205px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .materias {
        padding-right: 0 !important;
    }

        .materias .img {
            min-width: 290px;
            max-width: 320px;
            /*min-height: 198px;
			max-height: 198px;*/
        }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .ih-item.square {
        width: 256px;
        height: 176px;
    }

        .ih-item.square.effect4 .info {
            height: 65% !important;
            width: 100%;
        }

            .ih-item.square.effect4 .info p {
                padding: 0px;
                margin-left: 1%;
                margin-top: 2%;
                width: 29%;
            }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ih-item.square {
        width: 100%;
        height: auto;
        border: none;
        box-shadow: none;
    }

        .ih-item.square.effect4 .mask1 {
            display: none;
        }

        .ih-item.square.effect4 .mask2 {
            display: none;
        }

        .ih-item.square.effect4 .info {
            width: 100% !important;
            height: 135px !important;
        }

            .ih-item.square.effect4 .info p {
                text-align: left;
                padding: 5px 5px 5px;
            }
}

@media screen and (max-width: 322px) {
    .ih-item.square {
        width: 290px;
        height: 176px;
    }

        .ih-item.square.effect4 .info p {
            padding: 10px 10px 10px;
            text-align: left;
        }
}


.paginacaoFake {
    display: none;
}

/* Situação dos Sistemas */


.itensEncontrados {
    margin: 5px 5px 5px 0;
    text-align: right;
    font-size: 11pt !important;
}

/* Versões mais recentes */

#GridSistemasRecentes h5 {
    padding-right: 2%;
}

#VersoesRecentes {
    padding-right: 0px !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #VersoesRecentes {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    #VersoesRecentes {
        padding-left: 0px !important;
    }
}

.fundoVersoesRecentes {
    background-color: #303233;
    padding: 2px 25px 2px 0;
}

.wrapperVersoesRecentes {
    background: url('/Content/themes/Suporte/Images/see-all_lgrey.png') right center no-repeat;
    width: 100%;
}

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

    .wrapperVersoesRecentesBox {
        padding-left: 2%;
        color: #fff;
        font-size: 26px !important;
    }

        .wrapperVersoesRecentesBox:hover {
            color: #e11b22;
            text-decoration: none !important;
        }

    .VersoesRecentesImg {
        background: url('/Content/themes/Suporte/Images/see-all_lgrey.png') right center no-repeat;
        width: 18px;
        height: 18px;
        float: right;
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@media screen and (max-width: 767px) {

    .wrapperVersoesRecentesBox {
        padding-left: 2%;
        color: #fff;
        font-size: 26px !important;
    }

        .wrapperVersoesRecentesBox:hover {
            color: #e11b22;
            text-decoration: none !important;
        }

    .VersoesRecentesImg {
        background: url('/Content/themes/Suporte/Images/see-all_lgrey.png') right center no-repeat;
        width: 18px;
        height: 18px;
        float: right;
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

.wrapperVersoesRecentes h4 {
    color: #fff;
    font-size: 26px !important;
    padding: 10px 0 10px 20px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .wrapperVersoesRecentes h4 {
        font-size: 22px !important;
        padding: 3px 0 10px 20px;
    }

        .wrapperVersoesRecentes h4:hover {
            text-decoration: none;
        }
}

#VersoesRecentes table thead tr {
    background-color: #D71920;
}

#VersoesRecentes .panel-default {
    border-color: #D71920;
    border-width: 2px;
}



#VersoesRecentes .table > tbody > tr > td:last-child {
    border-right: 0px solid transparent;
}

#VersoesRecentes .table > tbody {
    border-bottom: 1px solid #ddd;
}

#VersoesRecentes #TableGridProdutividadeWLList tbody {
    /*border-bottom: 1px solid #D71920;*/
}

#VersoesRecentes .table > tbody > tr > td:nth-child(5n) {
    border-right: 1px solid #D71920;
}

#TableSistemasAdquiridos tbody > tr > td:nth-child(5n) {
    border-right: none !important;
}


#VersoesRecentes th {
    color: #fff;
    font-size: 18px;
    text-align: center;
}

#VersoesRecentes .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 2px 8px 2px 8px !important;
    text-align: center;
    font-size: 12pt;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #VersoesRecentes .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        font-size: 10pt !important;
    }
}

@media screen and (max-width: 368px) {
    #VersoesRecentes .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        font-size: 9pt !important;
    }
}

#VersoesRecentes table tbody td span {
    top: 4px;
    display: block;
    text-align: center;
}

#VersoesRecentes table tbody td a {
    color: #333;
    text-decoration: none;
}

    #VersoesRecentes table tbody td a:hover {
        color: #000;
        text-decoration: none;
    }

#TableSistemasRecentes a {
    color: #fff;
    text-decoration: none;
}

.Paginacao a {
    color: #428bca !important;
}

.Paginacao td {
    border-right: 0px !important;
}

/* ASIDE RIGHT */

#wrapperAside {
    margin-top: 3%;
    padding-right: 0px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #wrapperAside {
        margin-top: 0% !important;
        padding-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    #wrapperAside {
        padding-left: 0px;
    }
}

#wrapperAside h6 {
    text-transform: uppercase;
    display: inline-block;
    margin-left: 3%;
    color: #141414;
    font-size: 19px !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #wrapperAside h6 {
        margin-left: 0%;
        font-size: 17px !important;
    }
}

@media screen and (max-width: 767px) {
    #wrapperAside h6 {
        font-size: 16px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-nav {
        margin-left: 0% !important;
    }
}

#wrapperAside .glyphicon-th-list {
    font-size: 23pt !important;
    top: 3px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #wrapperAside .glyphicon-th-list {
        font-size: 16pt !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .wrapperTreinamentoMobile h6 {
        text-transform: uppercase;
        display: inline-block;
        margin-left: 3%;
        color: #141414;
        font-size: 22px !important;
    }
}

.faixaAside {
    border-bottom: 4px solid #111111;
    margin-bottom: 5%;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .faixaAside {
        margin-bottom: 2%;
    }
}

#Cidade::-webkit-input-placeholder {
    color: #555 !important;
    font: 14px DosisBold, arial, sans-serif !important;
}

#Cidade::-moz-placeholder {
    color: #555 !important;
    font: 14px DosisBold, arial, sans-serif !important;
}

#Cidade:-ms-input-placeholder {
    color: #555 !important;
    font: 14px DosisBold, arial, sans-serif !important;
}

.combobox-container ::-webkit-input-placeholder {
    color: #d71920 !important;
    padding-top: 2%;
    font: 18px DosisBold, arial, sans-serif !important;
}

.combobox-container :-moz-placeholder {
    color: #d71920 !important;
    padding-top: 2%;
    font: 18px DosisBold, arial, sans-serif !important;
}

.combobox-container ::-moz-placeholder {
    color: #d71920 !important;
    padding-top: 2%;
    font: 18px DosisBold, arial, sans-serif !important;
}

.combobox-container :-ms-input-placeholder {
    color: #d71920 !important;
    padding-top: 2%;
    font: 18px DosisBold, arial, sans-serif !important;
}

.glyphicon-play {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 25pt !important;
}

#wrapperAside .btn-default {
    color: #fff;
    background-color: #000;
}

#wrapperAside .form-control {
    height: 51px;
}

    #wrapperAside .form-control:focus {
        border-color: #e11b22;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    #wrapperAside .form-control {
        height: 47px !important;
    }
}


#wrapperAside .input-group-btn > .btn:focus {
    border-color: #d71920;
    -webkit-box-shadow: #d71920 !important;
    box-shadow: #d71920 !important;
}

#wrapperAside input {
}

::-webkit-input-placeholder {
    color: #e11b22 !important;
    font-size: 24px !important;
}

:-ms-input-placeholder {
    color: #e11b22 !important;
    font-size: 24px !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #wrapperAside input {
        font-size: 33px !important;
    }

    :-ms-input-placeholder {
        font-size: 33px !important;
    }

    ::-moz-placeholder {
        font-size: 33px !important;
    }

    ::-webkit-input-placeholder {
        font-size: 33px !important;
    }
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
    visibility: visible;
    background-color: #fff;
    font-size: 15px !important;
    color: #fff !important;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .dropdown-submenu:hover .dropdown-menu {
        /*background-color: #bfbfbf;*/
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #777;
        color: #fff;
    }

    .dropdown-menu > li > a:hover {
        background-color: #777;
        color: #fff;
    }
}

@media screen and (max-width: 480px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 48px;
    }
}

#wrapperAside .input-group-addon {
    cursor: pointer;
}

/* Paginação */

.paginacaoTreinamento {
    margin-top: 0px !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .paginacaoTreinamento {
        margin-top: 2% !important;
    }
}

.paginacao {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #e11b22;
    font-weight: bold;
    font-size: 9px;
    margin-right: 4px;
}

    .paginacao a {
        background-color: #e11b22;
        color: #fff;
        padding: 6px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .paginacao a:visited {
            float: right;
            background-color: #e11b22;
            color: #fff;
        }

.wrapperPaginacao {
    margin-left: 4%;
}

    .wrapperPaginacao td {
        float: right;
    }

.wrapperPaginacaoTreinamento td {
    float: right;
}

/* ASIDE RIGHT */

#wrapperAside {
    margin-top: 3%;
}

    #wrapperAside .input-group {
        margin-bottom: 3%;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    #wrapperAside .input-group {
        margin-bottom: 2%;
    }
}


.glyphicon-question-sign, .glyphicon-globe {
    font-size: 23pt !important;
    top: 3px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .glyphicon-question-sign, .glyphicon-globe {
        font-size: 16pt !important;
    }
}

.glyphicon-question-sign, .glyphicon-user {
    font-size: 23pt !important;
    top: 3px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .glyphicon-question-sign, .glyphicon-user {
        font-size: 16pt !important;
    }
}

.wrapperTreinamento {
    margin-bottom: 5%;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .wrapperTreinamento {
        margin-bottom: 0%;
    }
}

/* Login de Clientes / Aside Right */

.glyphicon-log-in {
    font-size: 20pt !important;
    top: 3px;
}

/* Treinamento */


#GridTreinamentoOnline table {
    width: 100%;
}

#GridTreinamentoPresencial table {
    width: 100%;
}

.infosTreinamento {
    padding: 0 0 0 5px;
    background-color: #f4f4f4;
    border: 1px solid #dadada;
    float: left;
    width: 100%;
    margin-bottom: 5%;
    /*min-width: 365px;*/
}

    .infosTreinamento span {
        float: left;
        padding-top: 1%;
        width: 70%;
    }

    .infosTreinamento .subTituloTreinamento:hover {
        text-decoration: underline;
    }

@media screen and (max-width: 767px) {
    .infosTreinamento {
        min-width: 0px;
    }
}

.tituloTreinamento {
    color: #333333;
    font-weight: 600;
}

.subTituloTreinamento {
    color: #D71920;
}

.dataTreinamento, .horaTreinamento {
    color: #7e7e7e;
}

.wrapperIconTreinamento {
    float: right;
    width: 21%;
}

.iconTreinamento {
    min-height: 119px;
    width: 100%;
    background-image: url('/Content/themes/Suporte/Images/iconTreinamento.png');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e7e7e7;
    -webkit-transition: background-color .01s ease-out;
    -moz-transition: background-color .01s ease-out;
    -ms-transition: background-color .01s ease-out;
    -o-transition: background-color .01s ease-out;
    transition: background-color .5s ease-out;
}

    .iconTreinamento:hover {
        background-color: #d6d6d6;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .iconTreinamento {
        min-height: 158px;
    }
}

@media screen and (min-width: 457px) and (max-width: 767px) {
    .iconTreinamento {
        min-height: 152px;
    }
}

@media screen and (min-width: 340px) and (max-width: 456px) {
    .iconTreinamento {
        min-height: 152px;
    }
}

/*FORMULARIO TREINAMENTOS/TURMAS*/

.CaixaTextoAdicional {
    border: solid 1px #F0F0F0;
    margin: 0 0 10px 20px;
    padding: 10px 5px 5px 5px;
    width: 405px;
    background-color: #ffffff;
    background-position: bottom;
}

/* MENU INTERNO DE NAVEGAÇÃO */

.LinkNavegacao {
    margin-top: 2%;
    padding: 10px 0px;
    color: #000 !important;
    font-size: 17px !important;
    text-align: justify;
    background-color: #efefef;
}

    .LinkNavegacao a:first-child {
        margin-left: 2%;
    }

    .LinkNavegacao a {
        color: #d71920 !important;
        font-size: 17px !important;
        text-align: justify;
    }

@media screen and (max-width: 767px) {
    .LinkNavegacao a {
        font-size: 14px !important;
    }
}

.LinkNavegacao .active {
}

.LinkNavegacao span img {
    padding: 0 12px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    width: 37px;
    margin-bottom: 3px;
}

.paginacaoFake {
    display: none;
}

/* Notas Explicativas */

#NotasExplicativas .alert-warning {
    background-color: #fcf8e3 !important;
}

#NotasExplicativas article h3 {
    font-size: 16px !important;
    margin-bottom: 2%;
    margin-top: 3%;
}

/* Produtividade CW */

.BorderBottom tbody {
    /*border-bottom: 1px solid #D71920 !important;*/
}

.linkDefault {
    color: #D71920;
    text-decoration: underline;
}

/*Perguntas Frequentes*/

.perguntasFrequentes .table > tbody > tr > td:nth-child(even) {
    text-align: left !important;
}



/*Arquivos de ajuda do sistema HELP*/

#GridArquivosAjuda .table > tbody > tr > td:first-child {
    text-align: left !important;
    text-decoration: underline;
}

/*Layouts de importação/exportação*/

#GridArquivosLayout .table > tbody > tr > td:first-child {
    text-align: left;
    text-decoration: underline;
}

/* Manuais dos Sistemas */

#GridArquivosManual .table > tbody > tr > td:first-child {
    text-align: left !important;
    text-decoration: underline;
}

/* Tutoriais */

#GridArquivosTutorial .table > tbody > tr > td:first-child {
    text-align: left !important;
    text-decoration: underline;
}

/* Requisições */

#GridRequisicoes .table > tbody > tr:last-child {
    /*border-bottom: 1px solid #D71920;*/
}

/* Liberador  */

#GridAtualizacaoSistema .table > tbody > tr > td:first-child {
    text-align: left !important;
}

/* Sistemas Recentes  */

#GridSistemasRecentes .table > tbody > tr > td:first-child {
    text-align: left !important;
}

/* Enquete Pagina Principal */

#divFormulario textarea {
    width: 100%;
}

#divFormulario .buttonEnviar {
    float: right;
}

/* Vídeo Aulas */

#DropSistema {
    margin-top: 1%;
}

/* Papeis de Parede */


.ResolucaoPapeldeParede {
    width: 100%;
    padding: 0 0 0 25%;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .ResolucaoPapeldeParede {
        width: 100%;
        padding: 0 0 0 28%;
    }
}

/* Noticias */

@media screen and (min-width: 768px) and (max-width: 991px) {
    #GridNoticias table tbody {
        display: inline-flex;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
    }

    #GridNoticias .paginacaoNoticias {
        padding-right: 0px;
    }
}

.wrapperNoticiaHome {
    padding-left: 0px;
    padding-right: 0px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .wrapperNoticiaHome {
        padding-left: 38px;
        padding-right: 0px;
        max-width: 354px;
        min-width: 354px;
    }
}

@media screen and (max-width: 364px) {
    .wrapperNoticiaHome {
        padding-right: 0px;
        max-width: 344px;
        min-width: 344px;
    }
}

/* Seta Banner */

.bjqs-controls a {
    color: #e11b22;
    font-weight: bold;
    font-size: 21px !important;
    padding: 0 1%;
    text-decoration: none;
}

.bjqs-controls img {
    width: 14px;
}

/* Rodapé */

@media screen and (max-width: 767px) {
    .iconChatContatoRodape {
        display: inline-block;
        width: 45px;
    }
}

ul li a.ativo {
    background-color: #d71920;
    color: #fff;
}


.TextoColunaGridAlinhadoCentro img {
    padding-left: 33%;
}

.wrapper-contato h3 {
    margin-top: 20px;
}

/* Onde Encontro */

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #d71920 !important;
}

.imgLink {
    cursor: pointer;
    color: #d71920;
}

    .imgLink:hover {
        color: #d71920;
        text-decoration: none;
    }

    .imgLink .versaoMinima {
        color: #d71920;
        text-decoration: none;
    }

/*PopupHover*/

/*.popover {
    border: 2px dotted red;
}*/

.popover-title {
    background-color: #d71920;
    color: #FFFFFF;
    text-align: center;
}

.popover-content {
    background-color: #FFFFFF;
    color: #000000;
    padding: 25px;
}
/*.arrow {
    border-right-color: red !important;
}*/

/*fim PopupHover*/

.panel-primary {
    border-color: #D71920 !important;
}

.panel-heading {
    border-color: #D71920 !important;
    background: #D71920 !important;
}

.bg-danger {
    color: #fff;
    border-color: #D71920 !important;
    background: #D71920 !important;
}

/* Página Atualizações dos Sistemas */

.wrapperAtualizacaoSistema .iconDownloadVermelho {
    color: #D71920;
    cursor: pointer;
    padding-left: 5px;
}

.wrapperAtualizacaoSistema .iconDownloadAzul {
    color: #31708f;
    cursor: pointer;
    padding-left: 5px;
}

img.image-shadown {
    -webkit-box-shadow: 2px 16px 47px 3px rgba(0,0,0,0.49);
    -moz-box-shadow: 2px 16px 47px 3px rgba(0,0,0,0.49);
    box-shadow: 2px 16px 47px 3px rgba(0,0,0,0.49);
}

/*-------------------------------------------------------------------------------------- MEDIAR QUERIES PADRAO -----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------- DISPOSITIVO XS ------------------------------------------------------------------------ */
@media screen and (max-width: 767px) {
    #banner-fadeSOL{
        padding-bottom:2%;
    }
    
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    }

    @-moz-document url-prefix() {
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
    }
}

/* ----------------------------------------------------------------------------------------- DISPOSITIVO SM ---------------------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 991px) {
    #banner-fadeSOL {
        padding-bottom: 2%;
    }


    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 991px) {
    }

    @-moz-document url-prefix() {

    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
    }
}
@media screen and (min-width:0\0) {
	.sairLogin {
		padding-left: 13px;
		padding-right: 13px;
	}
}

@media screen and (min-width:0\0) {
	.wrapperAtendimento {
		padding: 8px 10px 20px 10px;
	}
}
/*	 
            .seta-esquerda                  (normal)
            .seta-direta                    (normal)
            .seta-esquerda:hover            (normal mouseover)
            .seta-direta:hover              (normal mouseover)
            .seta-esquerda.seta-esquerdadn  (mousedown)
            .seta-direta.seta-diretadn      (mousedown)
            */
.seta-esquerda, .seta-direta {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(/Images/btn-jssor.png) center center no-repeat;
    overflow: hidden;
}

.seta-esquerda {
    background-position: -3px -33px;
}

.seta-direta {
    background-position: -63px -33px;
}

.seta-esquerda:hover {
    background-position: -123px -33px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .seta-direta {
        right: -1027px !important;
    }
}

.seta-direta:hover {
    background-position: -183px -33px;
}

.seta-esquerda.seta-esquerdadn {
    background-position: -243px -33px;
}

.seta-direta.seta-diretadn {
    background-position: -303px -33px;
}

/*
            .bullet-slide div           (normal)
            .bullet-slide div:hover     (normal mouseover)
            .bullet-slide .av           (active)
            .bullet-slide .av:hover     (active mouseover)
            .bullet-slide .dn           (mousedown)
            */
.bullet-slide {
    position: absolute;
    bottom: 12px;
    right: 12px;
}

    .bullet-slide div, .bullet-slide div:hover, .bullet-slide .av {
        position: absolute;
        /* size of bullet elment */
        width: 16px;
        height: 16px;
        background: url(/Images/bullet-jssor.png) no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .bullet-slide div {
        background-position: -7px -7px;
    }

        .bullet-slide div:hover, .bullet-slide .av:hover {
            background-position: -37px -7px;
        }

    .bullet-slide .av {
        background-position: -67px -7px;
    }

    .bullet-slide .dn, .bullet-slide .dn:hover {
        background-position: -97px -7px;
    }


/* slides */
.sliderPrincipal {
		position: relative;
		top: 0px;
		left: 0px;
		height: 340px;
		width: 100%;
	}

	.sliderPrincipalContainer {
		position: absolute;
		overflow: hidden;
		left: 0px;
		top: 0px;
		height: 340px;
		width: 1140px;
	}



.TextoPainelSuporte p {
	margin: 2% 0 2% 0;
	font-size: 19px !important;
	text-align: justify;
	color: #000 !important;
}

.TextoPainelSuporte a {
	font-size: 19px !important;
	color: #D71920 !important;
}

.TextoPainelSuporte h1 {
	/*margin: 5% 0 1% 0;*/
	font-size: 22px !important;
	text-align: justify;
	color: #000 !important;
	font-weight: bold;
}

.TextoPainelSuporte h2 {
	font-size: 26px !important;
	text-align: justify;
	color: #000 !important;
	font-weight: bold;
}

.TextoPainelSuporte h3 {
	margin: 5% 0 1% 0;
}


.TextoPainelSuporte p > strong {
	font-size: 26px !important;
	text-align: justify;
	color: #000 !important;
	font-weight: bold;
}

.TextoPainelSuporte ul > li {
	margin: 0% 0 0% 0;
	font-size: 19px !important;
	text-align: justify;
	color: #000 !important;
	font-weight: bold;
	list-style-type: square;
}

.TabelaMini {
	border: #999999 1px solid;
	font-size: 22px !important;
	width: 100%;
	margin: 0 8px 12px 8px;
}

.TabelaMiniCelula {
	border-right: solid 1px #CBC7B8;
	border-bottom: solid 1px #CBC7B8;
	font-size: 16px !important;
	line-height: 25px;
	text-align: center;
}

.TabelaMiniTitulo {
	background-color: #F5F5F5;
	border-right: solid 1px #CBC7B8;
	border-bottom: solid 1px #CBC7B8;
	font-size: 16px !important;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	color: #000066;
}

#TableGridCWTeclasLancList a {
	color: #fff !important;
	text-decoration: none;
}

#TableGridCWTeclasSelecList a {
	color: #fff !important;
	text-decoration: none;
}

#TableGridCWTeclasGridList a {
	color: #fff !important;
	text-decoration: none;
}

#TableGridNotasExplicativasList a {
	color: #fff;
	text-decoration: none;
}

#TableGridProdutividadeWLList a {
	color: #fff;
	text-decoration: none;
}

.PerguntaFrequenteResposta {
	line-height: 18px;
	margin: 0 10px 10px 10px;
}

#TableGridFaq a {
	color: #fff;
	text-decoration: none;
}

#TableGridTreinamento a {
	color: #fff;
	text-decoration: none;
}

#GridVideoAulas a {
	color: #fff;
	text-decoration: none;
}

#GridVideos img, h3 {
	/*margin-top: 0px;
	text-align: left;
	margin-bottom:5%;*/
}

.wrapper-video-aulas p {
	text-align: left !important;
}

#GridVideos .wrapper-video-aulas {
	margin-top: 10px;
	margin-bottom: 10px;
	/*display: flex;*/
}

#TableGridArquivosLayout a {
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 368px) {
	#TableGridArquivosLayout a {
		/*font-size: 10pt !important;*/
	}
}

#TableGridArquivosManual a {
	color: #fff;
	text-decoration: none;
}

#TableGridArquivosTutorial a {
	color: #fff;
	text-decoration: none;
}

.ImgArtigo {
	text-align: center;
}

	.ImgArtigo img {
		max-width: 100%;
	}

.Discreto {
	font-style: italic;
	color: #666;
	font-size: 8pt !important;
	font-weight: bold;
}

/* Solicitar Cancelamento do Sistema */

#formSolicitarCancelar select{
	margin-bottom: 1%;
}

/* Envio de Backup para análise */

#formBackup .wrapperRow{
	margin-bottom: 1%;
}

.linha1 {
    color: #ffffff;
    line-height: 32px;
}

.backgroundOffLine {
    background-color: #b92025;
}

.backgroundOnLine {
    background-color: #47b749;
}


/*Tamanho XS*/
@media screen and (max-width: 575px) {
    .coluna1Celula1 {
        text-align: center!important;
    }

    .coluna1Celula2 {
        text-align: center!important;
    }
}

/*Tamanho SM*/
@media screen and (max-width: 767px) {
    .coluna1Celula1 {
        text-align: center !important;
    }

    .coluna1Celula2 {
        text-align: center!important;
    }
}

/*Tamanho MD*/
@media screen and (max-width: 991px) {
    .titulo-sol-OnLine {
        
    }
    .coluna1Celula1 {
        text-align: left;
    }

    .coluna1Celula2 {
        text-align: right;
    }
}

/*Tamanho LG*/
@media screen and (min-width: 992px) {
    .coluna1Celula1 {
        text-align: left;
    }
    .coluna1Celula2 {     
        text-align: right;
    }
}







.ui-grid-top-panel {
    background: #D71920 !important;
    color: #ffffff;
}

.ui-grid-filter-input, .ui-grid-filter-select {
    color: #000000;
}

.ngCellText {
    padding-left: 5px;
}
.card {
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}

.card-top {
    background-color: #eee;
    position: relative;
}

.card-body {
    padding: 8px;
    position: relative;
    height: 158px;
}

.card-body-title {
    font-weight: 600;
    display: block;
    min-height: 70px;
}

.btn-info-treinamento {
    position: absolute;
    z-index: 160;
    top: 5px;
    right: 5px;
}

/* Custom xs */
@media only screen and (min-width : 320px) {
    .card {
        max-width: 260px;
        margin-left: 10px;
    }

    .card-top-img {
        margin-left: 30px;
    }
}

/* xs */
@media only screen and (min-width : 480px) {    
    .card {
        height: 320px;
        margin-bottom: 10px;
    }

    .card-top-img {
        margin-left: 30px;
    }
}

/* sm */
@media only screen and (min-width : 768px) {
    .card-top-img {
        width: 170px;
        height: 170px;
        margin-left: 10px;
    }

    .card-body {
        height: 190px;
    }
    .card {
        height: 320px;
        margin-bottom: 10px;
    }
}

/* md */
@media only screen and (min-width : 992px) {
    .card-top-img {
        width: 160px;
        height: 160px;
    }

    .card-body {
        height: 200px;
    }
    .card {
        height: 320px;
        margin-bottom: 10px;
    }
}

/* lg */
@media only screen and (min-width : 1200px) {
    .card-top-img {
        background: #eee;
        border: 0;
        border-radius: 2px 0 0 0;
        width: 160px;
        height: 160px;
        /*padding: 100px;*/
    }

    .card {
        height: 320px;
        margin-bottom: 10px;
    }
}