/* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;} mark, rp, rt, ruby, summary, time { display:inline;} /* ---------------------------------------------------------------------------------------------------------- 1) HTML tags ---------------------------------------------------------------------------------------------------------- */ @font-face { font-family: 'gost_type_astandard'; src: url('fonts/gost_type_a-webfont.eot'); src: url('fonts/gost_type_a-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gost_type_a-webfont.woff2') format('woff2'), url('fonts/gost_type_a-webfont.woff') format('woff'), url('fonts/gost_type_a-webfont.ttf') format('truetype'), url('fonts/gost_type_a-webfont.svg#gost_type_astandard') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gost_type_bstandard'; src: url('fonts/gost_type_b-webfont.eot'); src: url('fonts/gost_type_b-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gost_type_b-webfont.woff2') format('woff2'), url('fonts/gost_type_b-webfont.woff') format('woff'), url('fonts/gost_type_b-webfont.ttf') format('truetype'), url('fonts/gost_type_b-webfont.svg#gost_type_bstandard') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sf_ui_displaylight'; src: url('fonts/sf-ui-display-light-webfont.eot'); src: url('fonts/sf-ui-display-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sf-ui-display-light-webfont.woff2') format('woff2'), url('fonts/sf-ui-display-light-webfont.woff') format('woff'), url('fonts/sf-ui-display-light-webfont.ttf') format('truetype'), url('fonts/sf-ui-display-light-webfont.svg#sf_ui_displaylight') format('svg'); font-weight: normal; font-style: normal; } html {} body{font-size:21.5px; font-family:'gost_type_astandard'; color:#2a2424; margin:0; letter-spacing:normal;} /* ---------------------------------------------------------------------------------------------------------- 2) HTML styles ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 3) Layout ---------------------------------------------------------------------------------------------------------- */ header {margin:0 auto; left:0px; height:85px; width:100%; background-color:rgba(42,36,36,0.9); position:fixed; z-index:99; top:0; right:0; padding:0 30px; box-sizing:border-box; max-width:1920px;} .headerInner {display:table; width:100%;} #logo {display:table-cell; height:85px; vertical-align:middle; width:183px;} #hidden-block {display:none;} #menu-top {display:table-cell; height:85px; vertical-align:middle;} #menu-top ul {list-style:none; padding:0; margin:0; text-align:center;} #menu-top ul li {display:inline-block; padding-right:15px;} #menu-top ul li.last {padding-right:0px;} #menu-top ul li a {color:white; text-decoration:none; font-size:24px;} #menu-top ul li a:hover, #menu-top .active a {color:#fe9c46;} #menu-top .active a {cursor:default;} #contact-header {display:table-cell; height:85px; vertical-align:middle; width:240px; text-align:right;} #contact-header .tel a {letter-spacing:normal; padding-left:35px; color:white; cursor:default; text-decoration:none; font-size:29px; position:relative; display:inline-block;} #contact-header .tel a:before {background:url('/assets/templates/intarea/img/tel.png') 0 0 no-repeat; content:''; position:absolute; top:0; left:0; width:26px; height:28px; } #contact-header .feedback {color:#fe9c46; border-bottom:1px solid #fe9c46; text-decoration:none; font-size:22px;} #contact-header .feedback:hover {border-bottom:none;} #mobile-toggler {display:none; position:absolute; top:15px; right:30px; height:55px; width:55px; background:url('/assets/templates/intarea/img/mobile-toggler.png') 0 0 no-repeat; cursor:pointer;} #menu-mobile-container {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(42,36,36,0.6);} #menu-mobile {display:block; padding:20px; position:absolute; right:0; top:0; width:260px; background-color:rgba(42,36,36,1); overflow:auto; box-shadow: 0 0 10px rgba(0,0,0,0.5);} #menu-mobile ul {list-style:0; margin:0; padding:0;} #menu-mobile li {margin-bottom:12px;} #menu-mobile li.last {margin-bottom:0;} #menu-mobile a {color:white; text-transform:uppercase; text-decoration:none; font-size:25px;} #menu-mobile a:hover, #menu-mobile .active a {color:#fe9c46;} #menu-mobile .active a {cursor:default;} #menu-mobile #menu-mobile-exit {cursor:pointer; display:block; position:absolute; top:20px; right:20px; background:url('/assets/templates/intarea/img/mobile-toggler-exit.png') 0 0 no-repeat; width:29px; height:31px;} @media all and (min-width: 1400px) { #menu-top ul li a {font-size:26px;} } @media all and (min-width: 0px) and (max-width: 1279px) { #menu-top {display:none;} #contact-header {padding-right:80px;} #mobile-toggler {display:block;} } @media all and (min-width: 0px) and (max-width: 600px) { header {padding:0 20px;} header,#logo,#contact-header {height:58px;} #logo img,#logo {width:130px;} #contact-header {padding-right:62px; line-height:19px;} #contact-header .tel a {font-size:24px;} #contact-header .feedback {font-size:19px;} #mobile-toggler {height:39px; width:39px; top:10px; right:20px; background:url('/assets/templates/intarea/img/mobile-toggler-s.png') 0 0 no-repeat;} } @media all and (min-width: 0px) and (max-width: 480px) { header {position:absolute;} #contact-header {line-height:25px; display:block; position:absolute; text-align:center; top:71px; margin-right:auto; margin-left:auto; left:0; right:0; width:235px; padding-right:0px;} #contact-header .tel a {color:black; padding-left:0px;} #contact-header .tel a:before {background:none; width:0; height:0;} #contact-header .tel a {font-size:29px;} #contact-header .feedback {font-size:22px;} } #slider {margin:0 auto;} #slider .bx-wrapper, #slider {position:relative !important; z-index:1 !important; top:0 !important; left:0 !important; width:100% !important; max-width:1920px; max-height:100% !important; margin-bottom:0px !important;} #slider .bx-wrapper .bx-viewport {border:0px solid !important; top:0 !important; left:0 !important; max-height:100% !important;} #slider .bxslider {width:100% !important; margin-top:0px !important;} #slider .bxslider li {top:0 !important; left:0 !important;} #slider .bx-controls {position:absolute !important; bottom:0 !important; margin-bottom:50px; right:50px !important; z-index:2 !important; width:auto !important;} #slider .bx-wrapper .bx-pager.bx-default-pager a {box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box !important; background:none !important; border:2px solid white; width:18px !important; height:18px !important; border-radius:9px !important;} #slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #slider .bx-wrapper .bx-pager.bx-default-pager a.active {background:white !important;} #slider .bx-wrapper .bx-pager .bx-pager-item {margin-bottom:10px !important;} #slider .bx-wrapper img {position:relative; display:block;} @media all and (min-width: 480px) and (max-width: 599px) { #slider .bx-wrapper .bx-viewport ,#slider,#slider .bx-viewport li {min-height:250px;} } @media all and (min-width: 600px) { #slider .bx-wrapper .bx-viewport ,#slider,#slider .bx-viewport li {min-height:280px;} } @media all and (min-width: 769px) { #slider .bx-wrapper .bx-viewport ,#slider,#slider .bx-viewport li {min-height:370px;} } @media all and (min-width: 0px) and (max-width: 480px) { #slider .bx-wrapper {margin-top:135px !important;} #slider .bx-controls {display:none !important;} #slider .bx-wrapper .bx-pager.bx-default-pager a {border:3px solid white; width:16px !important; height:16px !important; border-radius:8px !important;} } .feedback2 {letter-spacing:normal; box-shadow:0 0 5px rgba(0,0,0,0.3); padding:15px 15px; border:2px solid white; border-radius:4px; position:absolute; bottom:210px; left:30px; z-index:3; text-transform:uppercase; text-decoration:none; color:white; font-size:30px;} .feedback2:hover {border:2px solid #fe9c46; color:#fe9c46;} #title-slider {letter-spacing:normal; color:#fe9c46; font-size:33px; position:absolute; bottom:150px; left:30px; z-index:3; text-shadow:2px 2px 5px rgba(0,0,0,0.5);} #title-slider .title-slider-text { display:inline-block; white-space:nowrap; overflow:hidden; -webkit-animation:type 3s steps(50, end); animation:type 3s steps(50, end);} #title-slider .title-slider-cursor {display:inline-block; font-family:arial; vertical-align:top;} #title-slider .title-slider-cursor{ opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @keyframes type{ from { width: 0; } } @-webkit-keyframes type{ from { width: 0; } } .text-slider {padding-right:50px; color:white; font-size:26px; position:absolute; bottom:90px; left:30px; z-index:3; text-shadow:2px 2px 5px rgba(0,0,0,0.5);} .text-slider span {text-transform:uppercase;} @media all and (min-width: 0px) and (max-width: 1000px) { #title-slider {display:none;} } @media all and (min-width: 0px) and (max-width: 768px) { .feedback2 {display:none;} } @media all and (min-width: 0px) and (max-width: 600px) { .text-slider, #title-slider {left:20px;} } @media all and (min-width: 0px) and (max-width: 480px) { .text-slider {bottom:30px; font-size:22px;} .text-slider {padding-right:20px;} } .hero-arrow {padding:15px; z-index:3; -webkit-animation:upAndDown 2.5s linear infinite; animation:upAndDown 2.5s linear infinite; position:absolute; bottom:5%; left:50%; display:block; width:42px; height:22px; margin-left:-36px; background-image:url(/assets/templates/intarea/img/hero-arrow.svg); background-position:50%; background-repeat:no-repeat;} @keyframes upAndDown { 0%, 50%, 100% { -webkit-transform: translateZ(0); transform: translateZ(0); } 25% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } 75% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); } } @media all and (min-width: 0px) and (max-width: 480px) { .hero-arrow {display:none;} } #img-container {margin:0 auto; margin-bottom:30px; max-height:290px; overflow:hidden; position:relative; max-width:1920px;} #img-container img {width:100%;} .order {box-shadow:0 0 5px rgba(0,0,0,0.3); letter-spacing:normal; padding:15px 15px; border:2px solid white; border-radius:4px; position:absolute; bottom:100px; left:30px; z-index:3; text-transform:uppercase; text-decoration:none; color:white; font-size:30px;} .order:hover {border:2px solid #fe9c46; color:#fe9c46;} h1 {letter-spacing:normal; position:absolute; left:30px; z-index:3; top:185px; padding-right:30px; font-family:"gost_type_bstandard"; text-transform:uppercase; color:#fe9c46; font-size:30px; font-weight:normal;} @media all and (min-width: 0px) and (max-width: 600px) { h1,.order {left:20px; font-size:27px; padding-right:20px; } #img-container {max-height:220px; margin-bottom:20px;} h1 {top:130px;} .order {bottom:80px; padding:10px 10px;} } @media all and (min-width: 0px) and (max-width: 480px) { #img-container {margin-top:135px !important;} h1 {top:80px; bottom:auto;} .order {top:30px; bottom:auto;} #img-container {height:180px;} h1,.order {font-size:25px;} } .article-container {margin:0 auto; background:url('/assets/templates/intarea/img/article-bg.jpg') 50% 100px no-repeat; background-size:contain; max-width:1920px; width:100%;} .article-container.all {background-size:cover;} .article-container.photo {background:none;} @media all and (min-width: 0px) and (max-width: 540px) { .article-container.all {background:none;} } #article-main,#article {max-width:1200px; display:block; margin:0 auto; padding:20px 30px; line-height:25px;} #article {padding-top:0px; padding-bottom:40px;} @media all and (min-width: 0px) and (max-width: 600px) { #article-main, #article {padding:20px;} #article {padding-top:0px;} #article {padding-bottom:40px;letter-spacing:normal; } } #mainMenu ul {list-style:none; margin:0; padding:0; text-align:center; line-height:28px;} #mainMenu li {display:inline-block; position:relative; margin-right:20px;} #mainMenu li.last {margin-right:0px;} #mainMenu a {color:#2a2424; font-size:22px; text-transform:uppercase; text-decoration:none;} #mainMenu a:hover {color:#ff7700;} #mainMenu a:after {content:''; position:absolute; width:6px; height:6px; border-radius:3px; background-color:#2a2424; margin:9px 0 0 10px;} #mainMenu .last a:after {display:none;} #mainMenu li.active a {color:black; border-radius:3px; border:1px solid #c4c4c4; /* box-shadow: 0 0 7px rgba(0,0,0,0.5);*/ padding:5px 5px 1px 5px;} #mainMenu li.active a:after {margin-left:15px;} @media all and (min-width: 0px) and (max-width: 540px) { #mainMenu ul {max-width:300px; margin:0 auto; background-color:rgba(42,36,36,0.8); padding:15px 10px;} #mainMenu li {display:block; margin-right:0;} #mainMenu a {color:white;} #mainMenu a:after {background-color:white; position:relative; display:block; margin:0 auto; margin-bottom:6px; margin-top:3px;} #article #mainMenu {display:none; margin-top:20px; } #article #mainMenu li.active a { padding:0px; box-shadow:none; border:none; color:#fe9c46;} #mainMenu li.active a:after {margin:0 auto; margin-bottom:6px; margin-top:3px;} } @media all and (min-width: 541px) { #article #mainMenu {display:block !important; } } #mainMenuSub {margin-top:10px;} #mainMenuSub ul {list-style:none; margin:0; padding:0; text-align:center; line-height:28px;} #mainMenuSub li {display:inline-block; position:relative; margin-right:20px;} #mainMenuSub li.active a {color:black; border-radius:3px; border:1px solid #c4c4c4; /*box-shadow: 0 0 6px rgba(0,0,0,0.5);*/ padding:3px 5px 3px 5px;} #mainMenuSub a {color:#2a2424; font-size:22px; text-decoration:none;} #mainMenuSub a:hover {color:#ff7700;} #mainMenuSub a:after {content:''; position:absolute; width:6px; height:6px; border-radius:3px; background-color:#2a2424; margin:10px 0 0 10px;} #mainMenuSub li.active a:after {margin-left:15px;} #mainMenuSub .last a:after {display:none;} #mobile-toggler2 {position:relative; display:none; text-transform:uppercase; margin:0 auto; font-size:25px; cursor:pointer; padding-right:50px; padding-top:7px;} #mobile-toggler2:after {position:absolute; top:0; right:0; content:''; background:url(/assets/templates/intarea/img/mobile-toggler-black-s.png) 0 0 no-repeat; width:39px; height:39px;} @media all and (min-width: 0px) and (max-width: 540px) { #mobile-toggler2 {display:table;} } #mainMenu2 {display:block; margin-top:20px; width:100%;} #mainMenu2 .item {float:left; position:relative; height:250px;} #mainMenu2 .item .img, #mainMenu2 .item .caption { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } #mainMenu2 .item .img.load-ani, #mainMenu2 .caption.load-ani { display:block; -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } #mainMenu2 .item .img img {width:100%; height:250px;} #mainMenu2 .caption {text-decoration:none; opacity:0; visibility: hidden; display:table; position:absolute; top:0; left:0; width:100%; height:250px; background:rgba(0,0,0,0.8); color:#fff;} #mainMenu2 .item:hover .caption, #mainMenu2 .item.active .caption {opacity:1; visibility: visible;} #mainMenu2 .item .title {color:#fe9c46; text-decoration:none; display:block; text-align:center; font-size:22px; text-transform:uppercase; position:relative; padding-bottom:10px; margin:0 0 10px;} #mainMenu2 .item .text {font-size:20px; display:block; padding:0 20px; margin:0 auto; text-align:center;} #mainMenu2 .item .title:after {content: ""; background: #fe9c46; width:60px; height:2px; position:absolute; bottom:0; left:50%; margin:0 0 0 -30px;} #mainMenu2 .item .caption > div {display:table-cell; width:100%; height:250px; vertical-align:middle; text-align: center;} #mainMenu2 .item:nth-child(1) {width:37%} #mainMenu2 .item:nth-child(2) {width:33%} #mainMenu2 .item:nth-child(3) {width:30%} #mainMenu2 .item:nth-child(4) {width:33%} #mainMenu2 .item:nth-child(5) {width:34%} #mainMenu2 .item:nth-child(6) {width:33%} #mainMenu2 .item:nth-child(7) {width:37%} #mainMenu2 .item:nth-child(8) {width:33%} #mainMenu2 .item:nth-child(9) {width:30%} #mainMenu2 .item:nth-child(10) {width:30%} #mainMenu2 .item:nth-child(11) {width:33%} #mainMenu2 .item:nth-child(12) {width:37%} @media all and (min-width: 1221px) { #mainMenu2 .item .text {-ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } #mainMenu2 .item .title {-ms-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } #mainMenu2 .item .text, #mainMenu2 .item .title { -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} #mainMenu2 .item:hover .img, #mainMenu2 .item:hover .caption, #mainMenu2 .item.active .img, #mainMenu2 .item.active .caption {-ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } #mainMenu2 .item:hover .title, #mainMenu2 .item:hover .text, #mainMenu2 .item.active .title, #mainMenu2 .item.active .text {-ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } } @media all and (min-width: 0px) and (max-width: 1220px) { #mainMenu2 .caption {opacity:1; visibility: visible;} #mainMenu2 .caption, #mainMenu2 .item, #mainMenu2 .item .caption > div {height:180px;} #mainMenu2 .item {width:33.3% !important; margin-bottom:15px; box-sizing:border-box; overflow:hidden;} #mainMenu2 .item:nth-child(1),#mainMenu2 .item:nth-child(2),#mainMenu2 .item:nth-child(4),#mainMenu2 .item:nth-child(5),#mainMenu2 .item:nth-child(7),#mainMenu2 .item:nth-child(8),#mainMenu2 .item:nth-child(10),#mainMenu2 .item:nth-child(11) {padding-right:15px;} #mainMenu2 .caption {background:rgba(0,0,0,0.6);} #mainMenu2 .item .title {font-size:20px;} #mainMenu2 .item .text {font-size:18px;} } @media all and (min-width: 0px) and (max-width: 960px) { #mainMenu2 .caption,#mainMenu2 .item,#mainMenu2 .item .caption > div {height:160px;} #mainMenu2 .item .title {margin:0 0 5px; padding-bottom:5px;} } @media all and (min-width: 0px) and (max-width: 800px) { #mainMenu2 {max-width:708px;} #mainMenu2 .caption,#mainMenu2 .item,#mainMenu2 .item .caption > div {height:200px;} #mainMenu2 .item {width:50% !important; margin-bottom:15px;} #mainMenu2 .item:nth-child(2n+1) {padding-right:15px;} #mainMenu2 .item:nth-child(2n) {padding-right:0px;} } @media all and (min-width: 0px) and (max-width: 720px) { #mainMenu2 .caption,#mainMenu2 .item,#mainMenu2 .item .caption > div {height:150px;} } @media all and (min-width: 0px) and (max-width: 540px) { #mainMenu2 {display:none;} } #content {min-height:100px; letter-spacing:normal; font-family:"sf_ui_displaylight"; margin-top:30px; font-size:16px; background-color:white; box-shadow:0 0 10px rgba(0,0,0,0.5); border-radius:5px; padding:20px 30px 30px 30px;} #content.content-photogallery {box-shadow:none; background-color:transparent; border-radius:0px; padding:0; max-width:750px; margin:0 auto; margin-top:20px;} #content.list-photogallery {box-shadow:none; background-color:transparent; border-radius:0px; padding:0; max-width:960px; margin:0 auto; margin-top:20px;} #content a {font-size:16px;} #breadcrumb {color:#808080;} #breadcrumb a{text-decoration:underline; color:#808080;} #breadcrumb a:hover{text-decoration:none;} #content h2 {text-transform:uppercase; color:#423f3d; font-size:25px; font-weight:normal;} #content h3, #content h3 a {font-size:23px; font-weight:normal; color:#fe9c46;} #content h4 {font-size:23px; font-weight:normal;} #content img {max-width:100%; height:auto !important; margin:0 auto;} #content b, #content strong {color:#ff7801; font-weight:normal;} @media all and (min-width: 0px) and (max-width: 540px) { #content {box-shadow:none; border-radius:0px; padding:0px; margin-top:20px;} #mainMenuSub {margin-top:20px; margin-bottom:20px;} } .news-about {width:100%; overflow:hidden; padding-top:45px; font-family:"sf_ui_displaylight"; font-size:17px;} .title-main {font-family:"gost_type_bstandard"; position:relative; text-align:center; text-transform:uppercase; color:#fe9c46; font-size:25px; margin-bottom:30px; padding-bottom:10px;} .title-main:after {content: ""; background: #fe9c46; width:60px; height:2px; position:absolute; bottom:0; left:50%; margin:0 0 0 -30px;} #news-main, #about-main {float:left; width:50%; box-sizing:border-box;} #news-main .item {display:table; margin-bottom:30px; overflow:auto; letter-spacing:normal;} #news-main .item.last {margin-bottom:15px;} #news-main .item .img {display:table-cell; vertical-align:top;} #news-main .item img {width:125px;} #news-main .item .caption {display:table-cell; vertical-align:top; padding:0 25px;} #news-main .link {font-size:17px; color:#2a2424; text-decoration:underline; transition:all 0ms; -o-transition:all 0ms; -moz-transition:all 0ms; -webkit-transition:all 0ms;} #news-main .link:hover {text-decoration:none;} #about-main ul {list-style:none; margin:0; padding:0;} #about-main li {display:table; margin-bottom:30px; position:relative; letter-spacing:normal;} #about-main li span {display:table-cell; vertical-align:middle;} #about-main li:before {content:''; display:table-cell; position:relative; padding-left:20px; width:59px; height:59px; top:0; left:0;} #about-main li:nth-child(1):before {background:url('/assets/templates/intarea/upload/why-we/1.png') 0 0 no-repeat;} #about-main li:nth-child(2):before {background:url('/assets/templates/intarea/upload/why-we/2.png') 0 0 no-repeat;} #about-main li:nth-child(3):before {background:url('/assets/templates/intarea/upload/why-we/3.png') 0 0 no-repeat;} @media all and (min-width: 0px) and (max-width: 1220px) { .news-about {padding-top:20px;} } @media all and (min-width: 0px) and (max-width: 960px) { #news-main, #about-main {width:100%;} #about-main {margin-top:30px;} #news-main .item .caption {padding-right:0;} #news-main {margin-top:0px;} } @media all and (min-width: 0px) and (max-width: 540px) { #news-main {margin-top:10px;} .news-about .title-main {margin-bottom:20px;} } @media all and (min-width: 0px) and (max-width: 377px) { #news-main .item .img {display:block;} #news-main .item img {width:100%;} #news-main .item .caption {display:block; padding:0;} } #partners {margin:0 auto; background:url('/assets/templates/intarea/img/partners-bg.jpg') 0 0 repeat-x; height:200px; margin-top:20px; padding-top:30px; max-width:1920px;} #partners .bx-wrapper .bx-viewport {background:none !important; border:0px !important; box-shadow:none !important;} #partners .bx-wrapper .bx-controls-direction a {width:21px; height:42px; margin-top: -20px; z-index:1 !important;} #partners .bx-wrapper .bx-prev {background:url(/assets/templates/intarea/img/prev.png); left:0px;} #partners .bx-wrapper .bx-next {background:url(/assets/templates/intarea/img/next.png);} #partners-slider {display:table;} #partners-slider .slide {display:table-cell; text-align:center; vertical-align:middle; height:91px; width:150px;} #partners-slider .slide img {max-height:91px; max-width:130px; text-align:center; display:inline-block; position:absolute; margin:auto; left:0; top:0; bottom:0; right:0;} footer {margin:0 auto; font-size:21px; width:100%; min-height:170px; color:white; background-color:#2a2424; position:relative; padding:45px 30px 35px 30px; box-sizing:border-box; max-width:1920px;} .footerInner {display:table; width:100%;} .footer-left, .footer-center, .footer-right {display:table-cell; line-height:29px; vertical-align:top;} .footer-left {width:280px;} .footer-right {width:280px;} #tel-footer a {letter-spacing:normal; color:white; font-size:21px; cursor:default; text-decoration:none; font-size:29px; position:relative; display:inline-block; padding-left:40px;} #tel-footer a:before {background:url('/assets/templates/intarea/img/tel.png') 0 0 no-repeat; content:''; position:absolute; top:0; left:0; width:26px; height:28px;} #contact-footer {position:relative; padding-left:40px; margin-top:10px;} #contact-footer:before {background:url('/assets/templates/intarea/img/contact.png') 0 0 no-repeat; content:''; position:absolute; top:0; left:0; width:26px; height:28px;} #footerMenu ul {list-style:none; margin:0; padding:0; text-align:center;} #footerMenu li {display:inline-block; position:relative; margin:0 10px;} #footerMenu a {color:white; text-transform:uppercase; text-decoration:none;} #footerMenu a:hover {color:#fe9c46;} #footerMenu li.active a {border-radius:3px; border:1px solid white; padding:5px 5px 1px 5px; cursor:default;} #footerMenu li.active a:hover {color:white;} .footer-right {text-align:right;} #soz {margin-bottom:20px;} #soz a {display:inline-block; margin-left:20px;} #soz .vk {background:url('/assets/templates/intarea/upload/soz/vk.png') 0 0 no-repeat; width:26px; height:28px;} #soz .fb {background:url('/assets/templates/intarea/upload/soz/fb.png') 0 0 no-repeat; width:26px; height:28px;} #soz .inst {background:url('/assets/templates/intarea/upload/soz/inst.png') 0 0 no-repeat; width:26px; height:28px;} #soz .yb {background:url('/assets/templates/intarea/upload/soz/yb.png') 0 0 no-repeat; width:24px; height:28px;} @media all and (min-width: 0px) and (max-width: 1200px) { .footer-center {display:none;} } @media all and (min-width: 0px) and (max-width: 600px) { footer {padding:45px 20px 35px 20px;} .footer-left, .footer-right {display:block; margin:0 auto;} .footer-right {text-align:left; margin-top:20px;} } /*back top*/ #back-top {position: fixed; bottom: 30px; right: 5%; z-index: 1000;} #back-top a {display: block; width:72px; height:72px; position: relative; text-decoration: none;} #back-top a:before, #back-top a:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} #back-top a:before {background: #424242; opacity: 0.25;} #back-top a:hover:before {opacity: 0.6;} #back-top a:after {background: url('/assets/templates/intarea/img/top.png') no-repeat scroll 50% 50%;} .feedback-btn {display:block; margin:0 auto; text-transform: uppercase; width:200px; border-radius: 4px; text-decoration: none; border: 2px solid #fe9c46; text-align:center; padding:10px 10px; font-size:20px !important;} .feedback-btn:hover {border: 2px solid #2a2424; color:#2a2424; } /* ---------------------------------------------------------------------------------------------------------- 4) Page:photogallery ---------------------------------------------------------------------------------------------------------- */ .content-photogallery .bxslider {max-height:500px;} .content-photogallery .bx-wrapper {max-width:750px !important;} .content-photogallery .bx-wrapper .bx-viewport {box-shadow:none; border:none; background:transparent; max-width:750px;} .content-photogallery #gallery-thumbs img {width:150px; max-height:74px; cursor:pointer;} .content-photogallery .gallery-thumbs-container .bx-wrapper .bx-controls-direction a {top:55px;} .content-photogallery .bx-prev:hover {background-position:0 -32px !important;} .content-photogallery .bx-next:hover {background-position:-43px -32px !important;} .content-photogallery .bx-wrapper .bx-controls-direction a {opacity:0.8;} .content-photogallery .bx-wrapper .bx-next {right:20px;} .content-photogallery .bx-wrapper .bx-caption {background: rgba(0,0,0,0.5);} .content-photogallery .gallery-thumbs-container .thumb {border:3px solid white;} .content-photogallery .gallery-thumbs-container .thumb.pager-active {border:3px solid rgba(0,0,0, 0.3);} .content-photogallery .gallery-thumbs-container .thumb img {} .list-photogallery #breadcrumb {margin-left:20px;} #list-photogallery {overflow:auto; margin-top:20px;} #list-photogallery a {font-size:16px; color:black; text-decoration:none;} #list-photogallery .item {width:33.33333333%; float:left; margin-bottom:35px; box-sizing:border-box; position:relative; min-height:1px; padding-right:15px; padding-left:15px;} #list-photogallery .wors_inner img {max-width:100%;} #list-photogallery .wors_inner {height:416px; overflow:hidden; border:3px solid white;} #list-photogallery .wors_inner:hover {border:3px solid rgba(0,0,0, 0.3);} #list-photogallery .table_heading {display:table;} #list-photogallery .tr {margin-bottom:4px; display:table-row; width:100%;} #list-photogallery .td {display:table-cell; vertical-align:middle; background-color:#f5f5f5;} #list-photogallery .works_heading {width:100%; float:none; padding:30px 20px 24px 20px; border-right:4px solid white;} #list-photogallery .area {float:none; width:20% text-align:center; padding-right:15px; padding-left:15px; color:#808080;} #list-photogallery .tags {height:75px; padding:20px 10px; text-align:center; margin-bottom:4px; background-color:#f5f5f5; font-size:12px; text-transform:uppercase; margin-top:4px; color:#808080;} .pagination {overflow:hidden; display:block; text-align:center;} .pagination a {text-decoration:none; font-size:16px; font-weight:500; color:#2a2424; margin:5px;} .pagination a:hover {text-decoration:none; font-size:16px; font-weight:500; color:#fe9c46;} .pagination .ditto_currentpage {color:white; background-color:#696969; border:1px solid #696969; margin:5px; padding: 5px 5px; font-weight:bold; } .pagination .ditto_previous_link, .pagination .ditto_next_link {margin:0 10px;} @media (max-width:992px) { #list-photogallery .item {width:50%;} } @media (max-width:700px) { #list-photogallery .item {width:100%;} } /* ---------------------------------------------------------------------------------------------------------- 5) Others ---------------------------------------------------------------------------------------------------------- */