#jsn-master {background:#fff; text-align: justify; font-family: text;} @font-face {font-family:text; src: url('3.ttf') format('truetype'), url('1.eot');} @font-face {font-family:zagolovok; src: url('2.ttf') format('truetype'), url('1.eot');} @font-face {font-family:logo; src: url('8.ttf') format('opentype'), url('1.eot');} @font-face { font-family: imp; src: url('font/impact.eot'); src: local(impact), url('font/impact.ttf') format('truetype'), url('font/impact.woff') format('woff'), url('font/impact.woff2') format('woff2'), url('font/impact.svg#impact') format('svg'), url('font/impact.eot?#iefix') format('embedded-opentype'); } .mix-date, pwebcontact179_form .icon-plus-sign, #rh-copy, #rc-copyright-wrap, .sup-meta, .anchor_menu ul li:before, .kmt-thumb, .kmt-title, .pweb-field-sogl .pweb-field label, #searchForm .only,.phrases,.form-limit,.result-created, .nn_tabs > ul.nav-tabs > li:before,.djslider ul li:before, .rsmg_content_gallery ul li:before, .rsmg_gallery ul li:before, .ymaps-copyright-legend-container, .pweb-chars-counter, .ymaps-logo-link, div.jsn-modulecontainer ul.menu-treemenu li a span.jsn-menudescription, .hd, #pbCaption {display:none!important;} .noseo {color:#fff!important; text-shadow:none!important;} .vrach {display:table; margin:0 auto 10px; max-width:350px;} .droppicspictures {display:flex; justify-content:center;} .link-center {display: flex; margin: auto; height: 100%; text-align:center;} .link-center span {position:inherit!important; left:inherit!important; margin:auto!important;} .chern {} .sup-title {font-size:1em!important;} body .regridart .mix img { max-width: 350px; display: table; margin: 0 auto !important; } .dj-slides {min-height:auto!important;} .menu-osn, .jsn-modulecontent .dj-megamenu-default, #rsmg_albums, .slider-wrapper, #dj-galleryGrid3p .dj-galleryGrid-in {margin: 0 auto !important; display: table;} .ceny-tabl { margin:20px auto;} .ceny-tabl table {width:100%!important;} .ceny-tabl tr td:nth-child(1) {width:70%;} .ceny-tabl tr td:nth-child(2) {width:30%;} .ser {background:#E8E8E8; padding:40px 0;} #lbContent211 .lboverlay_content {font-size:1.6em!important; color:#fff!important; text-transform:uppercase;} .fas, .far, .fa {font-family:fontawesome; margin:0 5px 0 0;} .content-item {background: url(/images/slider/3.jpg); height: 300px; margin: 20px auto; overflow: hidden; position: relative; width: 400px;} .overlay {border-bottom: 100px solid #7A2D85; border-left: 150px solid transparent; bottom: 0; height: 0; opacity: .95; position: absolute; right: 0; text-indent: -9999px; transition: all .5s ease-out; width: 0; } .content-item:hover .overlay {border-bottom: 800px solid #7A2D85;border-left: 800px solid transparent;transition: all .5s ease-out; } .corner-overlay-content {bottom: 15px; color: #fff; position: absolute; right: 15px; transition: all .5s ease-out; } .content-item:hover .corner-overlay-content {opacity: 0; transition: all .5s ease-out;} .overlay-content {bottom: 0; color: #fff; left: 0; opacity: 0; padding: 30px; position: absolute; right: 0; top: 0; transition: all .3s ease-out; } .overlay-content h2 {border-bottom: 1px solid #fff; color:#fff; padding: 0 0 12px;} .content-item:hover .overlay-content{ opacity: 1; transition: all .3s ease-out; transition-delay:.3s; } .atom { height: 100%; transform: scale(1.2, 1.2); padding: 270px 0 0; overflow: hidden;} .atom-fon { background: linear-gradient(to right, #c0392b, #8e44ad); margin: 40px 0; } .atom > div:first-of-type:after { content: ""; position: absolute; height: 40px; width: 40px; background: #fff; border-radius: 50%; transform: rotateX(-80deg) rotateY(0); box-shadow: 0 0 25px #fff; animation: nucleus_ 2s infinite linear; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; } .atom > div:nth-of-type(2) {transform: rotateX(-80deg) rotateY(20deg); } .atom > div:nth-of-type(2) > div, .atom > div:nth-of-type(2) > div:after {animation-delay: -.5s; } .atom > div:nth-of-type(3) { transform: rotateX(-70deg) rotateY(60deg); } .atom > div:nth-of-type(3) > div, .atom > div:nth-of-type(3) > div:after {animation-delay: -1s;} .atom > div:nth-of-type(4){transform: rotateX(70deg) rotateY(60deg); } .atom > div:nth-of-type(4) > div, .atom > div:nth-of-type(4) > div:after {animation-delay: -1.5s; } .atom > div { border-radius: 50%; border: 2px solid #fff; transform-style: preserve-3d; transform: rotateX(80deg) rotateY(20deg); position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px; } .atom > div > div { width: 200px; height: 200px; position: relative; transform-style: preserve-3d; animation: trail_ 2s infinite linear; } .atom > div > div:after{ content: ""; position: absolute; top: -5px; box-shadow: 0 0 12px #fff; left: 50%; margin-left: -5px; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; animation: particle_ 2s infinite linear; } @keyframes trail_ { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes particle_ { 0% { transform: rotateX(90deg) rotateY(0deg); } 100% { transform: rotateX(90deg) rotateY(-360deg); } } @keyframes nucleus_ { 0%, 100% { box-shadow: 0 0 0 transparent; } 50% { box-shadow: 0 0 25px #fff; } } .dop-preim .vid-text {font-size:0.5em;} .vid-text *, .vid-text:before, .vid-text:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .vid-text {min-height: 100%;} .vid-text {font-family: 'Oswald', sans-serif; color: #fff;} .vid-text .wrapper { text-align: center;} /* Clip text element */ .vid-text .clip-text { font-size: 6em; font-weight: bold; line-height: 1; position: relative; display: block; padding: .4em .75em; text-align: center; color: #fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .vid-text .clip-text:before, .vid-text .clip-text:after {content: '';} .vid-text .clip-text:before { z-index: -2; top: 0; right: 0; bottom: 0; left: 0; background-image: inherit;} .vid-text .clip-text:after { position: absolute; z-index: -1; top: .125em; right: .125em; bottom: .125em; left: .125em;} .vid-text .clip-text--no-textzone:before { background-position: -.65em 0;} .vid-text .clip-text--no-textzone:after { content: none;} .vid-text .clip-text--cover,.vid-text .clip-text--cover:before { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: 50% 50%;} .vid-text .clip-text_1 { background-image: url(/images/slider/1.jpg);} .vid-text .clip-text_2{ background-image: url(/images/slider/2.jpg);} .vid-text .clip-text_3 { background-image: url(/images/slider/3.jpg);} .vid-text .clip-text_4 { background-image: url(/images/slider/4.jpg);} .vid-text .clip-text_5 { background-image: url(/images/slider/5.jpg);} .vid-text .clip-text_6 { background-image: url(/images/slider/6.jpg);} .miganie {} .miganie { background: #5723A8; font-family: "Open Sans", Impact;} .miganie .area { text-align: center; font-size: 4.2em; letter-spacing:2px; padding: 20px 10px; color: #fff; font-weight: 700; text-transform: uppercase; animation: blur .80s ease-out infinite; text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff; } @keyframes blur { from { text-shadow:0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 50px #fff, 0px 0px 50px #fff, 0px 0px 50px #7B96B8, 0px 0px 150px #7B96B8, 0px 10px 100px #7B96B8, 0px 10px 100px #7B96B8, 0px 10px 100px #7B96B8, 0px 10px 100px #7B96B8, 0px -10px 100px #7B96B8, 0px -10px 100px #7B96B8; } } .pull-none {overflow:hidden; min-height:300px;} .s-gran, div.img_caption.none {} .s-gran svg, div.img_caption.none svg {position: relative; top: -90px; transform: rotate(180deg);} .s-gran *, div.img_caption.none * {fill: #fff;} .s-gran path, div.img_caption.none path {fill-rule: evenodd; } .s-gran path:nth-child(1), div.img_caption.none path:nth-child(1) {opacity: 0.66;} .s-gran path:nth-child(2), div.img_caption.none path:nth-child(2) {opacity: 0.33;} .zagol, p.img_caption { color:#fff!important; text-align:center; font-size:3.8em!important; width: 70%; text-shadow: 2px 2px 3px #000;} .zagol { margin: 40px 0 0 0; position: absolute;} p.img_caption { position: absolute; margin: -130px 0 0; transform: translate(-10%, 0%); } .center p.img_caption { position: absolute; margin: -130px 30% 0 0%!important; } .dop-preim { max-width:1170px; margin:100px auto;} .fa-quote-right {font-family:FontAwesome; padding:10px 0; font-size:2em; display:block; text-align:center;} .su-content-slide {text-align:center!important; font-size:3.5em; letter-spacing:2px;} .owl-nav {position:relative!important; left:inherit!important; bottom:inherit!important;} .owl-prev {position:absolute; left:20px; bottom:50px;} .owl-next {position:absolute; right:20px; bottom:50px; } .interesnoe {display: grid!important; grid-template-columns: repeat(2, 1fr); grid-column-gap: 60px; margin:40px auto; max-width:1170px;} .lbox_white {position: fixed!important; top:30px!important; } .lbox_thumb_table {margin:50px auto 0!important;} div.lbox_thumb_left_arrow_wrapper, div.lbox_thumb_right_arrow_wrapper {bottom:0; height:102px!important;} div.lbox_white a.closeImage {background:url(img/close.svg) no-repeat center scroll!important; background-size:100%!important; width:2em!important; height:2em!important; } .lbox_slideshow_buttons {margin:0 auto!important; display:table; float:none!important;} .cat_child_text {background: rgba(34, 34, 34, 0.5) !important; bottom: 0; left: 0; position: absolute !important; padding: 15px; right: 0; } .cat_child_text h2 {color:#fff;} .cat_child_text a {color: rgba(255,255,255,.7); line-height:1.2em;} .ig_menu_pagination {margin:15px auto 50px;} .lbox_white_grey-border-shadow .lbox_des_container {color:#fff!important; text-align:center; overflow:hidden!important; background:none!important; box-shadow:none!important;} .paralaks-block{ background-attachment: fixed!important; background-size: cover!important; background-position: 50% 50%!important; background:url(/images/vid/6.jpg); padding:60px 0;} .paralaks-kontent { overflow: hidden; min-height:200px; max-width:1170px; margin:0 auto;} .paralaks { float: right;} .blok-k, .paralaks {background:#939393; color:#fff; text-align:center; padding:80px 40px;} .blok-k-zag, .paralaks h2 {letter-spacing:2px; color:#fff; text-transform:uppercase; font-size:2.2em;} .blok-k-img, .paralaks img { margin:20px 0; } .blok-k-img img, .paralaks img {width:50px;} .blok-k-text, .paralaks p {text-align:center!important; font-size:1.2em;} .blok-k-knopka {margin:35px 0 0;} .blok-k-knopka a, .paralaks a {padding:10px 40px; text-transform:uppercase; font-size:1.2em; border:1px solid #fff; color:#fff;} .blok-k-knopka a:hover, .paralaks a:hover {background:#fff; color:#939393;} .foto-slide {} .ls-wrapper p, .ls-layer, .ls-layer div{font-family:text!important; letter-spacing:0!important;} #rc-phone-back {background-color:#1C73B8!important; border:none!important;} body .pwebcontact-modal.modal {background: rgba(0,0,0,0.5) !important; } body .pwebcontact-modal.modal.fade.in {opacity:inherit!important;} .childcontent-inner {display:flex;} .page-header {margin:0!important; padding:0!important;} #smoothtop { height:80px; width:80px; z-index:999999; background:url(img/vverh.png) center top no-repeat;} #smoothtop:hover{background-position: center bottom;} .ochered {flex-direction: row-reverse;} #jsn-mainbody-content {margin:0 auto!important;} .sch-fon, .centr { background-attachment: fixed!important; background-size: cover!important; background-position: 50% 50%!important; background:url(/images/vid/5.jpg) no-repeat center scroll; padding:50px 0 70px;} .sch-fon .sch { color:#fff; text-shadow:0 0 3px #000; display:flex; justify-content:center; margin:0 auto;} .centr {background:url(/images/vid/6.jpg)!important; background-attachment: fixed!important; color:#fff; text-shadow:0 0 3px #000; } .centr-text {display:table; margin:0 auto; max-width:800px;} .centr-text .zag {color:#FAAF41!important; border-bottom: 1px dotted #fff !important; padding: 0 0 5px; } .centr-text p {margin:20px!important;} .sch-fon .skill-count-item {margin-top:40px;} .sch-fon .skill-count-item, .sch-fon .skill-count-item p {text-align:center!important;} .sch-fon .skill-count-item div {font-size:3.5em; font-weight:bold;} .sch-fon .skill-count-item strong {font-size:1.4em;} .sch-fon .su-counter-number {color:#FAAF41!important} .sch-fon .su-counter-text { color:#fff!important; border-top: 1px dotted #fff !important; display: table; margin: 20px auto 0; padding: 5px 0 0;} .etapy-fon {background:#eee; padding:40px 0;} .etapy-zag {text-align:center; font-weight:bold; font-size:3.5em; color:#222;} .etapy-zag span {display:block; font-weight:normal; font-size:0.4em; color:#777;} .etapy-bloki {max-width:850px; margin:0 auto; } .etapy-bl {display:flex; padding:10px 0;} .etapy-bl-zag { font-size:1.6em;} .etapy-bl-zag span {display:block; font-size:0.6em; color:#777;} .etapy-bl-zag:before, .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-zag span:after {content:""; width:1em; height:1em; border-radius:50%; background:#fff; margin: 7px 0 0 -66px; position: absolute;} .etapy-bloki .etapy-bl:first-child .etapy-bl-zag:before {background:#1C73B8} .b-img {background:#fff; max-width:190px; float: right; border-radius:50%; padding:30px;} .etapy-bl-img img { max-width:130px; } .etapy-bl-img:after, .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-img:before {content:""; width:2px; height:213px; background:#fff; margin: 27px 0 0 256px; position: absolute;} .etapy-bl-img img { transition: all 0.5s ease-out 0s; display:block; } .etapy-bl-img img:hover { opacity:1; transform: rotate(25deg) ; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg); display: block;} .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-img img:hover {transform: rotate(-25deg) ; -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg);} .etapy-bloki .etapy-bl:nth-child(2n) {flex-direction: row-reverse;} .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl {text-align:right; } .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-zag span:after {margin: 7px 0 0 55px!important; width:1.5em!important; height:1.5em!important;} .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-zag:before {display:none;} .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-zag {text-align:right;} .etapy-bloki .etapy-bl:nth-child(2n) p {text-align:right!important;} .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-text{padding:0 60px 0 0;} .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-img {text-align:left; padding:0 0 0 60px;} .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-img:before {margin:7px 0 0 -244px!important;} .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-img:after {display:none;} .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-img .b-img {float:left;} .etapy-bl-text {width:50%; padding:0 0 0 60px; text-align:left;} .etapy-bl-img {width:50%; padding:0 60px 0 0; text-align:right;} .etapy-bl-img img {} .odin-blok {overflow-x:hidden!important;} .odin-blok #jsn-content_inner, .odin-blok #jsn-mainbody-content {margin:0 auto!important; padding:0!important;} .odin-blok .dj-offcanvas-wrapper {background:#000!important;} .odin-blok .item-page {background:#000 url(scroll.gif) no-repeat center scroll!important;} .odin-blok #jsn-content_inner {box-shadow:none!important; border:none!important; } .kak { display:flex; max-width:1000px; margin:20px auto; } .kak-bl {width:33%; text-align:center; margin:0 15px 25px;} .kak-foto {border-radius:50%; padding:30px; background:#faaf41; display:table; margin:0 auto;} .kak-str { margin: 50px 0 0 0; background:url(img/str.png) no-repeat center scroll; background-size:100%; width:40px; height:40px;} .kak-lev {background:url(img/str-lev.png) no-repeat center scroll; background-size:100%;} .kak-niz:after { margin: 5px 0 0 -15px; position:absolute; width:30px; height:30px; content:""; background:url(str-niz.png) no-repeat center scroll; background-size:100%;} .kak-foto img {max-width:90px; } .kak-zag {line-height:1.25em; margin:10px 0; color:#111; font-weight:bold; font-size:1.5em;} .kak-text {color:#555;} .str-otz .bt-cs {padding: 10px 0; background:none;} .str-otz .bt-cs .bt-inner .bt-title, .str-otz .bt-cs h2, .str-otz .otz-zag, .str-otz .bt-introtext {color:#222!important; } #pwebcontact179_field-vozrast-lbl {margin: 0 0 0 50px !important; max-width: 130px; white-space: normal;} .bt-cs {padding: 40px 0; background:url(/images/otz/vse.jpg) repeat center top scroll;} .bt-cs .bt-inner .bt-title {font-size:1.5em!important; color:#fff!important; text-align: center; display: block;} .bt-cs h2 {text-align:center; color:#fff; text-transform:uppercase;} .bt-cs img:hover {opacity:1!important;} .otz-zag {color:#fff; font-size:1.7em; margin:0 auto; display:table;} .bt-center {float:left; margin:12px 0 0;} .perv .bt-center {max-width: 400px;} .bt-center {max-width: 200px;} .perv .bt-introtext {max-width: 280px;} .bt-introtext {float: left; margin: 0 0 0 25px; height: auto !important; color: #fff; max-width: 300px;} .bt-introtext img {max-height:35px; border:none!important; outline: none !important;} .sup-title {font-size:1.3em; color:#5E769A!important; font-weight:bold; text-transform:uppercase;} #jsn-leftsidecontent .vert { margin:20px 0 0!important; } .nivo-controlNav {position:absolute; left: 50%!important; margin:-50px auto 0!important; z-index:99!important; transform: translate(-50%, -50%)!important;} body #nivoSlider-wrapper4m172 .nivo-controlNav a {background:none!important; width:3px!important; margin:0 5px!important; height:3px!important; padding:5px!important; border-radius:50%; border:3px solid #fff;} body #jsn-pos-content-top #nivoSlider-wrapper4m172 .nivo-controlNav .active {background:#fff!important;} body .nivoSlider .nivo-caption {bottom:inherit!important; top:15%!important; left:5%!important;} body .nivoSlider .dj-slide-desc-bg {background:none!important;} body .nivoSlider .dj-slide-title {font-size:5em!important;} body .nivoSlider .dj-slide-desc-text {text-shadow:0 0 3px #000!important;} body .nivoSlider .dj-slide-desc-text .dj-slide-description {color:#fff!important; text-transform:uppercase; font-size:1.6em!important; margin:2em 0 0 !important;} #nivoSlider-wrapper4m172 .dj-slide-desc-text .dj-slide-description a {color:#fff!important; display:inline-block!important; background:#444!important; padding:10px 20px 10px 30px!important; } #nivoSlider-wrapper4m172 .dj-slide-desc-text .dj-slide-description a:after { font-size:1em; padding:0 0 0 9px; content:"\f0a9"; font-family:FontAwesome; display:inline-block; margin: 0; vertical-align:middle; color:#fff;} .zag-mod {font-size:1.7em; text-align:center; margin:20px 0 0; padding:0 0 15px; border-bottom:1px solid #5E769A;} .dj-subwrap-in {width: auto !important; margin:0 auto!important; display: flex;} .dj-subwrap-in .dj-subcol {border-left:1px solid #5E769A; padding:10px;} .dj-subwrap-in .dj-subcol:first-child {border:none!important;} .dj-megamenu-default li ul.dj-submenu > li {border-top:1px solid #5E769A!important;} .dj-megamenu-default li a.dj-up_a:hover, .dj-subwrap { box-shadow:none!important; background:#364E72!important;} .dj-megamenu-default li a { color: #fff !important; font-size: 1.1em !important; line-height: 1.7em !important; border-right:none!important; transition: 0.8s!important; -webkit-transition: 0.8s!important; -o-transition: 0.8s!important; -moz-transition: 0.8s!important; } body .dj-megamenu-default li a:hover{ color:#FAAF41!important; opacity:1; } .dj-megamenu-default li a.dj-up_a .arrow::before { background: rgba(0, 0, 0, 0) url("img/strelka.png") no-repeat scroll center top; content: ""; display: inline-block; height: 8px; margin: 0 0 0 2px; width: 13px; } .dj-megamenu-default li a.dj-up_a .arrow {font-size:0!important;} .k-icon-document-document {padding:0 15px 0 0;} .koowa_header {margin:30px 0 10px!important;} .dropfiles-container-ggd, .su-modal-trigger {display:table; margin:0 auto!important; } .su-eb a {font-size:Inherit!important; margin:0 0 0 5px!important;} .su-eb-title {padding:0; margin: -7px 15px 0 0!important;} .su-timeline .su-timeline-row .su-timeline-content {box-shadow:none!important;} #mod-lgx-logoslider155.logo-nav-img .lgx-logoslider .owl-controls .owl-nav [class*="owl-"] {margin: 0 5px!important; background:none!important;} #mod-lgx-logoslider155 .lgx-logoslider .owl-controls .owl-nav img {width:35px!important;} .ft_rwrapper, .ft_cwrapper {z-index:5!important;} .sch {display:flex; justify-content:center; margin:35px auto 0;} .skill-count-item {margin-top:40px;} .skill-count-item, .skill-count-item p {text-align:center!important;} .skill-count-item div {font-size:3.5em; font-weight:bold;} .skill-count-item strong {font-size:1.4em;} .anchor_menu {top:25px!important; z-index: 100!important;} .anchor_menu ul {display:flex;} .anchor_menu li a {padding:10px;} .anchor_menu .active a{background:#333!important; color:#fff!important; } .fotogr .jsn-moduletitle, .video .jsn-moduletitle, .zag, .zag-uslugi {font-size:2.2em; margin:30px 0 15px; text-transform:uppercase; text-align:center; font-weight:bold;} .fotogr {margin:30px 0 0;} .zag-uslugi a {color:#222;} .uslugi-p:hover .zag-uslugi a {color:#fff;} .zag-uslugi a:before {transition: all 0.5s ease-out 0s; content:""; width:100px; height:100px; display:block; margin:0 auto 10px;} .uslugi-p:nth-child(1) .zag-uslugi a:before {background:url(img/usl1.png) no-repeat center top scroll;} .uslugi-p:nth-child(2) .zag-uslugi a:before {background:url(img/usl2.png) no-repeat center top scroll;} .uslugi-p:nth-child(3) .zag-uslugi a:before {background:url(img/usl3.png) no-repeat center top scroll;} .uslugi-p:hover .zag-uslugi a:before {margin:-15px auto 15px; } .uslugi-p:nth-child(1):hover .zag-uslugi a:before {background:url(img/usl1h.png) no-repeat center top scroll!important;} .uslugi-p:nth-child(2):hover .zag-uslugi a:before {background:url(img/usl2h.png) no-repeat center top scroll!important;} .uslugi-p:nth-child(3):hover .zag-uslugi a:before {background:url(img/usl3h.png) no-repeat center top scroll!important;} .text-uslugi { font-size:1.1em;} .uslugi {overflow:hidden; max-width:80%; margin:30px auto;} .uslugi-p {transition: all 0.3s ease-out 0s; float:Left; font-weight:1.2em; padding:2% 1.5%; text-align:left; margin:1% 0; width:30%;} .uslugi-p:hover {background:#1C73B8; color:#fff; opacity:1;} .uslugi-p ul { margin:0.4em 0 0 1.1em;} .uslugi-p ul li { line-height:1.3em;} .preim-style {text-align:center;} .lp .preim-zag, .lp .usl-zag, .lp .zag-lp, .lp .zag, .ceny-zag, .lp .raboty-zag { min-width:350px; padding: 3px 20px; background:rgba(30,30,30,0.1); border:2px solid #C0C0C0;} .lp .preim-zag, .lp .usl-zag, .lp .zag-lp, .lp .zag, .ceny-zag, .lp .raboty-zag { -o-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .lp .preim-zag .ramka, .lp .usl-zag .ramka, .lp .zag-lp .ramka, .lp .zag .ramka, .ceny-zag .ramka, .lp .raboty-zag .ramka { -o-transform: skewX(25deg); -ms-transform: skewX(25deg); -moz-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); } .preim-zag, .usl-zag, .zag-lp, .zag, .ceny-zag, .raboty-zag {display:table; text-align: center; font-size:2.2em; font-weight:bold; margin:50px auto 20px; font-family:zagolovok; text-transform:uppercase; color:#1C73B8;} .preim-podzag {font-size:2.2em; font-family:zagolovok; color:#222;} .preim {overflow:hidden; max-width: 1100px; display: grid!important; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; margin:30px auto;} .preim-p { text-align:center; margin:0 0 15px;} .border-radius {padding:30px; min-width:55px; background:#1C73B8; display:table; margin:0 auto 10px; border-radius:50%;} .preim-p img { margin:0 auto; transform: scale(1); max-height:120px; transition: all 0.5s ease-out 0s; display:block; } .preim-p .rl_tooltips-link:hover img {transform: scale(1.2)!important;} .mix-title { font-size: 1.2em; text-align: center; display: table; margin: 0 auto; font-weight: bold!important; } .preim-text {font-size: 1.2em; font-weight: bold; display:block;} form.pwebcontact-form input.pweb-input, form.pwebcontact-form select {height:auto!important;} .foto-gallery {} .foto-gallery .gall {margin: 20px!important; line-height:35px!important;} .foto-gallery .gall:nth-child(2n+1) {clear:both;} .foto-gallery .gall a {} .foto-gallery .gall a img {height:230px!important; width:auto!important;} .item-page table {margin:0; width: 100%;} .item-page table td {border:1px solid #ccc; padding:8px;} .obsh-kont {display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px;} .karta {widtH:120%;} .img-kont img {height:480px;} .ymaps-2-1-74-map, .ymaps-2-1-74-inner-panes, .joomly-map {height:700px!important;} .karta .ymaps-2-1-74-map, .karta .ymaps-2-1-74-inner-panes, .karta .joomly-map {height:480px!important;} #rsmg_albums li {width:auto!important;} .fbpContent_topicImage img {margin:0 auto; display: table;} #comments-list-footer, #jsn-pos-topbar, #jsn-header-top_inner, #jsn-promo-inner, #jsn-content_inner, #jsn-pos-content-top, #jsn-pos-promo_inner, #jsn-content-bottom-inner { margin: 0 auto;} #pwebcontact99_toggler {display:flex; } #pwebcontact99_toggler, .pweb-vertical.pweb-left .pwebcontact_toggler .pweb-text, .pweb-vertical.pweb-right .pwebcontact_toggler .pweb-text {height:auto!important;} .fon-prod {} .item-page table td {vertical-align:top;} .item-page table td img {height:auto!important;} .item-page table td a {color:#111!important;} .item-page table td a:hover{color:#faaf41!important;} .pweb-field-uploader {margin:10px auto; display:table;} #commentInput {min-height:100px;} /* #fixeddiv_fixed .jsn-modulecontainer:nth-child(1) { background: rgba(0, 0, 0, 0) url("mn-2.gif") repeat-x scroll 0 0!important;} #fixeddiv_fixed .jsn-modulecontainer:nth-child(1) {width:100%;} .jsn-modulecontent .dj-megamenu-default .dj-megamenu-default {max-width:100%!important; width:auto!important;} */ .center .wcontactus_button {font-size:50px!important; padding:15px!important;} #jsn-body-inner .dj-galleryGrid-in .dj-slide {width:300px!important;} .gallery-str {overflow:Hidden; display:table; margin:0 auto;} .gallery-str img {display:block; margin:0 auto 10px; width:300px;} .gall {float:left; margin:0 20px; text-align:center; width: 400px;} .gall a {font-size:2em; color:#111!important; font-family:zagolovok; } .gall a:hover{color:#faaf41!important;} .pwebcontact_toggler.pweb-radius {border-radius:0!important;} .perv #jsn-pos-content-top {max-width:100%!important;} .perv .item-page {/*max-width:1100px;*/ margin:0 auto;} .kmt-author {font-size:1.5em!important;} #glavnaya {width:100%!important;} #jsn-content_inner {max-width:1100px; margin:0 auto 30px!important; background:rgba(255,255,255,0.9); box-shadow:0 0 8px 0 #555; padding: 0 30px 30px;} .lp #jsn-content_inner {margin:0 auto!important;} .vsya-shirina #jsn-content_inner {max-width:100%!important; width:100%!important; background:#fff!important; box-shadow:none!important; padding:0!important;} /* Начало верстка для лендинг страницы*/ .shapka-fix { background:#555; z-index:999999; width:100%; border-bottom: 1px solid #888; margin:0 auto;} .sv-men { margin:0 auto; display:flex; line-height: 0em; justify-content: space-around; max-width:1100px; padding:10px 0; } .sv-men .shapka-logo a {display:none;} .sv-men i { display: flex; margin: 0 10px 0 0; height: 32px; width: 32px; color: #fff; font-size: 1.5em; border: 1px solid #fff; font-family: FontAwesome;} .sv-men i::before {margin:auto;} .sv-men img {padding-right:20px;} /* .lp .dj-megamenu-default li a.dj-up_a, .jak-ssil, .ssil-kovka, .tel-ssil .jak-tel {background-image: -webkit-gradient( linear, left top, left top, color-stop(0, #282A34), color-stop(0.86, #222222) )!important; background-image: -o-linear-gradient(left top, #282A34 0%, #222222 86%)!important; background-image: -moz-linear-gradient(left top, #282A34 0%, #222222 86%)!important; background-image: -webkit-linear-gradient(left top, #282A34 0%, #222222 86%)!important; background-image: -ms-linear-gradient(left top, #282A34 0%, #222222 86%)!important; background-image: linear-gradient(to left top, #282A34 0%, #222222 86%)!important;} .jak-ssil, .lp .dj-megamenu-default li a.dj-up_a {display: inline-block; padding:0 40px; font-size: 1.3em; line-height: 1em; text-transform: uppercase; height: 25px; margin: auto 0; } .lp .dj-megamenu-default li a.dj-up_a, .jak-ssil, .jak-ssil:active, .jak-ssil:hover {text-decoration:none!important; color:#fff!important;} .lp .dj-megamenu-default, .lp .dj-megamenu-default li a, .lp .dj-megamenu-default li a.dj-up_a span {height:auto!important; line-height:32px!important;} */ .dj-megamenu-default, .dj-megamenu-default li a,.dj-megamenu-default li a.dj-up_a span {height:auto!important; line-height:45px!important;} .jak-ssil {text-decoration:none;} .tel-ssil {margin:auto 0; display:flex;} .tel-ssil:hover .jak-tel {border:1px dotted #fff;} .jak-tel { align-items: center; color: #fff;display: flex; padding:0 10px 2px; align-self:center; height:30px; text-shadow:none!important; font-size: 1.3em; border: 1px solid #fff; } .sdvig-jak {position:absolute; margin:-50px 0 0;} .fon-perv-lp {background:url(img/fon-lp.jpg) no-repeat center top scroll; padding: 100px 0;} .zag-lp {padding:5px 10px!important; border:1px solid #fff; display: table; margin:0 auto; font-size:2.4em!important; background: #222; color:#fff;} .vtor-zag-lp {margin:-1px auto 0; } .forma-vizov {margin: 140px 0 90px;} #contactus-form223 {max-width:300px!important;} #contactus-form223 #contactusForm {max-width:200px; margin:0 auto;} .field1223 {font-weight:bold; color:#111; font-size:1.2em; text-align:center!important; text-transform:uppercase;} #contactus-form223 { background:rgba(234,187,21,0.5); position: relative; } #contactus-form223:before { content: ""; position: absolute; top: -60px; left: 0; width: 0; height: 0; border-left: 150px solid transparent; border-right: 150px solid transparent; border-bottom: 60px solid rgba(234,187,21,0.5); } #contactus-form223:after { content: ""; position: absolute; bottom: -60px; left: 0; width: 0; height: 0; border-left: 150px solid transparent; border-right: 150px solid transparent; border-top: 60px solid rgba(234,187,21,0.5); } #button-contactus-lightbox223 {background:#111!important;} #button-contactus-lightbox223:before { content: ""; position: absolute; margin: -14px 0 0 -33px; width: 0; height: 0; border-top: 24px solid transparent; border-right: 15px solid #111; border-bottom: 24px solid transparent;} #button-contactus-lightbox223:after { content: ""; position: absolute;margin: -14px 0 0 18px; width: 0; height: 0; border-top: 24px solid transparent; border-left: 15px solid #111; border-bottom: 24px solid transparent;} .contactus-label-center {font-size: 0.55em !important; line-height:0.9em;} .contactus-label-center a {color:#111;} .lp-kak, .konsult-fon {background:#1D75BC; padding:20px 0;} .lp-kak .zag {color:#111;} .lp-kak .kak-text {color:#111; margin:10px 0 0; font-size:1.1em; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;} div.contactus-form button[type="submit"].contactus-button {color:#222!important;} .usl-block {overflow:hidden; margin:40px auto;} .usl-zag {text-transform:uppercase; text-align:center; font-weight:bold; margin:10px auto; color:#222;} .usl-bl {display:flex; max-width:1100px; margin:20px auto; justify-content: space-between;} .usl-p {margin:auto 25px;} .usl-p img {margin:0 auto 10px; display:block; max-height:150px; width:auto;} .usl-p span {display: block; text-align:center; font-weight:bold; font-size:1.3em; color:#222;} #rl_modals_wrapper {overflow:visible!important;} #rl_modals_content {min-height:400px!important;} input[type="text"].contactus-fields, input[type="email"].contactus-fields, input[type="date"].contactus-fields, input[type="time"].contactus-fields, input[type="tel"].contactus-fields, textarea.contactus-textarea {color:#111!important; font-size:1.2em!important;} .konsult-fon {} .konsult {display:flex; max-width:800px; margin:0 auto; justify-content:space-around;} .konsult-text {color: #fff; margin: auto 0; text-align:center; font-size:2em; font-weight:bold;} .konsult-forma {} #contactusForm .joomly-contactus-div:last-child {margin:0;} .konsult .contactus-submit {border-radius:15px!important;} .ceny, .kollektiv {max-width:1100px; margin:50px auto;} .ceny-text {text-align:center!important; margin:20px 0 15px; font-size:1.4em;} .ceny-text span {color:#1C73B8;} .ceny-zag {} .ceny ul {font-size:1.2em; list-style-type:circle!important;} .ceny ul li:before {display:none;} .raboty {padding:40px; background:#eee;} .raboty-foto {max-width:1100px; margin:0 auto;} .lp-otz {margin:50px 0;} .lp-otz .bt-introtext {max-width:600px;} .lp .joomly-map {height:700px!important;} .karta-text {position: absolute; background: rgba(255,255,255,0.8); padding: 25px; margin: -635px 0 0; margin-left: 0px; left: 75%; margin-left: -40%; width: 25%;} /* Окончание верстки для лендинг страницы*/ .perv #jsn-content_inner {box-shadow:none; margin:0 auto;} .row-fluid [class*="span"] {min-height:0!important;} .dj-megamenu-default .menu-usl li a {font-size:1em!important;} .dj-megamenu-default li a { padding: 0 25px!important; background:none!important; border-right:none!important; color:#fff!important; transition: 0.8s!important; -webkit-transition: 0.8s!important; -o-transition: 0.8s!important; -moz-transition: 0.8s!important; font-size:0.8em!important; } .dj-megamenu-default li a:hover{ color:#efefef!important; opacity:1; } a {color: #0E5FF1; text-decoration:none} a:hover,a:focus {text-decoration:underline} .nossil {text-decoration:none!important; cursor:text!important; color:#222!important;} .category-list {margin:0 10px!important;} .dj-megamenu-default, #jsn-pos-promo { background:#1D75BC!important;} #jsn-pos-promo {float:none!important;} #dj-megamenu138sticky {} .dj-megamenu-default .dj-megamenu-sticky { z-index: 1000;} /* .dj-megamenu-default { min-width: 1100px;} */ .pweb-field-sogl {overflow:hidden;} .pweb-field-sogl label { line-height: 1.1em; font-size: 0.9em!important;} .pweb-field-sogl .pweb-asterisk {margin:0 3px 0 0;} .pweb-field-sogl .pweb-label {float:right!important; width:auto!important; display:inline-block!important;} .pweb-field-sogl .pweb-field {float:left!important; width:auto!important; display:inline-block!important;} .mesto {height:600px;} .playerBox {width:100%!important; margin:0 auto!important; display:table;} .preim .ls-layers .ls-wrapper:nth-child(1).ls-clip {clip:inherit!important;} .pweb-field-name input {background:url(img/chel-forma.png) no-repeat 7px center scroll!important;} .pweb-field-phone input {background:url(img/tel-forma.png) no-repeat 7px center scroll!important;} .pweb-field-email input {background:url(img/mail-forma.png) no-repeat 7px center scroll!important;} .pweb-field-textarea textarea {background:url(img/komment-forma.png) no-repeat 7px 7px scroll!important; padding: 10px 0 0 55px !important; font-size:1.5em!important;} form.pwebcontact-form input.pweb-input, form.pwebcontact-form select, form.pwebcontact-form textarea {box-sizing:inherit!important;} .pweb-field-container input { font-size: 1.5em; padding: 10px 6px 10px 50px!important; } .pweb-static .pweb-field-container input {max-width: 100% !important; line-height:auto!important; height:auto!important;} .pweb-static .pweb-field-textarea, .pweb-field-sogl {display:table; margin:0 auto;} .pweb-field-sogl input { padding: 0 0 0 10px!important; height: auto !important;} .pwebcontact-container .pweb-label label { font-size: 1.4em;margin: 10px 0 0 50px !important;} .pwebcontact-container .pweb-field-sogl .pweb-label label {margin:0 0 0 10px!important;} #pwebcontact109_field-sogl-lbl { line-height: 1.1em;font-size: 0.7em !important;text-transform: none;} .su-portfolio-style8 .sup-link, .su-portfolio-style8 .sup-zoom {margin: -10px 0 0!important; width: 100%; height: 100%; display: block; min-height: 100px;} .su-portfolio-style8 .sup-link::after {display:none;} .pweb-static {display:table; margin:0 auto;} .pweb-static .pweb-field-container:nth-child(5) {clear: both; display: table; padding: 10px 0 0;} .pweb-static .pweb-field-container:nth-child(6) .pweb-label{margin:10px 0 0 5px;} .pweb-static .pweb-field-container:nth-child(6) .pweb-field {margin:10px 0 0;} .pweb-static .btn {padding:15px!important; font-size:1.8em!important; margin:10px auto 0!important;} .pweb-static .pwebcontact-box {max-width:1100px!important;} .pweb-static .pweb-field-container:nth-child(1), .pweb-static .pweb-field-container:nth-child(6) {clear:both;} .pweb-static .pweb-field-container:nth-child(2), .pweb-static .pweb-field-container:nth-child(3), .pweb-static .pweb-field-container:nth-child(4), .pweb-static .pweb-static .pweb-field-container:nth-child(2), .pweb-static .pweb-field-container:nth-child(3), .pweb-static .pweb-static .pweb-field-container:nth-child(4) { margin:0 40px; float:left;} .vir-center { grid-template-columns: repeat(2, 1fr)!important; justify-content:normal; max-width:900px; margin:40px auto!important;} .vir-center .karta {max-width:500px;} .item-page iframe {margin:40px auto; display:table;} .konf { font-style: italic; margin:auto;} .konf a {color: #222;} #jsn-pos-top {float:none!important;} .item-page #section-kmt ul li:before, .regridart li:before, .bt_handles li:before, .dj-megamenu li:before, .jsn-pagination li:before {display:none!important;} .item-page ul {list-style-type:None;} .item-page li, .mceContentBody li{ margin: 0.6em 0 0.6em 1.5em!important;} .item-page ul li:before {content:""; background:url(img/sp1.png) no-repeat; background-size:100%!important; width:23px; height:20px; float:left; margin:0 7px 0 0;} .item-page li.mix{margin:0!important;} .pweb-bg-white form.pwebcontact-form .pweb-msg .pweb-success {text-align:center;} .dj-galleryGrid-in .dj-slides .dj-slide {} .dj-galleryGrid-in .dj-slides .dj-slide img,.dj-galleryGrid-in .dj-slides .dj-slide {opacity:1!important;} .dj-slide:nth-child(3n+1) {clear:both;} #pwebcontact102_box {width:220px!important;} #pwebcontact102_toggler {background:#faaf41!important; padding: 0 12px !important; color: #111 !important; font-size: 1em !important; letter-spacing: 0 !important; text-align: center;} #pwebcontact102_form label {font-size:1em!important;} #pwebcontact102_form .pweb-field-container {margin:12px 0!important;} #pwebcontact109_toggler, .pweb-field button, .submitButton {color: #222; background: #faaf41 none repeat scroll 0 0 !important;} #pwebcontact109_toggler {box-shadow:0 0 5px 0 #555!important;} .pweb-form-blue.pweb-shadow form.pwebcontact-form button, .pweb-form-blue.pweb-shadow form.pwebcontact-form .btn {text-shadow:1px 1px 1px #222;} .pweb-field button { display: block !important; font-size: 1em !important; font-weight: bold; margin: 0 auto !important; text-transform: uppercase;} .form-zag { font-family: zagolovok; line-height: 37px; color: #333; font-size: 2.1em; font-weight: bold; margin: 10px 0 5px; text-align: center;} .form-text {font-size:1.2em!important; font-family:text!important;} .cell-tight {width:auto!important; margin:0 auto; display:table!important; } .submitButton {font-size:1.3em!important;} #pwebcontact99_toggler {background:#faaf41; width: 30px!important; box-shadow:0 0 5px 0 #fff; color:#222; } #pwebcontact99_toggler:hover {opacity:0.9;} .niz-tel {color: #222; font-family: zagolovok; font-size: 1.3em; margin: 0 0 0 20px; } .copy-site { margin:0 10px 0 0;} .copy-site a {color:#222!important;} .copy-site a:hover span {text-decoration:underline;} .copy-site a span {display:inline-block; margin:0 0 0 5px;} #fixeddiv_fixed, #fixedcontainer_fixed {z-index:9999!important;} .zag-karta {position:absolute; left:44%; background:rgba(255,255,255,0.5); padding:8px 15px; z-index:999999!important;} /* .shapka-fon {background:url(img/shapka.jpg) no-repeat center top scroll; background-size: cover;} */ /* .shapka-fon:before { background: rgba(0, 0, 0, 0.30); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }*/ .shapka { font-family:zagolovok; color:#333; max-width:1100px; margin: 0 auto; display:flex; overflow:hidden;} .shapka-block { text-align:left; } .shapka-logo {margin:15px 0 15px 0;} .shapka-logo a {background:url(img/logo.png) no-repeat center scroll; background-size:100%; display:block; width:120px; height:120px; margiN:auto;} .shapka-nazv { margin: auto; } .shapka-slogan { margin:auto; font-size:1.3em; text-transform:uppercase; font-weight: bold; } .shapka-slogan span {text-shadow: 1px 1px 1px #003980; display:block; font-family:logo;text-align: center; font-size:2.2em; margin:0 0 5px; color:#FAAF41;} .shapka-zvonok { margin: 20px auto 0;} .shapka-kont { font-weight: bold; margin: auto 0; } .shapka-tel {font-family: tahoma; text-align: right; font-size: 1.8em;} .shapka-tel a { color:#1D75BC!important; text-decoration:none!important;} .shapka-tel a .pred-tel { vertical-align:middle; color: #666; display: inline-block; font-size: 0.6em; } .shapka-tel a i{font-family: FontAwesome; vertical-align: middle; font-size: 0.8em; margin: 0 7px 0 0;} /* .shapka-tel a .pred-tel:before {background:url(img/tel.png) no-repeat center scroll; background-size:100%; content:""; display:inline-block; width:30px; height:30px; margin:0 7px 0 0; vertical-align:middle;} */ .shapka-podr {margin:10px 0 0; font-size:0.9em; color:#666; text-align:center;} .shapka-mail {margin:5px 0 10px 0; } .dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a {border-left-color:#555!important;} .pwebcontact_toggler { font-size: 0.7em !important; width:auto!important; letter-spacing:1px; text-transform: uppercase; display:table; margin: 0 auto !important;} body #jsn-content-bottom-inner {max-width: 100%!important; } .perv #jsn-content-bottom-inner {width:100%!important;} #pwebcontact109_toggler { display: table; font-size: 1em!important; white-space: nowrap;} #pwebcontact110 {width:100%!important;} #pwebcontact110_box {display:table!important; margin: 0 auto; max-width:auto!important;} #pwebcontact110_container {background:none!important;} body #jsn-pos-promo, body #jsn-promo-inner, body #jsn-pos-promo { max-width:100%!important; width:100%!important;} ._menu { background:#faaf41; border:1px solid #554; } ._menu .jsn-modulecontainer_inner { display:table; margin:0 auto!important;} ._menu ul { display:table!important; margin:0 auto!important; list-style-type:none;} ._menu ul li {display:block; float:left; } ._menu ul li a{ border-right: 1px solid #5d92af; color: #fff; display: block; float: left; font-family: zagolovok; font-size: 1.3em; padding: 0.8em 1.5em; text-transform: uppercase;} ._menu ul .last a {border:none!important;} ._menu ul a:hover, ._menu ul .current a, ._menu ul .current {color:#FFF113!important;} ._menu ul .first a {color:#fff!important;} ._menu ul .first a:hover {color:#FFF113!important;} ._menu ul .aktiv a span {color:#FFF113!important;} /* ._menu ul a:hover, ._menu ul .current a {background:#392411; color:#ffffff!important;} ._menu ul .first a:hover,._menu .active .current:hover,._menu ul .aktiv a span,._menu ul .current {color:#fff!important;} ._menu ul .first a, ._menu .active .current {color:#392411!important;} */ .jsn-moduletitle {text-align:center; font-family:zagolovok; color:#333; letter-spacing:1px; text-transform:uppercase; margin:20px 0 10px; font-weight:Bold; font-size:1.3em;} .pwebcontact-modal, body .pwebcontact-modal.in {display:flex!important; justify-content: center;} .hide { display: none !important;} body .pwebcontact-box, body #pwebcontact99_box, body #pwebcontact109_box {margin:auto!important;} body .pwebcontact-modal .pwebcontact-container {visibility: visible!important} body .pwebcontact-modal .pwebcontact-box { top: inherit !important; left: inherit !important; margin: auto !important; bottom: inherit !important;} .pweb-modal .pweb-field-container input, .pweb-modal .pweb-field-textarea textarea{width:80%!important;} .dj-image, .dj-slide {opacity:1!important;} .dj-galleryGrid-in .dj-slide {clear:none!important; width:auto!important; border:1px solid #ddd;} #jsn-content_inner { margin: 0 auto; } #jsn-maincontent {} .cke_show_borders ul {margin: 0 0 0 30px;} ul {margin: 0 0 0 20px;} .item-page p { text-align:justify; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;} .item-page .kmt-body p {text-indent:0; margin: 0;} .comment-body {margin:10px 0 0!important; color:#222!important;} div#section-kmt.kmt .kmt-list > li { background: #fff none repeat scroll 0 0; box-shadow: 0 0 5px 0 #999; margin: 20px 0!important; padding: 15px;} hr { border-color: #ccc -moz-use-text-color #fff!important;} h1, .content-category h2, h2 { font-family: zagolovok!important; font-size: 2.8em; font-weight: bold !important; padding: 15px 0 10px; text-align: center; color:#323232;} h2 {font-size: 2.0em; text-align: center; } h3 {font-size: 1.6em;} .no_title #cboxLoadedContent {margin:0!important;} html, body { line-height: 1.5; margin: 0; padding: 0;} body { font-size: 1em!important;} p, pre, blockquote, form, dl, ul, ol, fieldset, address, table { padding: 0; margin: 10px 0; } .ryad {display:flex; justify-content:space-around;} .odin-iz {} .odin-iz .info p {text-align:center!important; font-size:0.8em;} .ih-item.circle .img img { object-fit: cover;} .n-nomer {margin:30px 0; text-align:center; font-size:2em; font-weight:bold;} .zag-kras { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size:1.2em; line-height:1.2em; 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 { position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item, .ih-item * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ih-item a { color: #333; } .ih-item a:hover { text-decoration: none; } .ih-item img { width: 100%; height: 100%; } .ih-item.circle { position: relative; width: 220px; height: 220px; border-radius: 50%; } .ih-item.circle .img { position: relative; width: 220px; height: 220px; border-radius: 50%; } .ih-item.circle .img:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle .img img { border-radius: 50%; } .ih-item.circle .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.square { position: relative; width: 316px; height: 216px; border: 8px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .ih-item.square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.circle.effect1 .spinner { width: 230px; height: 230px; border: 10px solid #ecab18; border-right-color: #1ad280; border-bottom-color: #1ad280; border-radius: 50%; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .ih-item.circle.effect1 .img { position: absolute; top: 10px; bottom: 0; left: 10px; right: 0; width: auto; height: auto; } .ih-item.circle.effect1 .img:before { display: none; } .ih-item.circle.effect1.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.circle.effect1 .info { top: 10px; bottom: 0; left: 10px; right: 0; background: #333333; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .ih-item.circle.effect1 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect1 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect1 a:hover .spinner { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ih-item.circle.effect1 a:hover .info { opacity: 1; } .ih-item.circle.effect2 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect2.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.circle.effect2 .info { background: #333333; background: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect2 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect2 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect2.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect2.left_to_right a:hover .img { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .ih-item.circle.effect2.left_to_right a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect2.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect2.right_to_left a:hover .img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ih-item.circle.effect2.right_to_left a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect2.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect2.top_to_bottom a:hover .img { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .ih-item.circle.effect2.top_to_bottom a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect2.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect2.bottom_to_top a:hover .img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ih-item.circle.effect2.bottom_to_top a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect3 .img { z-index: 11; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect3.colored .info { background: #1a4a72; } .ih-item.circle.effect3 .info { background: #333333; opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect3 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect3 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect3.left_to_right .img { -webkit-transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } .ih-item.circle.effect3.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect3.left_to_right a:hover .img { -webkit-transform: scale(0.5) translateX(100%); -moz-transform: scale(0.5) translateX(100%); -ms-transform: scale(0.5) translateX(100%); -o-transform: scale(0.5) translateX(100%); transform: scale(0.5) translateX(100%); } .ih-item.circle.effect3.left_to_right a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect3.right_to_left .img { -webkit-transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } .ih-item.circle.effect3.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect3.right_to_left a:hover .img { -webkit-transform: scale(0.5) translateX(-100%); -moz-transform: scale(0.5) translateX(-100%); -ms-transform: scale(0.5) translateX(-100%); -o-transform: scale(0.5) translateX(-100%); transform: scale(0.5) translateX(-100%); } .ih-item.circle.effect3.right_to_left a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect3.top_to_bottom .img { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .ih-item.circle.effect3.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect3.top_to_bottom a:hover .img { -webkit-transform: scale(0.5) translateY(100%); -moz-transform: scale(0.5) translateY(100%); -ms-transform: scale(0.5) translateY(100%); -o-transform: scale(0.5) translateY(100%); transform: scale(0.5) translateY(100%); } .ih-item.circle.effect3.top_to_bottom a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect3.bottom_to_top .img { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .ih-item.circle.effect3.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect3.bottom_to_top a:hover .img { -webkit-transform: scale(0.5) translateY(-100%); -moz-transform: scale(0.5) translateY(-100%); -ms-transform: scale(0.5) translateY(-100%); -o-transform: scale(0.5) translateY(-100%); transform: scale(0.5) translateY(-100%); } .ih-item.circle.effect3.bottom_to_top a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4 .img { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ih-item.circle.effect4.colored .info { background: #1a4a72; } .ih-item.circle.effect4 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; } .ih-item.circle.effect4 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect4 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect4 a:hover .img { opacity: 0; pointer-events: none; } .ih-item.circle.effect4 a:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect4.left_to_right .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect4.left_to_right a:hover .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect4.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.right_to_left .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect4.right_to_left a:hover .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect4.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4.top_to_bottom .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect4.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect4.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4.bottom_to_top .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect4.bottom_to_top a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect4.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect5 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect5.colored .info .info-back { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.circle.effect5 .info { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.circle.effect5 .info .info-back { visibility: hidden; border-radius: 50%; width: 100%; height: 100%; background: #333333; background: rgba(0, 0, 0, 0.6); -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.circle.effect5 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect5 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect5 a:hover .info { -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); } .ih-item.circle.effect5 a:hover .info .info-back { visibility: visible; } .ih-item.circle.effect6 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect6.colored .info { background: #1a4a72; } .ih-item.circle.effect6 .info { background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect6 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect6.scale_up .info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect6.scale_up a:hover .img { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .ih-item.circle.effect6.scale_up a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect6.scale_down .info { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .ih-item.circle.effect6.scale_down a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect6.scale_down a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect6.scale_down_up .info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out 0.2s; -moz-transition: all 0.35s ease-in-out 0.2s; transition: all 0.35s ease-in-out 0.2s; } .ih-item.circle.effect6.scale_down_up a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect6.scale_down_up a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect7 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .ih-item.circle.effect7.colored .info { background: #1a4a72; } .ih-item.circle.effect7 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.circle.effect7 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect7 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect7 a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect7 a:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect7.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect7.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect7.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect7.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect7.top_to_bottom .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect7.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect7.bottom_to_top .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect7.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.colored .info { background: #1a4a72; } .ih-item.circle.effect8 .img-container { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ih-item.circle.effect8 .img-container .img { opacity: 1; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; } .ih-item.circle.effect8 .info-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; } .ih-item.circle.effect8 .info { width: 100%; height: 100%; background: #333333; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out 0.6s; -moz-transition: all 0.35s ease-in-out 0.6s; transition: all 0.35s ease-in-out 0.6s; } .ih-item.circle.effect8 .info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; margin: 0 30px; padding: 45px 0 0 0; height: 140px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect8 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect8 a:hover .img-container { pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect8 a:hover .img-container .img { opacity: 0; pointer-events: none; } .ih-item.circle.effect8 a:hover .info-container { opacity: 1; } .ih-item.circle.effect8 a:hover .info-container .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect8.left_to_right .img-container .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.left_to_right .info-container { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect8.left_to_right a:hover .img-container .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect8.left_to_right a:hover .info-container { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.right_to_left .img-container .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.right_to_left .info-container { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect8.right_to_left a:hover .img-container .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect8.right_to_left a:hover .info-container { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.top_to_bottom .img-container .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.top_to_bottom .info-container { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect8.top_to_bottom a:hover .img-container .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect8.top_to_bottom a:hover .info-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.bottom_to_top .img-container .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.bottom_to_top .info-container { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect8.bottom_to_top a:hover .img-container .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect8.bottom_to_top a:hover .info-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect9 .img { opacity: 1; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .ih-item.circle.effect9.colored .info { background: #1a4a72; } .ih-item.circle.effect9 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.circle.effect9 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect9 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect9 a:hover .img { opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect9 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect9.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect9.left_to_right a:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.circle.effect9.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect9.right_to_left a:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.circle.effect9.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect9.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect9.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect9.bottom_to_top a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect10 .img { z-index: 11; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect10.colored .info { background: #1a4a72; } .ih-item.circle.effect10 .info { background: #333333; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect10 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect10 .info p { color: #bbb; font-style: italic; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect10 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect10.top_to_bottom .info h3 { margin: 0 30px; padding: 25px 0 0 0; height: 78px; } .ih-item.circle.effect10.top_to_bottom .info p { margin: 0 30px; padding: 5px; } .ih-item.circle.effect10.top_to_bottom a:hover .img { -webkit-transform: translateY(50px) scale(0.5); -moz-transform: translateY(50px) scale(0.5); -ms-transform: translateY(50px) scale(0.5); -o-transform: translateY(50px) scale(0.5); transform: translateY(50px) scale(0.5); } .ih-item.circle.effect10.bottom_to_top .info h3 { margin: 95px 30px 0; padding: 25px 0 0 0; height: 78px; } .ih-item.circle.effect10.bottom_to_top .info p { margin: 0 30px; padding: 5px; } .ih-item.circle.effect10.bottom_to_top a:hover .img { -webkit-transform: translateY(-50px) scale(0.5); -moz-transform: translateY(-50px) scale(0.5); -ms-transform: translateY(-50px) scale(0.5); -o-transform: translateY(-50px) scale(0.5); transform: translateY(-50px) scale(0.5); } .ih-item.circle.effect11 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect11 .img { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect11.colored .info { background: #1a4a72; } .ih-item.circle.effect11 .info { background: #333333; opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease 0.35s; -moz-transition: all 0.35s ease 0.35s; transition: all 0.35s ease 0.35s; } .ih-item.circle.effect11 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect11 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect11 a:hover .img { opacity: 0; } .ih-item.circle.effect11 a:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect11.left_to_right .img { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.left_to_right .info { -webkit-transform: translateZ(-1000px) rotateY(-90deg); -moz-transform: translateZ(-1000px) rotateY(-90deg); -ms-transform: translateZ(-1000px) rotateY(-90deg); -o-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); } .ih-item.circle.effect11.left_to_right a:hover .img { -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); -o-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); } .ih-item.circle.effect11.left_to_right a:hover .info { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.right_to_left .img { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.right_to_left .info { -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); -o-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); } .ih-item.circle.effect11.right_to_left a:hover .img { -webkit-transform: translateZ(-1000px) rotateY(-90deg); -moz-transform: translateZ(-1000px) rotateY(-90deg); -ms-transform: translateZ(-1000px) rotateY(-90deg); -o-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); } .ih-item.circle.effect11.right_to_left a:hover .info { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.top_to_bottom .img { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect11.top_to_bottom .info { -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); -o-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); } .ih-item.circle.effect11.top_to_bottom a:hover .img { -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); -o-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); } .ih-item.circle.effect11.top_to_bottom a:hover .info { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect11.bottom_to_top .img { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect11.bottom_to_top .info { -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); -o-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); } .ih-item.circle.effect11.bottom_to_top a:hover .img { -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); -o-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); } .ih-item.circle.effect11.bottom_to_top a:hover .info { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect12 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect12.colored .info { background: #1a4a72; } .ih-item.circle.effect12 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect12 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect12 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect12 a:hover .img { opacity: 0; pointer-events: none; } .ih-item.circle.effect12 a:hover .info { opacity: 1; visibility: visible; } .ih-item.circle.effect12.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect12.left_to_right .info { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.circle.effect12.left_to_right a:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.circle.effect12.left_to_right a:hover .info { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect12.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect12.right_to_left .info { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.circle.effect12.right_to_left a:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.circle.effect12.right_to_left a:hover .info { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect12.top_to_bottom .img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } .ih-item.circle.effect12.top_to_bottom .info { -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); } .ih-item.circle.effect12.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); } .ih-item.circle.effect12.top_to_bottom a:hover .info { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect12.bottom_to_top .img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } .ih-item.circle.effect12.bottom_to_top .info { -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); } .ih-item.circle.effect12.bottom_to_top a:hover .img { -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); } .ih-item.circle.effect12.bottom_to_top a:hover .info { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect13.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.circle.effect13 .info { background: #333333; background: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect13 .info h3 { visibility: hidden; color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect13 .info p { visibility: hidden; color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect13 a:hover .info { opacity: 1; } .ih-item.circle.effect13 a:hover h3 { visibility: visible; } .ih-item.circle.effect13 a:hover p { visibility: visible; } .ih-item.circle.effect13.from_left_and_right .info h3 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect13.from_left_and_right .info p { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect13.from_left_and_right a:hover h3 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect13.from_left_and_right a:hover p { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect13.top_to_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect13.top_to_bottom .info p { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect13.top_to_bottom a:hover h3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect13.top_to_bottom a:hover p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect13.bottom_to_top .info h3 { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect13.bottom_to_top .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect13.bottom_to_top a:hover h3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect13.bottom_to_top a:hover p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect14 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect14 .img { visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .ih-item.circle.effect14.colored .info { background: #1a4a72; } .ih-item.circle.effect14 .info { background: #333333; opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; } .ih-item.circle.effect14 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect14 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect14 a:hover .img { opacity: 0; visibility: hidden; } .ih-item.circle.effect14 a:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect14.left_to_right .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.circle.effect14.left_to_right .info { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.circle.effect14.left_to_right a:hover .img { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); } .ih-item.circle.effect14.left_to_right a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.circle.effect14.right_to_left .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.circle.effect14.right_to_left .info { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.circle.effect14.right_to_left a:hover .img { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .ih-item.circle.effect14.right_to_left a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.circle.effect14.top_to_bottom .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.circle.effect14.top_to_bottom .info { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.circle.effect14.top_to_bottom a:hover .img { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); } .ih-item.circle.effect14.top_to_bottom a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .ih-item.circle.effect14.bottom_to_top .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.circle.effect14.bottom_to_top .info { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.circle.effect14.bottom_to_top a:hover .img { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .ih-item.circle.effect14.bottom_to_top a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .ih-item.circle.effect15 .img { opacity: 1; visibility: visible; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect15.colored .info { background: #1a4a72; } .ih-item.circle.effect15 .info { background: #333333; opacity: 0; visibility: hidden; -webkit-transform: scale(0.5) rotate(-720deg); -moz-transform: scale(0.5) rotate(-720deg); -ms-transform: scale(0.5) rotate(-720deg); -o-transform: scale(0.5) rotate(-720deg); transform: scale(0.5) rotate(-720deg); -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; } .ih-item.circle.effect15 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect15 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect15 a:hover .img { opacity: 0; visibility: hidden; -webkit-transform: scale(0.5) rotate(720deg); -moz-transform: scale(0.5) rotate(720deg); -ms-transform: scale(0.5) rotate(720deg); -o-transform: scale(0.5) rotate(720deg); transform: scale(0.5) rotate(720deg); } .ih-item.circle.effect15 a:hover .info { opacity: 1; visibility: visible; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } .ih-item.circle.effect16 .img { z-index: 11; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect16.colored .info { background: #1a4a72; } .ih-item.circle.effect16 .info { background: #333333; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect16 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect16 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect16.left_to_right .img { -webkit-transform-origin: 95% 40%; -moz-transform-origin: 95% 40%; -ms-transform-origin: 95% 40%; -o-transform-origin: 95% 40%; transform-origin: 95% 40%; } .ih-item.circle.effect16.left_to_right .img:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 95%; margin: -4px 0 0 -4px; background: rgba(0, 0, 0, 0.8); box-shadow: 0 0 1px rgba(255, 255, 255, 0.9); } .ih-item.circle.effect16.left_to_right a:hover .img { -webkit-transform: rotate(-120deg); -moz-transform: rotate(-120deg); -ms-transform: rotate(-120deg); -o-transform: rotate(-120deg); transform: rotate(-120deg); } .ih-item.circle.effect16.right_to_left .img { -webkit-transform-origin: 5% 40%; -moz-transform-origin: 5% 40%; -ms-transform-origin: 5% 40%; -o-transform-origin: 5% 40%; transform-origin: 5% 40%; } .ih-item.circle.effect16.right_to_left .img:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 5%; margin: -4px 0 0 -4px; background: rgba(0, 0, 0, 0.8); box-shadow: 0 0 1px rgba(255, 255, 255, 0.9); } .ih-item.circle.effect16.right_to_left a:hover .img { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); } .ih-item.circle.effect17 .info { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect17 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect17 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect17 a:hover .img:before { box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); } .ih-item.circle.effect17 a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect17 a:hover .info p { opacity: 1; } .ih-item.circle.effect17.colored a:hover .img:before { box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); } .ih-item.circle.effect18 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect18 .img { z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ih-item.circle.effect18.colored .info .info-back { background: #1a4a72; } .ih-item.circle.effect18 .info { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.circle.effect18 .info .info-back { opacity: 1; border-radius: 50%; width: 100%; height: 100%; background: #333333; } .ih-item.circle.effect18 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect18 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect18.bottom_to_top .img { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.circle.effect18.bottom_to_top a:hover .img { -webkit-transform: rotate3d(1, 0, 0, 180deg); -moz-transform: rotate3d(1, 0, 0, 180deg); -ms-transform: rotate3d(1, 0, 0, 180deg); -o-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); } .ih-item.circle.effect18.top_to_bottom .img { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.circle.effect18.top_to_bottom a:hover .img { -webkit-transform: rotate3d(1, 0, 0, -180deg); -moz-transform: rotate3d(1, 0, 0, -180deg); -ms-transform: rotate3d(1, 0, 0, -180deg); -o-transform: rotate3d(1, 0, 0, -180deg); transform: rotate3d(1, 0, 0, -180deg); } .ih-item.circle.effect18.left_to_right .img { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.circle.effect18.left_to_right a:hover .img { -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); } .ih-item.circle.effect18.right_to_left .img { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.circle.effect18.right_to_left a:hover .img { -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); } .ih-item.circle.effect19.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.circle.effect19 .info { background: #333333; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect19 .info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; margin: 0 30px; padding: 45px 0 0 0; height: 140px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect19 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect19 a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect20 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect20 .img { -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .ih-item.circle.effect20.colored .info .info-back { background: #1a4a72; } .ih-item.circle.effect20 .info { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.circle.effect20 .info .info-back { opacity: 1; visibility: hidden; border-radius: 50%; width: 100%; height: 100%; background: #333333; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.circle.effect20 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect20 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect20 a:hover .img { opacity: 0; } .ih-item.circle.effect20 a:hover .info .info-back { opacity: 1; visibility: visible; } .ih-item.circle.effect20.top_to_bottom .info .info-back { -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); } .ih-item.circle.effect20.top_to_bottom a:hover .img { -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); } .ih-item.circle.effect20.top_to_bottom a:hover .info .info-back { -webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); -o-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); } .ih-item.circle.effect20.bottom_to_top .info .info-back { -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); } .ih-item.circle.effect20.bottom_to_top a:hover .img { -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); } .ih-item.circle.effect20.bottom_to_top a:hover .info .info-back { -webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); -o-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); } .ih-item.square.effect1 { overflow: hidden; } .ih-item.square.effect1.colored .info { background: #1a4a72; } .ih-item.square.effect1 .img { z-index: 11; position: absolute; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect1 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect1 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect1.left_and_right .info h3 { position: absolute; top: 12px; left: 12px; text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; margin: 0; } .ih-item.square.effect1.left_and_right .info p { position: absolute; right: 12px; bottom: 12px; margin: 0; font-style: italic; color: #bbb; } .ih-item.square.effect1.left_and_right a:hover .img { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } .ih-item.square.effect1.top_to_bottom .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 10px 0 0 0; } .ih-item.square.effect1.top_to_bottom .info p { font-style: italic; color: #bbb; padding: 5px; text-align: center; } .ih-item.square.effect1.top_to_bottom a:hover .img { -webkit-transform: translateY(30px) scale(0.6); -moz-transform: translateY(30px) scale(0.6); -ms-transform: translateY(30px) scale(0.6); -o-transform: translateY(30px) scale(0.6); transform: translateY(30px) scale(0.6); } .ih-item.square.effect1.bottom_to_top .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 134px 0 0 0; } .ih-item.square.effect1.bottom_to_top .info p { font-style: italic; color: #bbb; padding: 5px; text-align: center; } .ih-item.square.effect1.bottom_to_top a:hover .img { -webkit-transform: translateY(-30px) scale(0.6); -moz-transform: translateY(-30px) scale(0.6); -ms-transform: translateY(-30px) scale(0.6); -o-transform: translateY(-30px) scale(0.6); transform: translateY(-30px) scale(0.6); } .ih-item.square.effect2 { overflow: hidden; } .ih-item.square.effect2.colored .info { background: #1a4a72; } .ih-item.square.effect2.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect2 .img { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .ih-item.square.effect2 .info { background: #333333; visibility: hidden; -webkit-transition: all 0.35s 0.3s ease-in-out; -moz-transition: all 0.35s 0.3s ease-in-out; transition: all 0.35s 0.3s ease-in-out; } .ih-item.square.effect2 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -ms-transform: translateY(-200px); -o-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.35s 0.6s ease-in-out; -moz-transition: all 0.35s 0.6s ease-in-out; transition: all 0.35s 0.6s ease-in-out; } .ih-item.square.effect2 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -ms-transform: translateY(-200px); -o-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.35s 0.5s linear; -moz-transition: all 0.35s 0.5s linear; transition: all 0.35s 0.5s linear; } .ih-item.square.effect2 a:hover .img { -webkit-transform: rotate(720deg) scale(0); -moz-transform: rotate(720deg) scale(0); -ms-transform: rotate(720deg) scale(0); -o-transform: rotate(720deg) scale(0); transform: rotate(720deg) scale(0); opacity: 0; } .ih-item.square.effect2 a:hover .info { visibility: visible; } .ih-item.square.effect2 a:hover .info h3, .ih-item.square.effect2 a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect3 { overflow: hidden; } .ih-item.square.effect3.colored .info { background: #1a4a72; } .ih-item.square.effect3 .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect3 .info { height: 65px; background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect3 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 4px 0 0 0; } .ih-item.square.effect3 .info p { font-style: italic; position: relative; color: #bbb; padding: 5px; text-align: center; } .ih-item.square.effect3 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect3.bottom_to_top .info { top: auto; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect3.bottom_to_top a:hover .img { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .ih-item.square.effect3.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect3.top_to_bottom .info { bottom: auto; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect3.top_to_bottom a:hover .img { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .ih-item.square.effect3.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect4 { overflow: hidden; position: relative; } .ih-item.square.effect4.colored .info { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect4.colored .mask1, .ih-item.square.effect4.colored .mask2 { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.square.effect4 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect4 .mask1, .ih-item.square.effect4 .mask2 { position: absolute; background: #333333; background: rgba(0, 0, 0, 0.6); height: 361px; width: 361px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect4 .mask1 { left: auto; right: 0; top: 0; -webkit-transform: rotate(56.5deg) translateX(-180px); -moz-transform: rotate(56.5deg) translateX(-180px); -ms-transform: rotate(56.5deg) translateX(-180px); -o-transform: rotate(56.5deg) translateX(-180px); transform: rotate(56.5deg) translateX(-180px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; } .ih-item.square.effect4 .mask2 { top: auto; bottom: 0; left: 0; -webkit-transform: rotate(56.5deg) translateX(180px); -moz-transform: rotate(56.5deg) translateX(180px); -ms-transform: rotate(56.5deg) translateX(180px); -o-transform: rotate(56.5deg) translateX(180px); transform: rotate(56.5deg) translateX(180px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; } .ih-item.square.effect4 .info { background: #111111; height: 0; visibility: hidden; width: 361px; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: transparent; margin-top: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 a:hover .mask1 { -webkit-transform: rotate(56.5deg) translateX(1px); -moz-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .ih-item.square.effect4 a:hover .mask2 { -webkit-transform: rotate(56.5deg) translateX(-1px); -moz-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .ih-item.square.effect4 a:hover .info { width: 300px; height: 120px; visibility: visible; top: 40px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .ih-item.square.effect4 a:hover .info h3, .ih-item.square.effect4 a:hover .info p { opacity: 1; } .ih-item.square.effect5.colored .info { background: #1a4a72; } .ih-item.square.effect5.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect5 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect5 .info { background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect5 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect5 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect5 a:hover .img { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; } .ih-item.square.effect5 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect5.left_to_right .info { -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } .ih-item.square.effect5.right_to_left .info { -webkit-transform: scale(0) rotate(180deg); -moz-transform: scale(0) rotate(180deg); -ms-transform: scale(0) rotate(180deg); -o-transform: scale(0) rotate(180deg); transform: scale(0) rotate(180deg); } .ih-item.square.effect6 { overflow: hidden; } .ih-item.square.effect6.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.square.effect6.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect6 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect6 .info { background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect6 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect6 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s 0.1s linear; -moz-transition: all 0.35s 0.1s linear; transition: all 0.35s 0.1s linear; } .ih-item.square.effect6 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ih-item.square.effect6 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect6.from_top_and_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect6.from_top_and_bottom .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect6.from_top_and_bottom a:hover .info h3, .ih-item.square.effect6.from_top_and_bottom a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect6.from_left_and_right .info h3 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect6.from_left_and_right .info p { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect6.from_left_and_right a:hover .info h3, .ih-item.square.effect6.from_left_and_right a:hover .info p { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect6.top_to_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect6.top_to_bottom .info p { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect6.top_to_bottom a:hover .info h3, .ih-item.square.effect6.top_to_bottom a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect6.bottom_to_top .info h3 { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect6.bottom_to_top .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect6.bottom_to_top a:hover .info h3, .ih-item.square.effect6.bottom_to_top a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect7 { overflow: hidden; } .ih-item.square.effect7.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.square.effect7.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect7 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect7 .info { background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect7 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); -o-transform: scale(4); transform: scale(4); -webkit-transition: all 0.35s 0.1s ease-in-out; -moz-transition: all 0.35s 0.1s ease-in-out; transition: all 0.35s 0.1s ease-in-out; } .ih-item.square.effect7 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: all 0.35s 0.3s linear; -moz-transition: all 0.35s 0.3s linear; transition: all 0.35s 0.3s linear; } .ih-item.square.effect7 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ih-item.square.effect7 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect7 a:hover .info h3, .ih-item.square.effect7 a:hover .info p { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8 { overflow: hidden; } .ih-item.square.effect8.colored .info { background: #1a4a72; } .ih-item.square.effect8.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect8 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect8 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect8 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transition: all 0.35s 0.1s ease-in-out; -moz-transition: all 0.35s 0.1s ease-in-out; transition: all 0.35s 0.1s ease-in-out; } .ih-item.square.effect8 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s 0.15s linear; -moz-transition: all 0.35s 0.15s linear; transition: all 0.35s 0.15s linear; } .ih-item.square.effect8 a:hover .img { opacity: 0; } .ih-item.square.effect8 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect8.scale_up .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_up .info { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .ih-item.square.effect8.scale_up .info h3, .ih-item.square.effect8.scale_up .info p { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .ih-item.square.effect8.scale_up a:hover .img { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); } .ih-item.square.effect8.scale_up a:hover .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_up a:hover .info h3, .ih-item.square.effect8.scale_up a:hover .info p { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_down .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_down .info { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); } .ih-item.square.effect8.scale_down .info h3, .ih-item.square.effect8.scale_down .info p { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); } .ih-item.square.effect8.scale_down a:hover .img { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.square.effect8.scale_down a:hover .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_down a:hover .info h3, .ih-item.square.effect8.scale_down a:hover .info p { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect9 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.square.effect9.colored .info .info-back { background: #1a4a72; } .ih-item.square.effect9.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect9 .img { position: relative; z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ih-item.square.effect9 .info { z-index: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.square.effect9 .info .info-back { opacity: 1; width: 100%; height: 100%; padding-top: 30px; background: #333333; } .ih-item.square.effect9 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 0; } .ih-item.square.effect9 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect9.left_to_right .img { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.square.effect9.left_to_right a:hover .img { -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); } .ih-item.square.effect9.right_to_left .img { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.square.effect9.right_to_left a:hover .img { -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); } .ih-item.square.effect9.top_to_bottom .img { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.square.effect9.top_to_bottom a:hover .img { -webkit-transform: rotate3d(1, 0, 0, -180deg); -moz-transform: rotate3d(1, 0, 0, -180deg); -ms-transform: rotate3d(1, 0, 0, -180deg); -o-transform: rotate3d(1, 0, 0, -180deg); transform: rotate3d(1, 0, 0, -180deg); } .ih-item.square.effect9.bottom_to_top .img { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.square.effect9.bottom_to_top a:hover .img { -webkit-transform: rotate3d(1, 0, 0, 180deg); -moz-transform: rotate3d(1, 0, 0, 180deg); -ms-transform: rotate3d(1, 0, 0, 180deg); -o-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); } .ih-item.square.effect10 { overflow: hidden; } .ih-item.square.effect10.colored .info { background: #1a4a72; } .ih-item.square.effect10.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect10 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect10 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect10 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect10 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect10 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect10.left_to_right .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect10.left_to_right a:hover .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect10.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.right_to_left .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect10.right_to_left a:hover .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect10.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect10.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect10.top_to_bottom a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect10.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect10.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect10.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect10.bottom_to_top a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect10.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect11 { overflow: hidden; } .ih-item.square.effect11.colored .info { background: #1a4a72; } .ih-item.square.effect11.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect11 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect11 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.square.effect11 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect11 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect11 a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.square.effect11 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect11.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect11.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect11.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect11.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect11.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect11.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect11.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect11.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect12 { overflow: hidden; } .ih-item.square.effect12.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.square.effect12.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect12 .img { -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 .info { background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 a:hover .info { visibility: visible; opacity: 1; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .ih-item.square.effect12 a:hover .info h3 { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect12 a:hover .info p { -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; transition-delay: 0.25s; } .ih-item.square.effect12.left_to_right .info { -webkit-transform: translate(-460px, -100px) rotate(-180deg); -moz-transform: translate(-460px, -100px) rotate(-180deg); -ms-transform: translate(-460px, -100px) rotate(-180deg); -o-transform: translate(-460px, -100px) rotate(-180deg); transform: translate(-460px, -100px) rotate(-180deg); } .ih-item.square.effect12.left_to_right .info h3 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .ih-item.square.effect12.left_to_right .info p { -webkit-transform: translateX(-300px) rotate(-90deg); -moz-transform: translateX(-300px) rotate(-90deg); -ms-transform: translateX(-300px) rotate(-90deg); -o-transform: translateX(-300px) rotate(-90deg); transform: translateX(-300px) rotate(-90deg); } .ih-item.square.effect12.left_to_right a:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .ih-item.square.effect12.left_to_right a:hover .info h3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .ih-item.square.effect12.left_to_right a:hover .info p { -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } .ih-item.square.effect12.right_to_left .info { -webkit-transform: translate(460px, -100px) rotate(180deg); -moz-transform: translate(460px, -100px) rotate(180deg); -ms-transform: translate(460px, -100px) rotate(180deg); -o-transform: translate(460px, -100px) rotate(180deg); transform: translate(460px, -100px) rotate(180deg); } .ih-item.square.effect12.right_to_left .info h3 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .ih-item.square.effect12.right_to_left .info p { -webkit-transform: translateX(300px) rotate(90deg); -moz-transform: translateX(300px) rotate(90deg); -ms-transform: translateX(300px) rotate(90deg); -o-transform: translateX(300px) rotate(90deg); transform: translateX(300px) rotate(90deg); } .ih-item.square.effect12.right_to_left a:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .ih-item.square.effect12.right_to_left a:hover .info h3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .ih-item.square.effect12.right_to_left a:hover .info p { -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } .ih-item.square.effect12.top_to_bottom .info { -webkit-transform: translate(-265px, -145px) rotate(-45deg); -moz-transform: translate(-265px, -145px) rotate(-45deg); -ms-transform: translate(-265px, -145px) rotate(-45deg); -o-transform: translate(-265px, -145px) rotate(-45deg); transform: translate(-265px, -145px) rotate(-45deg); } .ih-item.square.effect12.top_to_bottom .info h3 { -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); transform: translate(200px, -200px); } .ih-item.square.effect12.top_to_bottom .info p { -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); transform: translate(200px, -200px); } .ih-item.square.effect12.top_to_bottom a:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .ih-item.square.effect12.top_to_bottom a:hover .info h3 { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect12.top_to_bottom a:hover .info p { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.square.effect12.bottom_to_top .info { -webkit-transform: translate(265px, 145px) rotate(45deg); -moz-transform: translate(265px, 145px) rotate(45deg); -ms-transform: translate(265px, 145px) rotate(45deg); -o-transform: translate(265px, 145px) rotate(45deg); transform: translate(265px, 145px) rotate(45deg); } .ih-item.square.effect12.bottom_to_top .info h3 { -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); transform: translate(200px, -200px); } .ih-item.square.effect12.bottom_to_top .info p { -webkit-transform: translate(-200px, 200px); -moz-transform: translate(-200px, 200px); -ms-transform: translate(-200px, 200px); -o-transform: translate(-200px, 200px); transform: translate(-200px, 200px); } .ih-item.square.effect12.bottom_to_top a:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .ih-item.square.effect12.bottom_to_top a:hover .info h3 { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect12.bottom_to_top a:hover .info p { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.square.effect13 { overflow: hidden; } .ih-item.square.effect13.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.square.effect13.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect13 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect13 .info { background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect13 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect13 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect13 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ih-item.square.effect13 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect13.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect13.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect13.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect13.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect13.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect13.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect13.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect13.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect14.colored .info { background: #1a4a72; } .ih-item.square.effect14.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect14 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect14 .info { background: #333333; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.square.effect14 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect14 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect14 a:hover .img { opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.square.effect14 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect14.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.square.effect14.left_to_right a:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.square.effect14.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.square.effect14.right_to_left a:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.square.effect14.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect14.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect14.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect14.bottom_to_top a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect15 { overflow: hidden; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.square.effect15.colored .info { background: #1a4a72; } .ih-item.square.effect15 .img { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ih-item.square.effect15 .info { background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; } .ih-item.square.effect15 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect15 .info p { font-style: italic; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect15 a:hover .img { opacity: 0; visibility: hidden; } .ih-item.square.effect15 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect15.left_to_right .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.square.effect15.left_to_right .info { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.square.effect15.left_to_right a:hover .img { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); } .ih-item.square.effect15.left_to_right a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.square.effect15.right_to_left .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.square.effect15.right_to_left .info { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.square.effect15.right_to_left a:hover .img { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .ih-item.square.effect15.right_to_left a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.square.effect15.top_to_bottom .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.square.effect15.top_to_bottom .info { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.square.effect15.top_to_bottom a:hover .img { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); } .ih-item.square.effect15.top_to_bottom a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .ih-item.square.effect15.bottom_to_top .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.square.effect15.bottom_to_top .info { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.square.effect15.bottom_to_top a:hover .img { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .ih-item.square.effect15.bottom_to_top a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } fieldset { padding: 10px; } .jsn-joomla-30 fieldset { padding: 0; margin: 0; } small { font-size: .85em; } sup { bottom: 0.3em; font-size: .8em; position: relative; vertical-align: baseline; } sup em { color: red; } acronym, abbr { cursor: help; letter-spacing: 1px; border-bottom: 1px dashed; } pre { padding: 1em; background: #FFFFD5; border-left: 5px solid #404040; font-family: "Courier New", Courier, monospace; } blockquote { color: #404040; min-height: 45px; font-style: italic; padding-left: 40px; background: url(../images/icons/icon-text-blockquote.png) no-repeat top left; } blockquote p { font-size: 1em; line-height: inherit; } input, textarea, .uneditable-input { border: 1px solid rgba(0,0,0,0.1); padding: 5px; } /* =============== DEFAULT HTML - HEADING STYLES =============== */ /* =============== DEFAULT HTML - LINK STYLES =============== */ a { outline: none; text-decoration: none; } a:hover, a:active { opacity:0.9; text-decoration: none; } a img { border: none; } /* =============== DEFAULT HTML - LIST STYLES =============== */ #jsn-content ul li { padding: 0; margin: 0.3em 0 0.3em 1.6em; } #jsn-content #rsmg_gallery li {margin:0!important;} #jsn-content ol li { padding: 0; margin: 0.3em 0 0.3em 2em; } /* ============================== LAYOUT ============================== */ /* =============== LAYOUT - GENERAL LAYOUT =============== */ .clearafter:after { height: 0; line-height: 0; clear: both; display: block; content: "."; display: block; visibility: hidden; } html[xmlns].clearafter { display: block; } * html .clearafter { height: 1%; } .clearbreak { clear: both; } div.jsn-modulecontainer { margin-top: 0!important; } div.jsn-modulecontainer:first-child, div.jsn-modulescontainer.jsn-horizontallayout div.jsn-modulecontainer { margin-top: 0; } #jsn-header div.jsn-modulecontainer .jsn-modulecontent, #jsn-header-bottom div.jsn-modulecontainer .jsn-modulecontent { padding: 0; } #jsn-pos-left div.jsn-modulecontainer div.jsn-modulecontainer_inner, #jsn-pos-right div.jsn-modulecontainer div.jsn-modulecontainer_inner { margin: 0; } div.jsn-modulescontainer { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer { width: 23.404255319148934%; margin-left: 2.127659574468085%; } div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer:first-child { margin-left: 0; } div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer:last-child { margin-left: 0; margin-top: 2.127659574468085%; clear: left; } /* =============== LAYOUT - OVERALL PAGE =============== */ #jsn-page { color: #222222; text-align: left; } #jsn-pos-topbar, #jsn-promo-inner, #jsn-content_inner, #jsn-pos-content-top, #jsn-pos-promo_inner, #jsn-content-bottom-inner { margin: 0 auto; } /* ----- STICKLEFT / STICKRIGHT ----- */ div[id*=jsn-pos-stick-] { position: fixed; z-index: 888888; } div[id*=jsn-pos-stick-left] { left: 0; } div[id*=jsn-pos-stick-right] { right: 0; } #jsn-pos-stick-leftmiddle, #jsn-pos-stick-rightmiddle { visibility: hidden; } #jsn-pos-stick-leftbottom, #jsn-pos-stick-rightbottom { bottom: 0; } div[id*=jsn-pos-stick-] .jsn-modulecontent { padding: 0; } /* =============== LAYOUT - TOPBAR AREA =============== */ /* =============== LAYOUT - HEADER AREA =============== */ #jsn-header, #jsn-header-bottom { position: relative; width: 100%; } #jsn-headerright { margin: 7px 0; } #jsn-pos-top form { margin: 0; } #jsn-pos-top div.jsn-modulecontainer:first-child { margin-left: 0; } #jsn-header-bottom { width: 100%; background-color: #0d0d0d; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.05); } /* =============== LAYOUT - MENU AREA =============== */ #jsn-menu { z-index: 999; position: relative; } #jsn-pos-toolbar { } #jsn-menu div.jsn-modulecontainer { margin:0; } #jsn-pos-toolbar form { margin: 0; } /* =============== LAYOUT - CONTENT TOP AREA =============== */ #jsn-promo { display: block; border-top: 3px solid #D9D9D9; border-bottom:3px solid #D9D9D9; } #jsn-promo, #jsn-content-top { position: relative; } #jsn-pos-promo div.jsn-modulecontent { padding: 0; } /* =============== LAYOUT - CONTENT AREA =============== */ #jsn-maincontent { min-height: 0; } #jsn-mainbody-content { } #jsn-body.jsn-haspromo #jsn-content, #jsn-body.jsn-hascontenttop #jsn-content { padding-top: 0; } div.jsn-hasleft #jsn-maincontent_inner { margin-left: 10px; } div.jsn-hasright #jsn-maincontent_inner { margin-right: 10px; } div.jsn-hasinnerleft #jsn-mainbody, div.jsn-hasinnerright #jsn-mainbody { padding: 0 10px; } #jsn-leftsidecontent, #jsn-rightsidecontent { z-index: 99; } #jsn-leftsidecontent_inner, #jsn-rightsidecontent_inner { margin-bottom: 20px; } #jsn-pos-innerleft div.jsn-modulecontainer:first-child, #jsn-pos-innerright div.jsn-modulecontainer:first-child { margin-bottom: 0; } /* =============== LAYOUT - CONTENT BOTTOM AREA =============== */ #jsn-content-bottom { z-index: 85; position: relative; padding: 0; } #jsn-content-bottom-over, #jsn-pos-content-bottom, #jsn-usermodules3 { margin-bottom: 20px; } div.grid-layout div.grid-col div.grid-col_inner .item { border-bottom: 5px solid #850B3C; background-color: #f1f1f1; } #jsn-content-bottom div.jsn-modulescontainer { padding-left: 0; padding-right: 0; } #jsn-content-bottom div.jsn-modulescontainer div.jsn-modulecontainer_inner { margin-left: 0; margin-right: 0; } /* =============== LAYOUT - FOOTER AREA =============== */ #jsn-footer { background:#E8E8E8; padding:15px 0; text-align: left; } #jsn-footer-inner {padding:0 10px; margin: 0 auto; max-width:1100px;} .podval { display:flex; overflow:hidden;} #jsn-pos-bottom { text-align: right; } #jsn-brand { padding: 10px 0; text-align: center;; } /* ============================== TYPOGRAPHY ============================== */ /* =============== TYPOGRAPHY - GENERAL TYPOGRAPHY =============== */ .hd { display: none; } /* ----- PREDEFINED CONTENT ALIGN ----- */ .align-left { float: left; } .align-center { margin-left: auto; margin-right: auto; } .align-right { float: right; } .margin-left { margin-left: 1em; margin-right: 0; } .margin-right { margin-left: 0; margin-right: 1em; } .content-left { text-align: left; } .content-center { text-align: center; } .content-right { text-align: right; } /* =============== TYPOGRAPHY - CONTENT COLUMMNS =============== */ div.grid-layout2 div.grid-col { float: left; width: 49.95%; } div.grid-layout3 div.grid-col { float: left; width: 33.3%; } div.grid-layout4 div.grid-col { float: left; width: 24.96%; } div.grid-layout5 div.grid-col { float: left; width: 19.98%; } div.grid-layout6 div.grid-col { float: left; width: 16.65%; } div.grid-layout div.grid-col div.grid-col_inner { margin: 25px 17px; } div.grid-layout div.grid-lastcol div.grid-col_inner { margin-right: 0; margin-left: 33px; } div.grid-layout div.grid-col:first-child div.grid-col_inner { margin-left:0 ; margin-right: 33px; } /* =============== TYPOGRAPHY - TEXT STYLES =============== */ .text-box { padding: .8em; border: 1px solid #e5e5e5; } .text-box-highlight { padding: .8em; border: 1px solid transparent; } .text-box-highlight:hover { background: #F9F9F9; border: 1px solid #ededed; } .text-highlight { padding: .2em .5em; background: #FFFFAA; } .text-highlight.highlight-green { color: #fff; background: #48691b; } .text-highlight.highlight-light { color: #000; background: #fefefe; } .text-highlight.highlight-dark { color: #fff; background: #595959; } .text-dropcap p:first-child:first-letter, p.text-dropcap:first-child:first-letter { color: #404040; font: 4em/.8em "Times New Roman", Times, serif; float: left; } .text-size-small { font-size: 0.9em; } .text-size-medium { font-size: 1em; } .text-size-large { font-size: 1.1em; } .text-size-xlarge { font-size: 1.2em; } .text-size-xxlarge { font-size: 1.3em; } hr.line-dots { border: none; padding: 0.5em 0; background: url(../images/dot.png) left center repeat-x; } hr.line-solid {} /* ----- ACTION LINK ----- */ .link-action { padding: 1px 3px; text-decoration: none; background: rgba(255,255,255,0.9); } .link-action:hover { color: #fff; text-decoration: none; } /* ----- HIGHLIGHT LINK ----- */ .link-highlight { color: #595959; font-weight: bold; display: block; padding: 5px; border: 1px solid transparent; } .link-highlight:hover { color: #000; border-color: #EAEAEA; text-decoration: none; background-color: #F4F4F4; } /* ----- TOOLTIPS LINK ----- */ a.link-tooltip { position: relative; } a.link-tooltip:hover { z-index: 25; } a.link-tooltip span { display: none; position: absolute; top: 10px; left: 10px; } a.link-tooltip:hover span { display: block; } /* =============== TYPOGRAPHY - LIST STYLES =============== */ /* ----- ARROW LIST ----- */ ul.list-arrow { list-style: none; } ul.list-arrow li { margin-left: 0; padding-left: 16px; position: relative; display: block; } ul.list-arrow li:after { content: ''; height: 0; position: absolute; width: 0; border: 0.34em solid transparent; left: 5px; top: 4px; } ul.list-arrow.arrow-red li:after { border-left-color: #AE0000; } ul.list-arrow.arrow-blue li:after { border-left-color: #0060BF; } ul.list-arrow.arrow-green li:after { border-left-color: #3AA655; } /* =============== TYPOGRAPHY - IMAGES STYLES =============== */ img.image-left { float: left; margin: 0.5em 1.5em 1em 0; } img.image-right { float: right; margin: 0.5em 1em 1em 1.5em; } img.image-border { border: 1px solid #e5e5e5; } img.image-margin { margin: .5em; } /* ============================== MENU ============================== */ /* =============== MENU - GENERAL =============== */ /* ----- RICH MENU STYLE ----- */ .jsn-menutitle, .jsn-menudescription { display: block; } .jsn-menudescription { font-size: 0.9em; text-transform: none; margin-top: 4px; font-size: 0.9em; } /* =============== MENU - MAIN MENU =============== */ /* ----- GENERAL ----- */ div.jsn-modulecontainer ul.menu-mainmenu { margin: 0; padding: 0; clear: both; } div.jsn-modulecontainer ul.menu-mainmenu li { margin: 0; padding: 0; float: left; position: relative; list-style-type: none; } div.jsn-modulecontainer ul.menu-mainmenu li a { color: #e5e5e5; display: block; cursor: pointer; text-decoration: none; } div.jsn-modulecontainer ul.menu-mainmenu > li > a { margin: 42px 0; padding: 0 50px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; background: url(../images/backgrounds/dot-ver-white.png) repeat-y left top; } div.jsn-modulecontainer ul.menu-mainmenu > li:first-child > a { background: transparent; } div.jsn-modulecontainer ul.menu-mainmenu li > a > span { display: block; line-height: 18px; } @media only screen and (min-width: 1921px) { div.jsn-modulecontainer ul.menu-mainmenu > li > a { padding: 0 80px; } } @media only screen and (max-width: 1920px) { div.jsn-modulecontainer ul.menu-mainmenu > li > a { padding: 0 50px; } } @media only screen and (max-width: 1440px) { div.jsn-modulecontainer ul.menu-mainmenu > li > a { padding: 0 30px; } } @media only screen and (max-width: 1200px) { div.jsn-modulecontainer ul.menu-mainmenu > li > a { padding: 0 20px; } } /* ----- RICH MENU STYLE ----- */ div.jsn-modulecontainer ul.menu-mainmenu li a span.jsn-menudescription { display: none; font-size: 0.8em; text-align: center; } div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li > a, div.jsn-modulecontainer ul.menu-mainmenu.menu-iconmenu > li > a { margin: 30px 0; } div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu li a span.jsn-menudescription { display: block; } div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li > a.jsn-nodescription { padding: 12px 15px 25px; } /* ----- 1st LEVEL ----- */ div.jsn-modulecontainer ul.menu-mainmenu ul { margin: 0; width: 250px; left: -999em; position: absolute; background-color: #fff; border: 1px solid rgba(0,0,0,0.2); } div.jsn-modulecontainer ul.menu-mainmenu > li > ul { border-top-color: rgba(255,255,255,0.8); } div.jsn-modulecontainer ul.menu-mainmenu > li > ul > li.first ul { margin-top: -1px; border-top-color: rgba(255,255,255,0.8); } div.jsn-modulecontainer ul.menu-mainmenu ul li { padding: 0; width: 250px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div.jsn-modulecontainer ul.menu-mainmenu ul li.active, div.jsn-modulecontainer ul.menu-mainmenu ul li:hover { background-color: #fff; } div.jsn-modulecontainer ul.menu-mainmenu ul li a { font-size: 1em; padding: 15px 0; margin: 0 22px; color: #000; font-weight: 300; border-top: 1px solid rgba(0,0,0,0.08); } div.jsn-modulecontainer ul.menu-mainmenu ul li:first-child > a { border-top: none; } div.jsn-modulecontainer ul.menu-mainmenu ul li + li:hover { margin-top: 0; } div.jsn-modulecontainer ul.menu-mainmenu ul ul { top: 0; margin-left: 250px; } /* ----- PARENT ITEMS / ADD ARROW TO ITEMS HAVE SUBLEVEL ----- */ div.jsn-modulecontainer ul.menu-mainmenu ul li.parent { background-image: url(../images/icons/icon-arrow-black.png); background-position: 90% center; background-repeat: no-repeat; } /* ----- HOVER STATE ----- */ div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a { color: #fff; text-decoration: none; } div.jsn-modulecontainer ul.menu-mainmenu li a > span { display: inline-block; } /* ----- ACTIVE STATE ----- */ div.jsn-modulecontainer ul.menu-mainmenu ul li.active > a { color: #333; } /* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */ div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul { left: auto; right: auto; } /* ========= MENU - FLIPBACK ========= */ div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback ul { right: 0; } div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback ul a { text-align: right; } div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback ul li.parent { background-image: url(../images/icons/icon-arrow-black-rtl.png); background-position: 10% center; } div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback ul ul { margin-right: 250px; margin-left: 0; } /* =============== MENU - TREE MENU =============== */ /* ----- GENERAL ----- */ div.jsn-modulecontainer ul.menu-treemenu, div.jsn-modulecontainer ul.menu-treemenu ul { margin: 0; padding: 0; list-style: none; } div.box-blank ul.menu-treemenu { margin-top: 20px; } div.jsn-modulecontainer ul.menu-treemenu li { margin: 0; padding: 0; position: relative; } div.jsn-modulecontainer ul.menu-treemenu li a { padding: 10px 0; display: block; color: #000; cursor: pointer; text-decoration: none; } div[class*="box-"] ul.menu-treemenu li a { color: #fff; } div.box-white ul.menu-treemenu li a, div.box-yellow ul.menu-treemenu li a, div.box-grey ul.menu-treemenu li a, div.box-blank ul.menu-treemenu li a { color: #000; } div.jsn-modulecontainer ul.menu-treemenu li a span.jsn-menudescription { color: rgba(0,0,0,0.55); } div[class*="box-"] ul.menu-treemenu li a span.jsn-menudescription { color: rgba(255,255,255,0.55); } div.box-white ul.menu-treemenu li a span.jsn-menudescription, div.box-yellow ul.menu-treemenu li a span.jsn-menudescription, div.box-grey ul.menu-treemenu li a span.jsn-menudescription, div.box-blank ul.menu-treemenu li a span.jsn-menudescription { color: rgba(0,0,0,0.55); } div.jsn-modulecontainer ul.menu-treemenu > li > a { padding: 4px 0 20px 0; } ul.menu-treemenu li a > span { display: block; padding-left: 32px; line-height: 18px; background-repeat: no-repeat; } ul.menu-treemenu > li > a > span { background-image: url(../images/icons/icons-base.png); background-position: 0 -849px; } div[class*="box-"] ul.menu-treemenu li a > span { background-position: 0 -933px; } div.box-white ul.menu-treemenu li a > span, div.box-grey ul.menu-treemenu li a > span, div.box-yellow ul.menu-treemenu li a > span, div.box-blank ul.menu-treemenu li a > span { background-position: 0 -849px; } /* ----- RICH MENU STYLE ----- */ div.jsn-modulecontainer ul.menu-treemenu li a span.jsn-menudescription { display: none; } div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription { display: block; } div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu.menu-iconmenu > li > a span { line-height: 18px; } /* ---------- NORMAL STATE ---------- */ div.jsn-modulecontainer ul.menu-treemenu ul li { margin: 0; } div.jsn-modulecontainer ul.menu-treemenu ul li a { padding-left: 0; } div.jsn-modulecontainer ul.menu-treemenu ul ul li a { padding-left: 29px; } div.jsn-modulecontainer ul.menu-treemenu ul ul ul li a { padding-left: 59px; } div.jsn-modulecontainer ul.menu-treemenu ul ul ul ul li a { padding-left: 90px; } div.jsn-modulecontainer ul.menu-treemenu ul ul ul ul ul li a { padding-left: 121px; } /* Vertical tree line */ div.jsn-modulecontainer ul.menu-treemenu > li.last { background: none; } div.jsn-modulecontainer ul.menu-treemenu > li { background: url(../images/backgrounds/tree-branch-ver-black-lv1.png) 0 26px no-repeat; } div.jsn-modulecontainer ul.menu-treemenu ul > li.parent { background: url(../images/backgrounds/tree-branch-ver-black-lv2.png) 0 32px no-repeat; } div.jsn-modulecontainer ul.menu-treemenu ul ul > li.parent { background: url(../images/backgrounds/tree-branch-ver-black-lv3.png) 0 32px no-repeat; } div.jsn-modulecontainer ul.menu-treemenu ul ul ul > li.parent { background: url(../images/backgrounds/tree-branch-ver-black-lv4.png) 0 32px no-repeat; } div.jsn-modulecontainer ul.menu-treemenu ul ul ul ul > li.parent { background: url(../images/backgrounds/tree-branch-ver-black-lv5.png) 0 32px no-repeat; } div[class*="box"] ul.menu-treemenu > li { background: url(../images/backgrounds/tree-branch-ver-lv1.png) 0 26px no-repeat; } div[class*="box"] ul.menu-treemenu ul > li.parent { background: url(../images/backgrounds/tree-branch-ver-lv2.png) 0 32px no-repeat; } div[class*="box"] ul.menu-treemenu ul ul > li.parent { background: url(../images/backgrounds/tree-branch-ver-lv3.png) 0 32px no-repeat; } div[class*="box"] ul.menu-treemenu ul ul ul > li.parent { background: url(../images/backgrounds/tree-branch-ver-lv4.png) 0 32px no-repeat; } div[class*="box"] ul.menu-treemenu ul ul ul ul > li.parent { background: url(../images/backgrounds/tree-branch-ver-lv5.png) 0 32px no-repeat; } div.box-white ul.menu-treemenu > li, div.box-yellow ul.menu-treemenu > li, div.box-grey ul.menu-treemenu > li, div.box-blank ul.menu-treemenu > li { background: url(../images/backgrounds/tree-branch-ver-black-lv1.png) 0 26px no-repeat; } div.box-white ul.menu-treemenu ul > li.parent, div.box-yellow ul.menu-treemenu ul > li.parent, div.box-grey ul.menu-treemenu ul > li.parent, div.box-blank ul.menu-treemenu ul > li.parent { background: url(../images/backgrounds/tree-branch-ver-black-lv2.png) 0 32px no-repeat; } div.box-white ul.menu-treemenu ul ul > li.parent, div.box-yellow ul.menu-treemenu ul ul > li.parent, div.box-grey ul.menu-treemenu ul ul > li.parent, div.box-blank ul.menu-treemenu ul ul >li.parent { background: url(../images/backgrounds/tree-branch-ver-black-lv3.png) 0 32px no-repeat; } div.box-white ul.menu-treemenu ul ul ul > li.parent, div.box-yellow ul.menu-treemenu ul ul ul > li.parent, div.box-grey ul.menu-treemenu ul ul ul > li.parent, div.box-blank ul.menu-treemenu ul ul ul >li.parent { background: url(../images/backgrounds/tree-branch-ver-black-lv4.png) 0 32px no-repeat; } div.box-white ul.menu-treemenu ul ul ul ul > li.parent, div.box-yellow ul.menu-treemenu ul ul ul ul > li.parent, div.box-grey ul.menu-treemenu ul ul ul ul > li.parent, div.box-blank ul.menu-treemenu ul ul ul ul >li.parent { background: url(../images/backgrounds/tree-branch-ver-black-lv5.png) 0 32px no-repeat; } /* Horizontal tree line */ div.jsn-modulecontainer ul.menu-treemenu li.parent ul li a { background: url(../images/backgrounds/tree-branch-hoz-black-lv1.png) 0 19px no-repeat; } div.jsn-modulecontainer ul.menu-treemenu li.parent ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-black-lv2.png) 0 19px no-repeat; } div.jsn-modulecontainer ul.menu-treemenu li.parent ul ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-black-lv3.png) 0 19px no-repeat; } div.jsn-modulecontainer ul.menu-treemenu li.parent ul ul ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-black-lv4.png) 0 19px no-repeat; } div.jsn-modulecontainer ul.menu-treemenu li.parent ul ul ul ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-black-lv5.png) 0 19px no-repeat; } div[class*="box"] ul.menu-treemenu li.parent ul li a { background: url(../images/backgrounds/tree-branch-hoz-lv1.png) 0 19px no-repeat; } div[class*="box"] ul.menu-treemenu li.parent ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-lv2.png) 0 19px no-repeat; } div[class*="box"] ul.menu-treemenu li.parent ul ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-lv3.png) 0 19px no-repeat; } div[class*="box"] ul.menu-treemenu li.parent ul ul ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-lv4.png) 0 19px no-repeat; } div[class*="box"] ul.menu-treemenu li.parent ul ul ul ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-lv5.png) 0 19px no-repeat; } div.box-white ul.menu-treemenu li.parent ul li a, div.box-yellow ul.menu-treemenu li.parent ul li a, div.box-grey ul.menu-treemenu li.parent ul li a, div.box-blank ul.menu-treemenu li.parent ul li a { background: url(../images/backgrounds/tree-branch-hoz-black-lv1.png) 0 19px no-repeat; } div.box-white ul.menu-treemenu li.parent ul ul li a, div.box-yellow ul.menu-treemenu li.parent ul ul li a, div.box-grey ul.menu-treemenu li.parent ul ul li a, div.box-blank ul.menu-treemenu li.parent ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-black-lv2.png) 0 19px no-repeat; } div.box-white ul.menu-treemenu li.parent ul ul ul li a, div.box-yellow ul.menu-treemenu li.parent ul ul ul li a, div.box-grey ul.menu-treemenu li.parent ul ul ul li a, div.box-blank ul.menu-treemenu li.parent ul ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-black-lv3.png) 0 19px no-repeat; } div.box-white ul.menu-treemenu li.parent ul ul ul ul li a, div.box-yellow ul.menu-treemenu li.parent ul ul ul ul li a, div.box-grey ul.menu-treemenu li.parent ul ul ul ul li a, div.box-blank ul.menu-treemenu li.parent ul ul ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-black-lv4.png) 0 19px no-repeat; } div.box-white ul.menu-treemenu li.parent ul ul ul ul ul li a, div.box-yellow ul.menu-treemenu li.parent ul ul ul ul ul li a, div.box-grey ul.menu-treemenu li.parent ul ul ul ul ul li a, div.box-blank ul.menu-treemenu li.parent ul ul ul ul ul li a { background: url(../images/backgrounds/tree-branch-hoz-black-lv5.png) 0 19px no-repeat; } /* ----- ACTIVE STATE ----- */ div.jsn-modulecontainer ul.menu-treemenu li.active > a span.jsn-menudescription { font-weight: normal; } /* =============== MENU - DIV MENU =============== */ ul.menu-divmenu { margin: 0 auto; padding: 0; list-style: none; } ul.menu-divmenu:after { height: 0; clear: both; content: "."; display: block; visibility: hidden; } ul.menu-divmenu li { margin: 0; padding: 0 0.8em; display: inline; border-right: 1px solid #666666; } ul.menu-divmenu li.first { padding-left: 0; } ul.menu-divmenu li.last { border-right-width: 0; } /* =============== MENU - TOP MENU =============== */ ul.menu-topmenu { margin: 0; padding: 0; list-style: none; } ul.menu-topmenu li { margin: 0; padding: 0; display: inline-block; } ul.menu-topmenu li a { padding: 11px 15px; color: #ffffff; display: block; } ul.menu-topmenu li a:hover { background: #fff; color: #000; text-decoration: none; } ul.menu-topmenu li a span { display: block; line-height: 18px; } /* ============================== MODULE STYLES ============================== */ /* =============== MODULE STYLES - MODULE BOXES =============== */ /* ----- GENERAL MODULE STYLES ----- */ h3.jsn-moduletitle { margin: 0; color: #000; font-size: 1.2em; line-height: 1.2em; text-transform: uppercase; letter-spacing: 2px; padding: 10px 0 15px; margin: 0; } h3.jsn-moduletitle span { display: block; } [class*="box-"] h3.jsn-moduletitle { margin: 0; color: #fff; } div.box-blank h3.jsn-moduletitle { border-bottom: 1px solid #222; margin-bottom: 12px; padding: 0 0 15px; } /* ----- MODULE BOXES ----- */ div[class*="box-"] div.jsn-modulecontainer_inner { padding: 15px 20px; color: #fff; } div.box-grey div.jsn-modulecontainer_inner, div.box-grey div.jsn-modulecontainer_inner h3.jsn-moduletitle { color: #000; } div.box-grey div.jsn-modulecontainer_inner { background-color: #ecf2f4; } div.box-blue div.jsn-modulecontainer_inner { background-color: #3780b3; } div.box-cyan div.jsn-modulecontainer_inner { background-color: #2da099; } div.box-red div.jsn-modulecontainer_inner { background-color: #e65538; } div.box-pink div.jsn-modulecontainer_inner { background-color: #ea768c; } div.box-purple div.jsn-modulecontainer_inner { background-color: #b177b3; } /* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */ /* =============== PAGEBREAK - TABS STYLE =============== */ dl.tabs { float: left; margin-bottom: -1px; } dl.tabs dt.tabs { float: left; margin-left: 3px; padding: 4px 10px; background-color: #F0F0F0; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } dl.tabs dt:hover { background-color: #F9F9F9; } dl.tabs dt.open { background-color: #FFF; border-bottom: 1px solid #FFF; } dl.tabs dt.tabs h3 { margin: 0; font-size: 1.1em; } dl.tabs dt.tabs h3 a { color: #666; font-weight: normal; } dl.tabs dt.open h3 a, dl.tabs dt.tabs h3 a:hover { color: #000; text-decoration: none; } dl.tabs dt.open h3 a { font-weight: bold; } div.current dd.tabs { margin: 0; padding: 10px; clear: both; border: 1px solid #CCC; background-color: #FFF; } /* =============== PAGEBREAK - SLIDERS STYLE =============== */ div.panel { border: 1px solid #CCC; margin-bottom: 10px; } div.panel h3.title { margin: 0; cursor: pointer; font-size: 1.1em; padding: 8px 10px; border-bottom: 1px solid #CCC; } div.panel h3.title:hover, div.panel h3.pane-toggler-down { background-color: #F0F0F0; } div.panel h3.title a { color: #666; } div.panel h3.title a:hover { text-decoration: none; } div.panel h3.pane-toggler-down { border-bottom: none; } div.panel h3.pane-toggler-down a { color: #000; } div.panel div.content > div, div.panel div.content > p { margin: 15px; } /* =============== JOOMLA! EXTENSIONS - GENERAL =============== */ /* ----- HEADING ----- */ .contentheading, .componentheading, .subheading { font-size: 2em; margin-top: 0; text-transform: uppercase; } table.contentpaneopen { width: 100%; } /* ----- FORM ----- */ .jsn-formbuttons { text-align: center; padding-top: .45em; } table.paramlist td { padding: .3em; } table.paramlist td.paramlist_key { width: 150px; } .inputbox { background-color: #FFFFFF; border: 1px solid #787878; padding: 8px 12px; } .inputbox:active, .inputbox:focus { border-color: #b5b5b5; background-color: #f2f2f2; } select.inputbox { padding: 2px; } #jsn-page .button { display: inline-block; padding: 15px 25px; margin: 0; font-size: 0.8em; line-height: 18px; color: #fff; text-align: center; border: none; vertical-align: middle; cursor: pointer; *line-height: 20px; *display: inline; } body.jsn-color-cyan .button { background-color: #29ab9d; } body.jsn-color-blue .button { background-color: #3e8bd4; } body.jsn-color-red .button { background-color: #ec4f35; } body.jsn-color-purple .button { background-color: #b267be; } body.jsn-color-pink .button { background-color: #d04982; } body.jsn-color-grey .button { background-color: #acacac; } body[class*="jsn-color-"] .button:hover, body[class*="jsn-color-"] .button:active { background: #111; } /* ----- TOOLTIPS ----- */ .jsn-joomla-25 .tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; z-index: 88; position: relative; } .jsn-joomla-25 .tip-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; } .jsn-joomla-25 .tip-text { font-size: 100%; margin: 0; } /* ----- POP-UP / PRINT WINDOWS ----- */ body.contentpane { color: #000000; background: #FFFFFF; } body.contentpane div.com-content { padding: 1em; } /* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */ /* ----- ARTICLE METADATA ----- */ .jsn-article-metadata { margin-bottom: 15px; } .jsn-article-metadata > span { padding-right: 10px; border-right: 1px solid #ccc; margin-right: 10px; } .jsn-article-metadata > span:last-child { padding-right: 0; margin-right: 0; border: none; } .article-info { margin: 0; font-size: 0.9em; float: left; } .article-info-term { display: none; } .archive .article-info dd, .article-info dd { margin: 2px 0 0; line-height: 1.5; } /* ----- ARTICLE TOOLBAR ----- */ body.jsn-joomla-30.jsn-homepage .jsn-article-toolbar { margin: 0; background-color: transparent; border: none; } .jsn-article-toolbar .btn-group.pull-right { padding: 5px; } .jsn-article-toolbar dl { padding: 5px; } #article-index { float: right; margin: 0 0 1em 1em; background-color: #F2F2F2; border: 1px solid #D9D9D9; } #article-index ul { margin: 0; list-style-type: none; } #article-index ul li { margin: 0; padding: 0.25em 0.6em; } /* ----- ARTICLE INFO ----- */ .jsn-article-info { padding: 10px; } .jsn-article-info p:first-child { margin-top: 0; } .jsn-article-info p:last-child { margin-bottom: 0; } .author, .createdate, .publishdate, .hits { margin: 10px 0; color: #595959; font-size: 0.9em; } .author, .createdate, .publishdate { padding-left: 22px; background-image: url(../images/icons/icons-base.png); background-repeat: no-repeat; } .author { background-position: 0 0; } .createdate, .publishdate { background-position: 0 -86px; } .modifydate { margin: 1em 0; text-align: right; color: #999999; font-style: italic; } /* ----- ARCHIVE ARTICLE ----- */ div.archive .intro { clear: both; } /* ----- 2 BUTTON PRINT, EMAIL CONTAINER ----- */ ul.jsn-article-tools { margin: 10px; list-style: none; } ul.jsn-article-tools li { float: left; margin: 0 0 0 10px; } ul.jsn-article-tools li a { float: left; display: block; height: 16px; width: 16px; background: url(../images/icons/icons-base.png) left top no-repeat; } ul.jsn-article-tools li a.no-icon { background: none; width: auto; height: auto; } ul.jsn-article-tools li.jsn-article-icon-edit a { background: none; } ul.jsn-article-tools li a.jsn-article-print-button { background-position: 0 -430px; } ul.jsn-article-tools li a.jsn-article-email-button { background-position: 0 -516px; } ul.jsn-article-tools li a:hover { text-decoration: none; } .jsn-article-submit { margin-top: 0.8em; } .jsn-joomla-25 .item-title-entry .icon-edit, .item-title-entry .jsn-icon-edit { display: inline-block; } /* ----- SUBMIT AN ARTICLE ----- */ .field-title { width: 120px; float: left; } .formelm, .formelm-area { margin: 5px 0; clear: both; } /* ----- READ MORE ----- */ a.readon { color: #333; cursor: pointer; font-size: 1.1em; padding: 5px 12px; font-weight: bold; border: #d5d5d5 1px solid; display: inline-block; text-decoration: none; background: #FFF; } a.readon:hover { border-color: #666; background: #EFEFEF; border: #b9b9b9 1px solid; } /* ----- TABLE OF CONTENT ----- */ table.contenttoc { margin: 0 0 1em 1em; border: 1px solid #D9D9D9; background: #f2f2f2; float: right; } table.contenttoc th { padding: .4em; background: url(../images/dot.png) bottom repeat-x; font-weight: bold; text-align: center; } table.contenttoc td { padding: .25em .6em; } /* PAGE LINK IN TOC */ a.toclink { font-size: .9em; } /* PAGE NUMBER SHOWING "PAGE 1 OF ..." UNDER TOC */ div.pagenavcounter { color: #595959; margin: .5em 0; font-size: .9em; font-weight: bold; } /* PAGE NAVIGATION */ div.pagenavbar div { color: #999999; font-weight: bold; font-size: .9em; } /* ----- SECTION / CATEGORY BLOG LAYOUT ----- */ /* SEPARATOR BETWEEN ARTICLES */ div.article_separator { height: 1em; clear: both; border-bottom: 1px solid #ebebeb; margin-bottom: 10px; } body.jsn-homepage div.article_separator { border-bottom: none; } .com-content .category-blog div:last-child div.article_separator { border-bottom : none; } div.row_separator { height: 1em; clear: both; } /* ARTICLE COLUMN CONTAINER */ .jsn-articlecols { float: left; } .jsn-articlecols .jsn-article { padding: 0 5px; } /* "MORE ARTICLES..." PANEL HEADING TEXT */ div.blog_more { padding: 10px 15px; margin: 0 0 1em 0; border: 1px solid #e5e5e5; background-color: #F4F4F4; } /* PAGE PAGINATION */ ul.pagenav, div.pagination ul { list-style-type: none; } ul.pagenav { text-align: center; } ul.pagenav li, div.pagination ul li { color: #999; margin: 0; display: inline-block; font-weight: bold; } div.pagination ul li { font-size: 0.9em; } ul.pagenav li a, div.pagination ul li a { margin: 0 15px; } ul.jsn-pagination { list-style-type: none; } ul.jsn-pagination li { display: inline-block !important; /*override compression*/ margin: 0; } ul.jsn-pagination a, ul.jsn-pagination span { font-weight: bold; border: 1px solid #CCC; color: #999; display: inline-block; } .jsn-pagination li:first-child, .jsn-pagination li:last-child {display:none!important;} .pagination ul > li {margin:0 0 0 5px!important;} .pagination ul > li > a, .pagination ul > li > span, ul.jsn-pagination a,ul.jsn-pagination span {padding:2px 7px!important; margin:auto 0!important;} ul.jsn-pagination a {color:#faaf41!important;} .pagination ul > li > a {color:#000!important;} ul.jsn-pagination li a:hover { color: #000; text-decoration: none; } ul.jsn-pagination li.navigation-page span { border: none; padding: 11px 15px; color: #fff; } .pagination {background: rgba(255,255,255,0.3); padding: 10px; display:table; margin:25px auto 0;} ul.jsn-pagination {display: flex;margin: 0px auto !important;justify-content: center;} ul.jsn-pagination, p.jsn-pageinfo { font-size: 0.9em; text-align: center; margin: 20px 0 10px 0; } /* BLOG PAGES NAV LINK */ a.pagenav { text-transform: uppercase; } /* ----- CATEGORY LIST LAYOUT ----- */ /* DESCRIPTION IN CONTENT TABLE AND COMPONENT PAGE */ .categories-list ul { list-style-type: none; } .cat-children ul dl dt, .cat-children ul dl dd, dl.article-count dt, dl.article-count dd { display: inline; } .categories-list dl dt, .categories-list dl dd { margin: 0; padding: 0; display: inline; } /* TABLE IN CATEGORY TABLE PAGE */ .sectiontableheader { padding: 5px 8px; font-weight: bold; font-size: 1.1em; color: #FFFFFF; } .sectiontableheader img { margin: 0; vertical-align: text-top; } .sectiontableheader a { color: #ffffff; } .sectiontableheader a:hover { text-decoration: none; } /* TABLE FILTER */ .jsn-infofilter { text-align: right; } .jsn-titlefilter { float: left; } .archived-article-list .jsn-infofilter { text-align: left; } /* TABLE'S ROW */ tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 6px 8px; border-bottom: 1px solid #e5e5e5; } tr.sectiontableentry2 td { } /* ----- SECTION LAYOUT ----- */ /* LINKS IN SECTION TABLE PAGE */ a.category { font-weight: bold; } /* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */ /* ----- STANDARD CONTACT LAYOUT ----- */ div.com-contact .jsn-contact-image { float: right; margin: 10px 5px 0 0; } div.com-contact .contact-position { margin: 5px 0 0 0; } div.com-contact .contact-vcard { margin: 0 0 5px 0; } div.com-contact .jicons-icons { float: left; } div.com-contact .contact-address { margin-top: 5px; } div.com-contact .contact-address p { margin: 0; padding-left: 20px; } div.com-contact .contact-contactinfo p, div.com-contact .contact-miscinfo p { margin: 5px 0; } div.com-contact .contact-contactinfo .jicons-icons, div.com-contact .contact-miscinfo .jicons-icons { margin-right: 4px; } div.com-contact div.contact-form fieldset { padding: 0 10px; } div.com-contact div.contact-form dt { margin: 10px 0 5px 0; } div.com-contact div.contact-form dd { margin-left: 0; } div.com-contact .form-required { color: #EF593B; font-weight: bold; text-align: right; } /* =============== JOOMLA! EXTENSIONS - COM_SEARCH =============== */ body.jsn-com-search fieldset { border: none; } div.com-search #searchForm .search-phrase { margin-left: 95px; } div.com-search #searchForm .search-range input, div.com-search #searchForm .search-phrase input { margin: 0 0 0 5px; vertical-align: middle; } div.com-search #searchForm #search_searchword { margin: 0; padding: 13px 10px; border-color: #000; outline: none; } div.com-search #searchForm [class*="search-"] label, div.com-search #searchForm .search-field-title { width: 100px; line-height: 21px; text-align: left; padding-right: 3px; display: inline-block; } div.com-search #searchForm .search-range label, div.com-search #searchForm .search-phrase label { width: auto; } div.com-search #searchForm .search-ordering select { padding: 2px 0; } div.com-search #searchForm .search-range label { line-height: 21px; } #jsn-header .jsn-modulecontainer .jsn-modulecontent form#jsn_com_search_form { margin: 0; } /* =============== JOOMLA! EXTENSIONS - COM_FINDER =============== */ .collapse { overflow: hidden; } /* ----- KEYWORD GIGHLIGHT IN SEARCH RESULT ----- */ span.highlight { padding: .2em; background: #FFFFAA; } /* =============== JOOMLA! EXTENSIONS - COM_WEBLINK =============== */ table.jsn-infotable .description p { margin: 0; } table.jsn-infotable ul.actions { display: inline; } table.jsn-infotable ul.actions li { display: inline; margin: 0 0 0 5px; } #editor-xtd-buttons { float: left; } /* =============== JOOMLA! EXTENSIONS - COM_NEWSFEED =============== */ div.com-newsfeed td.jsn-table-column-name { font-weight: bold; } div.com-newsfeed table { width: 100%; border-collapse: collapse; } div.com-newsfeed td { border: 1px solid #ccc; padding: 10px 5px; border-top: none; } div.com-newsfeed th { background: #555; padding: 10px 5px; border: 1px solid #555; border-bottom: none; } div.com-newsfeed td a:hover { color:#3d3d3d; } div.com-newsfeed th a { color: #fff; } div.com-newsfeed td.item-num-art { text-align: center; } /* =============== JOOMLA! EXTENSIONS - COM_USER =============== */ /* ----- USER FORM LAYOUT ----- */ div.com-user div.default-login { width: 250px; margin: 0 auto; padding: 10px; background-color: #F4F4F4; border: 1px solid #E5E5E5; } .login-fields { margin: 10px 0; } .login-fields label { width: 9em; float: left; } #jsn-mod-login ul.jsn-login-help { margin-top: -70px; } #jsn-mod-login ul.jsn-login-help li { list-style: none; } /* ----- REGISTER FORM ----- */ .jsn-formRow { margin: 8px 0; } .jsn-formRow .jsn-formRow-lable { float: left; width: 170px; } /* =============== JOOMLA! EXTENSIONS - POPUP COMPONENT =============== */ #jsn-content-popup .com-content, #jsn-content-popup #mailto-window { max-width: 1018px; margin: 1em auto; } #jsn-content-popup .com-content { padding-top: 0; } #mailto-window { padding: 15px; position: relative; background: #f5f5f5; border: solid 1px #ddd; } #mailto-window h2 { padding: 3px 0; margin: 0 0 10px; font: bold 1.2em "Times New Roman", Times, serif; } #mailto-window label { width: 8em; display: inline-block; } #mailto-window .mailto-close { right: 0; top: 5px; background: none; position: absolute; } #mailto-window .mailto-close a { display: block; min-width: 25px; min-height: 25px; overflow: visible; background: url(../images/icons/icon-close.png) 0 0 no-repeat; } #mailto-window .mailto-close a span { top: -3000px; left: -3000px; display: inline; position: absolute; } #mailto-window .inputbox { padding: 3px; border: 1px solid #ccc; background: #FFF; } #mailto-window p { margin: 20px 0 8px 0; } #mailto-window button { cursor: pointer; margin: 0 5px 0 0; padding: 3px 10px; border: 1px solid #ccc; font: bold 1em "Times New Roman", Times, serif; background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(216,216,216))); background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0); } #mailto-window .formelm, #mailto-window .formelm-area { clear: both; margin: 5px 0; } /* =============== JOOMLA! EXTENSIONS - SYSTEM MESSAGES =============== */ /* ----- SYSTEM STANDARD MESSAGES ----- */ #system-message { margin-bottom: 20px; } #system-message dd.message ul { text-indent: 0; padding-left: 40px; background: #c3d2e5 url(../../../media/system/images/notice-info.png) 4px center no-repeat; } #system-message ul li { margin-left: 0; } /* ----- SYSTEM ERROR MESSAGES ----- */ #system-message dd.error ul { background: #e6c0c0 url(../../../media/system/images/notice-alert.png) 4px center no-repeat; } /* ----- SYSTEM NOTICE MESSAGES ----- */ #system-message dd.notice ul { color: #cc0000; border-top: 3px solid #f0dc7e; border-bottom: 3px solid #f0dc7e; background: #efe7b8 url(../../../media/system/images/notice-note.png) 4px center no-repeat; } /* =============== JOOMLA! EXTENSIONS - MOD_BREADCRUMB =============== */ span.breadcrumbs { display: block; font-size: 1em; } span.breadcrumbs a, span.breadcrumbs span { color: #404040; padding-right: 30px; text-decoration: none; background: url(../images/icons/icons-base.png) 92% -1178px no-repeat; } span.breadcrumbs a:hover { text-decoration: none; } span.breadcrumbs span.current { color: #404040; font-weight: normal; background: none; } .breadcrumb { padding: 0; margin: 0; list-style: none; background: none; font-size: 0.9em; } .breadcrumb li { display: inline-block; text-shadow: 0 1px 0 #fff; margin: 0; *display: inline; *zoom: 1; } .breadcrumb li a, .breadcrumb li span { color: #404040; } .breadcrumb li span + span { font-weight: bold; } .breadcrumb span.divider { padding: 0 15px; background: url("../images/icons/icon-arrow-black.png") center center no-repeat; } .breadcrumb li.active:first-child span.divider { padding: 0 5px 0 0; background: none; } /* =============== JOOMLA! EXTENSIONS - MOD_LOGIN =============== */ #form-login fieldset.input { border: none; padding: 0; } #form-login div.button-wrapper { margin: 1em 0 1.5em; } #form-login [id^="form-login-"] { margin: 0 0 6px 0; } form#login-form a.btn { min-height: 20px; } form#login-form .icon-arrow-right { background-position: -458px -73px; } /* =============== JOOMLA! EXTENSIONS - MOD_SEARCH =============== */ #jsn-pos-top div.search input#mod-search-searchword { padding: 2px 0 2px 25px; height: 25px; border-radius: 0; border: none; margin: 3px 0; background: #FFF url(../images/icons/icons-base.png) 4px -168px no-repeat; } /* =============== JOOMLA! EXTENSIONS - MOD_NEWSFLASH =============== */ .jsn-mod-newsflash.jsn-horizontal-container .jsn-article { padding: 0 1em; } .jsn-mod-newsflash .contentheading { margin: 0 0 0.3em 0; } .jsn-mod-newsflash .article-separator { display: block; height: 0.5em; } /* =============== JOOMLA! EXTENSIONS - MOD_STATISTICS =============== */ dl.stats-module dt { float: left; width: 65%; } dl.stats-module dd { margin: 0; } /* ============================== JOOMLA! 3.x CORE COMPONENT LAYOUT ============================== */ .jsn-joomla-30 .blog-featured .items-leading h2 { padding: 5px 0; } .img-fulltext-left { float: left; margin-right: 20px; margin-bottom: 20px; } .img-intro-left { float: left; margin-right: 10px; margin-bottom: 10px; } .img-fulltext-right { float: right; margin-left: 20px; margin-bottom: 20px; } .img-intro-right { float: right; margin-left: 10px; margin-bottom: 10px; } .pull-right.collapsed .icon-minus, .pull-right .icon-plus { display: none; } .pull-right .icon-minus, .pull-right.collapsed .icon-plus { display: block; } /* ---------- OVERRIDE ----------- */ .jsn-joomla-30 blockquote { border-left: none; } .jsn-joomla-30 hr { margin: 0.5em 0; border-top: 1px solid #ccc; } .jsn-joomla-30 .form-horizontal .control-label { text-align: left; } .jsn-joomla-30 .calendar tbody td, .jsn-joomla-30 .calendar tbody td.hilite, .jsn-joomla-30 .calendar tbody td.selected { border: none; padding: 5px; text-align: center; } .jsn-joomla-30 .input-append .btn { padding: 4px 12px; outline: none; } .jsn-joomla-30 label, .jsn-joomla-30 input, .jsn-joomla-30 button, .jsn-joomla-30 select, .jsn-joomla-30 textarea, .jsn-joomla-30 .btn, .jsn-joomla-30 .uneditable-input { font-size: 1em; } .jsn-joomla-30 .icon-location { background-position: -24px -73px; } .jsn-joomla-30 div.tooltip { background: none; border: none; } .jsn-joomla-30 #form-login-remember .control-label, .jsn-joomla-30 #modlgn-remember { vertical-align: middle; } .jsn-joomla-30 .dropdown-menu li, .jsn-joomla-30 .category li { margin: 0; } .jsn-joomla-30 .page-header { border-bottom: none; margin-bottom: 0; } @media only screen and (max-width: 999px) { .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-zag span:after, .etapy-bloki .etapy-bl .etapy-bl-img:before, .etapy-bloki .etapy-bl .etapy-bl-img:after, .etapy-bloki .etapy-bl .etapy-bl-zag:before, .etapy-bloki .etapy-bl .etapy-bl-zag:after {display:none!important;} .ih-item.circle.effect1 .info, .ih-item.circle.effect6 .info, .ih-item.circle.effect13 .info { visibility: visible!important; opacity: 1!important; backface-visibility: visible!important; -webkit-backface-visibility: visible!important;;} .dj-offcanvas-wrapper {font-size:1.3em;} #dj-megamenu138mobile {background:#434343;} .dj-mobile-open-btn {width:auto!important; height:auto!important;} .dj-mobile-open-btn span::before {font-size:1.5em;} ul.dj-mobile-dark li.dj-mobileitem > a {font-size:2em!important;} .preim {display: grid!important; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px;} .preim-p { width:auto!important; } .preim-text {font-size:1.3em!important; display:inline-block; } .uslugi {max-width:90%!important; } .uslugi-p {float:none!important; padding:10px!important; margin:2% 0!important; width:100%!important;} #pwebcontact110_form .pweb-field-container:nth-child(2), #pwebcontact110_form .pweb-field-container:nth-child(3), #pwebcontact110_form .pweb-field-container:nth-child(4), #pwebcontact179_form .pweb-field-container:nth-child(2), #pwebcontact179_form .pweb-field-container:nth-child(3), #pwebcontact179_form .pweb-field-container:nth-child(4) { margin:0 3%!important; width:27%!important} #pwebcontact99_toggler {font-size:1em!important;} body .nivoSlider .dj-slide-title {font-size:3em!important;} body .nivoSlider .dj-slide-desc-text .dj-slide-description {color:#fff!important; text-transform:uppercase; font-size:1.2em!important; margin:1em 0 0 !important;} body .nivoSlider .nivo-caption {left:9%!important;} .otz-zag {font-size:1.8em; } .bt-center {float:none; margin:0 auto; display:table; } .bt-introtext {float: none; margin: 0 auto; height: auto !important;} .bt-introtext img {display:table; margin:0 auto!important;} .dj-megamenu-default li a.dj-up_a {padding:0 10px!important;} #dj-megamenu138 {display: flex !important; justify-content: space-around; width: 100% !important; left: 0 !important;} #dj-megamenu138 li a {border:none!important;} .dj-megamenu-default li a.dj-up_a .arrow {right:2px!important;} .etapy-bloki {max-width:100%;} .etapy-bl {display:block;} .etapy-bloki .etapy-bl .etapy-bl-img, .etapy-bloki .etapy-bl .etapy-bl-text {width:100%; text-align:center!important; padding:0 20px!important;} .etapy-bloki .etapy-bl:nth-child(2n) .etapy-bl-zag, .etapy-bloki .etapy-bl:nth-child(2n) p {text-align:center!important;} .b-img {float:none!important;} .b-img, .b-img img {margin:0 auto;} } @media only screen and (max-width: 1400px) {.jak-ssil, .ssil-kovka, .lp .dj-megamenu-default li a.dj-up_a {padding: 0 35px;} } @media only screen and (max-width: 1200px) {.jak-ssil, .ssil-kovka, .lp .dj-megamenu-default li a.dj-up_a {padding: 0 25px;} } @media only screen and (max-width: 1100px) {.jak-ssil, .ssil-kovka, .lp .dj-megamenu-default li a.dj-up_a {padding: 0 15px;} } @media only screen and (max-width: 1000px) { .jsn-mobile .kak .kak-bl:first-child:before, .jsn-mobile .kak-str, .jsn-mobile .nivo-controlNav, .jsn-mobile .vme-list-inline li:last-child, .jsn-mobile .dj-megamenu-default li a.dj-up_a .arrow, .jsn-mobile #pwebcontact99, .jsn-mobile #smoothtop, .jsn-mobile .anchor_menu {display:none!important;} .jsn-mobile .obsh-kont, .jsn-mobile .konsult, .jsn-mobile .preim, .jsn-mobile .interesnoe, .jsn-mobile .ryad , .jsn-mobile .usl-bl {display: grid!important; grid-template-columns: repeat(1, 1fr)!important; grid-column-gap: 20px;} .jsn-mobile .vid-text .clip-text {font-size: 3em;} .jsn-mobile .odin-iz { margin: 20px auto;} .jsn-mobile .shapka {max-width:auto; display:inherit;} .jsn-mobile .shapka-nazv {text-align:center;} .jsn-mobile .shapka-tel {text-align:center;} .jsn-mobile .shapka-logo {margin:0;} #pwebcontact110_form .pweb-field-container:nth-child(2), #pwebcontact110_form .pweb-field-container:nth-child(3), #pwebcontact110_form .pweb-field-container:nth-child(4), #pwebcontact179_form .pweb-field-container:nth-child(2), #pwebcontact179_form .pweb-field-container:nth-child(3), #pwebcontact179_form .pweb-field-container:nth-child(4) { margin:5px 0!important; width:100%!important;} .jsn-mobile .dj-megamenu {display:block!important; width:100%!important;} .jsn-mobile .dj-megamenu-default li a {font-size:1.1em!important; display:block; margin:5px auto!important;} /* .jsn-mobile .dj-megamenu-default li a.dj-up_a {display:inherit!important; margin:auto!important;} */ .jsn-mobile .dj-megamenu-default li.dj-up {float:none;} .jsn-mobile .dj-megamenu-default, .dj-megamenu-default li a.dj-up_a, .jsn-mobile .dj-megamenu-default li a.dj-up_a span { padding: 0!important; line-height: inherit !important; vertical-align: middle;} .dj-megamenu-default li a.dj-up_a, .jsn-mobile .dj-megamenu-default li a.dj-up_a span {height: 100% !important;} .jsn-mobile.dj-megamenu-default li {display:Flex!important;} .jsn-mobile .dj-megamenu-default li.dj-up {margin:auto!important;} .jsn-mobile #nivoSlider-wrapper4m196 {margin: 10px 0 0 0px !important;} .jsn-mobile .row div[class*="width"] {width: 100%; float:none!important;} .jsn-mobile #jsn-mainbody-content {padding:0!important;} .jsn-mobile .uslugi {max-width:100%!important; } .jsn-mobile .pweb-static .pweb-field-container:nth-child(2), .jsn-mobile .pweb-static .pweb-field-container:nth-child(3), .jsn-mobile .pweb-static .pweb-field-container:nth-child(4) {width:90%!important; max-width: 90% !important; margin: 10px 0 !important; clear:both;} .jsn-mobile .pweb-field-sogl .pweb-field {position: absolute; margin: 0 0 0 -7px;} .jsn-mobile #jsn-promo-inner, .pweb-static .pweb-static .pweb-field-container:nth-child(2), .pweb-static .pweb-field-container:nth-child(3), .pweb-static .pweb-static .pweb-field-container:nth-child(4) {margin:0!important; float:none;} .jsn-mobile .podval {display:inherit!important; text-align:center;} .jsn-mobile .niz-tel {margin:0;} .jsn-mobile .konf {margin:10px 0;} .jsn-mobile .soc-kn {margin:15px auto;} .jsn-mobile #jsn-content_inner {padding:0;} .jsn-mobile #jsn-pos-topbar, .jsn-mobile #jsn-promo-inner, .jsn-mobile #jsn-content_inner, .jsn-mobile #jsn-pos-content-top, .jsn-mobile #jsn-pos-promo_inner, .jsn-mobile #jsn-content-bottom-inner {margin:0!important; padding:0 5px!important;} .jsn-mobile .nivoSlider .dj-slide-title {font-size:1.5em!important;} .jsn-mobile .nivoSlider .dj-slide-desc-text .dj-slide-description { margin:0.5em 0 0 !important;} .jsn-mobile ul.dj-mobile-dark li.dj-mobileitem > a {font-size:1.3em!important;} .jsn-mobile .item-page ul li {margin: 0.6em 0 0.6em 0.5em !important;} .jsn-mobile .kak {display:block!important; width:100%!important; margin:35px 0 0!important;} .jsn-mobile .kak-bl {width:100%; margin:0;} .jsn-mobile .kak-bl:before { margin: 0 auto; display:table; position:inherit; width:30px; height:30px;content:""; background:url(img/str-niz.png) no-repeat center scroll; background-size:100%;} .jsn-mobile .paralaks h2 {font-size:2.5em;} .jsn-mobile .paralaks p { font-size:1.2em} .jsn-mobile .sch {display:inherit;} .jsn-mobile .su-counter-wrapper {padding:0; margin:15px 0;} .jsn-mobile .etapy-zag {font-size:3em;} .jsn-mobile .zagol {color:#222!important; font-size:1.2em!important; text-transform:uppercase; text-shadow:none!important; margin:0; padding:0; position:inherit;} .jsn-mobile #jsn-promo {margin:10px 0 0;} /* .jsn-mobile .tabl table {border: none;} .jsn-mobile .tabl table tr:first-child {display:none;} .jsn-mobile .tabl table tr {margin:30px 0; border-bottom:2px solid #ddd; padding:0 0 15px;} .jsn-mobile .tabl table tr, .jsn-mobile table td {display:block;} .jsn-mobile .tabl table tr td:first-child {color:#B36888;} .jsn-mobile .tabl table tr td:first-child:before {color:#222;} .jsn-mobile .tabl table tr td:last-child {border-bottom:none; } .jsn-mobile .tabl table td {border:none; border-bottom:1px solid #eee; padding:0;} .jsn-mobile .tabl table td p { text-align:right!important} .jsn-mobile .tabl table td:before { padding:0 10px 0 0; float: left; font-weight: bold; } .jsn-mobile .tabl table td:nth-child(1):before {content:"Услуга"!important;} .jsn-mobile .tabl table td:nth-child(2):before {content:"Продолжительность"!important;} .jsn-mobile .tabl table td:nth-child(3):before {content:"Цена"!important;} */ .jsn-mobile h1, .jsn-mobile .content-category h2, .jsn-mobile h2 {font-size:2em!important;} .jsn-mobile .zag-lp {font-size:1em!important;} .jsn-mobile .forma-vizov {font-size:0.7em;} .jsn-mobile .forma-vizov {margin:90px 0 40px;} .jsn-mobile .usl-p a {position:relative; top:inherit; left:inherit; right:inherit; display:block; margin:15px 0 0;} .jsn-mobile .usl-p span {margin:0 0 20px;} .jsn-mobile .konsult-text {font-size:1.4em; line-height:1.3em; margin:0 auto 10px;} .jsn-mobile .karta-text {width:auto!important; margin:-680px 0 0!important; left:inherit!important;} .jsn-mobile .preim-zag, .jsn-mobile .usl-zag, .jsn-mobile .zag-lp, .jsn-mobile .zag, .jsn-mobile .ceny-zag, .jsn-mobile .raboty-zag {font-size:2em;} .jsn-mobile.lp .preim-zag, .jsn-mobile.lp .usl-zag, .jsn-mobile.lp .zag-lp, .jsn-mobile.lp .zag, .jsn-mobile.lp .ceny-zag, .jsn-mobile.lp .raboty-zag { min-width:250px; line-height:65px; font-size:1.7em; } .jsn-mobile.lp .preim-zag::after, .jsn-mobile.lp .usl-zag::after, .jsn-mobile.lp .zag::after, .jsn-mobile.lp .ceny-zag::after, .jsn-mobile.lp .raboty-zag::after {margin: -34px -18px 0 0;} .jsn-mobile .proizv {font-size:1.1em!important; } .jsn-mobile .owl-stage {display: grid!important; grid-template-columns: repeat(1, 1fr); grid-column-gap: 20px;} .jsn-mobile .lic {margin:0 20px 0 0;} .jsn-mobile .pweb-static .pwebcontact-box {max-width: 280px !important;} .jsn-mobile .kont-kont {margin:0 20px;} .jsn-mobile .ssil-kovka, .jsn-mobile .tel-bl {margin: auto;max-height: 40px;display: table;font-size: 0.7em;} .jsn-mobile .jak-bl {border:none; margin: auto;} .jsn-mobile .lp #dj-megamenu226mobile .dj-mobile-open-btn { font-size:0.9em;} .jsn-mobile .sv-men .shapka-logo {margin:auto;} .jsn-mobile .sv-men .shapka-logo a {display:block; height:40px; width:25px;} .jsn-mobile .shapka-slogan {font-size:1em;} .jsn-mobile .shapka-podr {font-size:0.8em; margin:10px 0;} .jsn-mobile .dj-offcanvas-logo {max-width: 50%; margin: 0 auto;} .jsn-mobile .img-kont img {height:auto; display:block; margin:10px 0;} .jsn-mobile .item-page table { max-width: 300px;} .jsn-mobile .karta {width:100%; max-width:300px; margin:20px auto 10px;} .jsn-mobile p.img_caption {margin:20px 0 0 0; position:inherit; color:#222!important; text-shadow:none; font-size:1.4em!important; line-height:1.2em;} .jsn-mobile .pull-none {min-height:auto;} .jsn-mobile .ceny {margin:20px auto;} }