Current File : /home/inlingua/public_html/sensoriumpsychologists.com/diagnostics/css/__packed.css |
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #fff;
opacity: .8;
filter: alpha(opacity=80)
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none!important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur header.fixedTopMenu .topWrap {z-index: 1000;}
.mfp-zoom-out-cur,.mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none!important
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: white
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-close,button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #222;
font-style: normal;
font-size: 28px;
font-family: Arial,Baskerville,monospace
}
.mfp-close:hover,.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100)
}
/*.mfp-close {display: none !important;}*/
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
color: #222;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px
}
.mfp-arrow {
position: absolute;
opacity: .65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:hover,.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100)
}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after,.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before,.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px
}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px
}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0,0,0,0.6);
background: black
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0,0,0,0.6);
background: #444
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #222;
word-wrap: break-word;
padding-right: 36px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left:0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0,0,0,0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0,0,0,0.6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform:scale(0.75);
transform: scale(0.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.mfp-ie7 .mfp-img {
padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
padding: 0
}
.mfp-ie7 .mfp-content {
padding-top: 44px
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transform: scale(0.8);
-webkit-transform: scale(0.8);
transition: all .2s ease-in-out 0;
-webkit-transition: all .2s ease-in-out 0
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all .3s ease-out 0;
-webkit-transition: all .3s ease-out 0
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1)
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: .9
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
opacity: 0;
transform: scale(0.8);
-webkit-transform: scale(0.8)
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.ih-item {
position: relative;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .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: 240px;
height: 240px;
border-radius: 50%;
margin: 0 auto
}
.ih-item.circle .img {
position: relative;
width: 240px;
height: 240px;
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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .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: 100%;
height: 100%
}
.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: 250px;
height: 250px;
border: 10px solid #ecab18;
border-right-color: #1ad280;
border-bottom-color: #1ad280;
border-radius: 50%;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
transition: all .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: #333;
background: rgba(0,0,0,0.6);
opacity: 0;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
transition: all .8s ease-in-out
}
.ih-item.circle.effect1 .info h4 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 20px;
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: #fff;
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,
.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,
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .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: #333;
background: rgba(0,0,0,0.6);
opacity: 0;
pointer-events: none;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect2 .info h4 {
color: #fff;
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: #fff;
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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect3.colored .info {
background: #1a4a72
}
.ih-item.circle.effect3 .info {
background: #333;
opacity: 0;
pointer-events: none;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect3 .info h4 {
color: #fff;
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: #fff;
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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.ih-item.circle.effect4.colored .info {
background: #1a4a72
}
.ih-item.circle.effect4 .info {
background: #333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
transition: all .35s ease
}
.ih-item.circle.effect4 .info h4 {
color: #fff;
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: #fff;
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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect4 a:hover .img,
.ih-item.circle.effect4 a.hover .img {
opacity: 0;
pointer-events: none
}
.ih-item.circle.effect4 a:hover .info,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .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: #333;
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 h4 {
color: #fff;
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: #fff;
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,
.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,
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect6.colored .info {
background: #1a4a72
}
.ih-item.circle.effect6 .info {
background: #333;
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect6 .info h4 {
color: #fff;
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: #fff;
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,
.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,
.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,
.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,
.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 .35s ease-in-out .2s;
-moz-transition: all .35s ease-in-out .2s;
transition: all .35s ease-in-out .2s
}
.ih-item.circle.effect6.scale_down_up a:hover .img,
.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,
.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 .35s ease-out;
-moz-transition: all .35s ease-out;
transition: all .35s ease-out
}
.ih-item.circle.effect7.colored .info {
background: #1a4a72
}
.ih-item.circle.effect7 .info {
background: #333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.circle.effect7 .info h4 {
color: #fff;
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: #fff;
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,
.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,
.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,
.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,
.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,
.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,
.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 .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.ih-item.circle.effect8 .img-container .img {
opacity: 1;
-webkit-transition: all .3s ease-in-out .3s;
-moz-transition: all .3s ease-in-out .3s;
transition: all .3s ease-in-out .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 .3s ease-in-out .3s;
-moz-transition: all .3s ease-in-out .3s;
transition: all .3s ease-in-out .3s
}
.ih-item.circle.effect8 .info {
width: 100%;
height: 100%;
background: #333;
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 .35s ease-in-out .6s;
-moz-transition: all .35s ease-in-out .6s;
transition: all .35s ease-in-out .6s
}
.ih-item.circle.effect8 .info h4 {
color: #fff;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0 0;
height: 100px;
text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect8 .info p {
color: #fff;
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,
.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,
.ih-item.circle.effect8 a.hover .img-container .img {
opacity: 0;
pointer-events: none
}
.ih-item.circle.effect8 a:hover .info-container,
.ih-item.circle.effect8 a.hover .info-container {
opacity: 1
}
.ih-item.circle.effect8 a:hover .info-container .info,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 .35s ease-out;
-moz-transition: all .35s ease-out;
transition: all .35s ease-out
}
.ih-item.circle.effect9.colored .info {
background: #1a4a72
}
.ih-item.circle.effect9 .info {
background: #333;
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 .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.circle.effect9 .info h4 {
color: #fff;
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: #fff;
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,
.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,
.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,
.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,
.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,
.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,
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect10.colored .info {
background: #1a4a72
}
.ih-item.circle.effect10 .info {
background: #333;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect10 .info h4 {
color: #fff;
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: #fff;
font-style: italic;
font-size: 12px;
border-top: 1px solid rgba(255,255,255,0.5);
height: 22px;
overflow: hidden
}
.ih-item.circle.effect10 a:hover .info,
.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 h4 {
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,
.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 h4 {
margin: 110px 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,
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect11.colored .info {
background: #1a4a72
}
.ih-item.circle.effect11 .info {
background: #333;
opacity: 0;
visibility: hidden;
-webkit-transition: all .35s ease .35s;
-moz-transition: all .35s ease .35s;
transition: all .35s ease .35s
}
.ih-item.circle.effect11 .info h4 {
color: #fff;
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: #fff;
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,
.ih-item.circle.effect11 a.hover .img {
opacity: 0
}
.ih-item.circle.effect11 a:hover .info,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect12.colored .info {
background: #1a4a72
}
.ih-item.circle.effect12 .info {
background: #333;
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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect12 .info h4 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 20px;
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: #fff;
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,
.ih-item.circle.effect12 a.hover .img {
opacity: 0;
pointer-events: none
}
.ih-item.circle.effect12 a:hover .info,
.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,
.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,
.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: .4s;
-moz-transition-delay: .4s;
transition-delay: .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,
.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,
.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: .4s;
-moz-transition-delay: .4s;
transition-delay: .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,
.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,
.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: .4s;
-moz-transition-delay: .4s;
transition-delay: .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,
.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,
.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: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.circle.effect13.colored .info {
background: #1a4a72;
background: rgba(26,74,114,0.6)
}
.ih-item.circle.effect13 .info {
background: #333;
background: rgba(0,0,0,0.6);
opacity: 0;
pointer-events: none;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect13 .info h4 {
visibility: hidden;
color: #fff;
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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect13 .info p {
visibility: hidden;
color: #fff;
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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect13 a:hover .info,
.ih-item.circle.effect13 a.hover .info {
opacity: 1
}
.ih-item.circle.effect13 a:hover h4,
.ih-item.circle.effect13 a.hover h4 {
visibility: visible
}
.ih-item.circle.effect13 a:hover p,
.ih-item.circle.effect13 a.hover p {
visibility: visible
}
.ih-item.circle.effect13.from_left_and_right .info h4 {
-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 h4,
.ih-item.circle.effect13.from_left_and_right a.hover h4 {
-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,
.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 h4 {
-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 h4,
.ih-item.circle.effect13.top_to_bottom a.hover h4 {
-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,
.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 h4 {
-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 h4,
.ih-item.circle.effect13.bottom_to_top a.hover h4 {
-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,
.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 .4s ease-out;
-moz-transition: all .4s ease-out;
transition: all .4s ease-out
}
.ih-item.circle.effect14.colored .info {
background: #1a4a72
}
.ih-item.circle.effect14 .info {
background: #333;
opacity: 0;
visibility: hidden;
-webkit-transition: all .35s ease-in-out .3s;
-moz-transition: all .35s ease-in-out .3s;
transition: all .35s ease-in-out .3s
}
.ih-item.circle.effect14 .info h4 {
color: #fff;
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: #fff;
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,
.ih-item.circle.effect14 a.hover .img {
opacity: 0;
visibility: hidden
}
.ih-item.circle.effect14 a:hover .info,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect15.colored .info {
background: #1a4a72
}
.ih-item.circle.effect15 .info {
background: #333;
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 .35s ease-in-out .3s;
-moz-transition: all .35s ease-in-out .3s;
transition: all .35s ease-in-out .3s
}
.ih-item.circle.effect15 .info h4 {
color: #fff;
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: #fff;
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,
.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,
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect16.colored .info {
background: #1a4a72
}
.ih-item.circle.effect16 .info {
background: #333;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect16 .info h4 {
color: #fff;
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: #fff;
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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .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,
.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,
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect17 .info h4 {
color: #fff;
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: #fff;
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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect17 a:hover .img:before,
.ih-item.circle.effect17 a.hover .img:before {
box-shadow: inset 0 0 0 110px #333,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,
.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,
.ih-item.circle.effect17 a.hover .info p {
opacity: 1
}
.ih-item.circle.effect17.colored a:hover .img:before,
.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 .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .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: #333
}
.ih-item.circle.effect18 .info h4 {
color: #fff;
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: #fff;
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,
.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,
.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,
.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,
.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: #333;
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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect19 .info h4 {
color: #fff;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 60px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect19 .info p {
color: #fff;
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,
.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 .35s linear;
-moz-transition: all .35s linear;
transition: all .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: #333;
-webkit-transition: all .35s linear;
-moz-transition: all .35s linear;
transition: all .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 h4 {
color: #fff;
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: #fff;
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,
.ih-item.circle.effect20 a.hover .img {
opacity: 0
}
.ih-item.circle.effect20 a:hover .info .info-back,
.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,
.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,
.ih-item.circle.effect20.top_to_bottom a.hover .info .info-back {
-webkit-transform: rotate3d(1,0,0,0);
-moz-transform: rotate3d(1,0,0,0);
-ms-transform: rotate3d(1,0,0,0);
-o-transform: rotate3d(1,0,0,0);
transform: rotate3d(1,0,0,0)
}
.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,
.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,
.ih-item.circle.effect20.bottom_to_top a.hover .info .info-back {
-webkit-transform: rotate3d(1,0,0,0);
-moz-transform: rotate3d(1,0,0,0);
-ms-transform: rotate3d(1,0,0,0);
-o-transform: rotate3d(1,0,0,0);
transform: rotate3d(1,0,0,0)
}
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .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: #333;
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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect1 a:hover .info,
.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 h4 {
position: absolute;
top: 12px;
left: 12px;
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: #fff
}
.ih-item.square.effect1.left_and_right a:hover .img,
.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 h4 {
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: #fff;
padding: 5px;
text-align: center
}
.ih-item.square.effect1.top_to_bottom a:hover .img,
.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 h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 165px 0 0 0
}
.ih-item.square.effect1.bottom_to_top .info p {
font-style: italic;
font-size: 12px;
color: #fff;
padding: 5px;
text-align: center
}
.ih-item.square.effect1.bottom_to_top a:hover .img,
.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 h4 {
background: rgba(12,34,52,0.6)
}
.ih-item.square.effect2 .img {
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: rotate(0) scale(1);
-moz-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
transform: rotate(0) scale(1)
}
.ih-item.square.effect2 .info {
background: #333;
visibility: hidden;
-webkit-transition: all .35s .3s ease-in-out;
-moz-transition: all .35s .3s ease-in-out;
transition: all .35s .3s ease-in-out
}
.ih-item.square.effect2 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
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 .35s .6s ease-in-out;
-moz-transition: all .35s .6s ease-in-out;
transition: all .35s .6s ease-in-out
}
.ih-item.square.effect2 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
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 .35s .5s linear;
-moz-transition: all .35s .5s linear;
transition: all .35s .5s linear
}
.ih-item.square.effect2 a:hover .img,
.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,
.ih-item.square.effect2 a.hover .info {
visibility: visible
}
.ih-item.square.effect2 a:hover .info h4,.ih-item.square.effect2 a:hover .info p,
.ih-item.square.effect2 a.hover .info h4,.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect3 .info {
height: 65px;
overflow: hidden;
background: #333;
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect3 .info h4 {
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: #fff;
padding: 5px;
text-align: center
}
.ih-item.square.effect3 a:hover .info,
.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,
.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,
.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,
.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,
.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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect4 .mask1,.ih-item.square.effect4 .mask2 {
position: absolute;
background: #333;
background: rgba(0,0,0,0.6);
height: 361px;
width: 361px;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .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: #111;
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 .35s ease-in-out .35s;
-moz-transition: all .35s ease-in-out .35s;
transition: all .35s ease-in-out .35s
}
.ih-item.square.effect4 .info h4 {
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 .35s ease-in-out .35s;
-moz-transition: all .35s ease-in-out .35s;
transition: all .35s ease-in-out .35s
}
.ih-item.square.effect4 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 20px 20px 20px;
text-align: center;
opacity: 0;
-webkit-transition: all .35s ease-in-out .35s;
-moz-transition: all .35s ease-in-out .35s;
transition: all .35s ease-in-out .35s
}
.ih-item.square.effect4 a:hover .mask1,
.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,
.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,
.ih-item.square.effect4 a.hover .info {
width: 300px;
height: 120px;
visibility: visible;
top: 40px;
-webkit-transform: rotate(0) translate(0,0);
-moz-transform: rotate(0) translate(0,0);
-ms-transform: rotate(0) translate(0,0);
-o-transform: rotate(0) translate(0,0);
transform: rotate(0) translate(0,0)
}
.ih-item.square.effect4 a:hover .info h4,.ih-item.square.effect4 a:hover .info p,
.ih-item.square.effect4 a.hover .info h4,.ih-item.square.effect4 a.hover .info p {
opacity: 1
}
.ih-item.square.effect5.colored .info {
background: #1a4a72
}
.ih-item.square.effect5.colored .info h4 {
background: rgba(12,34,52,0.6)
}
.ih-item.square.effect5 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .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: #333;
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect5 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0 0
}
.ih-item.square.effect5 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 20px 20px 20px;
text-align: center
}
.ih-item.square.effect5 a:hover .img,
.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,
.ih-item.square.effect5 a.hover .info {
visibility: visible;
opacity: 1;
-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-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .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 h4 {
background: rgba(12,34,52,0.6)
}
.ih-item.square.effect6 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .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: #333;
background: rgba(0,0,0,0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect6 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect6 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all .35s .1s linear;
-moz-transition: all .35s .1s linear;
transition: all .35s .1s linear
}
.ih-item.square.effect6 a:hover .img,
.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,
.ih-item.square.effect6 a.hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect6.from_top_and_bottom .info h4 {
-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 h4,.ih-item.square.effect6.from_top_and_bottom a:hover .info p,
.ih-item.square.effect6.from_top_and_bottom a.hover .info h4,.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 h4 {
-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 h4,.ih-item.square.effect6.from_left_and_right a:hover .info p,
.ih-item.square.effect6.from_left_and_right a.hover .info h4,.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 h4 {
-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 h4,.ih-item.square.effect6.top_to_bottom a:hover .info p,
.ih-item.square.effect6.top_to_bottom a.hover .info h4,.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 h4 {
-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 h4,.ih-item.square.effect6.bottom_to_top a:hover .info p,
.ih-item.square.effect6.bottom_to_top a.hover .info h4,.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 h4 {
background: rgba(12,34,52,0.6)
}
.ih-item.square.effect7 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .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: #333;
background: rgba(0,0,0,0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect7 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
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 .35s .1s ease-in-out;
-moz-transition: all .35s .1s ease-in-out;
transition: all .35s .1s ease-in-out
}
.ih-item.square.effect7 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
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 .35s .3s linear;
-moz-transition: all .35s .3s linear;
transition: all .35s .3s linear
}
.ih-item.square.effect7 a:hover .img,
.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,
.ih-item.square.effect7 a.hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect7 a:hover .info h4,.ih-item.square.effect7 a:hover .info p,
.ih-item.square.effect7 a.hover .info h4,.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 h4 {
background: rgba(12,34,52,0.6)
}
.ih-item.square.effect8 .img {
opacity: 1;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect8 .info {
background: #333;
visibility: hidden;
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect8 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0 0;
-webkit-transition: all .35s .1s ease-in-out;
-moz-transition: all .35s .1s ease-in-out;
transition: all .35s .1s ease-in-out
}
.ih-item.square.effect8 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all .35s .15s linear;
-moz-transition: all .35s .15s linear;
transition: all .35s .15s linear
}
.ih-item.square.effect8 a:hover .img,
.ih-item.square.effect8 a.hover .img {
opacity: 0
}
.ih-item.square.effect8 a:hover .info,
.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 h4,.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,
.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,
.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 h4,.ih-item.square.effect8.scale_up a:hover .info p,
.ih-item.square.effect8.scale_up a.hover .info h4,.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 h4,.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,
.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,
.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 h4,.ih-item.square.effect8.scale_down a:hover .info p,
.ih-item.square.effect8.scale_down a.hover .info h4,.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 h4 {
background: rgba(12,34,52,0.6)
}
.ih-item.square.effect9 .img {
position: relative;
z-index: 11;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .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: #333
}
.ih-item.square.effect9 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 0
}
.ih-item.square.effect9 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
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,
.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,
.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,
.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,
.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 h4 {
background: rgba(12,34,52,0.6)
}
.ih-item.square.effect10 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect10 .info {
background: #333;
visibility: hidden;
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect10 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0 0
}
.ih-item.square.effect10 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 20px 20px 20px;
text-align: center
}
.ih-item.square.effect10 a:hover .info,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 h4 {
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 .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect11 .info {
background: #333;
visibility: hidden;
opacity: 0;
-webkit-transition: all .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.square.effect11 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0 0
}
.ih-item.square.effect11 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 20px 20px 20px;
text-align: center
}
.ih-item.square.effect11 a:hover .img,
.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,
.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,
.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,
.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,
.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,
.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 h4 {
background: rgba(12,34,52,0.6)
}
.ih-item.square.effect12 .img {
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
transition: all .35s ease-in
}
.ih-item.square.effect12 .info {
background: #333;
background: rgba(0,0,0,0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
transition: all .35s ease-in
}
.ih-item.square.effect12 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0 0;
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
transition: all .35s ease-in
}
.ih-item.square.effect12 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
transition: all .35s ease-in
}
.ih-item.square.effect12 a:hover .info,
.ih-item.square.effect12 a.hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect12 a:hover .info h4,
.ih-item.square.effect12 a.hover .info h4 {
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect12 a:hover .info p,
.ih-item.square.effect12 a.hover .info p {
-webkit-transition-delay: .25s;
-moz-transition-delay: .25s;
transition-delay: .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 h4 {
-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,
.ih-item.square.effect12.left_to_right a.hover .info {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
.ih-item.square.effect12.left_to_right a:hover .info h4,
.ih-item.square.effect12.left_to_right a.hover .info h4 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect12.left_to_right a:hover .info p,
.ih-item.square.effect12.left_to_right a.hover .info p {
-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.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 h4 {
-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,
.ih-item.square.effect12.right_to_left a.hover .info {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
.ih-item.square.effect12.right_to_left a:hover .info h4,
.ih-item.square.effect12.right_to_left a.hover .info h4 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect12.right_to_left a:hover .info p,
.ih-item.square.effect12.right_to_left a.hover .info p {
-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.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 h4 {
-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,
.ih-item.square.effect12.top_to_bottom a.hover .info {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect12.top_to_bottom a:hover .info h4,
.ih-item.square.effect12.top_to_bottom a.hover .info h4 {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect12.top_to_bottom a:hover .info p,
.ih-item.square.effect12.top_to_bottom a.hover .info p {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .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 h4 {
-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,
.ih-item.square.effect12.bottom_to_top a.hover .info {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect12.bottom_to_top a:hover .info h4,
.ih-item.square.effect12.bottom_to_top a.hover .info h4 {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect12.bottom_to_top a:hover .info p,
.ih-item.square.effect12.bottom_to_top a.hover .info p {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .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 h4 {
background: rgba(12,34,52,0.6)
}
.ih-item.square.effect13 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .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: #333;
background: rgba(0,0,0,0.6);
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect13 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0 0
}
.ih-item.square.effect13 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 20px 20px 20px;
text-align: center
}
.ih-item.square.effect13 a:hover .img,
.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,
.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,
.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,
.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,
.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 h4 {
background: rgba(12,34,52,0.6)
}
.ih-item.square.effect14 .img {
opacity: 1;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect14 .info {
background: #333;
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 .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.square.effect14 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0 0
}
.ih-item.square.effect14 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 20px 20px 20px;
text-align: center
}
.ih-item.square.effect14 a:hover .img,
.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,
.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,
.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,
.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,
.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,
.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 .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.ih-item.square.effect15 .info {
background: #333;
opacity: 0;
-webkit-transition: all .35s ease-in-out .3s;
-moz-transition: all .35s ease-in-out .3s;
transition: all .35s ease-in-out .3s
}
.ih-item.square.effect15 .info h4 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0 0
}
.ih-item.square.effect15 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 20px 20px 20px;
text-align: center
}
.ih-item.square.effect15 a:hover .img,
.ih-item.square.effect15 a.hover .img {
opacity: 0;
visibility: hidden
}
.ih-item.square.effect15 a:hover .info,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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)
}
#themerex_modal_bg {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.3);
display: none;
z-index: 100000
}
.themerex_message {
display: block;
position: absolute;
max-width: 800px;
min-width: 280px;
overflow: hidden;
border-radius: 4px;
border: 2px solid #e5e5e5;
background-color: #fff;
color: #4c4c4c;
opacity: 0;
top: 0;
left: 40%;
/*margin-left: -200px;*/
padding: 12px;
line-height: 140%;
z-index: 100001
}
.themerex_message .themerex_message_close {
display: block;
position: absolute;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
font-size: 16px;
font-weight: bold;
right: 6px;
top: 4px;
cursor: pointer;
color: #4c4c4c
}
.themerex_message .themerex_message_icon {
float: left;
display: block;
width: 35px;
height: 35px;
line-height: 28px;
text-align: center;
border: 4px solid #c9c9c9;
border-radius: 50%;
margin: 6px 20px 5px 0;
font-size: 24px;
font-weight: bold;
color: #c9c9c9
}
.themerex_message .themerex_message_icon:before {
padding: 0;
margin: 0
}
.themerex_message .themerex_message_header {
color: #4c4c4c;
margin: 0;
padding: 0;
font-size: 18px;
font-weight: bold
}
.themerex_message:not(.themerex_message_dialog) .themerex_message_body {
padding: 14px 0 0 63px
}
.themerex_message_warning {
border-color: #d7a9b1;
background-color: #ffcdde;
color: #a63a4b
}
.themerex_message_warning .themerex_message_close {
color: #a63a4b
}
.themerex_message_warning .themerex_message_icon {
border-color: #a63a4b;
color: #a63a4b
}
.themerex_message_warning .themerex_message_icon {
line-height: 34px
}
.themerex_message_warning .themerex_message_header {
color: #a63a4b
}
.themerex_message_success {
border-color: #b3e7a8;
background-color: #d8ffd0;
color: #517d48
}
.themerex_message_success .themerex_message_close {
color: #517d48
}
.themerex_message_success .themerex_message_icon {
border-color: #517d48;
color: #517d48
}
.themerex_message_success .themerex_message_icon {
line-height: 34px
}
.themerex_message_success .themerex_message_header {
color: #517d48
}
.themerex_message_info {
border-color: #9ecade;
background-color: #ebf7fe;
color: #4cb2e1
}
.themerex_message_info .themerex_message_close {
color: #4cb2e1
}
.themerex_message_info .themerex_message_icon {
border-color: #4cb2e1;
color: #4cb2e1
}
.themerex_message_info .themerex_message_icon {
line-height: 34px
}
.themerex_message_info .themerex_message_header {
color: #4cb2e1
}
.themerex_message_dialog .themerex_message_icon {
line-height: 36px
}
.themerex_message_dialog .themerex_message_buttons {
margin-top: 20px
}
.themerex_message_dialog .themerex_message_button {
display: inline-block;
padding: 0 12px;
margin-right: 6px;
min-width: 60px;
height: 30px;
line-height: 30px;
background-color: #4b4b4b;
border-radius: 6px;
color: #fff;
cursor: pointer;
text-align: center;
font-weight: bold
}
.themerex_message_dialog .themerex_message_button:hover {
background-color: #4cb2e1
}
.sc_accordion .panel+.panel {margin-top: 0;}
.sc_accordion .panel {-webkit-box-shadow: none; box-shadow: none; border-radius: 0;}
.sc_accordion .sc_accordion_item .sc_accordion_content {
overflow: hidden;
/*display: none;*/
font-weight: 300;
margin: 0;
}
.sc_accordion .sc_accordion_item .sc_accordion_title {
text-align: left;
font-weight: 400;
padding-bottom: 0;
}
.sc_accordion .sc_accordion_item .sc_accordion_title a {
font-size: 17px;
}
.sc_accordion .sc_accordion_item .sc_accordion_title a.collapsed:before {
content: '+';
font-size: 20px;
text-indent: 1px;
}
.sc_accordion .sc_accordion_item .sc_accordion_title a:before {
content: '-';
font-size: 30px;
line-height: 22px;
font-weight: 100;
text-indent: 0;
width: 28px;
height: 28px;
display: block;
text-align: center;
position: absolute
}
.sc_accordion.sc_accordion_style_1 {
/*margin: 0 0 50px 0;*/
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item {
border: 1px solid #ddd
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item+.sc_accordion_item {
border-width: 0 1px 1px 1px
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title {
cursor: pointer;
position: relative;
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title a {
padding: 15px 15px 15px 50px;
display: block;
color: initial;
text-decoration: none;
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title a:hover {
text-decoration: none;
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title a.collapsed {
color: inherit;
background: #fff;
background: -moz-linear-gradient(top,#fff 22%,#f0f0f0 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(22%,#fff),color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top,#fff 22%,#f0f0f0 100%);
background: -o-linear-gradient(top,#fff 22%,#f0f0f0 100%);
background: -ms-linear-gradient(top,#fff 22%,#f0f0f0 100%);
background: linear-gradient(to bottom,#fff 22%,#f0f0f0 100%)
-webkit-transition: all 0.5s ease;
-webkit-transition-delay: 0.5s;
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title {
background: 0;
color: #222;
cursor: default
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_content {
padding: 0 15px 15px 50px
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title a:before {
border: 1px solid #ddd;
top: 10px;
left: 10px
}
.sc_accordion.sc_accordion_style_2 {
margin: 0 0 50px 0
}
.sc_accordion.sc_accordion_style_2 .sc_accordion_item {
border-width: 1px 0;
border-style: solid;
border-color: #ddd
}
.sc_accordion.sc_accordion_style_2 .sc_accordion_item+.sc_accordion_item {
border-width: 0 0 1px 0
}
.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title {
position: relative
}
.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title a {
padding: 20px 50px 20px 15px;
display: block;
color: initial;
text-decoration: none;
}
.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title a:before {
border: 1px solid #ddd;
top: 15px;
right: 10px
}
.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title a.collapsed {
color: initial;
}
.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title a:hover {
text-decoration: none;
}
.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_content {
padding: 0 50px 15px 15px
}
.sc_accordion.sc_accordion_style_3 {
margin: 0 0 50px 0;
}
.sc_accordion.sc_accordion_style_3 .sc_accordion_item {
border-width: 1px;
border-style: solid;
}
.sc_accordion.sc_accordion_style_3 .sc_accordion_item+.sc_accordion_item {
border-top-color: #fff;
}
.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_title a {
background: #fff;
padding: 20px 50px 20px 15px;
position: relative;
display: block;
text-decoration: none;
}
.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_title a:hover {
text-decoration: none;
}
.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_title a.collapsed {
color: #fff;
background-color: transparent;
}
.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_content {
padding: 15px 50px 15px 15px;
}
.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_title a.collapsed:before {
border-color: #fff;
}
.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_title a:before {
border: 1px solid #ddd;
top: 15px;
right: 10px;
}
.sc_accordion.sc_accordion_large .sc_accordion_item .sc_accordion_title {
padding: 30px 50px 30px 15px;
}
.sc_accordion.sc_accordion_large .sc_accordion_item .sc_accordion_title:before {
top: 30px;
right: 0;
}
.sc_accordion.sc_accordion_large .sc_accordion_item .sc_accordion_content {
padding: 0 50px 30px 30px;
}
.sc_accordion.sc_show_counter .sc_accordion_item .sc_accordion_title a{
font-size: inherit;
padding-left: 0;
cursor: pointer;
}
.sc_accordion.sc_show_counter .sc_accordion_item .sc_accordion_title a span.sc_items_counter {
display: inline-block;
width: 50px;
}
.sc_accordion.sc_show_counter .sc_accordion_item .sc_accordion_content {
padding-left: 50px;
}
.audio_container {
overflow: hidden;
min-height: 50px;
padding-top: 15px;
}
.wpb_row .audio_container {
padding-top: 0
}
.sc_column_item {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-sizing: border-box;
min-height: 1px
}
.sc_googlemap img {
max-width: none
}
.sc_toggles .sc_toggles_content {
display: none;
overflow: hidden;
margin: 0;
font-weight: 300
}
.sc_toggles:not(.sc_active) .sc_toggles_content {display: none;}
.sc_toggles .sc_toggles_item .sc_toggles_title {
text-align: left;
font-weight: 400
}
.sc_toggles .sc_toggles_item .sc_toggles_title:before {
content: '+';
width: 28px;
height: 28px;
display: block;
text-align: center;
line-height: 26px;
font-size: 20px;
text-indent: 1px;
position: absolute
}
.sc_toggles .sc_toggles_item.sc_active .sc_toggles_title:before {
content: '-';
font-size: 30px;
line-height: 25px;
font-weight: 100;
text-indent: 0
}
.sc_toggles. {
/*margin: 0 0 50px 0*/
}
.sc_toggles.sc_toggles_style_1 .sc_toggles_item {
border: 1px solid #ddd
}
.sc_toggles.sc_toggles_style_1 .sc_toggles_item+.sc_toggles_item {
border-style: solid;
border-color: #ddd;
border-width: 0 1px 1px 1px
}
.sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_title {
cursor: pointer;
padding: 15px 15px 15px 50px;
position: relative;
background: #fff;
background: -moz-linear-gradient(top,#fff 22%,#f0f0f0 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(22%,#fff),color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top,#fff 22%,#f0f0f0 100%);
background: -o-linear-gradient(top,#fff 22%,#f0f0f0 100%);
background: -ms-linear-gradient(top,#fff 22%,#f0f0f0 100%);
background: linear-gradient(to bottom,#fff 22%,#f0f0f0 100%)
}
.sc_toggles.sc_toggles_style_1 .sc_toggles_item.sc_active .sc_toggles_title {
background: 0;
color: #222
}
.sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_content {
padding: 0 15px 15px 50px
}
.sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_title:before {
border: 1px solid #ddd;
top: 10px;
left: 10px
}
.sc_toggles.sc_toggles_style_2 {
/*margin: 0 0 50px 0*/
}
.sc_toggles.sc_toggles_style_2 .sc_toggles_item {
border-width: 1px 0;
border-style: solid;
border-color: #ddd
}
.sc_toggles.sc_toggles_style_2 .sc_toggles_item+.sc_toggles_item {
border-style: solid;
border-color: #ddd;
border-width: 0 0 1px 0
}
.sc_toggles.sc_toggles_style_2 .sc_toggles_item .sc_toggles_title {
cursor: pointer;
padding: 20px 50px 20px 15px;
position: relative
}
.sc_toggles.sc_toggles_style_2 .sc_toggles_item .sc_toggles_content {
padding: 0 50px 15px 15px
}
.sc_toggles.sc_toggles_style_2 .sc_toggles_item .sc_toggles_title:before {
border: 1px solid #ddd;
top: 15px;
right: 10px
}
.sc_toggles.sc_toggles_style_3 {
margin: 0 0 50px 0
}
.sc_toggles.sc_toggles_style_3 .sc_toggles_item {
border-width: 1px;
border-style: solid
}
.sc_toggles.sc_toggles_style_3 .sc_toggles_item+.sc_toggles_item {
border-width: 1px;
border-style: solid;
border-top-color: #fff
}
.sc_toggles.sc_toggles_style_3 .sc_toggles_item .sc_toggles_title {
cursor: pointer;
color: #fff;
padding: 20px 50px 20px 15px;
position: relative
}
.sc_toggles.sc_toggles_style_3 .sc_toggles_item.sc_active .sc_toggles_title {
background: #fff
}
.sc_toggles.sc_toggles_style_3 .sc_toggles_item .sc_toggles_content {
padding: 15px 50px 15px 15px
}
.sc_toggles.sc_toggles_style_3 .sc_toggles_item .sc_toggles_title:before {
border: 1px solid #fff;
top: 15px;
right: 10px
}
.sc_toggles.sc_toggles_large .sc_toggles_item .sc_toggles_title {
padding: 30px 50px 30px 15px
}
.sc_toggles.sc_toggles_large .sc_toggles_item .sc_toggles_title:before {
top: 30px;
right: 0
}
.sc_toggles.sc_toggles_large .sc_toggles_item .sc_toggles_content {
padding: 0 50px 30px 30px
}
.sc_toggles.sc_show_counter .sc_toggles_item .sc_toggles_title {
padding-left: 0
}
.sc_toggles.sc_show_counter .sc_toggles_item .sc_toggles_title span.sc_items_counter {
display: inline-block;
width: 50px
}
.sc_toggles.sc_show_counter .sc_toggles_item .sc_toggles_content {
padding-left: 50px
}
.sc_dropcaps .sc_dropcap {
font-size: 36px;
display: inline-block;
width: 70px;
height: 70px;
float: left;
text-align: center;
line-height: 70px;
margin: 8px 10px 0 0
}
.sc_dropcaps.sc_dropcaps_style_1 .sc_dropcap {
color: #fff
}
.sc_dropcaps.sc_dropcaps_style_2 .sc_dropcap {
color: #fff
}
.sc_dropcaps.sc_dropcaps_style_3 .sc_dropcap {
font-size: 48px;
font-weight: 300
}
.sc_dropcaps.sc_dropcaps_style_4 .sc_dropcap {
width: 68px;
height: 68px;
border-width: 1px;
border-style: dashed
}
.sc_dropcaps.sc_dropcaps_style_5 .sc_dropcap {
width: 68px;
height: 68px;
border-width: 1px;
border-style: dashed;
line-height: 65px
}
.sc_dropcaps.sc_dropcaps_style_6 .sc_dropcap {
border-left-width: 1px;
border-left-style: solid
}
.sc_tooltip_parent {
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
position: relative
}
.sc_tooltip_parent .sc_tooltip {
position: absolute;
color: #fff;
white-space: nowrap;
top: -33px!important;
left: 0!important;
padding: 1px 5px;
z-index: 2;
display: none
}
.sc_tooltip_parent .sc_tooltip:before {
content: '';
width: 8px;
height: 8px;
position: absolute;
left: 12px;
bottom: -4px;
z-index: 1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.sc_price_item {
height: 50px;
width: auto;
display: inline-block;
position: relative;
margin: 10px auto 10px auto
}
.sc_price_item .sc_price_currency {
position: absolute;
top: 5px;
left: -15px;
font-size: 18px;
font-weight: 100
}
.sc_price_item .sc_price_money {
font-size: 50px;
height: 50px;
line-height: 50px;
font-weight: 100;
float: left
}
.sc_price_item .sc_price_info {
height: 50px;
padding: 0 0 0 10px;
float: left;
text-align: left
}
.sc_price_item .sc_price_penny {
font-size: 24px;
line-height: 30px;
height: 30px;
font-weight: 100
}
.sc_price_item .sc_price_period {
font-size: 12px;
font-style: italic;
height: 20px;
line-height: 20px
}
.sc_price_item .sc_price_period,.dark .sc_price_item .sc_price_period,.sc_price_item .sc_price_currency,.dark .sc_price_item .sc_price_currency {
color: #888
}
.sc_countdown_wrapper {
text-align: center
}
.sc_countdown.flip-clock-wrapper {
width: auto;
height: 115px;
display: inline-block;
margin: 0 auto;
}
.sc_icon {
display: inline-block;
padding-right: 6px
}
.sc_icon[class*=" icon-"]:before {
margin: 0
}
.sc_icon[class*="rt-icon-"]:before {
margin: 0
}
.color_section .sc_icon[class*="rt-icon-"]:before {font-size: 70px;}
.sc_icon_square,.sc_icon_round {
display: inline-block;
padding: 4px;
text-align: center
}
.sc_icon_square {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.sc_icon_round {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.sc_icon_square[class*=" icon-"]:before,.sc_icon_round[class*=" icon-"]:before {
margin: 0 auto
}
.sc_image_align_left,.sc_alignleft {
display: inline;
float: left!important;
margin-right: 3.5em!important;
margin-left: 0!important
}
.sc_image_align_right,.sc_alignright {
display: inline;
float: right!important;
margin-left: 40px!important;
margin-right: 0!important;
}
.sc_image_align_center img,.sc_aligncenter img,.sc_image_align_left img,.sc_alignleft img,.sc_image_align_right img,.sc_alignright img {
width: 100%
}
.sc_image_align_center,.sc_aligncenter {
display: block;
float: none!important;
clear: both;
margin-left: auto!important;
margin-right: auto!important;
text-align: center
}
.sc_image_shape_round {
display: block;
position: relative;
overflow: hidden;
border-radius: 50%
}
.sc_image_shape_round figcaption,.post .sc_image_shape_round figcaption {
position: absolute;
height: auto;
line-height: 1.4em;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.6);
color: #fff;
text-align: center;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.sc_image_shape_round:hover figcaption {
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg)
}
.sc_image_shape_round figcaption span:before {
display: block;
margin: 35% auto .5em;
position: static
}
.sc_image_shape_round figcaption span {
display: block;
margin: 0 auto;
color: #fff!important;
font-size: 1.5em
}
.sc_infobox {
border: 1px solid #e5e5e5;
margin: 0 0 10px 0;
color: #222;
font-size: 18px;
font-weight: 300;
padding: 15px 15px 15px 20px;
clear: both
}
.sc_infobox b,.sc_infobox strong {
font-weight: 400
}
.sc_infobox p {
display: block;
font-size: 14px;
padding: 0;
margin: 0;
color: #999
}
.sc_infobox h4 {
text-align: left
}
.sc_infobox.sc_infobox_style_info {
color: #766a36;
background-color: #fcf6d8
}
.sc_infobox.sc_infobox_style_info h4 {
color: #766a36
}
.sc_infobox.sc_infobox_style_success {
color: #61763f;
background-color: #f0ffda
}
.sc_infobox.sc_infobox_style_success h4 {
color: #61763f
}
.sc_infobox.sc_infobox_style_error {
color: #765050;
background-color: #f8e6e6
}
.sc_infobox.sc_infobox_style_error h4 {
color: #765050
}
.sc_infobox.sc_infobox_style_success p {
color: #afa05c
}
.sc_infobox.sc_infobox_style_error p {
color: #a47e7e
}
.sc_infobox.sc_infobox_closeable {
cursor: pointer
}
.sc_infobox.sc_infobox_closeable:before {
content: '\f00d';
font-family: "FontAwesome";
cursor: pointer;
font-size: 18px;
line-height: 18px;
width: 18px;
height: 18px;
display: block;
float: right;
color: #aaa;
margin: 2px 0 10px 10px
}
.sc_infobox.sc_infobox_style_info:before {
color: #a8a592
}
.sc_infobox.sc_infobox_style_success:before {
color: #a1aa94
}
.sc_infobox.sc_infobox_style_error:before {
color: #a69b9b
}
.sc_table table {
border-collapse: separate
}
.sc_table table th,.sc_table table td {
border-left-width: 0;
border-top-width: 0
}
.sc_table table tr th:first-child,.sc_table table tr td:first-child {
border-left-width: 1px
}
.sc_table table tr:first-child th,.sc_table table tr:first-child td {
border-top-width: 1px
}
.sc_table table tr.odd td {
background-color: #f5f5f5
}
.sc_table table th {
text-align: center
}
.sc_table table th,.sc_table table td {
vertical-align: middle;
padding: 10px
}
.sc_table.sc_table_size_small table th,.sc_table.sc_table_size_small table td {
padding: 4px
}
.sc_table.sc_table_size_big table th,.sc_table.sc_table_size_big table td {
padding: 20px
}
.sc_table.sc_table_align_center table th,.sc_table.sc_table_align_center table td,.sc_table_grey th,.sc_table_grey td {
text-align: center
}
.sc_table.sc_table_align_right table th,.sc_table.sc_table_align_right table td {
text-align: right
}
.sc_table table thead th {
text-transform: uppercase;
font-size: 18px;
font-weight: 300
}
.sc_table table td span {
color: #222
}
.sc_table table td i {
font-size: 12px
}
.sc_table.sc_table_style_1 thead th,.sc_table.sc_table_style_1 thead td,.sc_table.sc_table_style_1 table tr:first-child th,.sc_table.sc_table_style_1 table tr:first-child td {
color: #fff
}
.sc_table.sc_table_style_1 tfoot th,.sc_table.sc_table_style_1 tfoot td,.sc_table.sc_table_style_1 table tr:last-child th,.sc_table.sc_table_style_1 table tr:last-child td {
background-color: #f5f5f5
}
.sc_table.sc_table_style_2 thead tr,.sc_table.sc_table_style_2 table tr:first-child,.sc_table_grey {
background: #fff;
background: -moz-linear-gradient(top,#fff 0,#f0f0f0 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);
background: -o-linear-gradient(top,#fff 0,#f0f0f0 100%);
background: -ms-linear-gradient(top,#fff 0,#f0f0f0 100%);
background: linear-gradient(to bottom,#fff 0,#f0f0f0 100%)
}
.sc_table.sc_table_style_2 thead th,.sc_table.sc_table_style_2 thead td,.sc_table.sc_table_style_2 table tr:first-child th,.sc_table.sc_table_style_2 table tr:first-child td {
color: #222
}
.sc_table.sc_table_style_2 table tr:nth-child(odd) {
background-color: #f5f5f5
}
.sc_highlight.sc_highlight_style_1 {
text-decoration: none;
display: inline-block;
color: #fff;
padding: 0 4px
}
.sc_highlight.sc_highlight_style_2 {
text-decoration: none;
font-weight: 600
}
.sc_pricing_table.alignLeft {
text-align: left
}
.sc_pricing_table.alignCenter {
text-align: center
}
.sc_pricing_table.alignRight {
text-align: right
}
.sc_pricing_table.columns_1 .sc_pricing_columns {
width: 100%
}
.sc_pricing_table.columns_2 .sc_pricing_columns {
width: 50%
}
.sc_pricing_table.columns_3 .sc_pricing_columns {
width: 33.3333%
}
.sc_pricing_table.columns_4 .sc_pricing_columns {
width: 25%
}
.sc_pricing_table.columns_5 .sc_pricing_columns {
width: 20%
}
.sc_pricing_table.columns_6 .sc_pricing_columns {
width: 16.6666%
}
.sc_pricing_table.columns_7 .sc_pricing_columns {
width: 14.2857%
}
.sc_pricing_table.columns_8 .sc_pricing_columns {
width: 12.5%
}
.sc_pricing_table.columns_9 .sc_pricing_columns {
width: 11.1111%
}
.sc_pricing_table.columns_10 .sc_pricing_columns {
width: 10%
}
.sc_pricing_table:after {
content: '';
display: block;
height: 0;
clear: both
}
.sc_pricing_table .sc_pricing_columns {
float: left
}
.sc_pricing_table .sc_pricing_columns ul {
margin: 0;
padding: 0;
background: #fff;
z-index: 1;
width: 100%;
position: relative;
z-index: 1;
border: 1px solid #ddd
}
.sc_pricing_table .sc_pricing_columns ul li {
list-style: none;
display: block;
padding: 14px;
color: #888;
border-top: 1px solid #ddd;
/*height: 55px;*/
/*line-height: 18px;*/
overflow: hidden
}
.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_united {
border: 0;
height: 170px;
text-align: center;
line-height: 33px;
padding-top: 67px;
color: #888;
font-size: 18px;
font-weight: 300
}
.sc_pricing_table .sc_pricing_columns ul li b {
color: #222;
text-transform: uppercase;
font-weight: 400
}
.sc_pricing_table .sc_pricing_columns ul li i {
font-size: 12px
}
.sc_pricing_table .sc_pricing_columns ul,.sc_pricing_table .sc_pricing_columns ul li {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.sc_pricing_table .sc_pricing_columns ul li .sc_icon {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle
}
.sc_pricing_table .sc_pricing_columns ul li .sc_icon:before {
/*font-family: "fontello";*/
display: block;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
font-size: 16px
}
.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate {
z-index: 2;
margin: -20px 0 -20px 0;
-webkit-box-shadow: 0 0 6px 1px #f0f0f0;
-moz-box-shadow: 0 0 6px 1px #f0f0f0;
box-shadow: 0 0 6px 1px #f0f0f0
}
.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li.sc_pricing_title {
border: none!important;
padding: 0 0 0 1px
}
.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:first-child {
padding: 20px 0 0 0
}
.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:last-child {
padding: 14px 14px 34px 14px;
}
.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_title {
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: 300;
border: 0;
/*height: 60px;*/
padding: 0;
line-height: 60px
}
.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_title_img {
padding: 0;
border: 0;
height: auto
}
.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_title_img img {
width: 100%;
display: block
}
.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_footer {
background-color: #fcfcfc;
/*height: 69px;*/
}
.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_emptyfooter {
background-color: #fcfcfc;
height: 64px;
}
.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_footer .squareButton {
margin: 5px 0 0 0
}
.sc_pricing_table .sc_pricing_columns ul.columnsAnimate li.sc_pricing_price,.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_price {
padding: 20px 0 0 0!important;
height: 110px;
background: #fff;
background: -moz-linear-gradient(top,#fff 0,#f0f0f0 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);
background: -o-linear-gradient(top,#fff 0,#f0f0f0 100%);
background: -ms-linear-gradient(top,#fff 0,#f0f0f0 100%);
background: linear-gradient(to bottom,#fff 0,#f0f0f0 100%)
}
.sc_pricing_table .sc_pricing_columns:hover ul li.sc_pricing_price {
background: #fff
}
.sc_scroll {
overflow: hidden;
width: 100%;
position: relative
}
.sc_scroll_wrapper {
overflow: hidden
}
.sc_scroll_horizontal .sc_scroll_wrapper {
width: 100000px;
}
.sc_scroll_bar {
background: transparent;
position: absolute;
z-index: 100
}
.sc_scroll_vertical .sc_scroll_bar {
height: 82%;
right: 24px;
top: 25px;
bottom: 0;
width: 4px;
border-right: 1px solid #ddd;
}
.sc_timeline .sc_scroll_vertical .sc_scroll_bar {
height: 100%;
top: 0;
}
.sc_scroll_horizontal .sc_scroll_bar {
right: 0;
left: 0;
bottom: 1px;
height: 11px;
border-bottom: 1px solid #ddd;
}
/*.sc_scroll_bar .swiper-scrollbar-drag {
background: none!important
}*/
.sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag {
width: 3px;
left: 2px;
}
.sc_scroll_horizontal .sc_scroll_bar .swiper-scrollbar-drag {
height: 3px;
top: 9px;
}
.sc_scroll_bar .swiper-scrollbar-drag:before {
content: '';
display: block;
position: absolute;
background: rgba(17,114,211,0.8)
}
.sc_timeline .swiper-scrollbar-drag,
.sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag:before {
width: 3px;
right: 0;
top: 0;
bottom: 0;
height: 100%;
}
.sc_timeline .sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag:before {height: 100px;}
.sc_scroll_horizontal .sc_scroll_bar .swiper-scrollbar-drag:before {
height: 3px;
left: 0;
right: 0;
bottom: 0;
width: 100%
}
.sc_scroll_horizontal {
padding-bottom: 6px
}
.sc_scroll_vertical {
padding-right: 6px
}
.sc_scroll_vertical .swiper-slide {
float: none;
display: block
}
.sc_scroll_controls {
position: relative
}
.sc_scroll_controls ul.flex-direction-nav {
position: absolute;
top: -80px;
right: 0;
list-style: none;
margin: 0;
padding: 0;
width: 84px;
height: 44px;
overflow: hidden
}
.style_3_page .sc_scroll_controls ul.flex-direction-nav {
top: 0;
right: 30px;
}
.sc_scroll_controls ul.flex-direction-nav li {
list-style: none;
margin: 0;
padding: 0;
position: static
}
.sc_scroll_controls ul.flex-direction-nav li:before {
display: none
}
.sc_timeline ul.flex-direction-nav [class*="swiper-button-"],
.sc_scroll_controls ul.flex-direction-nav a {
width: 37px;
height: 37px;
display: block;
position: absolute;
z-index: 10;
left: auto;
top: 4px;
text-align: center;
border: 1px solid #ddd;
font-size: 18px;
margin: 0;
opacity: 1!important;
text-shadow: none;
cursor: pointer;
}
.sc_timeline [class*="swiper-button-"]:before,
.sc_scroll_controls ul.flex-direction-nav a:before {
line-height: 38px;
color: #888;
font-family: "fontello";
font-size: inherit;
}
.sc_timeline ul.flex-direction-nav [class*="swiper-button-prev"],
.sc_scroll_controls ul.flex-direction-nav a.flex-prev {
right: 42px
}
.sc_timeline ul.flex-direction-nav [class*="swiper-button-next"],
.sc_scroll_controls ul.flex-direction-nav a.flex-next {
right: 0
}
.sc_scroll_controls.sc_scroll_controls_type_side {
padding-left: 40px;
padding-right: 40px
}
.sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav {
position: static;
overflow: visible;
width: 0;
height: 0
}
.sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav a {
top: 50%;
margin-top: -18px
}
.sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav a.flex-prev {
left: 0;
right: auto
}
.sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav a.flex-next {
right: 0
}
.sc_scroll_controls:not(.sc_scroll_controls_horizontal) ul.swiper-direction-nav {
list-style: none;
overflow: hidden;
}
.sc_timeline.sc_scroll_controls ul.swiper-direction-nav {
height: 100%;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.sc_scroll_controls ul.swiper-direction-nav li {
list-style: none;
margin: 0;
padding: 0;
}
.sc_timeline.sc_scroll_controls ul.swiper-direction-nav li {
display: block;
height: 10px;
position: absolute;
width: 100%;
}
.sc_timeline.sc_scroll_controls ul.swiper-direction-nav li {
top: 0;
}
.sc_timeline.sc_scroll_controls ul.swiper-direction-nav li + li {
bottom: 0;
top: auto;
}
.sc_scroll_vertical.swiper-container_8 {
height: 320px;
}
.sc_scroll_vertical.swiper-container_17 {
height: 500px;
}
.sc_timeline .thumb {
width: 19%;
float: left;
vertical-align: top;
margin: 5px 30px 5px 0;
}
.sc_timeline .hoverIncrease .hoverIcon {
height: 50px;
width: 50px;
line-height: 50px;
margin: -25px 0 0 -25px;
}
.sc_timeline .hoverIncrease .hoverIcon:before { content: "\f0c1"; }
.sc_timeline .tab-content [class*="swiper-container"] {
height: 270px;
}
.sc_timeline [class*="swiper-button-"] {
}
.sc_timeline [class*="swiper-button-"]:before {
font-size: 14px;
line-height: 36px;
}
.sc_timeline [class*="swiper-button-prev"]:before {
content: '\e813';
margin-left: 1px;
display: block;
margin-top: -1px;
}
.sc_timeline [class*="swiper-button-next"]:before {
content: '\e810';
margin-left: 1px;
}
/*.sc_timeline .swiper-container-vertical > [class*="swiper-scrollbar"] {
width: 2px;
right: 0px;
background: #e0e2e4;
}
*/
.timeline_s2 .sc_scroll_vertical.swiper-container_9 {height:770px;}
.timeline_s3 .sc_scroll_vertical.swiper-container_14 {height:880px;}
.timeline_s4 .sc_scroll_vertical[class*="swiper-container"] {height:320px;}
.style_3_page .timeline_s4 {margin-bottom: 30px;}
.bg_tint_dark .sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav a:before {
color: rgba(255,255,255,0.6)
}
.bg_tint_dark .sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav a:hover:before {
color: #fff
}
.color_section .sc_section a {font-size: 18px;font-weight: 400;}
.sc_section:not(.sc_scroll_controls) {
overflow: hidden
}
.sc_section.sc_section_block_style_1:not(.sc_scroll_controls) {
border: 1px dashed #ddd;
padding: 20px;
background-color: #fafafa;
font-weight: 400;
}
.sc_section.sc_section_block_style_2:not(.sc_scroll_controls) {
margin-top: 30px;
margin-bottom: 30px;
border: 1px dotted #d0dfca;
padding: 20px;
background-color: #f0ffda;
color: #61763f;
font-weight: 400;
font-style: italic;
}
.sc_section.bg_tint_dark,.sc_section.bg_tint_dark a {
color: #fff
}
.sc_pan {
position: absolute;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.sc_pan_vertical,.sc_pan_horizontal {
cursor: all-scroll
}
.sc_skills {
width: 100%
}
.sc_skills_percent .skillsWrap {
text-align: center
}
.sc_skills_percent .skillsWrap:after {
content: '';
height: 0;
display: block;
clear: both
}
.sc_skills_percent .skillsWrap .sc_skills_item {
display: inline-block;
text-align: center
}
.sc_skills_percent .skillsWrap .sc_skills_item .sc_skills_count {
font-size: 72px;
line-height: 60px;
height: 93px;
font-weight: 100
}
.sc_skills_percent .skillsWrap .sc_skills_item .sc_skills_count .sc_skills_total:after {
content: '%'
}
.sc_skills_percent .skillsWrap .sc_skills_item .sc_skills_info {
font-size: 18px;
font-weight: 300
}
.sc_skills_percent .skillsWrap.sc_slillsVertical .sc_skillsColumns {
float: none
}
.sc_skills_percent .skillsWrap.sc_slillsHorizontal .sc_skillsColumns {
padding: 0 0 50px 0;
margin: 0 auto
}
.sc_skills_percent .skillsWrap.sc_slillsHorizontal .sc_skillsColumns:after {
content: '';
height: 0;
display: block;
clear: both
}
.sc_skills_bar {
padding: 0 0 50px 0
}
.sc_skills_bar .sc_skills_item {
margin: 0;
height: 28px;
border: 1px solid #e4e4e4;
background: #fff;
position: relative
}
.sc_skills_bar .sc_skills_item .sc_skills_count {
text-align: right;
width: 0;
height: 28px;
line-height: 28px;
border-width: 1px;
border-style: solid;
color: #fff;
position: absolute;
left: -1px;
top: -1px;
z-index: 2
}
.sc_skills_bar .sc_skills_info {
padding: 10px 0 5px 0
}
.sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_item {
height: 500px;
position: relative
}
.sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_item .sc_skills_count {
width: 100%;
margin-left: 1px;
height: auto;
position: absolute;
top: auto;
bottom: -1px
}
.sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_total {
text-align: center;
font-size: 20px;
width: 100%;
line-height: 100px;
font-weight: 100
}
.sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_column {
text-align: center
}
.sc_skills_bar.sc_skills_horizontal .sc_skills_total {
text-align: right;
padding-right: 10px
}
.sc_skills_arc {
padding: 0;
overflow: hidden
}
.sc_skills_arc .sc_skills_legend {
width: 30%;
float: left
}
.sc_skills_arc .sc_skills_legend ul {
margin: 0;
padding: 0;
text-align: center;
overflow: hidden
}
.sc_skills_arc .sc_skills_legend li {
display: block;
float: left;
clear: both;
list-style: none;
margin: 0 0 10px 0;
padding: 0;
padding: 0 15px;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 16px;
font-weight: 300
}
.sc_skills_arc .sc_skills_arc_canvas {
width: 70%;
min-width: 100px;
min-height: 100px;
float: left
}
.sc_skills_pie {
text-align: center;
display: inline-block
}
.sc_skills_pie .sc_skills_total {
font-size: 18px
}
.sc_skills_pie .sc_skills_info {
font-size: 16px;
font-weight: 100
}
.sc_skills_counter {
text-align: center
}
.sc_skills_counter [class*="col-"] {margin-right:45px;}
/*.sc_skills_counter .col-md-2:last-child {margin-right:0;}*/
.sc_skills_counter .sc_skills_item {
text-align: center;
display: inline-block;
/*padding: 0 10px;*/
margin: 0 0 20px 0;
}
.sc_skills_counter .sc_skills_item .sc_skills_count {
font-size: 76px;
line-height: 78px;
margin: 0 0 10px 0
}
.sc_skills_counter .sc_skills_item .sc_skills_info {
color: #222;
font-size: 18px;
font-weight: 300;
line-height: 24px;
padding: 0 0 10px 0
}
.sc_skills_counter .sc_skills_item.sc_skills_style_1 .sc_skills_count {
font-weight: 900
}
.sc_skills_counter .sc_skills_item.sc_skills_style_2 .sc_skills_count {
font-weight: 100
}
.sc_skills_counter .sc_skills_item.sc_skills_style_3 .sc_skills_count {
font-weight: 100;
color: #fff;
padding: 0 10px;
position: relative;
overflow: hidden;
font-size: 60px;
height: 80px;
line-height: 80px
}
.sc_skills_counter .sc_skills_item.sc_skills_style_3 .sc_skills_count:before {
content: '';
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
border-top: 80px solid #fff;
border-right: 100px solid transparent;
opacity: .2;
filter: alpha(opacity=20)
}
.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_count {
font-weight: 100;
color: #fff;
padding: 0 10px;
margin: 0;
font-size: 60px;
line-height: 80px;
height: 80px
}
.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info {
color: #fff;
padding: 10px;
position: relative;
border-top: 1px solid #fff;
font-size: 16px
}
.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info:before {
position: absolute;
top: 0;
left: 0;
content: '';
background: #000;
z-index: 2;
width: 100%;
height: 100%;
opacity: .1;
filter: alpha(opacity=10)
}
.sc_title {
padding: 0 0 .6em 0
}
.sc_title_underline {
overflow: hidden;
padding-bottom: 15px
}
.sc_title_underline:after {
content: '';
display: block;
margin-top: 15px;
border-top: 1px solid #888;
height: 0;
width: 15px
}
.sc_title_icon {
display: block;
width: 70px;
height: 80px;
margin: 0 auto;
overflow: hidden;
vertical-align: middle
}
.sc_title_icon:before {
font-size: 60px;
display: block;
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
vertical-align: middle;
padding: 0;
text-indent: 0;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.sc_title_icon.sc_size_large {
font-size: 70px;
width: 70px
}
.sc_title_icon.sc_size_large:before {
font-size: 70px;
width: 70px
}
.sc_title_icon.sc_size_big {
font-size: 90px;
width: 90px;
height: 90px
}
.sc_title_icon.sc_size_big:before {
font-size: 90px;
width: 90px;
height: 90px;
line-height: 90px
}
.sc_title_icon.sc_size_huge {
width: 150px;
height: auto
}
.sc_title_icon.sc_size_huge:before {
font-size: 120px;
line-height: 120px;
width: 120px;
height: 100px
}
.sc_title_icon.sc_title_bg:before {
color: #fff;
font-size: 40px
}
.global .sc_title_icon:before,.bg_tint_dark .sc_title_icon:before {
color: #fff
}
.sc_title_top {
margin: 0 auto 14px
}
.sc_title_left {
float: left;
margin: 0 20px 10px 0
}
.sc_title_right {
float: right;
margin: 0 0 10px 20px
}
h1.sc_title .sc_title_icon,.h1.sc_title .sc_title_icon,h1.sc_title .sc_title_image,.h1.sc_title .sc_title_image {
width: 64px;
height: 64px
}
h2.sc_title .sc_title_icon,.h2.sc_title .sc_title_icon,h2.sc_title .sc_title_image,.h2.sc_title .sc_title_image {
width: 52px;
height: 52px
}
h3.sc_title .sc_title_icon,.h3.sc_title .sc_title_icon,h3.sc_title .sc_title_image,.h3.sc_title .sc_title_image {
width: 39px;
height: 39px
}
h4.sc_title .sc_title_icon,.h4.sc_title .sc_title_icon,h4.sc_title .sc_title_image,.h4.sc_title .sc_title_image {
width: 32px;
height: 32px
}
h5.sc_title .sc_title_icon,.h5.sc_title .sc_title_icon,h5.sc_title .sc_title_image,.h5.sc_title .sc_title_image {
width: 24px;
height: 24px
}
h6.sc_title .sc_title_icon,.h6.sc_title .sc_title_icon,h6.sc_title .sc_title_image,.h6.sc_title .sc_title_image {
width: 22px;
height: 22px
}
h1.sc_title .sc_title_icon:before,.h1.sc_title .sc_title_icon:before {
width: 64px;
height: 64px;
font-size: 61px;
line-height: 74px
}
h2.sc_title .sc_title_icon:before,.h2.sc_title .sc_title_icon:before {
width: 52px;
height: 52px;
font-size: 50px;
line-height: 54px
}
h3.sc_title .sc_title_icon:before,.h3.sc_title .sc_title_icon:before {
width: 39px;
height: 39px;
font-size: 36px;
line-height: 36px
}
h4.sc_title .sc_title_icon:before,.h4.sc_title .sc_title_icon:before {
width: 32px;
height: 32px;
font-size: 30px;
line-height: 30px
}
h5.sc_title .sc_title_icon:before,.h5.sc_title .sc_title_icon:before {
width: 24px;
height: 24px;
font-size: 20px;
line-height: 22px
}
h6.sc_title .sc_title_icon:before,.h6.sc_title .sc_title_icon:before {
width: 22px;
height: 22px;
font-size: 16px;
line-height: 20px
}
h1.sc_title .sc_title_icon.sc_title_bg:before,.h1.sc_title .sc_title_icon.sc_title_bg:before {
font-size: 49px;
line-height: 74px
}
h2.sc_title .sc_title_icon.sc_title_bg:before,.h2.sc_title .sc_title_icon.sc_title_bg:before {
font-size: 38px;
line-height: 54px
}
h3.sc_title .sc_title_icon.sc_title_bg:before,.h3.sc_title .sc_title_icon.sc_title_bg:before {
font-size: 23px;
line-height: 44px
}
h4.sc_title .sc_title_icon.sc_title_bg:before,.h4.sc_title .sc_title_icon.sc_title_bg:before {
font-size: 18px;
line-height: 32px
}
h5.sc_title .sc_title_icon.sc_title_bg:before,.h5.sc_title .sc_title_icon.sc_title_bg:before {
font-size: 16px;
line-height: 22px
}
h6.sc_title .sc_title_icon.sc_title_bg:before,.h6.sc_title .sc_title_icon.sc_title_bg:before {
font-size: 14px;
line-height: 20px
}
.sc_title_image {
display: block;
text-align: center;
max-width: 60px
}
.sc_title_image.sc_size_small {
max-width: 30px
}
.sc_title_left.sc_title_image.sc_size_small {
margin-right: 10px
}
.sc_title_image.sc_size_medium {
max-width: 60px
}
.sc_title_image.sc_size_large {
max-width: 80px
}
.sc_title_image.sc_size_huge {
max-width: 160px
}
.sc_title_divider {
position: relative;
padding-left: 5ex;
padding-right: 5ex
}
.sc_title_divider .sc_title_divider_before,.sc_title_divider .sc_title_divider_after {
display: block;
width: 4ex;
height: 2px;
background-color: #222;
position: absolute;
top: 50%;
margin-top: -3px
}
.sc_title_divider .sc_title_divider_before {
left: 0;
}
.sc_title_divider .sc_title_divider_after {
right: 0;
}
.sc_tabs {
margin: 0 0 50px 0;
}
.sc_tabs_style_2 {margin-bottom:0; }
.sc_tabs ul.sc_tabs_titles {
margin: 0;
padding: 0;
}
.sc_tabs.sc_tabs_style_1 {margin-bottom: 0;}
.sc_tabs_style_1 ul.sc_tabs_titles {
margin: 0;
}
.sc_tabs ul.sc_tabs_titles:after {
display: block;
content: '';
height: 0;
clear: both
}
.sc_tabs ul.sc_tabs_titles li {
display: block;
float: left;
}
.sc_tabs .popularFiltr ul.sc_tabs_titles li {display: inline-block; float: none;}
.sc_tabs_style_1 ul.sc_tabs_titles li a {
display: block;
padding: 8px 13px;
/*border: 1px solid #fff;*/
position: relative;
z-index: 1;
font-weight: 400
}
.sc_tabs_style_1 ul.sc_tabs_titles li a:focus,
.sc_tabs_style_1 ul.sc_tabs_titles li a:hover {
/*background-color: transparent;
border-color: transparent;*/
}
.sc_tabs_style_1 ul.sc_tabs_titles li.active a {
border-color: #ddd #ddd #fff #ddd;
color: #222;
z-index: 3;
}
.sc_tabs_style_1 .nav-tabs {
border-bottom: none;
}
.sc_tabs_style_2 ul.sc_tabs_titles li {
margin: 0 10px 10px 0
}
.sc_tabs_style_2 ul.sc_tabs_titles li a {
display: block;
padding: 2px 7px;
border: 1px solid #ddd;
text-transform: uppercase
}
.sc_tabs_style_2 ul.sc_tabs_titles li.ui-state-active a,
.sc_tabs_style_2 ul.sc_tabs_titles li.active a {
color: #fff;
border-color: transparent
}
.sc_tabs .sc_tabs_content {
position: relative;
z-index: 2;
display: none
}
.sc_tabs .sc_tabs_content:after {
content: '';
display: block;
height: 0;
clear: both
}
.sc_tabs_style_1 .sc_tabs_content {
padding: 25px;
border: 1px solid #ddd
}
.sc_tabs_style_2 .sc_tabs_content {
padding: 15px 0 25px
}
.sc_tabs .scroll {
height: 230px;
overflow: hidden
}
.sc_tabs .items:after {
content: "";
display: block;
clear: both;
height: 0
}
.sc_tabs .items h4 {
padding: 0 0 20px 0
}
.sc_tabs .items p {
padding: 0 0 20px 0;
line-height: 18px
}
.sc_tabs .items+.items {
border-top: 1px solid #ddd;
padding: 20px 0 0 0
}
.sc_tabs .items .thumb {
width: 160px
}
.sc_tabs .items .thumb img {
width: 100%
}
.sc_line {
display: block;
clear: both;
width: 100%;
margin: 0 0 30px 0;
height: 0;
border-top-width: 1px;
border-style: solid;
border-color: #ddd
}
.sc_line.sc_line_style_dashed {
border-style: dashed
}
.sc_line.sc_line_style_dotted {
border-style: dotted
}
.sc_line.sc_line_style_double {
height: 4px;
border-bottom-width: 1px
}
.sc_line.sc_line_style_shadow {
margin: 0;
height: 30px;
position: relative;
overflow: hidden
}
.sc_line.sc_line_style_shadow:after {
content: '';
position: absolute;
margin: 0 50px;
display: block;
bottom: 33px;
height: 10px;
left: 10px;
right: 10px;
z-index: 2;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0,0,0,0.3);
-webkit-border-radius: 100%/ 100%;
-moz-border-radius: 100% / 100%;
border-radius: 100% / 100%
}
.sc_gallery .galleryPic {
display: block;
width: 100%
}
.sc_gallery h4 {
font-size: 1.07em;
/*line-height: 140%;*/
/*height: 3em;*/
height: 55px;
padding: 0 0 1em;
overflow: hidden
}
.sc_gallery .thumb {
width: 100%;
margin: 0 0 1em 0!important
}
.sc_gallery .thumb img {
width: 100%;
display: block
}
.sc_slider {
overflow: hidden
}
.sc_slider ul {
padding: 0;
margin: 0;
list-style: none
}
.sc_slider.sc_slider_autoheight {
-webkit-transition: height ease .5s;
-moz-transition: height ease .5s;
-ms-transition: height ease .5s;
-o-transition: height ease .5s;
transition: height ease .5s
}
.sc_slider_chop .cs-activeSlide {
display: block
}
.sc_slider_chop .sc_slider_info_slides {
display: none
}
.sc_slider_chop .chop-slide>img,.sc_slider_chop .chop-slide>a>img {
width: 100%
}
.sc_slider_flex,.sc_slider_chop,.sc_slider_swiper {
position: relative;
overflow: hidden
}
.sc_slider_flex .slides li,.sc_slider_chop .slides li,.sc_slider_swiper .slides li {
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.sc_slider_flex:not(.sc_slider_autoheight) .slides li,.sc_slider_chop:not(.sc_slider_autoheight) .slides li,.sc_slider_swiper:not(.sc_slider_autoheight) .slides li {
min-height: 200px
}
.style_3_page .sc_slider_flex:not(.sc_slider_autoheight) .slides li,.style_3_page .sc_slider_chop:not(.sc_slider_autoheight) .slides li,.style_3_page .sc_slider_swiper:not(.sc_slider_autoheight) .slides li {
min-height: inherit;
}
.col-sm-8 .sc_slider_flex:not(.sc_slider_autoheight) .slides li,.col-sm-8 .sc_slider_chop:not(.sc_slider_autoheight) .slides li,.col-sm-8 .sc_slider_swiper:not(.sc_slider_autoheight) .slides li {
min-height: 250px
}
.sc_slider_flex ul.slides li,.sc_slider_chop ul.slides li,.sc_slider_swiper ul.slides li {
list-style: none;
margin: 0;
position: relative
}
/*
.sc_slider_swiper ul.slides li {
position: absolute
}
*/
.sc_slider_flex ul.slides li:before,.sc_slider_chop ul.slides li:before,.sc_slider_swiper ul.slides li:before {
display: none
}
.sc_slider_flex ul.slides li,.sc_slider_chop ul.slides li {
display: none
}
.sc_slider_flex ul.flex-direction-nav,.sc_slider_chop ul.flex-direction-nav,.sc_slider_swiper ul.flex-direction-nav {
list-style: none;
margin: 0;
position: absolute;
right: 0;
top: -40px;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
z-index: 1;
}
.sc_slider_flex:hover ul.flex-direction-nav,.sc_slider_chop:hover ul.flex-direction-nav,.sc_slider_swiper:hover ul.flex-direction-nav {
top: 0;
-webkit-transition: all ease .5s .5s;
-moz-transition: all ease .5s .5s;
-ms-transition: all ease .5s .5s;
-o-transition: all ease .5s .5s;
transition: all ease .5s .5s
}
.sc_slider_flex ul.flex-direction-nav li,
.sc_slider_chop ul.flex-direction-nav li,
.sc_slider_swiper ul.flex-direction-nav li {
list-style: none;
display: inline-block;
width: 40px;
height: 40px;
margin: 0 0 0 1px;
background-color: rgba(17,114,211,0.8)
}
.sc_slider_flex ul.flex-direction-nav li:before,.sc_slider_chop ul.flex-direction-nav li:before,.sc_slider_swiper ul.flex-direction-nav li:before {
display: none
}
.sc_slider_flex ul.flex-direction-nav a,.sc_slider_chop ul.flex-direction-nav a,.sc_slider_swiper ul.flex-direction-nav a {
font-size: 24px;
line-height: 40px;
display: block;
width: 40px;
height: 40px;
text-align: center;
font-family: "fontello";
color: #fff;
position: static;
margin: 0;
opacity: 1!important;
text-shadow: none
}
.sc_slider_flex ul.flex-direction-nav .flex-next:before,.sc_slider_chop ul.flex-direction-nav .flex-next:before,.sc_slider_swiper ul.flex-direction-nav .flex-next:before, ul.flex-direction-nav .swiper-button-next:before {
font-family: "fontello";
font-size: inherit;
line-height: inherit;
content: '\e834'
}
.sc_slider_flex ul.flex-direction-nav .flex-prev:before,.sc_slider_chop ul.flex-direction-nav .flex-prev:before,.sc_slider_swiper ul.flex-direction-nav .flex-prev:before,ul.flex-direction-nav .swiper-button-prev:before {
font-family: "fontello";
font-size: inherit;
line-height: inherit;
content: '\e833'
}
.sc_slider_flex ul.flex-direction-nav li,.sc_slider_chop ul.flex-direction-nav li,.sc_slider_swiper ul.flex-direction-nav li {
list-style: none;
display: inline-block;
width: 40px;
height: 40px;
margin-left: 1px
}
.sc_slider_flex .flex-control-nav,.sc_slider_chop .flex-control-nav,.sc_slider_swiper .flex-control-nav {
list-style: none;
position: absolute;
height: 12px;
margin: 0;
left: 0;
right: 0;
bottom: -12px;
text-align: center;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s
}
.sc_slider_flex:hover .flex-control-nav,.sc_slider_chop:hover .flex-control-nav,.sc_slider_swiper:hover .flex-control-nav {
bottom: 20px;
-webkit-transition: all ease .5s .5s;
-moz-transition: all ease .5s .5s;
-ms-transition: all ease .5s .5s;
-o-transition: all ease .5s .5s;
transition: all ease .5s .5s
}
.sc_slider_flex .flex-control-nav li,.sc_slider_chop .flex-control-nav li,.sc_slider_swiper .flex-control-nav span {
list-style: none;
display: inline-block;
vertical-align: top;
list-style: none;
width: 12px;
height: 12px;
margin: 0 8px 0 0;
position: relative;
}
.sc_slider_flex .flex-control-nav a,.sc_slider_chop .flex-control-nav a,.sc_slider_swiper .flex-control-nav span, .sc_slider_swiper .flex-control-nav .swiper-pagination-bullet {
border-radius: 50%;
background-color: #fff;
border: 1px solid transparent;
cursor: pointer;
z-index: 1;
opacity: 1;
}
.sc_slider_flex .flex-control-nav a,.sc_slider_chop .flex-control-nav a {
display: block;
width: 10px;
height: 10px;
font-size: 0;
line-height: 0
}
.sc_slider_flex .flex-control-nav .flex-active,.sc_slider_chop .flex-control-nav .flex-active,.sc_slider_swiper .flex-control-nav .swiper-active-switch, .sc_slider_swiper .flex-control-nav .swiper-pagination-bullet-active {
background-color: transparent;
border-color: #fff
}
.sc_slider_flex .flex-control-nav a:hover,.sc_slider_chop .flex-control-nav a:hover,.sc_slider_swiper .flex-control-nav span:hover, .sc_slider_swiper .flex-control-nav .swiper-pagination-bullet:hover {
background-color: transparent;
border-color: #fff
}
.no_sc_slider_pagination .swiper-pagination{ display: none;}
.sc_slider_pagination_area {
overflow: hidden;
position: relative
}
.sc_slider_pagination_area .sc_slider {
float: left;
}
.sc_slider_pagination_area:not(.sc_slider_pagination_over) .sc_slider {
max-width: 550px;
/*width: 500px;*/
}
.without_sidebar .sc_slider_pagination_area:not(.sc_slider_pagination_over) .sc_slider {
max-width: 760px
}
.sc_slider_pagination_area .flex-control-nav.manual {
float: left;
width: 252px;
padding-right: 10px;
text-align: left;
position: static;
height: 310px;
}
.without_sidebar .sc_slider_pagination_area .flex-control-nav.manual {
width: 380px
}
.sc_slider_pagination_over .flex-control-nav.manual {
width: 380px;
position: absolute;
left: auto;
right: -390px;
top: 0;
bottom: auto;
padding-right: 0;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s
}
.sc_slider_pagination_over:hover .flex-control-nav.manual {
right: 0
}
.post_content .sc_slider_pagination_over .flex-control-nav.manual {
width: 290px
}
.sc_slider_pagination_area .flex-control-nav.manual {
margin: 0;
/*padding: 0;*/
/*list-style: none;*/
}
.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide {
padding: 0 0 0 15px;
cursor: pointer;
display: block;
margin: 0
}
.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide .slide_pager {
padding: 12px 10px 11px 0;
}
.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide+.swiper-slide .slide_pager {
border-top: 1px solid #efefef
}
.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide.swiper-slide-active,.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide.cs-active-pagination,.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide:hover {
background-color: rgba(192,192,192,0.4)
}
.sc_slider_pagination_area .sc_scroll_vertical,
.sc_slider_pagination_area .sc_scroll_wrapper {height: inherit !important;overflow:initial;}
/*.sc_slider_pagination_area .sc_scroll_wrapper .swiper-slide {height: initial !important;}*/
.sc_slider_pagination_over .flex-control-nav.manual li {
background-color: rgba(255,255,255,0.8);
padding-left: 0
}
.sc_slider_pagination_over .flex-control-nav.manual li.active,.sc_slider_pagination_over .flex-control-nav.manual li.cs-active-pagination,.sc_slider_pagination_over .flex-control-nav.manual li:hover {
background-color: rgba(192,192,192,0.8)
}
.sc_slider_pagination_over .flex-control-nav.manual li .slide_pager {
padding-left: 30px
}
.sc_slider_pagination_over .flex-control-nav.manual li+li .slide_pager {
border-top-color: #ccc
}
.sc_slider_pagination_area .flex-control-nav.manual .slide_date {
float: left;
width: 75px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
margin-right: 20px
}
.sc_slider_pagination_area .flex-control-nav.manual .slide_info {
overflow: hidden
}
.sc_slider_pagination_area .flex-control-nav.manual .slide_info .slide_title {
padding-bottom: 0;
font-size: 15px
}
.sc_slider_pagination_area .flex-control-nav.manual .slide_info .slide_tags {
font-size: 12px;
font-style: italic;
line-height: 18px;
color: #272727
}
.sc_slider_flex .sc_slider_info,.sc_slider_chop .sc_slider_info,.sc_slider_swiper .sc_slider_info {
max-width: 80%;
min-width: 50%;
max-height: 100px;
padding: 10px;
overflow: hidden;
position: absolute;
right: 0;
bottom: 0;
background-color: rgba(17,114,211,0.8);
-webkit-transition: all ease .5s .5s;
-moz-transition: all ease .5s .5s;
-ms-transition: all ease .5s .5s;
-o-transition: all ease .5s .5s;
transition: all ease .5s .5s;
margin-bottom: 0
}
.sc_slider_pagination_area .sc_slider .sc_slider_info {
max-width: 100%
}
.swiper-button-prev, .swiper-button-next {
background-image: none;
}
.swiper-pagination {position: relative; margin: 0 auto;}
.sc_slider .ratingItem span:before {
color: rgba(255,255,255,0.5)
}
.sc_slider_flex:hover .sc_slider_info.sc_slider_info_fixed,.sc_slider_flex:hover .sc_slider_info:hover,.sc_slider_flex .sc_slider_info:hover,.sc_slider_chop:hover .sc_slider_info.sc_slider_info_fixed,.sc_slider_chop:hover .sc_slider_info:hover,.sc_slider_chop .sc_slider_info:hover,.sc_slider_swiper:hover .sc_slider_info.sc_slider_info_fixed,.sc_slider_swiper:hover .sc_slider_info:hover,.sc_slider_swiper .sc_slider_info:hover {
margin-bottom: 0!important
}
.sc_slider_flex:hover .sc_slider_info,.sc_slider_chop:hover .sc_slider_info,.sc_slider_swiper:hover .sc_slider_info {
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
margin-bottom: -130px!important
}
.sc_slider_flex li .sc_slider_info a,.sc_slider_chop .sc_slider_info a,.sc_slider_swiper .swiper-slide .sc_slider_info a {
display: inline;
min-height: 0;
color: #fff;
}
.sc_slider_flex li .sc_slider_info a:hover,.sc_slider_chop .sc_slider_info a:hover,.sc_slider_swiper .swiper-slide .sc_slider_info a:hover {
color: #ccc;
}
.sc_slider_flex .sc_slider_info .sc_slider_subtitle,.sc_slider_chop .sc_slider_info .sc_slider_subtitle,.sc_slider_swiper .sc_slider_info .sc_slider_subtitle {
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: 20px;
line-height: 24px;
margin: 0 0 4px;
}
.sc_slider_flex .sc_slider_info .sc_slider_reviews,.sc_slider_chop .sc_slider_info .sc_slider_reviews,.sc_slider_swiper .sc_slider_info .sc_slider_reviews {
margin: 0 0 4px;
}
.sc_slider_flex .sc_slider_info .sc_slider_reviews.after_category,.sc_slider_chop .sc_slider_info .sc_slider_reviews.after_category,.sc_slider_swiper .sc_slider_info .sc_slider_reviews.after_category {
display: inline-block;
position: relative;
margin: 0 0 0 2px;
top: 3px
}
.sc_slider_flex .sc_slider_info .sc_slider_descr,.sc_slider_chop .sc_slider_info .sc_slider_descr,.sc_slider_swiper .sc_slider_info .sc_slider_descr {
color: #fff;
line-height: 16px
}
.sc_slider_flex .sc_slider_info .sc_slider_category,.sc_slider_chop .sc_slider_info .sc_slider_category,.sc_slider_swiper .sc_slider_info .sc_slider_category {
display: inline-block;
vertical-align: top;
text-transform: uppercase;
position: relative;
height: 24px;
line-height: 24px;
padding: 0 30px 0 0;
text-align: left;
overflow: hidden
}
.sc_slider_pagination_area .sc_slider .sc_slider_info .sc_slider_category {
min-width: 0
}
.fullScreenSlider .sc_slider_flex .sc_slider_info,.fullScreenSlider .sc_slider_chop .sc_slider_info,.fullScreenSlider .sc_slider_swiper .sc_slider_info,.sliderHomeBullets .sc_slider_flex .sc_slider_info,.sliderHomeBullets .sc_slider_chop .sc_slider_info,.sliderHomeBullets .sc_slider_swiper .sc_slider_info {
max-width: 50%;
min-width: 40%;
padding: 30px;
max-height: 150px
}
.fullScreenSlider .sliderHomeBullets .sc_slider_swiper .sc_slider_info a{color: #fff;}
.fullScreenSlider .sliderHomeBullets .sc_slider_swiper .sc_slider_info a:hover{color: #ccc;}
.fullScreenSlider .sc_slider_flex:hover .sc_slider_info,.fullScreenSlider .sc_slider_chop:hover .sc_slider_info,.fullScreenSlider .sc_slider_swiper:hover .sc_slider_info,.sliderHomeBullets .sc_slider_flex:hover .sc_slider_info,.sliderHomeBullets .sc_slider_chop:hover .sc_slider_info,.sliderHomeBullets .sc_slider_swiper:hover .sc_slider_info {
margin-bottom: -180px
}
.fullScreenSlider .sc_slider_flex:hover .sc_slider_info.sc_slider_info_fixed,.fullScreenSlider .sc_slider_flex:hover .sc_slider_info:hover,.fullScreenSlider .sc_slider_flex .sc_slider_info:hover,.fullScreenSlider .sc_slider_chop:hover .sc_slider_info.sc_slider_info_fixed,.fullScreenSlider .sc_slider_chop:hover .sc_slider_info:hover,.fullScreenSlider .sc_slider_chop .sc_slider_info:hover,.fullScreenSlider .sc_slider_swiper:hover .sc_slider_info.sc_slider_info_fixed,.fullScreenSlider .sc_slider_swiper:hover .sc_slider_info:hover,.fullScreenSlider .sc_slider_swiper .sc_slider_info:hover,.sliderHomeBullets .sc_slider_flex:hover .sc_slider_info.sc_slider_info_fixed,.sliderHomeBullets .sc_slider_flex:hover .sc_slider_info:hover,.sliderHomeBullets .sc_slider_flex .sc_slider_info:hover,.sliderHomeBullets .sc_slider_chop:hover .sc_slider_info.sc_slider_info_fixed,.sliderHomeBullets .sc_slider_chop:hover .sc_slider_info:hover,.sliderHomeBullets .sc_slider_chop .sc_slider_info:hover,.sliderHomeBullets .sc_slider_swiper:hover .sc_slider_info.sc_slider_info_fixed,.sliderHomeBullets .sc_slider_swiper:hover .sc_slider_info:hover,.sliderHomeBullets .sc_slider_swiper .sc_slider_info:hover {
margin-bottom: 0
}
.fullScreenSlider .sc_slider_flex .sc_slider_info .sc_slider_category,.fullScreenSlider .sc_slider_chop .sc_slider_info .sc_slider_category,.fullScreenSlider .sc_slider_swiper .sc_slider_info .sc_slider_category,.sliderHomeBullets .sc_slider_flex .sc_slider_info .sc_slider_category,.sliderHomeBullets .sc_slider_chop .sc_slider_info .sc_slider_category,.sliderHomeBullets .sc_slider_swiper .sc_slider_info .sc_slider_category {
font-size: 14px;
font-weight: 300
}
.fullScreenSlider .sc_slider_flex .sc_slider_info .sc_slider_subtitle,.fullScreenSlider .sc_slider_chop .sc_slider_info .sc_slider_subtitle,.fullScreenSlider .sc_slider_swiper .sc_slider_info .sc_slider_subtitle,.sliderHomeBullets .sc_slider_flex .sc_slider_info .sc_slider_subtitle,.sliderHomeBullets .sc_slider_chop .sc_slider_info .sc_slider_subtitle,.sliderHomeBullets .sc_slider_swiper .sc_slider_info .sc_slider_subtitle {
font-size: 21px;
line-height: 28px;
font-weight: 300
}
.fullScreenSlider .sc_slider_flex .sc_slider_info .sc_slider_descr,.fullScreenSlider .sc_slider_chop .sc_slider_info .sc_slider_descr,.fullScreenSlider .sc_slider_swiper .sc_slider_info .sc_slider_descr,.sliderHomeBullets .sc_slider_flex .sc_slider_info .sc_slider_descr,.sliderHomeBullets .sc_slider_chop .sc_slider_info .sc_slider_descr,.sliderHomeBullets .sc_slider_swiper .sc_slider_info .sc_slider_descr {
font-size: 13px;
line-height: 18px;
font-weight: 300
}
.sc_testimonials {
position: relative;
overflow: hidden
}
.sc_testimonials ul {
list-style: none;
margin: 0;
padding: 0
}
.sc_testimonials ul li {
width: 100%;
/*padding-right: 5px!important;*/
box-sizing: border-box;
-moz-box-sizing: border-box;
line-height: 21px;
list-style: none
}
.sc_testimonials .flex-direction-nav a {
width: 37px;
height: 37px;
display: block;
position: absolute;
z-index: 10;
text-align: center;
border: 1px solid #ddd;
font-size: 18px
}
.sc_testimonials .flex-direction-nav a:before {
line-height: 2;
}
.sc_testimonials_style_1 {
position: relative
}
.sc_testimonials_style_1.sc_testimonials_padding {
padding: 70px 0 0 0
}
.sc_testimonials_style_1 h2 {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0
}
.sc_testimonials_style_1 .sc_testimonials_item_quote {
background-color: #eee;
padding: 20px;
font-weight: 300;
font-style: italic;
margin: 0 0 20px 0;
position: relative
}
.sc_testimonials_style_1 .sc_testimonials_item_quote:before {
content: '\201c';
font-size: 220px;
line-height: 150px;
width: 100px;
height: 58px;
display: block;
z-index: 1;
position: absolute;
left: 0;
top: 0;
z-index: 1;
font-family: Georgia,'Times New Roman',Times,serif;
overflow: hidden;
color: #e6e4e4
}
.sc_testimonials_style_1 .sc_testimonials_item_quote:after {
content: '';
width: 0;
height: 0;
border-width: 18px;
border-style: solid;
border-bottom-color: transparent;
border-top-color: transparent;
border-left-color: #eee;
border-right-color: transparent;
position: absolute;
bottom: -18px;
left: 50%;
margin: 0 0 0 -18px;
z-index: -2
}
.sc_testimonials_style_1 .sc_testimonials_item_quote .sc_testimonials_item_text {
position: relative;
z-index: 2;
min-height: 22px
}
.sc_testimonials_style_1 .sc_testimonials_item_author {
padding: 0 0 0 20px
}
.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_avatar {
width: 50px;
height: 50px;
float: left;
background-color: #fafafc
}
.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_avatar a {
display: block
}
.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_avatar img {
width: 100%
}
.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_name {
margin: 0 0 0 60px;
padding: 4px 0 0 0;
color: #222;
text-align: left
}
.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_name a {
display: block;
color: #222
}
.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_position {
margin: 0 0 0 60px;
text-align: left
}
.sc_testimonials_style_1 .flex-direction-nav {
position: absolute;
top: 0;
right: 0
}
.sc_testimonials_style_1.sc_testimonials_controls_bottom .flex-direction-nav {
top: auto;
bottom: 20px;
width: 100px;
height: 45px
}
.sc_testimonials_style_1 .flex-direction-nav a {
top: 7px;
}
.sc_testimonials_style_1 .flex-direction-nav a.flex-prev {
right: 42px;
}
.sc_testimonials_style_1 .flex-direction-nav a.flex-next {
right: 0;
}
.sc_testimonials_style_1 .flex-direction-nav a.swiper-button-prev {
right: 42px
}
.sc_testimonials_style_1 .flex-direction-nav a.swiper-button-next {
right: 0
}
.sc_testimonials_style_1 .flex-direction-nav .swiper-button-prev3 {right: 40px;}
.sc_testimonials_style_1 .flex-direction-nav .swiper-button-next3 {right: 0;}
.videoBackgroundOverlay .dark .sc_testimonials_style_1 flex-direction-nav li {
background-color: #fff;
color: #888
}
.videoBackgroundOverlay .dark .sc_testimonials_style_1 flex-direction-nav li>a {
background-color: #fff;
color: #888
}
.videoBackgroundOverlay .dark .sc_testimonials_style_1 flex-direction-nav li>a:before {
color: #888
}
.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_quote {
background-color: #fff;
opacity: .7
}
.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_text {
color: #373737
}
.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_quote:before {
color: #ccc
}
.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_quote:after {
border-left-color: #fff
}
.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_name {
color: #fff
}
.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_name a {
color: #fff
}
.textured {
background-position: center center
}
.sc_testimonials_style_2{
position: relative;
}
.sc_testimonials_style_3{
position: relative;
margin: 10px 0 30px 0;
}
.sc_testimonials_style_4 {
position: relative;
}
.sc_testimonials_style_2 .sc_slider,.sc_testimonials_style_2 .flex-direction-nav li {
background-color: #eee;
}
.textured .sc_testimonials_style_2 .sc_testimonials_items,
.textured .sc_testimonials_style_2 .sc_testimonials_item,
.textured .sc_testimonials_style_2 .flex-direction-nav li,
.textured .sc_testimonials_style_3 .sc_testimonials_items,
.textured .sc_testimonials_style_3 .sc_testimonials_item,
.textured .sc_testimonials_style_3 .flex-direction-nav li,
.textured .sc_testimonials_style_4 .sc_testimonials_items,
.textured .sc_testimonials_style_4 .sc_testimonials_item,
.textured .sc_testimonials_style_4 .flex-direction-nav li {
background-color: transparent
}
.sc_testimonials_style_2 .flex-direction-nav li,
.sc_testimonials_style_3 .flex-direction-nav li,
.sc_testimonials_style_4 .flex-direction-nav li {
display: block;
position: absolute;
top: 0;
width: 80px;
height: 100%;
margin: 0!important;
z-index: 10
}
.sc_testimonials_style_2 .flex-direction-nav li+li,
.sc_testimonials_style_3 .flex-direction-nav li+li,
.sc_testimonials_style_4 .flex-direction-nav li+li {
right: 0;
left: auto
}
.sc_testimonials_style_2 .flex-direction-nav a,
.sc_testimonials_style_3 .flex-direction-nav a,
.sc_testimonials_style_4 .flex-direction-nav a {
top: 50%;
left: 50%;
margin: -18px 0 0 -18px
}
.sc_testimonials_style_2 .flex-direction-nav a {
background-color: #eee
}
.sc_testimonials_style_3 .flex-direction-nav a,
.sc_testimonials_style_4 .flex-direction-nav a {
color: #fff;
border-color: #fff
}
.sc_testimonials_style_2 .flex-direction-nav a:hover,
.sc_testimonials_style_3 .flex-direction-nav a:hover,
.sc_testimonials_style_4 .flex-direction-nav a:hover {
background-color: #fff
}
.sc_testimonials_style_2 .flex-direction-nav a:before:active {
color: #888
}
.sc_testimonials_style_2 .sc_testimonials_item_quote,
.sc_testimonials_style_3 .sc_testimonials_item_quote,
.sc_testimonials_style_4 .sc_testimonials_item_quote {
font-weight: 300;
font-style: italic;
position: relative
}
.sc_testimonials_style_2 .sc_testimonials_item_quote:before,
.sc_testimonials_style_3 .sc_testimonials_item_quote:before,
.sc_testimonials_style_4 .sc_testimonials_item_quote:before {
content: '\201c';
font-size: 280px;
line-height: 250px;
width: 150px;
height: 100px;
display: block;
z-index: 1;
position: absolute;
left: 0;
top: -65px;
z-index: 1;
font-family: Georgia,'Times New Roman',Times,serif;
overflow: hidden;
text-align: center;
text-indent: -40px
}
.sc_testimonials_style_2 .sc_testimonials_item_quote:before {
color: #e6e4e4
}
.textured .sc_testimonials .sc_testimonials_item_quote:before,
.sc_testimonials_style_3 .sc_testimonials_item_quote:before,
.sc_testimonials_style_4 .sc_testimonials_item_quote:before {
color: rgba(255,255,255,0.1)
}
.sc_testimonials_style_2 .sc_testimonials_item_content,
.sc_testimonials_style_3 .sc_testimonials_item_content {
padding: 40px 80px;
text-align: center
}
.sc_testimonials_style_2 .sc_testimonials_item_quote .sc_testimonials_item_text,
.sc_testimonials_style_3 .sc_testimonials_item_quote .sc_testimonials_item_text,
.sc_testimonials_style_4 .sc_testimonials_item_quote .sc_testimonials_item_text {
position: relative;
z-index: 2;
min-height: 22px
}
.sc_testimonials_style_3 .sc_testimonials_item_quote .sc_testimonials_item_text,
.sc_testimonials_style_4 .sc_testimonials_item_quote .sc_testimonials_item_text {
color: #fff
}
.sc_testimonials_style_2 .sc_testimonials_item_author,
.sc_testimonials_style_3 .sc_testimonials_item_author,
.sc_testimonials_style_4 .sc_testimonials_item_author {
display: inline-block;
text-align: left;
margin: 20px 0 0 0;
padding: 20px 0 0 0
}
.sc_testimonials_style_2 .sc_testimonials_item_author {
border-top: 1px solid #ddd
}
.sc_testimonials_style_3 .sc_testimonials_item_author,
.sc_testimonials_style_4 .sc_testimonials_item_author {
border-top: 1px solid rgba(255,255,255,0.2)
}
.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_avatar,
.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_avatar,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_avatar {
width: 50px;
height: 50px;
float: left;
background-color: #fafafc
}
.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_avatar a,
.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_avatar a,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_avatar a {
display: block
}
.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_avatar img,
.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_avatar img,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_avatar img {
width: 100%
}
.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_name {
margin: 0 0 0 60px;
padding: 4px 0 0 0;
color: #222
}
.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_name,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_name {
margin: 0 0 0 60px;
padding: 4px 0 0 0;
color: #fff
}
.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_name a {
display: block;
color: #222
}
.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_name a {
display: block;
color: #fff
}
.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_position,
.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_position,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_position {
margin: 0 0 0 60px;
text-transform: uppercase;
font-size: 12px
}
.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_position,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_position {
color: #fff;
opacity: .5;
filter: alpha(opacity=50)
}
.dark .sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_name {
color: #fff
}
.sc_banner {
display: block;
position: relative;
overflow: hidden
}
.sc_banner:before {
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 1;
opacity: .3;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
-webkit-transform: translate(0,0) scale(1,1);
-moz-transform: translate(0,0) scale(1,1);
-o-transform: translate(0,0) scale(1,1);
-ms-transform: translate(0,0) scale(1,1);
transform: translate(0,0) scale(1,1)
}
.sc_banner:hover:before {
-webkit-transform: translate(0,0) scale(0.9,0.9);
-moz-transform: translate(0,0) scale(0.9,0.9);
-o-transform: translate(0,0) scale(0.9,0.9);
-ms-transform: translate(0,0) scale(0.9,0.9);
transform: translate(0,0) scale(0.9,0.9)
}
.sc_banner .sc_banner_image {
width: 100%;
display: block;
-webkit-transition: all 4s ease-out;
-moz-transition: all 4s ease-out;
-ms-transition: all 4s ease-out;
-o-transition: all 4s ease-out;
transition: all 4s ease-out;
-webkit-transform: translate(0,0) scale(1,1);
-moz-transform: translate(0,0) scale(1,1);
-o-transform: translate(0,0) scale(1,1);
-ms-transform: translate(0,0) scale(1,1);
transform: translate(0,0) scale(1,1)
}
.sc_banner:hover .sc_banner_image {
-webkit-transform: translate(0,0) scale(1.2,1.2);
-moz-transform: translate(0,0) scale(1.2,1.2);
-o-transform: translate(0,0) scale(1.2,1.2);
-ms-transform: translate(0,0) scale(1.2,1.2);
transform: translate(0,0) scale(1.2,1.2)
}
.sc_banner .sc_banner_title {
position: absolute;
right: 20px;
font-size: 24px;
font-weight: 100;
left: 20px;
bottom: 50%;
text-align: center;
color: #fff;
z-index: 2
}
.sc_banner .sc_banner_content {
position: absolute;
font-size: 14px;
font-weight: 100;
right: 20px;
left: 20px;
top: 50%;
text-align: center;
color: #fff;
z-index: 2
}
.sc_banner .sc_banner_content:before {
content: '';
display: block;
width: 40px;
height: 1px;
background: #fff;
margin: 10px auto
}
.sc_blogger a {
color: #222
}
.sc_blogger .sc_blogger_title {
text-align: left
}
.sc_blogger .columnsWrap [class^="columns"] {
margin-bottom: 30px
}
.sc_blogger.sc_blogger_horizontal.style_date [class*="col-"] {width: 20%;}
.sc_blogger.style_date .sc_blogger_item {
position: relative;
padding: 0
}
.sc_blogger.style_date .sc_blogger_item:after {
clear: both;
height: 0;
content: '';
display: block
}
.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item {
float: left;
}
.sc_blogger.style_date.sc_blogger_horizontal:after {
content: '';
height: 0;
display: block;
clear: both
}
.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item {
margin: 0 0 50px 0
}
.sc_blogger.style_date .sc_blogger_item:before {
content: '';
display: block;
background: #ddd;
position: absolute;
z-index: 1;
}
.sc_timeline .sc_blogger.style_date .sc_blogger_item:before {z-index: 0;}
.sc_timeline .sc_blogger.style_date .sc_timeline_item:last-child .sc_blogger_item:before {display: none;}
.sc_blogger.style_date.sc_blogger_vertical .sc_blogger_item:before {
width: 1px;
height: 100%;
left: 40px;
top: 0
}
.sc_timeline .sc_blogger.style_date.sc_blogger_vertical .sc_blogger_item:before {top: 65px;}
.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item:before {
height: 1px;
width: 100%;
left: 0;
top: 40px
}
.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item.sc_blogger_item_last:before {
content: none
}
.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item .sc_blogger_date {
float: none;
margin: 0 0 20px 0
}
.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item h4 {
margin: 0 50px 0 0;
}
.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item .sc_blogger_info {
margin: 0 50px 0 0;
}
.sc_blogger.style_date.sc_blogger_vertical .sc_blogger_item+.sc_blogger_item {
padding: 30px 0 0 0
}
.sc_blogger.style_date .sc_blogger_item .sc_blogger_date {
width: 78px;
height: 78px;
border: 1px solid #ddd;
float: left;
position: relative;
z-index: 2;
background: #fff;
text-align: center
}
.sc_blogger.style_date .sc_blogger_item .sc_blogger_date .day_month {
display: block;
padding: 17px 0 6px 0;
font-size: 18px;
font-weight: 300
}
.sc_timeline .sc_blogger.style_date .sc_blogger_item .sc_blogger_date .day_month {}
.sc_blogger.style_date .sc_blogger_item .sc_blogger_date .year {
display: block;
font-size: 12px;
color: #b0b0b0;
margin: 0 auto
}
.sc_timeline .sc_blogger.style_date .sc_blogger_item .sc_blogger_date .year {}
.sc_blogger.style_date .sc_blogger_item .sc_blogger_date .year:before {
width: 33px;
display: block;
margin: 0 auto 3px auto;
content: '';
height: 1px;
background-color: #ddd
}
.sc_timeline .sc_blogger.style_date .sc_blogger_item .sc_blogger_date .year:before {}
.sc_blogger.style_date .sc_blogger_item h4 {
margin: 0 0 0 100px;
padding: 0 0 15px 0
}
.sc_blogger.style_date .sc_blogger_item .sc_blogger_info {
margin: 0 0 0 100px;
font-weight: 300
}
.sc_blogger.style_date .sc_blogger_item .sc_blogger_info {
font-size: 12px;
font-style: italic
}
.sc_blogger.style_date .sc_blogger_item .sc_blogger_info .separator {
font-style: normal;
padding: 0 5px
}
.sc_blogger.style_date .load_more {
height: 60px;
position: relative
}
.sc_blogger.style_date .load_more:before {
width: 28px;
height: 28px;
border: 1px solid #ddd;
background: #fff;
font-family: "fontello";
content: '\e823';
text-align: center;
position: absolute;
z-index: 2;
bottom: 0;
left: 24px;
line-height: 28px
}
.sc_blogger.style_date .load_more:after {
content: '';
display: block;
width: 1px;
height: 100%;
background: #ddd;
position: absolute;
left: 40px;
top: 0;
z-index: 1
}
.sc_blogger.style_accordion .sc_blogger_item {
padding: 0
}
.sc_blogger.style_accordion .sc_blogger_info {
margin: 15px 0 0 0;
font-weight: 300
}
.sc_blogger.style_accordion .sc_blogger_info {
font-size: 12px;
font-style: italic
}
.sc_blogger.style_accordion .sc_blogger_info .separator {
font-style: normal;
padding: 0 5px
}
.sc_blogger.sc_blogger_vertical.style_regular article:not(.sc_blogger_item_last) {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd
}
.sc_blogger.sc_blogger_vertical.style_regular .sc_blogger_title+.reviews_summary {
padding: 0 0 10px 0;
margin-right: 25px
}
.sc_blogger.sc_blogger_vertical.style_regular.no_description .reviews_summary {
float: left
}
.sc_blogger.sc_blogger_vertical.style_regular .sc_blogger_info {
font-size: 12px;
line-height: 16px;
font-style: italic
}
.sc_blogger.sc_blogger_vertical.style_image article:not(.sc_blogger_item_last) {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #ddd
}
.sc_tabs_content .sc_blogger.sc_blogger_vertical.style_image article {
padding-bottom: 20px;
margin-bottom: 20px
}
.sc_tabs_content .sc_blogger p {
padding-bottom: 10px
}
.sc_blogger.style_image .sc_blogger_title {
padding: 0 0 15px 0
}
.sc_blogger.style_image .sc_blogger_title+.reviews_summary {
padding: 0 0 10px 0;
margin-top: -5px
}
.sc_blogger.style_image.style_image_tiny .reviews_summary {
margin-left: 22%;
padding-left: 30px
}
.sc_blogger.style_image.style_image_small .reviews_summary {
margin-left: 40%;
padding-left: 30px
}
.sc_blogger.style_image.style_image_medium .reviews_summary {
margin-left: 50%;
padding-left: 30px
}
.sc_blogger.style_image .sc_blogger_content {margin-bottom: 10px;}
.sc_blogger.style_image .thumb {
width: 100%
}
.sc_blogger.style_image .thumb img {
width: 100%;
display: block
}
.sc_blogger.style_image.style_image_tiny .thumb {
width: 22%;
float: left;
vertical-align: top;
margin: 5px 30px 5px 0
}
.sc_blogger.style_image.style_image_small .thumb {
width: 40%;
float: left;
vertical-align: top;
margin: 5px 30px 5px 0
}
.sc_blogger.style_image.style_image_medium .thumb {
width: 50%;
float: left;
vertical-align: top;
margin: 5px 30px 5px 0
}
.sc_blogger.style_image.style_image_large .thumb {
margin: 0 0 20px 0
}
.sc_blogger.style_image .thumb img {
width: 100%;
display: block
}
.sc_blogger.style_image .sc_blogger_info {
margin-top: 20px
}
.sc_blogger .sc_blogger_info .sc_blogger_more {
float: right;
margin: -5px 0 0 0
}
.sc_blogger.style_image .sc_blogger_info:before {
content: '';
height: 1px;
width: 50px;
background: #ddd;
display: block;
margin: 0 0 20px 0
}
.sc_blogger.style_image .sc_blogger_info .sc_blogger_author {
font-weight: 300
}
.sc_blogger.style_image .sc_blogger_info .sc_blogger_author {
font-size: 12px;
font-style: italic
}
.sc_blogger.style_image .sc_blogger_info .sc_blogger_author .separator {
font-style: normal;
padding: 0 5px
}
.sc_parallax {
position: relative;
overflow: hidden;
background-repeat: no-repeat
}
.sc_parallax.dark {background-color: #000;}
.video_bg_page .sc_parallax.dark {background-color: transparent;}
.video_bg_page .sc_parallax.dark .bg_color_1 .sc_content {margin: 40px 0;}
.video_bg_page .sc_parallax.dark .bg_color_1 .sc_content [class*="col-"] {margin-top: 40px;}
.sc_parallax.dark * {
color: #fff
}
.sc_parallax .sc_parallax_content {
position: relative;
overflow: hidden;
z-index: 2;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat
}
.sc_parallax .sc_parallax_overlay {
overflow: hidden
}
.sc_parallax .sc_video_bg_wrapper {
position: absolute;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.sc_parallax video.sc_video_bg {
opacity: 0;
filter: alpha(opacity=0)
}
.sc_parallax.dark .sc_icon+.sc_section{
font-size: 18px;
font-weight: 300;
text-align: center;
margin-top: 30px;
}
.sc_parallax h2+[class*="col-"] {padding-left: 0;}
.sc_parallax [class*="col-"]:first-child {padding-left: 0;}
.bg_color_1 {
color:#ffffff;
background-color:#f4c119;
background-image:url(../img/bg/texture_2.png);
opacity:0.9;
}
#parallax_section_1 {
background-image: url(../img/Depositphotos_12359307_original.jpg);
}
.parallax_bg1 {
background-image: url(../img/parallax/parallax2.jpg);
}
.parallax_bg2 {
background-image: url(../img/parallax/parallax3.jpg);
}
.parallax_bg3 {
background-image: url(../img/parallax/parallax1.jpg);
}
.parallax_bg4 {
background-image: url(../img/parallax/parallax4.jpg);
}
.parallax_bg5 {
background-image: url(../img/parallax/Depositphotos_12359307_original.jpg);
}
.sc_content {
overflow: hidden
}
.sc_popup {
position: relative;
background: #FFF;
padding: 24px 20px 20px 20px;
width: auto;
max-width: 500px;
max-height: 600px;
margin: 20px auto;
border: 1px solid #ddd;
overflow-x: hidden;
overflow-y: auto
}
.sc_popup:before {
height: 4px;
content: '';
position: absolute;
width: 100%;
top: -1px;
left: -1px;
display: block;
padding: 0 1px
}
.sc_border .sc_zoom {
overflow: hidden
}