@-webkit-keyframes fadeInFromNone {
0% {
display: none;
opacity: 0; }
1% {
display: block;
opacity: 0; }
100% {
display: block;
opacity: 1; } }
/* -----------------------------------------
Top Panel
----------------------------------------- */
#top-panel {
height: 40px;
margin-top: 13px;
padding: 5px 10px 0 10px;
background: whitesmoke; }
/* -----------------------------------------
Top menu
----------------------------------------- */
.tiled-menu {
list-style: none;
list-style-image: none;
padding: 20px 0 10px 0;
position: relative;
float: right;
min-height: 172px; }
.tiled-menu > .menu-item {
display: inline-block;
font-size: 16px;
font-weight: 600;
margin-left: 40px;
position: relative; }
.tiled-menu > .menu-item > a {
color: inherit; }
.tiled-menu.no-customizer {
padding-top: 80px; }
.fixed .tiled-menu {
min-height: 0; }
.main-menu-item {
margin-left: 3px;
float: left;
position: relative;
width: 115px; }
.widget .main-menu-item {
margin-bottom: 10px; }
.main-menu-item a {
color: inherit; }
.main-menu-item.has-submenu .item-title:after {
content: "";
margin-left: 10px;
display: inline-block;
position: relative;
top: -1px;
width: 7px;
height: 4px;
background: url("/img/drop-pipt-icon.gif") right center; }
.menu-tile {
display: block;
position: relative;
z-index: 1;
height: 115px;
width: 100%;
text-decoration: none;
background-color: #FFAA31;
background-position: center;
background-repeat: no-repeat;
-moz-transform: scale(1);
/* Firefox */
-webkit-transform: scale(1);
/* Safari and Chrome */
-o-transform: scale(1);
/* Opera */
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .2s ease-out;
-moz-transition: -moz-transform .2s ease-out;
-o-transition: -o-transform .2s ease-out;
-ms-transition: -ms-transform .2s ease-out;
transition: transform .2s ease-out; }
.menu-tile:hover {
z-index: 10;
-moz-transform: scale(1.05);
/* Firefox */
-webkit-transform: scale(1.05);
/* Safari and Chrome */
-o-transform: scale(1.05);
/* Opera */
-ms-transform: scale(1.05);
transform: scale(1.05); }
.metro-menu-item .item-title {
font-size: 1em;
text-decoration: none;
display: block;
text-align: center;
padding: 5px 0 0 0; }
.tile-icon {
position: absolute;
font-size: 45px;
text-align: center;
top: 50%;
margin-top: -38px;
width: 100%;
color: #fff; }
/*---Second level----*/
.sub-menu {
display: none;
list-style: none;
position: absolute;
z-index: 999;
top: 100%;
left: -25px;
padding-top: 24px;
margin: 0;
min-width: 200px;
border-radius: 2px; }
.sub-menu li {
display: block;
background: #323c3f;
background: rgba(50, 60, 63, 0.9);
position: relative;
border-bottom: 1px solid #42555A; }
.sub-menu li:first-child {
border-top: 3px solid #d2dee4; }
.sub-menu li:last-child {
border-bottom: none; }
.sub-menu li.has-submenu > a:after {
content: "";
right: 10px;
display: inline-block;
position: absolute;
top: 40%;
width: 4px;
height: 7px;
background: url("/img/drop-pipt-right.gif"); }
.sub-menu:hover {
overflow: visible; }
.sub-menu a {
color: #fff;
font-size: 0.85714em;
text-transform: uppercase;
line-height: 42px;
height: 42px;
padding: 0 28px;
display: block;
white-space: nowrap;
opacity: .9; }
.sub-menu a:hover {
background: #475458;
border-left: 2px solid #d2dee4;
text-indent: -2px; }
.sub-menu > li > ul {
visibility: hidden;
display: none;
left: 100%;
top: -27px;
padding-left: 2px; }
.sub-menu > li:hover > ul {
display: block;
visibility: visible; }
.sub-menu li ul li:first-child:before {
display: none; }
/* -----------------------------------------
Layout settings
----------------------------------------- */
#layout {
margin: 50px 0; }
.boxed_lay {
max-width: 1220px;
margin: 0 auto 20px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); }
#layout.no-title {
margin-top: 0px;
margin-bottom: 0px; }
.contacts-text .mvb_t_row, #layout.magazine .mvb_t_row {
padding: 0; }
#layout.magazine {
margin-top: 30px; }
#layout.magazine .mvb_container > section {
border-bottom: none;
margin-bottom: 35px;
padding: 0; }
#layout.single-folio {
margin-top: 30px; }
.page-template-page-contacts-php #layout {
margin-top: 35px; }
body > iframe {
display: none; }
.mvb_container > section {
border-bottom: 1px solid #eaeaea; }
.row.no-padding {
padding: 0; }
.row.extra-small-padding {
padding: 10px 0; }
.row.small-padding {
padding: 25px 0; }
.row.medium-padding, .mvb_t_row {
padding: 45px 0; }
.row.more-medium-padding {
padding: 60px 0 50px 0; }
.row.large-padding {
padding: 85px 0 50px; }
.mvb_container section.row-wrapper:last-child {
border-bottom: none; }
/* -----------------------------------------
Blog and sidebar layouts
----------------------------------------- */
.blog-section.sidebar-both,
.blog-section.sidebar-right2 {
width: 75%;
float: left; }
.blog-section.sidebar-both2 {
width: 66.66%;
float: left; }
.blog-section.sidebar-both2 #main-content {
float: right;
width: 50%; }
.blog-section.sidebar-both2 #left-sidebar {
width: 50%; }
.blog-section.sidebar-left2 {
width: 75%;
float: right; }
.sidebar-both #left-sidebar.three {
width: 33.3%;
float: left; }
.sidebar-both #main-content.six {
width: 66.6%;
float: right; }
.sidebar-right2 #left-sidebar.three {
width: 33.3%;
float: right; }
.sidebar-right2 #main-content.six {
width: 66.6%;
float: left; }
.sidebar-left2 #main-content.six {
width: 66.6%;
float: right; }
.sidebar-left2 #right-sidebar.three {
width: 33.3%;
float: left; }
.sidebar-left #main-content.nine {
float: right; }
.sidebar-left #left-sidebar.three {
float: left; }
/* -----------------------------------------
Article thumb styling
----------------------------------------- */
article .entry-thumb, .single-post article.post .entry-thumb {
position: relative;
margin-bottom: 17px; }
article .entry-thumb .comments-link {
position: absolute;
top: 0;
left: 0;
background: rgb(255, 101, 101);
background: rgba(255, 101, 101, 0.7);
color: #fff;
padding: 11px 15px;
font-size: 12px;
font-weight: 300;
text-transform: uppercase; }
article .entry-thumb .comments-link:before {
content: "";
position: absolute;
left: 0;
bottom: -7px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 7px 0 0;
border-color: rgb(255, 101, 101) transparent transparent transparent;
border-color: rgba(255, 101, 101, 0.7) transparent transparent transparent; }
article .entry-thumb .comments-link:hover {
background: #ff6565; }
article .entry-thumb .comments-link:hover:before {
border-color: #ff6565 transparent transparent transparent; }
article .entry-thumb .comments-link a {
color: inherit; }
.post-media {
margin-bottom: 20px; }
article .entry-thumb img,
.slide-post.orbit img {
min-width: 100%;
display: block; }
/* -----------------------------------------
Posts / blog styling
----------------------------------------- */
article time {
display: inline; }
article .date {
width: 80px;
height: 80px;
display: block;
background: #c2d1d9;
color: #fff;
font-weight: 300;
text-align: center;
float: left;
margin-right: 20px; }
article .date .day {
display: block;
font-size: 34px;
line-height: 1.2;
padding-top: 8px;
font-weight: 600; }
article .date .month {
font-size: 14px; }
.horizontal .date {
float: none;
margin-bottom: 20px; }
article.post {
position: relative;
margin-bottom: 15px;
padding-bottom: 35px;
box-shadow: 0 1px 0 rgba(210, 211, 211, 0.4); }
article.post h3.entry-title {
font-size: 20px;
font-weight: 600;
color: #44505a;
margin-bottom: 5px; }
article.post h3.entry-title a {
color: inherit; }
article.post h3.entry-title a:hover {
color: #ff6565; }
article.post .entry-content {
margin-top: 20px;
overflow: hidden; }
article.post .entry-content .flex-video {
margin-bottom: 20px; }
article.post .post-format {
clear: left;
float: left;
margin-right: 20px;
width: 79px;
height: 50px;
font-size: 32px;
line-height: 55px;
text-align: center;
color: #7f878a;
box-shadow: 1px 0 rgba(194, 209, 217, 0.6); }
article.post .link-read-more {
background: #ff6565 url("/img/to-right.gif") center no-repeat;
display: block;
width: 31px;
height: 31px;
position: absolute;
z-index: 100;
bottom: 0;
right: 0;
opacity: 0;
transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out; }
article.post:hover .link-read-more {
opacity: 1; }
/* -----------------------------------------
Opened post
----------------------------------------- */
.post-social {
float: left;
width: 80px;
margin-right: 20px;
text-align: center; }
.post-social .count {
margin-top: 18px; }
h2.entry-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 25px;
font-weight: 600; }
article.post .post-format.clearfix {
margin-bottom: 20px; }
.about-author {
padding: 5px 0 25px; }
.author-photo {
float: left;
margin: 0 24px 10px 0; }
.author-photo img {
border-bottom: 3px solid #ff6565; }
.author-description > h4 {
font-weight: 700;
position: relative;
top: -4px;
margin-bottom: 4px; }
.author-description > h4 a {
color: inherit; }
.author-description > h4 span {
margin-left: 13px;
padding-left: 13px;
border-left: 1px solid #e4eef1;
display: inline-block;
font-size: 14px;
font-weight: 400;
color: #4f5559;
height: 20px;
line-height: 1.8em;
position: relative; }
.share-icons {
padding: 10px 0 20px; }
.share-icons a {
font-size: 14px;
margin-right: 10px;
color: #d2d2d2; }
.share-icons a:hover {
color: #ff6565; }
/* -----------------------------------------
Comments section
----------------------------------------- */
#comments {
margin-bottom: 55px; }
#comments > h3,
#respond > h3 {
font-size: 23px;
font-weight: 400; }
.commentlist {
margin: 0; }
.commentlist li {
list-style: none;
margin-bottom: 30px; }
.commentlist ul.children {
margin-top: 30px;
margin-left: 100px; }
.comment .ovh {
padding-left: 20px; }
.comment .avatar-box {
float: left;
position: relative; }
.comment .avatar-box:after {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 10px 0;
border-color: transparent #ffffff transparent transparent;
top: 50%;
margin-top: -5px;
right: 0; }
.comment-author {
font-size: 12px; }
.comment-author .fn {
font-style: normal;
padding-bottom: 0; }
.comment-author .dop-link {
margin-left: 13px;
padding-left: 13px;
border-left: 1px solid #e4eef1;
display: inline-block;
font-size: 14px;
font-weight: 400;
height: 25px;
line-height: 1.8em;
position: relative; }
.comment-author .dop-link a {
color: #4f5559;
margin-right: 10px; }
.comment-content p {
margin: 0; }
#respond h3,
#comments h3 {
margin-bottom: 25px;
padding-bottom: 20px; }
#comments h3 span {
color: #ff6565; }
#commentform {
padding-bottom: 15px; }
/* -----------------------------------------
Twitter row
----------------------------------------- */
.twitter-row {
position: relative;
min-height: 68px; }
.twitter-row a {
font-style: italic; }
.twitter-row .icon {
width: 68px;
height: 68px;
text-align: center;
float: left;
text-align: center;
background-color: #36bae2; }
.twitter-row .icon i {
color: #fff;
font-size: 26px;
line-height: 68px;
position: relative; }
.twitter-row .twitter-item {
color: #ffffff;
display: none; }
.twitter-row .twitter-item .date {
font-size: 14px;
color: #a7b1b7;
font-style: italic; }
.twitter-row .foot-tw-viewport .twitter-item {
display: block;
height: 60px; }
.tw-slider {
padding: 15px 0 0 105px; }
.foot-tw-direction-nav {
position: absolute;
right: 0;
top: 0;
width: 31px;
height: 65px; }
.foot-tw-direction-nav a {
display: block;
width: 31px;
height: 31px;
background-position: center;
background-repeat: no-repeat;
background-color: #88959c;
-moz-transition: background .2s linear;
-webkit-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear; }
.foot-tw-direction-nav a:hover {
background-color: rgba(136, 149, 156, 0.7); }
.foot-tw-prev {
margin-bottom: 3px;
background-image: url("/img/to-top.gif"); }
.foot-tw-next {
background-image: url("/img/to-bot.gif"); }
.foot-tw-direction-nav li {
display: inline; }
/* -----------------------------------------
Footer styling
----------------------------------------- */
#footer {
background: #464d51;
color: #a7b2b9;
font-weight: 300;
padding: 15px 0 30px 0; }
#footer address {
padding: 15px 0;
color: #fff;
line-height: 1.6; }
#footer .widget-title {
font-size: 18px;
margin-bottom: 25px;
color: #9facb3; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer .box-name {
color: #ffffff; }
#footer .dopinfo, #footer h6 {
color: inherit; }
#footer .soc-icons {
padding-left: 0; }
#footer .soc-icons a {
color: #8b929d;
font-size: 15px;
background: none;
width: auto;
padding-bottom: 20px;
height: auto;
text-align: center;
border-radius: 0;
text-indent: 0;
margin-right: 10px; }
#footer .soc-icons a:hover {
border-bottom: 2px solid #ff6565; }
.footer-menu li {
display: inline-block;
padding-left: 15px;
font-size: 12px; }
.footer-menu li.last {
margin: 0;
padding: 0;
background: none; }
.footer-menu {
float: right; }
.footer-menu a {
color: #cfd7da; }
#sub-footer {
background: #32373a;
color: #fff;
padding: 18px 0 10px 0; }
#sub-footer img {
float: left;
margin-right: 15px; }
#sub-footer .copyr {
font-size: 12px;
line-height: 2.5;
color: #8b9499; }
#sub-footer .copyr a {
color: #fff; }
/*--------------------------------------------------------------
* Social icons pack maded from Pictronic free icons
* https://pictonic.co/free
* https://pictonic.co/license
--------------------------------------------------------------*/
@font-face {
font-family: 'soc-icons';
src: url("../fonts/soc-icons.eot");
src: url("../fonts/soc-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/soc-icons.woff") format("woff"), url("../fonts/soc-icons.ttf") format("truetype"), url("../fonts/soc-icons.svg#soc-icons") format("svg");
font-weight: normal;
font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: 'soc-icons';
src: url("../fonts/soc-icons.svg#soc-icons") format("svg"); } }
.soc_icon-html5-01, .soc_icon-html5-02, .soc_icon-css3-01, .soc_icon-css3-02, .soc_icon-rus-vk-02, .soc_icon-rus-vk-01, .soc_icon-livejournal, .soc_icon-dropbox, .soc_icon-os-win-04, .soc_icon-dbs-mysql, .soc_icon-dbs-postgresql, .soc_icon-os-apple, .soc_icon-brw-chrome, .soc_icon-brw-safari-02, .soc_icon-brw-firefox, .soc_icon-brw-explorer, .soc_icon-brw-opera, .soc_icon-android, .soc_icon-instagram, .soc_icon-wordpress, .soc_icon-vimeo, .soc_icon-twitter-2, .soc_icon-twitter-3, .soc_icon-tumblr, .soc_icon-skype, .soc_icon-rss, .soc_icon-pinterest, .soc_icon-picasa, .soc_icon-paypal, .soc_icon-odnoklassniki, .soc_icon-mail, .soc_icon-linkedin, .soc_icon-last_fm, .soc_icon-google__x2B_, .soc_icon-google, .soc_icon-gmail, .soc_icon-foursquare_2, .soc_icon-flickr, .soc_icon-feedburner, .soc_icon-facebook, .soc_icon-evernote, .soc_icon-dribbble, .soc_icon-digg, .soc_icon-deviantart, .soc_icon-blogger, .soc_icon-behance, .soc_icon-youtube, .soc_icon-apple, .soc_icon-amazon {
font-family: 'soc-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased; }
.soc_icon-html5-01:before {
content: "\e001"; }
.soc_icon-html5-02:before {
content: "\e002"; }
.soc_icon-css3-01:before {
content: "\e003"; }
.soc_icon-css3-02:before {
content: "\e004"; }
.soc_icon-rus-vk-02:before {
content: "\e017"; }
.soc_icon-rus-vk-01:before {
content: "\e018"; }
.soc_icon-livejournal:before {
content: "\e021"; }
.soc_icon-dropbox:before {
content: "\e028"; }
.soc_icon-os-win-04:before {
content: "\e056"; }
.soc_icon-dbs-mysql:before {
content: "\e064"; }
.soc_icon-dbs-postgresql:before {
content: "\e065"; }
.soc_icon-os-apple:before {
content: "\e051"; }
.soc_icon-brw-chrome:before {
content: "\e07d"; }
.soc_icon-brw-safari-02:before {
content: "\e07f"; }
.soc_icon-brw-firefox:before {
content: "\e080"; }
.soc_icon-brw-explorer:before {
content: "\e081"; }
.soc_icon-brw-opera:before {
content: "\e082"; }
.soc_icon-android:before {
content: "\e085"; }
.soc_icon-instagram:before {
content: "\e0c2"; }
.soc_icon-wordpress:before {
content: "\e0c7"; }
.soc_icon-vimeo:before {
content: "\e0cc"; }
.soc_icon-twitter-2:before {
content: "\e0ce"; }
.soc_icon-twitter-3:before {
content: "\e0cf"; }
.soc_icon-tumblr:before {
content: "\e0d0"; }
.soc_icon-skype:before {
content: "\e0d5"; }
.soc_icon-rss:before {
content: "\e0da"; }
.soc_icon-pinterest:before {
content: "\e0db"; }
.soc_icon-picasa:before {
content: "\e0dc"; }
.soc_icon-paypal:before {
content: "\e0dd"; }
.soc_icon-odnoklassniki:before {
content: "\e0de"; }
.soc_icon-mail:before {
content: "\e0e4"; }
.soc_icon-linkedin:before {
content: "\e0e5"; }
.soc_icon-last_fm:before {
content: "\e0e6"; }
.soc_icon-google__x2B_:before {
content: "\e0ee"; }
.soc_icon-google:before {
content: "\e0ef"; }
.soc_icon-gmail:before {
content: "\e0f0"; }
.soc_icon-foursquare_2:before {
content: "\e0f2"; }
.soc_icon-flickr:before {
content: "\e0f6"; }
.soc_icon-feedburner:before {
content: "\e0f7"; }
.soc_icon-facebook:before {
content: "\e0f8"; }
.soc_icon-evernote:before {
content: "\e0f9"; }
.soc_icon-dribbble:before {
content: "\e0fa"; }
.soc_icon-digg:before {
content: "\e0fb"; }
.soc_icon-deviantart:before {
content: "\e0fc"; }
.soc_icon-blogger:before {
content: "\e101"; }
.soc_icon-behance:before {
content: "\e103"; }
.soc_icon-youtube:before {
content: "\e109"; }
.soc_icon-apple:before {
content: "\e106"; }
.soc_icon-amazon:before {
content: "\e107"; }
/* -----------------------------------------
Other
----------------------------------------- */
.light {
padding: 0 10px;
background: #ff6565;
color: #fff;
padding: 0 5px 2px; }
body.admin-bar {
padding-top: 30px; }
.delim {
display: inline-block;
padding-right: 5px;
margin-right: 5px;
height: 8px;
border-right: 1px solid #d2d3d3;
opacity: .6; }
/* -----------------------------------------
Language drop-down select
----------------------------------------- */
.lang-sel {
position: relative;
padding: 5px;
margin: 0 40px;
font-size: 12px; }
.lang-sel.hovered ul {
opacity: 1;
visibility: visible; }
.lang-sel img {
margin: 3px 10px 0 0;
float: left; }
.lang-sel a {
padding-bottom: 3px;
display: block;
color: inherit;
line-height: 1.5; }
.lang-sel strong {
margin-right: 10px; }
.lang-sel ul {
border: 1px solid #eaeced;
position: absolute;
top: 30px;
right: -10px;
padding: 0;
margin: 0;
list-style: none;
overflow: visible !important;
background: #ffffff;
background: rgba(255, 255, 255, 0.95);
opacity: 0;
visibility: hidden;
z-index: 9999;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
overflow: visible !important; }
.lang-sel ul > li {
position: relative; }
.lang-sel ul > li a {
color: inherit;
display: block;
padding: 3px 15px;
font-size: 12px;
font-weight: 300; }
.lang-sel ul > li:hover a {
color: #fff;
background-color: #ff6565; }
/* -----------------------------------------
Soc icons
----------------------------------------- */
.head-soc-icons span {
font-size: 11px;
text-transform: uppercase; }
.head-soc-icons .soc-icons {
display: inline-block;
padding: 3px 0 0 10px; }
.in-content-social {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #f4f4f4; }
.in-content-social .soc-icons a {
background: none;
font-size: 16px;
width: auto;
height: auto;
color: #d2d2d2;
margin-right: 15px; }
/* -----------------------------------------
Social icons colors
----------------------------------------- */
.soc-icons a {
color: #fff;
font-size: 11px;
width: 19px;
height: 19px;
margin-right: 2px;
border-radius: 2px;
line-height: 19px;
background: #ff4a35;
display: inline-block;
text-align: center; }
.soc-icons a:hover {
opacity: .6; }
.soc-icons a.tw {
background: #00b0e4; }
.soc-icons a.fb {
background: #2273b2; }
.soc-icons a.rss, .soc-icons a.li {
background: #ff9a00; }
.soc-icons a.gp {
background: #ff4a35; }
.soc-icons a.vi {
background: #2ea1af; }
.soc-icons a.in {
background: #205877; }
/* -----------------------------------------
Searchform
----------------------------------------- */
#searchform {
position: relative; }
#searchform .btn {
background: url(/img/search-go-big.png) no-repeat 50% 50%;
width: 21px;
height: 20px;
overflow: hidden;
text-indent: -999em;
position: absolute;
margin: 0;
top: 6px;
right: 5px;
border: none;
cursor: pointer; }
#top-panel #searchform input {
margin: 0;
font-size: 12px;
margin: 0 0 12px 0;
padding: 5px 5px 5px 13px;
height: 28px; }
#top-panel #searchform .btn {
background: url(/img/search-go.png) no-repeat 50% 50%;
top: 0; }
/* -----------------------------------------
Stunning headers
----------------------------------------- */
.page-title-inner {
color: #fff;
display: table; }
.page-title-inner h1.page-title {
display: table-cell;
padding: 35px 35px 35px 0;
height: 140px;
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.3);
vertical-align: middle; }
.page-title-inner h1.page-title a {
color: #fff;
border-bottom: 1px dotted; }
.page-title-inner .subtitle {
font-size: 23px;
font-weight: 300;
padding: 35px 35px 35px 35px;
display: table-cell;
height: 140px;
vertical-align: middle; }
/* -----------------------------------------
Breadcrumbs
----------------------------------------- */
.breadcrumbs {
padding: 13px 15px;
background: #ff6565;
color: #fff;
font-size: 12px;
text-transform: uppercase;
position: absolute;
right: 0;
bottom: 0; }
.breadcrumbs a {
color: inherit; }
.breadcrumbs .del {
font-size: 14px;
line-height: 12px;
padding: 0 8px; }
/* -----------------------------------------
Navigation
----------------------------------------- */
.page-nav {
overflow: hidden;
clear: both;
margin: 30px 0 20px; }
.page-nav .older,
.page-nav .newer {
display: inline-block;
width: 22px;
height: 22px;
margin-right: 10px;
text-align: center;
border: 2px solid;
position: relative;
text-indent: -999em; }
.page-nav a:before {
text-indent: 0;
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 18px;
font-size: 11px;
line-height: 20px;
left: 0;
text-align: center;
font-variant: normal;
text-transform: none;
position: absolute; }
.page-nav .older:before {
content: '\e805'; }
.page-nav .newer:before {
content: '\e806'; }
/* -----------------------------------------
To-top button
----------------------------------------- */
.backtotop {
position: fixed;
right: 20px;
bottom: 20px;
width: 45px;
height: 45px;
display: block;
z-index: 99999999;
border-radius: 100em;
behavior: url(border-radius.htc); }
.backtotop:before {
content: '\e75f';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 40px;
font-size: 23px;
line-height: 36px;
left: 0;
text-align: center;
font-variant: normal;
text-transform: none;
position: absolute; }
.backtotop.hidden {
bottom: -100px; }
/* -----------------------------------------
Panel block
----------------------------------------- */
.panel-sh {
background: whitesmoke;
position: relative;
padding: 25px 23px;
line-height: 1.6; }
.panel-sh p {
margin: 0;
line-height: 1.6; }
/* -----------------------------------------
3-rd party plugins
----------------------------------------- */
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {
width: 100% !important; }
@media screen and (min-width: 1220px) {
aside .fb-like-box, aside .fb-like-box span, aside .fb-like-box span iframe[style] {
width: auto !important; } }
.easyPieChart {
position: relative;
text-align: center; }
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0; }
/* -----------------------------------------
Icons for post formats
----------------------------------------- */
.icon-format {
height: 31px;
display: block;
text-align: center;
float: left; }
.icon-format i:before {
content: '\e018';
font-size: 24px;
text-align: left;
position: relative;
top: 4px; }
.icon-format.gallery i:before {
content: '\e01b'; }
.icon-format.video i:before {
content: '\e005'; }
/* -----------------------------------------
Images and gallery
----------------------------------------- */
.gallery {
margin: 10px 0;
margin-left: -4px; }
.gallery-item {
float: left;
margin: 0 10px 10px 0;
overflow: hidden;
position: relative; }
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail,
.gallery-columns-4.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px; }
.gallery-columns-1 .gallery-item {
max-width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
text-align: center; }
.gallery-columns-3 .gallery-item {
max-width: 31%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
text-align: center; }
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px); }
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px); }
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0; }
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
width: 100%; }
.gallery-caption:before {
box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%; }
.gallery-item:hover .gallery-caption {
opacity: 1; }
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none; }
.gallery:before,
.gallery:after {
content: "";
display: table; }
.wp-caption {
max-width: 100%;
/* Keep wide captions from overflowing their container. */
padding: 4px; }
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
font-style: italic;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2; }
.alignleft {
float: left;
margin: 0 20px 10px 0; }
.alignright {
float: right;
margin: 0 0 10px 20px; }
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.req-clearing-container .carousel {
overflow: hidden;
padding-left: 1px; }
/* -----------------------------------------
Flip boxes
----------------------------------------- */
.flipbox {
display: block;
position: relative;
-webkit-perspective: 600px;
-moz-perspective: 600px; }
.flipbox .front,
.flipbox .back {
float: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 900;
width: inherit;
height: inherit; }
.flipbox .front > div {
width: 100%;
height: 100%;
position: absolute;
background-position: 50% 0; }
.flipbox .back {
z-index: 700; }
.ie .flipbox {
overflow: hidden; }
.ie .flipbox .back {
z-index: 1000;
top: 300px; }
/* -----------------------------------------
Social share panel
----------------------------------------- */
#social-share {
background: #f7f7f7;
padding: 6px;
border: 1px solid #e8e8e8; }
#social-share .post-like {
display: inline-block;
width: 19%;
text-align: center;
height: 24px;
line-height: 26px; }
#social-share .post-like a, #social-share .post-like .alreadyvoted {
display: inline-block;
width: 22px;
height: 13px;
position: relative;
padding-right: 7px; }
#social-share .post-like a:before, #social-share .post-like .alreadyvoted:before {
position: absolute;
left: 0;
top: 0;
color: #c3c3c3;
content: "\e304";
font-family: 'moon';
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
-webkit-font-smoothing: antialiased; }
#social-share .post-like .count {
position: relative;
top: -1px; }
#social-share > span {
display: inline-block;
height: 24px;
line-height: 26px;
border-left: 1px solid #e8e8e8;
width: 19%;
text-align: center; }
#social-share > span:first-child {
border-left: none; }
#social-share a {
color: inherit; }
#social-share i {
color: #c3c3c3;
padding: 0 7px 0 0;
font-size: 15px; }
#social-share .total {
position: relative;
top: -1px; }
/* -----------------------------------------
Page prev-next navigation
----------------------------------------- */
.pages-nav {
padding: 60px 0 30px 0;
border-bottom: 1px solid #e4eef1; }
.pages-nav:after {
content: "";
position: absolute;
left: 50%;
margin-left: -6px;
top: 60%;
width: 11px;
height: 11px;
background: url("/img/row-nav.gif") center no-repeat; }
.pages-nav .to-folio {
margin: 0 auto;
width: 15px;
height: 2em;
position: absolute;
left: 50%;
margin-left: -7px;
top: 50%;
z-index: 10; }
.pages-nav a {
display: block;
color: #ff6565; }
.pages-nav .prev-link {
float: left;
padding-left: 20px;
position: relative; }
.pages-nav .prev-link:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 11px;
background: url("/img/row-nav.gif") 0 0 no-repeat; }
.pages-nav .next-link {
float: right;
padding-right: 20px;
position: relative;
text-align: right; }
.pages-nav .next-link:before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 6px;
height: 11px;
background: url("/img/row-nav.gif") right 0 no-repeat; }
.promo_row_module img {
margin-right: 10px;
float: left;
position: relative;
margin-top: -6px; }
.promo_row_module h1, .promo_row_module h2, .promo_row_module h3, .promo_row_module h4, .promo_row_module h5, .promo_row_module h6 {
margin: 0; }
.promo_row_module h2 {
margin-bottom: 10px; }
span.normal-font {
font-weight: 300; }
.read-more {
padding-right: 12px;
margin-top: 10px;
display: inline-block;
background: url("/img/more-right.gif") right center no-repeat;
color: #929292;
padding-bottom: 2px; }
.read-more:hover {
color: inherit; }
.padding-top-90 h6 {
margin: 8px 0; }
.textwidget h2 {
margin-bottom: 0;
margin-top: 0;
color: inherit; }
.promo-text {
font-weight: 300; }
.promo-text p {
clear: both;
padding: 15px 0;
margin: 0; }
.promo-text li {
opacity: .9;
padding: 7px 0; }
.promo-text em {
position: relative;
top: 3px; }
.no-menu-box {
text-align: center;
padding-top: 95px; }
.fixed .no-menu-box {
padding-top: 10px; }
.back-to-top {
display: block;
width: 31px;
height: 31px;
position: absolute;
z-index: 100;
top: 0;
right: 0;
background: #ff6565 url("/img/to-top.gif") center no-repeat; }
/* -----------------------------------------
Thumbs hover
----------------------------------------- */
.entry-thumb {
position: relative;
display: block;
overflow: hidden;
line-height: .5; }
.entry-thumb > img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-webkit-transition: -webkit-transform .4s ease-in-out;
-moz-transition: -moz-transform .4s ease-in-out;
-o-transition: -o-transform .4s ease-in-out;
transition: transform .4s ease-in-out; }
.entry-thumb:hover > img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1); }
.entry-thumb a.link {
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
text-align: center;
opacity: 0; }
.entry-thumb a.link:before {
font-family: 'moon';
font-style: normal;
font-weight: normal;
speak: none;
display: block;
width: 100%;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
content: "\e478";
color: #ff6565;
font-size: 2.3em;
position: absolute;
top: 50%;
margin-top: -16px; }
.entry-thumb.prod-image-wrap a.link:before {
font-family: "fontello";
content: '\e013';
font-size: 54px;
margin-top: -28px; }
.entry-thumb a.link:hover {
opacity: 1;
background: rgba(0, 0, 0, 0.5); }
.entry-thumb a.link:hover:before {
display: block; }
.widget_custom_menu_widget-1 li.menu-item {
display: inline-block;
margin-right: 10px; }
/* -----------------------------------------
Page numbers
----------------------------------------- */
.page-numbers {
display: block; }
.page-numbers li {
display: block;
float: left;
font-size: 15px;
margin-right: 2px;
border: 1px solid #e4eef1; }
.page-numbers li a {
display: block;
padding: 3px 12px;
color: inherit;
-moz-transition: background .3s linear;
-webkit-transition: background .3s linear;
-o-transition: background .3s linear;
transition: background .3s linear; }
.page-numbers li:hover a,
.page-numbers li a:focus {
background: #36bae2;
color: white; }
.page-numbers li.unavailable a {
cursor: default;
color: inherit; }
.page-numbers li.unavailable:hover a, .page-numbers li.unavailable a:focus {
background: transparent; }
.page-numbers li.current a {
background: #36bae2;
color: white;
font-weight: bold;
cursor: default; }
.page-numbers li.current a:hover, .page-numbers li.current a:focus {
background: #36bae2; }
.page-numbers li span:hover a,
.page-numbers li span a:focus {
background: #36bae2;
color: white; }
.page-numbers li span.current {
background: #36bae2;
padding: 3px 12px;
color: white;
cursor: default; }
/* -----------------------------------------
-- Horisontal tabs
----------------------------------------- */
.tabs, .filter {
list-style: none; }
.tabs {
border-color: #e0e0e0; }
.tabs dd i,
.tabs li i {
font-size: 20px;
padding-right: 15px; }
.filter li a {
color: inherit; }
.recent-block .tabs dd {
border: none !important; }
.tabs dd a,
.tabs li a {
font-size: 12px;
font-weight: 400;
border-right: 1px solid #75cde8;
color: #fff;
font-size: 14px; }
.tabs dd.active a,
.tabs li.active a {
border: 1px solid #eceff0;
border-bottom: none;
margin-bottom: 1px;
color: #44505a; }
.tabs.horisontal dd a,
.tabs.horisontal li a {
background-color: #36bae2;
border-bottom: 1px solid #eceff0;
padding: 15px 25px;
text-align: center; }
.tabs.horisontal dd,
.tabs.horisontal li {
display: inline-block;
float: left;
margin-bottom: 10px; }
.tabs.horisontal dd.active a,
.tabs.horisontal li.active a {
background-color: #ffffff;
border-bottom: none; }
ul.tabs-content.contained > li {
border: none;
padding: 30px 0 0 0;
width: 100%; }
ul.tabs-content .mini-news .entry-summary {
margin-top: 0;
padding-top: 0; }
ul.tabs-content > li {
display: none; }
ul.tabs-content > li.active {
display: block; }
.widget_crum_widget_tabs .icon-format {
font-size: 30px;
margin-right: 20px; }
.widget_crum_crum_widget_tabs .tabs dd,
.widget_crum_crum_widget_tabs .tabs li {
width: 33.3%;
max-width: 150px; }
.widget_crum_crum_widget_tabs .tabs a {
display: block; }
/* -----------------------------------------
-- Vertical tabs
----------------------------------------- */
.tabs.vertical dd.active,
.tabs.vertical li.active {
border: none;
margin: 0; }
.tabs.vertical dd.active .icon,
.tabs.vertical li.active .icon {
background: #28b6dc; }
.tabs.vertical dd.active a,
.tabs.vertical li.active a {
border: none;
background: #2dafd6;
color: #fff;
margin: 0; }
.tabs.vertical dd.active i,
.tabs.vertical li.active i {
color: #fff; }
.tabs.vertical dd a,
.tabs.vertical li a {
border: none;
display: block;
position: relative;
font-size: 14px;
height: auto;
line-height: 1.2;
padding: 10px 15px;
background: #36bae2; }
.tabs.vertical dd a .tab-title,
.tabs.vertical li a .tab-title {
padding: 7px 15px 7px 0;
margin-right: 32px;
display: block; }
.tabs.vertical dd a .icon,
.tabs.vertical li a .icon {
display: block;
position: absolute;
top: 0;
height: 100%;
width: 50px;
right: 0;
text-align: center;
line-height: 2.5;
background: #63c9e8; }
.tabs.vertical dd i,
.tabs.vertical li i {
padding-right: 0; }
.filter li {
float: left; }
.filter li a {
position: relative; }
.filter li.active a:after {
height: 3px;
opacity: 1; }
.filter li a:after {
content: "";
height: 0;
opacity: 0;
width: 24px;
background: #ff6565;
position: absolute;
bottom: -10px;
left: 0;
max-width: 60%; }
.filter li a:hover::after {
height: 3px;
opacity: 1;
bottom: -10px; }
.tabs.horisontal.no-styling {
margin: 0;
padding: 0; }
.tabs.horisontal.no-styling dd,
.tabs.horisontal.no-styling li {
height: auto;
line-height: 1; }
.tabs.horisontal.no-styling dd a {
color: inherit;
text-transform: uppercase;
font-size: 12px; }
.tabs.horisontal.no-styling dd.active a {
color: #ff6565; }
ul.tabs-content.contained.folio-wrap > li {
padding: 7px 0 0 0;
list-style: none; }
/* -----------------------------------------
Buttons
----------------------------------------- */
.button, #wp-submit, #commentform #submit {
width: auto;
background: #36bae2;
box-shadow: 0 3px #1da0c8;
color: #fff;
font-weight: 900;
cursor: pointer;
position: relative;
display: inline-block;
font-size: 14px;
margin: 0;
padding: 12px 32px;
position: relative;
text-align: center;
border-radius: 2px;
border: none;
-webkit-transition: none;
-moz-transition: none;
transition: none; }
.button:hover, #wp-submit:hover, #commentform #submit:hover {
color: #fff;
background: #20b2de; }
.button:active, #wp-submit:active, #commentform #submit:active {
box-shadow: 0 1px #1da0c8;
top: 2px; }
.button.flat, .button.button-primary, #wp-submit.flat, #wp-submit.button-primary, #commentform #submit.flat, #commentform #submit.button-primary {
box-shadow: none;
font-size: 14px;
font-weight: 300; }
.button.flat:hover, .button.button-primary:hover, #wp-submit.flat:hover, #wp-submit.button-primary:hover, #commentform #submit.flat:hover, #commentform #submit.button-primary:hover {
color: #fff;
background: #1da0c8; }
.button.flat:active, .button.button-primary:active, #wp-submit.flat:active, #wp-submit.button-primary:active, #commentform #submit.flat:active, #commentform #submit.button-primary:active {
background: #167d9c; }
.button.square, #wp-submit.square, #commentform #submit.square {
border-radius: 0; }
.button-icon {
padding-right: 55px; }
.button-icon .icon {
position: absolute;
top: 50%;
margin: -14px 10px 0 0;
right: 0;
width: 40px;
height: 28px;
line-height: 28px;
font-size: 18px; }
input.button[type="submit"], input.medium.button[type="submit"] {
padding: 8px 20px; }
.buttons .button.checkout {
margin-left: 2%;
color: #fff; }
.button.small {
font-size: .9em;
font-weight: 400;
padding: 7px 15px; }
.button.large {
font-size: 2em;
font-weight: 400;
padding: 12px 30px; }
.button.white {
color: #fff;
background-color: transparent;
border: 2px solid #ffffff;
padding: 10px 25px;
border-radius: 2px;
box-shadow: none; }
.button.white:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.3);
border-color: #ffffff;
box-shadow: none;
top: 0; }
.button.green {
color: #fff;
background-color: #2ecc71;
box-shadow: 0 3px #29b564; }
.button.green:hover {
color: #fff;
background: #33d176; }
.button.green:active {
box-shadow: 0 1px #29b564;
top: 2px; }
.button.red, #wp-submit.button-primary, #commentform #submit {
color: #fff;
background-color: #ff6565;
box-shadow: 0 3px #d76565; }
.button.red:hover, #wp-submit.button-primary:hover, #commentform #submit:hover {
color: #fff;
background: #ff4b4b; }
.button.red:active, #wp-submit.button-primary:active, #commentform #submit:active {
box-shadow: 0 1px #D76565;
top: 2px; }
a.text-button {
display: inline-block;
border: 2px solid #fff;
background: transparent;
color: #fff;
padding: 9px 25px;
font-size: 14px;
border-radius: 2px;
text-transform: uppercase; }
a.text-button:hover {
background: rgba(255, 255, 255, 0.3);
border: 2px solid #fff; }
a.button.text-button {
border: 2px solid #8cd6ef; }
a.button.text-button:hover {
border: 2px solid #8cd6ef; }
/* -----------------------------------------
Alert boxes
----------------------------------------- */
div.alert-box {
border-color: #f1f1f1;
background: #fff;
border-left: 3px solid #f1f1f1;
font-size: inherit;
text-shadow: none;
font-weight: normal;
color: inherit;
padding: 13px; }
div.alert-box.alert {
background-color: inherit;
text-shadow: none;
border-left: 3px solid #f37a6b;
color: inherit; }
div.alert-box.success {
background-color: inherit;
text-shadow: none;
border-left: 3px solid #4e9a21;
color: inherit; }
/* -----------------------------------------
Thumbnails hover
----------------------------------------- */
/* portfolio items hover */
.entry-thumb {
position: relative; }
.entry-thumb:hover .hover-box:before {
border-bottom-width: 27px;
border-left-width: 27px; }
.entry-thumb:hover .hover-box:after {
border-top-width: 27px;
border-right-width: 27px; }
.hover-box {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF;
opacity:0.0;
filter: alpha(opacity = 0);
}
.portfolio-item a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100; }
.hover-box .more-link,
.hover-box .zoom-link {
display: block;
width: 48px;
height: 48px;
position: absolute;
top: 50%;
margin-top: -24px;
opacity: 0; }
.hover-box .more-link {
background: url(/img/hover-link.png) no-repeat 50% 50%;
margin-right: -60px;
right: 0; }
.hover-box .zoom-link {
background: url(/img/hover-search.png) no-repeat 50% 50%;
margin-left: -60px;
left: 0; }
.hover-box:hover .zoom-link, .zoom:hover .zoom-link,
.hover-box.hovered .zoom-link, .zoom.hovered .zoom-link {
opacity: 1;
left: 50%; }
.hover-box:hover .more-link, .hover-box.hovered .more-link {
opacity: 1;
right: 50%; }
.hover-box:hover .post-like, .hover-box.hovered .post-like {
display: block; }
.hover-box {
/* portfolio items hover */ }
.hover-box .post-like {
display: none;
position: absolute;
bottom: 15px;
left: 15px;
color: #fff;
font-size: 13px;
line-height: 1.3; }
.hover-box .like {
background: url(/img/vote-heart.png) no-repeat;
width: 16px;
height: 14px;
display: block;
float: left;
margin-right: 10px;
-moz-transition: all 0.2s ease-out 0.1s;
-webkit-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s; }
/* -----------------------------------------
Pricing Table
----------------------------------------- */
.pricing-table {
border: solid 2px #f0f0f0;
margin-bottom: 1.42857em;
list-style: none;
padding: 0;
margin: 0;
position: relative; }
.pricing-table * {
list-style: none;
line-height: 1; }
.pricing-table .title {
background-color: #f7f7f7;
padding: 2.14286em;
text-align: left;
color: #5d6568;
font-size: 1em;
border-radius: 0;
position: relative;
line-height: 1.3;
font-weight: 300; }
.pricing-table .title .icon {
font-size: 2.85714em;
color: #ff6565; }
.pricing-table .title .nazv {
font-size: 1.71429em;
font-weight: 400;
display: block;
margin: 1.28571em 0; }
.pricing-table .title .item-price {
display: block;
margin: 1.28571em 0; }
.pricing-table .title .price {
font-size: 1.78571em; }
.pricing-table .title .period {
font-size: 1em; }
.pricing-table .mini-desc {
line-height: 1.5; }
.pricing-table .bullet-item {
padding: 1.21429em 2.14286em;
text-align: left;
color: #5d6568;
font-size: 1em;
line-height: 1.3;
font-weight: normal;
border-bottom: 1px solid #f0f0f0; }
.pricing-table .bullet-item:last-child {
border-bottom: none; }
.pricing-table .cta-button {
text-align: left;
padding: 1.42857em 1.42857em 1.42857em 1.42857em; }
.pricing-table:hover {
border: 2px solid #36bae2; }
.pricing-table:hover::before {
position: absolute;
right: 0;
top: 0;
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 18px 18px 0;
border-color: transparent #36bae2 transparent transparent;
z-index: 10; }
.pricing-table:hover::after {
position: absolute;
right: 0;
top: 0;
content: "";
background: url("/img/check.gif") center no-repeat;
width: 10px;
height: 11px;
z-index: 20; }
.pricetable-featured .pricing-table .title {
background-color: #ff6565;
color: #fff; }
.pricetable-featured .pricing-table .title .icon {
color: #fff; }
.pricetable-column {
float: left;
padding: 0 10px; }
.pricetable-first {
padding-left: 0; }
.pricetable-last {
padding-right: 0; }
/* -----------------------------------------
Page contacts
----------------------------------------- */
.page-block-title {
padding-bottom: 12px;
margin-bottom: 15px; }
.anti-spam-question {
padding-top: 10px; }
.cont-text {
margin-bottom: 20px; }
#map {
height: 540px;
width: 100%;
margin: 0 0 35px 0; }
.map-holder {
position: relative; }
.map-holder .box-text {
position: absolute;
margin: 20px 20px 0 0;
top: 0;
right: 0;
color: #fff;
padding: 25px;
background: #36bae2;
max-width: 350px; }
.map-holder .box-text strong {
font-weight: 400; }
.map-holder .box-text p {
font-weight: 300;
margin-bottom: 1em;
line-height: 2; }
.map-holder .box-text #qr_code {
margin-top: 20px; }
.map-holder *, .map-holder *:before, .map-holder *:after {
-moz-box-sizing: content-box!important;
-webkit-box-sizing: content-box!important;
box-sizing: content-box!important;
}
.map-holder img {
max-width: none;
}
.map-holder label {
width: auto;
display: inline;
}
.map-holder .noscroll {
line-height:1.35;
overflow:hidden;
white-space:nowrap;
text-align: center;
}
#page_feedback {
padding: 30px 48px;
background: whitesmoke;
margin-bottom: 20px; }
/* -----------------------------------------
Porfolio Page
----------------------------------------- */
.sort-panel {
margin-bottom: 20px;
clear: both; }
.sort-panel a {
padding: 0 20px 0 0; }
.works-list {
clear: both; }
.project {
margin-bottom: 20px; }
.three.columns.project {
margin-bottom: 30px; }
.project .entry-thumb {
margin-bottom: 0; }
.project.round .entry-thumb > img {
border-radius: 100%;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none; }
.project.round .entry-thumb .hover-box {
border-radius: 100%; }
.project.round .entry-thumb:hover .hover-box:before,
.project.round .entry-thumb:hover .hover-box:after {
display: none; }
.project-title {
text-transform: uppercase; }
.project .entry-content {
margin-top: 20px; }
.project.one-photo {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #efefef; }
.project.one-photo .entry-thumb img {
min-width: 100%; }
.single-my-product .project.one-photo {
padding-bottom: 0;
border: none; }
.project-info {
margin: -2px 0 3px;
font-size: 12px;
text-transform: uppercase; }
.person-list {
list-style: none;
padding: 20px 0;
font-style: italic; }
.one-photo .person-list {
padding: 20px 0; }
.person-list li {
padding-bottom: 9px;
font-size: 13px; }
.folio-item .entry-thumb {
line-height: .1;
margin-bottom: 8px; }
.folio-item .dopinfo {
text-transform: uppercase;
font-size: 12px; }
/* Single portfolio item*/
.portfolio-item-title {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px; }
.single-my-product .person-list li {
font-size: 14px; }
.one-photo li {
padding-bottom: 5px; }
.one-photo .project .entry-content {
padding-top: 10px; }
.person-list strong {
font-weight: normal; }
.person-list b {
padding-right: 5px;
font-size: 11px;
font-weight: normal; }
.project.four, #grid-folio .project {
margin-bottom: 35px; }
.project .box-name, #grid-folio .project .box-name {
margin-top: 10px;
margin-bottom: 2px; }
.project.four .project-title, .project.four .project-info, #grid-folio .project .project-info, #grid-folio .project .project-title {
text-align: center; }
.project-social > div {
float: left;
width: 80px; }
/* -----------------------------------------
Single Porfolio Page
----------------------------------------- */
.single-folio-video {
margin-bottom: 40px;
overflow: hidden; }
#my-work-slider {
clear: both;
position: relative; }
#my-work-slider > img {
display: none; }
#my-work-slider:hover .my-work-control-thumbs {
opacity: 1; }
#my-work-slider .my-work-control-thumbs {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
bottom: 18px;
left: 19px;
opacity: 0;
transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out; }
#my-work-slider .my-work-control-thumbs li {
float: left;
margin-right: 10px;
padding: 0;
line-height: .5;
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
cursor: pointer; }
.folio-dopinfo {
height: 52px;
line-height: 52px;
border-bottom: 1px solid #eeeeee;
margin-bottom: 20px;
color: #929da0;
font-size: 0.85714em; }
.folio-dopinfo a {
color: inherit; }
.folio-dopinfo i {
display: block;
float: left;
position: relative;
width: 52px;
height: 52px;
color: #fff;
background: #ff6565;
margin-right: 17px; }
.folio-dopinfo i:before {
line-height: 52px;
position: absolute;
width: 100%;
left: 0;
top: 0;
text-align: center;
font-size: 30px;
margin: 0 0 0 3px; }
.folio-info .tabs {
margin: 0;
padding: 0;
list-style: none;
margin-top: 13px; }
.folio-info .tabs-content {
background: #f7f7f7;
border: 1px solid #dfdfdf;
padding: 25px; }
.folio-info .tabs.horisontal dd {
display: inline-block;
float: left; }
.folio-info .tabs.horisontal dd.active:first-child a {
margin-left: 0; }
.folio-info .tabs.horisontal dd.active a {
background: #f7f7f7;
border-color: #dfdfdf;
bottom: -1px;
position: relative;
margin: 0 1px; }
.folio-info ul.tabs-content.contained > li {
padding-top: 10px; }
/* -----------------------------------------
Grid posts
----------------------------------------- */
#grid-folio .project {
width: 33%;
float: left;
border-bottom: 1px dotted #e8e8e8;
padding-bottom: 10px;
margin-bottom: 30px; }
#grid-folio .project {
border-bottom: 0; }
#grid-folio.col-4 .project {
width: 25%; }
#grid-posts.col-2 article.small-news {
width: 50%;
border-bottom: 1px dotted #e8e8e8;
padding-bottom: 10px;
margin-bottom: 30px; }
#grid-posts .orbit img.fluid-placeholder, #grid-posts.col-2.and-side .orbit img.fluid-placeholder {
max-height: 250px; }
#grid-posts.col-2 .orbit img.fluid-placeholder {
max-height: 280px; }
#grid-posts .entry-summary {
clear: both; }
/* -----------------------------------------
-- Image module
----------------------------------------- */
.module {
clear: both; }
.image_module {
line-height: .5; }
.video-box {
float: none;
display: block;
clear: both;
width: 100%; }
.tabs_module .tabs {
padding-top: 13px; }
/* -----------------------------------------
Call to action block
----------------------------------------- */
.to-action-block .block-title p {
font-size: 20px;
line-height: 1.3;
font-weight: 600; }
.to-action-block .block-title p span {
font-weight: 300; }
.to-action-block p {
margin: 0; }
.to-action-block .description {
color: #889295;
font-size: 13px;
text-transform: uppercase; }
.to-action-block .button-holder {
text-align: center; }
.to-action-block .text-holder {
text-align: right;
padding-right: 20px; }
/* -----------------------------------------
Latest gallery
----------------------------------------- */
.gallery-wrap {
margin-left: -1%; }
.gallery-wrap .folio-item {
float: left;
position: relative;
margin-left: 1%; }
.gallery-wrap .folio-item a.more-link span {
top: 30px; }
.twelve > .gallery-wrap > .folio-item > img {
min-width: 100%;
display: block; }
.twelve > .gallery-wrap > .folio-item {
width: 32.3%; }
.crum_galleries_widget .entry-thumb, .widget_crum_galleries_widget .entry-thumb {
margin-bottom: 0; }
/* -----------------------------------------
Team-member item
----------------------------------------- */
.team_module .block-title {
color: inherit; }
.team_module.left-avatar .avatar {
margin-bottom: 0;
margin-right: 20px;
float: left; }
.team_module.left-avatar .team_member_box .soc-icons {
padding-top: 0; }
.team_member_box .avatar {
min-height: 180px;
margin-bottom: 25px; }
.team_member_box .block-title {
font-size: 18px; }
.team_member_box .dopinfo {
padding-top: 0;
color: inherit;
text-transform: uppercase;
opacity: .7; }
.team_member_box .text {
margin-top: 14px;
padding-top: 15px;
padding-bottom: 20px;
position: relative;
line-height: 1.5;
font-weight: 300;
opacity: .8;
overflow: hidden; }
.team_member_box .text:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 3px;
background: #ff6565; }
.team_member_box .soc-icons {
box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
padding-top: 20px; }
.team_member_box .soc-icons a {
color: inherit;
background: none;
font-size: 12px;
margin-right: 7px;
opacity: .7; }
.team_member_box .soc-icons a:hover {
opacity: 1;
color: inherit; }
/* -----------------------------------------
-- Feature block with image
----------------------------------------- */
.features_module_img {
margin-left: -3px; }
.feature-block-image .picture {
margin-bottom: 20px;
position: relative;
line-height: .5; }
.feature-block-image .picture:before {
display: block;
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
width: 0px;
height: 0px;
border-style: solid;
border-width: 32px 0 0 32px;
border-color: transparent transparent transparent #ff6565;
-moz-transition: border-width .2s linear;
-webkit-transition: border-width .2s linear;
-o-transition: border-width .2s linear;
transition: border-width .2s linear; }
.feature-block-image .picture:after {
display: block;
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
width: 32px;
height: 32px;
background: url("/img/plus.gif") 6px 18px no-repeat;
-moz-transition: background-position .2s linear;
-webkit-transition: background-position .2s linear;
-o-transition: background-position .2s linear;
transition: background-position .2s linear; }
.feature-block-image .picture:hover:before {
border-width: 64px 0 0 64px; }
.feature-block-image .picture:hover:after {
background-position: 18px 6px; }
.feature-block-image .feature-title {
padding-top: 24%;
width: 100%;
margin-bottom: 5px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
text-align: center;
display: block;
line-height: 1;
font-size: 46px;
font-weight: 900; }
.feature-block-image .feature-title .subtitle {
font-size: 12px;
font-weight: 300;
text-transform: uppercase;
color: inherit;
position: relative;
top: -3px; }
.feature-block-image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100; }
.feature-block-image .content {
padding-bottom: 24px;
border-bottom: 1px solid #f2f2f2; }
/* -----------------------------------------
-- 4 tiles block
----------------------------------------- */
.tiles-block .tile-item {
width: 135px;
height: 135px;
margin: 0 3px 3px 0;
float: left; }
.tiles-block .tile-item .front {
text-align: center; }
.tiles-block .tile-item .back {
padding: 10px;
font-weight: 300; }
.tiles-block .tile-item i {
line-height: 125px;
font-size: 48px;
color: #a4eeff; }
.tiles-block .tile-item a.link {
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0; }
.tiles-block .tile-title {
position: absolute;
bottom: 10px;
left: 15px;
font-weight: 300;
text-align: left; }
/* -----------------------------------------
Charts features block
----------------------------------------- */
.charts-box {
margin-right: 70px;
position: relative; }
.charts-box canvas {
margin: 0 auto 0 20px;
display: block; }
.charts-box i {
display: inline-block;
color: inherit; }
.charts-box .percent {
font-size: 47px;
line-height: 1;
color: inherit;
padding-bottom: 15px;
border-bottom: 2px solid #ff6565;
font-weight: 300;
display: block;
float: left;
margin-right: 20px; }
.charts-box .percent span {
font-size: 27px;
position: relative;
top: -12px; }
.charts-box .title {
overflow: hidden;
color: inherit; }
.charts-box .block-title, .charts-box .dopinfo {
color: inherit; }
.charts-box .dopinfo {
text-transform: uppercase;
font-weight: 300;
font-size: 12px;
opacity: .9; }
.charts-box .text {
position: relative;
line-height: 1.5;
font-weight: 300;
padding-top: 20px;
opacity: .9;
clear: both; }
.chart-wrapper {
width: 300px;
display: block;
position: absolute;
top: 0;
left: 0;
text-align: center; }
.charts-box.normal {
margin-top: 24px; }
.charts-box.normal .chart-wrapper {
width: 270px; }
.charts-box.normal .chart-wrapper i {
margin: 84px 0 0 -5px;
font-size: 2.8em; }
.charts-box.normal canvas {
margin-bottom: 53px; }
.charts-box.large .chart-wrapper i {
margin: 100px 0 0 0;
font-size: 3em; }
.charts-box.large canvas {
margin-bottom: 32px; }
/* -----------------------------------------
News row
----------------------------------------- */
.news-row .item {
margin: 0 3px 0 0;
padding: 0; }
.news-row .entry-thumb {
position: relative; }
.news-row .entry-thumb .mini-comm-count {
display: none;
position: absolute;
bottom: 15px;
right: 15px;
height: 15px;
color: #FFF;
font-size: 13px;
padding-left: 25px;
background: url("/img/comment-baige.png") 0 0 no-repeat;
line-height: 12px; }
.news-row .entry-thumb:hover .mini-comm-count {
display: block; }
.news-row .box-name {
margin-top: 18px;
margin-bottom: 5px;
color: #595f61; }
.news-row .box-name a, .news-row .box-name:first-letter {
color: inherit; }
.news-row .box-name a:first-letter, .news-row .box-name:first-letter:first-letter {
color: inherit; }
.news-row .dopinfo {
font-size: 12px;
padding-top: 0; }
.news-row article .entry-thumb a.link:before {
line-height: 1; }
.entry-summary {
margin-top: 20px; }
/* -----------------------------------------
One article slider
----------------------------------------- */
.post-carousel-item .item {
padding: 75px 50px 0 50px;
color: #fff;
font-weight: 300;
height: 245px;
position: relative; }
.post-carousel-item .item:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
display: block;
background: rgba(0, 0, 0, 0.7); }
.post-carousel-item .icon-format {
color: #ff6565;
border-right: 1px solid #fff;
padding: 0 15px 0 0;
margin: 0 15px 0 0; }
.post-carousel-item .entry-title {
font-size: 18px;
font-weight: 600;
line-height: 1.2;
position: relative;
overflow: hidden;
z-index: 10; }
.post-carousel-item .entry-title a {
color: inherit; }
.post-carousel-item .text {
position: relative;
z-index: 10;
clear: both;
padding-top: 15px;
font-weight: 300; }
.block-news-feature {
position: relative; }
.post-carousel-direction-nav {
width: 100%;
list-style: none; }
.post-carousel-direction-nav a {
display: block;
width: 21px;
height: 47px;
position: absolute;
top: 50%;
margin-top: -24px; }
.post-carousel-direction-nav .post-carousel-prev {
left: 7px;
background: url("/img/to-left-mini.png") 0 0 no-repeat; }
.post-carousel-direction-nav .post-carousel-next {
right: 3px;
background: url("/img/to-right-mini.png") 0 0 no-repeat; }
/* -----------------------------------------
-- Featured news
----------------------------------------- */
.featured-news .entry-thumb {
position: relative; }
.featured-news .horizontal .date {
float: none;
margin-bottom: 20px; }
.featured-news h3.entry-title {
font-size: 20px;
font-weight: 800;
color: #44505a;
margin-bottom: 5px; }
.featured-news h3.entry-title a {
color: inherit; }
.featured-news h3.entry-title a:hover {
color: #ff6565; }
.featured-news .entry-summary {
clear: both;
padding: 10px 0 20px 0; }
/* -----------------------------------------
Mini news block
----------------------------------------- */
article.mini-news {
margin-bottom: 2px;
min-height: 80px;
padding: 14px;
position: relative;
background: whitesmoke; }
article.mini-news:last-child {
margin-bottom: 0; }
article.mini-news .entry-thumb {
width: 80px;
height: 80px;
float: left;
margin-right: 20px;
margin-bottom: 0; }
article.mini-news p {
margin-bottom: 0; }
article.mini-news .dopinfo {
padding-top: 6px;
overflow: hidden; }
article.mini-news .entry-title {
font-size: 16px;
padding: 0 0 5px 0;
margin-top: -2px;
font-weight: 400; }
article.mini-news .entry-summary {
padding-top: 14px;
overflow: hidden; }
article.mini-news .box-name a {
color: inherit; }
article.mini-news .box-name a:hover {
color: #ff6565; }
article.mini-news .mini-comm-count {
position: absolute;
right: 0;
bottom: 0;
padding: 5px 10px;
display: block;
background: #ff6565;
color: #fff; }
/* -----------------------------------------
Recent items - slides
----------------------------------------- */
.recent-wrap .desc-text {
line-height: 1.6; }
.recent-wrap .desc-text p {
font-weight: 300; }
.recent-wrap .wrap {
position: relative;
line-height: .8; }
.recent-wrap .item {
position: relative;
line-height: .5;
float: left;
padding: 0 3px 3px 0; }
.recent-wrap .big-element.item {
width: 50%; }
.recent-wrap .small-element.item {
width: 25%; }
.skills_widget {
padding: 120px 0 120px 0; }
.skills_widget .skill-wrap {
position: relative;
margin: 0 150px; }
.skills_widget .start-label, .skills_widget .finish-label {
font-size: 18px;
font-weight: 600;
color: #ff6565;
line-height: 2; }
.skills_widget .start-label {
float: left;
padding-right: 20px;
margin-right: 20px;
border-right: 1px solid #e4eef1; }
.skills_widget .finish-label {
float: right;
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #e4eef1; }
.skills_widget .line hr {
margin: 18px 0;
border-color: #e4eef1;
clear: none; }
.skills_widget .skill-item {
position: absolute;
margin-left: -50px; }
.skills_widget .skill-item.top {
bottom: 35px; }
.skills_widget .skill-item.top .percent:after {
background: url("/img/skill-pipt-bott.png") 0 0 no-repeat;
bottom: -23px; }
.skills_widget .skill-item.bot {
top: 0; }
.skills_widget .skill-item.bot .percent:after {
background: url("/img/skill-pipt-top.png") 0 0 no-repeat;
top: -23px; }
.skills_widget .skill-item.left {
text-align: right; }
.skills_widget .skill-item.left .item-title {
right: 105px; }
.skills_widget .skill-item.right {
text-align: left; }
.skills_widget .skill-item.right .item-title {
left: 105px; }
.skills_widget .skill-item .percent {
display: inline-block;
line-height: 80px;
height: 85px;
width: 85px;
background: #c2d1d9;
color: #fff;
font-size: 35px;
font-weight: 600;
text-align: center; }
.skills_widget .skill-item .percent:after {
content: "";
display: block;
position: absolute;
width: 13px;
height: 23px;
left: 50%;
margin-left: -5px;
z-index: 1; }
.skills_widget .skill-item .percent span {
font-size: 18px;
font-weight: 300; }
.skills_widget .skill-item .item-title {
display: inline-block;
position: absolute;
top: 20px; }
.skills_widget .skill-item .item-title span {
display: block;
white-space: nowrap; }
.skills_widget .skill-item .item-title .subtitle {
display: block;
white-space: nowrap;
text-transform: uppercase;
opacity: .75;
font-size: 0.85714em; }
.skills_widget .skill-item .item-title .title {
font-size: 1.28571em;
font-weight: 600;
color: #44505a; }
/* -----------------------------------------
Braking news block
----------------------------------------- */
.crum_stiky_news {
display: table;
width: 100%;
background: #798992;
font-weight: 300;
color: #fff;
position: relative; }
.crum_stiky_news:before {
content: "";
position: absolute;
height: 100%;
width: 50%;
left: 0;
background: #464d51; }
.crum_stiky_news .blocks-label {
display: table-cell;
vertical-align: middle;
padding: 0 32px 0 0;
font-size: 18px;
text-align: center;
background: #464d51 url(/img/sticky-news-bg.gif) right repeat-y;
white-space: nowrap; }
.crum_stiky_news a {
color: inherit; }
.crum_stiky_news p {
margin-bottom: 0; }
.crum_stiky_news .blocks-text {
display: table-cell;
padding: 8px 30px;
border-left: none;
background: #798992; }
/* -----------------------------------------
about me
----------------------------------------- */
.about_author_widget .avatar {
float: left;
margin-bottom: 20px;
padding-top: 5px; }
.about_author_widget .avatar img {
border-radius: 100em;
behavior: url(border-radius.htc);
display: block; }
.about_author_widget .text {
padding: 5px 0 0 35px;
margin: 10px 0 20px 145px;
position: relative;
border-left: 1px solid #e7e7e7; }
.about_author_widget .text h5 {
padding-bottom: 10px; }
.about_author_widget .additional-links {
float: right; }
.about_author_widget .additional-links a {
margin: 0 10px;
color: inherit;
font-weight: 400; }
.about-me-block .text {
padding: 10px;
margin: 10px;
line-height: 1.5; }
.about_author_widget .quote-author {
margin-bottom: 7px;
font-size: 17px;
display: inline; }
.about_author_widget .quote-sub {
font-style: italic; }
/* -----------------------------------------
Accordion
----------------------------------------- */
.accodion_module .content {
display: none; }
.accodion_module .active .content {
display: block; }
.accodion_module .title {
border: none;
display: block;
position: relative;
font-size: 14px;
height: auto;
line-height: 1.2;
padding: 10px 15px;
background: #36bae2;
color: #fff;
cursor: pointer; }
.accodion_module .title .tab-title {
padding: 7px 15px 7px 0;
margin-right: 32px;
display: block; }
.accodion_module .title .icon {
display: block;
position: absolute;
top: 0;
height: 100%;
width: 50px;
right: 0;
text-align: center;
line-height: 2.5;
font-size: 20px; }
.accodion_module .title:hover {
background: #63c9e8; }
.accodion_module ul.accordion > li.active .title {
background: #2dafd6; }
.accodion_module ul.accordion p {
margin: 0; }
.accodion_module ul.accordion {
margin: 0 0 22px 0;
border-bottom: none;
padding: 0;
list-style: none; }
.accodion_module ul.accordion > li .content {
padding: 15px 5px; }
/* -----------------------------------------
Clients list
----------------------------------------- */
.clients_module .description {
clear: both;
padding-top: 50px; }
.clients-list {
text-align: center;
position: relative; }
.clients-list .clients-direction-nav {
position: absolute;
width: 98%;
top: 50%;
margin-top: -20px;
list-style: none; }
.clients-direction-nav a {
display: block;
width: 31px;
height: 31px;
-moz-transition: background .2s linear;
-webkit-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear; }
.clients-direction-nav a:hover {
background-color: rgba(92, 92, 92, 0.6); }
.clients-direction-nav .clients-prev {
position: absolute;
left: 0;
background: #5c5c5c url("/img/to-left.gif") center no-repeat; }
.clients-direction-nav .clients-next {
position: absolute;
right: 0;
background: #5c5c5c url("/img/to-right.gif") center no-repeat; }
.clients-item {
display: block;
position: relative;
height: 130px;
width: 180px;
margin-right: 20px;
float: left; }
.clients-item a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.clients-item a:hover {
opacity: .4; }
.clients-item:last-child {
border-right: none; }
/* -----------------------------------------
-- Info box with button
----------------------------------------- */
.info-butt {
margin: 20px 0 40px;
padding: 0 20px; }
.info-butt h2 {
margin-bottom: 20px;
font-weight: 600;
font-size: 19px; }
.info-butt p {
margin-bottom: 20px; }
.info-butt .button {
margin-top: 10px; }
/* -----------------------------------------
-- Feature box
----------------------------------------- */
.feature-box {
position: relative; }
.feature-box .block-title a {
color: inherit; }
.feature-box .subtitle {
font-size: 12px;
margin-bottom: 20px;
text-transform: uppercase;
opacity: .8; }
.feature-box.al-left .icon {
margin-right: 25px;
float: left; }
.feature-box.al-left .image {
margin-right: 25px;
float: left; }
.feature-box.al-left .block-title {
padding-top: 43px; }
.feature-box.al-left .feat-block-content {
clear: both;
padding-top: 30px; }
.list-box .feature-box.al-left .block-title {
padding-top: 0; }
.list-box .feature-box.al-left .feat-block-content {
clear: none;
padding-top: 0px;
overflow: auto; }
.list-box .feature-box.al-left li {
color: #767e81;
padding-bottom: 8px; }
.list-box .feature-box.al-left a {
color: inherit; }
.list-box ul {
list-style: none; }
.feature-box.al-right .icon {
margin-left: 25px;
float: right; }
.feature-box.al-right .feature-img {
margin-left: 25px;
float: right; }
.feature-box.al-top .icon {
margin-bottom: 40px; }
.feature-box.al-top .feature-img {
margin-bottom: 30px; }
.feature-box .icon {
width: 134px;
height: 134px;
position: relative;
color: #fff;
z-index: 10; }
.feature-box .icon i {
position: absolute;
top: 50%;
left: 50%;
font-size: 32px;
margin: -22px 0 0 -16px; }
.feature-box a.link {
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0; }
.feature-box .back {
background: #ff6565; }
.feature-box .front {
background-color: #61727b; }
.feat-block-content {
overflow: hidden; }
.single-icon {
-webkit-transition: color .2s;
-ms-transition: color .2s;
-o-transition: color .2s;
-moz-transition: color .2s;
transition: color .2s;
margin-bottom: 30px; }
.features_module_vertical .feature-box {
overflow: hidden;
margin-bottom: 20px; }
.features_module_vertical .feature-box:last-child {
margin-bottom: 0; }
.features_module_vertical .single-icon, .features_module_vertical .single-image {
float: left;
margin-right: 20px; }
.features_module_vertical h6 {
margin-top: 5px;
font-size: 12px; }
.features_module_vertical p {
opacity: .8; }
/* -----------------------------------------
-- Info row block
----------------------------------------- */
.info-box .title {
font-size: 23px;
font-weight: 600;
margin-bottom: .1em; }
.info-box p {
font-size: 15px;
font-weight: 400;
margin-bottom: 0; }
.info-box i.icon {
position: relative;
top: 4px; }
.info-box.al-right .icon {
margin-left: 20px; }
.info-box.al-left i.icon {
margin-right: 20px;
width: 80px;
text-align: center; }
/* -----------------------------------------
One article slider
----------------------------------------- */
.list-blocks {
position: absolute;
right: 0;
top: 5px; }
.list-blocks a {
width: 23px;
height: 23px;
display: block;
float: right;
opacity: .4;
margin-left: 5px;
background-image: url(..//img/arrow-slide.png);
background-repeat: no-repeat; }
.list-blocks a.flex-next {
background-position: 0 0; }
.list-blocks a.flex-prev {
background-position: 0 -26px;
float: left; }
.list-blocks a:hover {
opacity: 1; }
/* -----------------------------------------
-- Recent works block
----------------------------------------- */
.recent-block ul.tabs-content {
margin: 0; }
.recent-block .tabs {
height: auto;
border: none; }
.recent-block .tabs.horisontal dd a, .recent-block .tabs.horisontal li a {
border: none;
background-color: transparent;
padding: 0 10px 0 0;
display: inline-block;
position: relative; }
.recent-block .tabs.horisontal dd a:hover,
.recent-block .tabs.horisontal dd.active a {
color: #7a7f80; }
.recent-block .tabs.horisontal dd.active a:after {
height: 3px;
opacity: 1; }
.recent-block .tabs.horisontal dd a:after {
content: "";
height: 0;
opacity: 0;
width: 24px;
background: #ff6565;
position: absolute;
bottom: -10px;
left: 0;
max-width: 60%; }
.recent-block .tabs.horisontal dd a:hover::after {
height: 3px;
opacity: 1;
bottom: -10px; }
.recent-block .folio-wrap {
width: 100%; }
.recent-block .folio-wrap li {
margin: 0 -1px; }
.recent-block .folio-item {
width: 20%;
float: left;
padding: 0 1px;
position: relative;
margin-top: 10px; }
.recent-block .folio-item .dopinfo {
font-size: 12px;
line-height: 1.2;
padding-top: 4px;
text-transform: uppercase; }
.folio-item .box-name:first-letter,
.folio-item .box-name a:first-letter,
.folio-item .box-name a .animated {
color: #ff6565; }
.hover-box {
opacity: 0; }
.hover-box:hover, .hover-box.hovered {
opacity: 1;
background: rgba(0, 0, 0, 0.35) url("/img/white-delim.png") center no-repeat; }
/* -----------------------------------------
Testmortials
----------------------------------------- */
.testimonials_module {
padding-bottom: 40px; }
.testimonials_module > div {
position: relative; }
.testimonials_item {
display: none; }
.testimonials_item:first-child {
display: block; }
.testimonials_item .box-name:first-letter {
color: #ff6565; }
.testimonials_item .avatar {
float: left;
margin-right: 32px;
border-radius: 2px; }
.testimonials-slide {
position: relative;
overflow: hidden; }
.cite {
clear: both;
padding-top: 8px; }
.cite .quote-author, .cite .quote-sub {
display: block; }
.cite .quote-sub {
text-transform: uppercase;
margin-top: 2px;
font-size: 12px; }
.quoteCite {
clear: both;
padding-top: 10px; }
/* Control Nav */
.testimonials-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
list-style: none;
padding: 0;
margin: 0; }
.testimonials-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline; }
.testimonials-control-paging li a {
width: 13px;
height: 13px;
display: block;
background: #666f74;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px; }
.testimonials-control-paging li a:hover {
border: 2px solid #666f74;
background: #fff; }
.testimonials-control-paging li a.testimonials-active {
border: 2px solid #666f74;
background: #fff;
cursor: default; }
/* -----------------------------------------
News row
----------------------------------------- */
.post-list {
position: relative; }
.post-list article {
overflow: hidden;
margin-bottom: 20px; }
.post-list article .entry-thumb {
margin-bottom: 0; }
.post-list .entry-title {
padding-bottom: 10px; }
.post-list .entry-title a {
color: inherit; }
.post-list .entry-summary {
margin-top: 15px; }
.post-list .left-thumb .entry-thumb {
float: left;
margin-right: 20px; }
.post-list .right-thumb .entry-thumb {
float: right;
margin-left: 20px; }
.post-list article.mini-news {
background: none;
padding: 0;
margin-bottom: 15px; }
/* -----------------------------------------
Timeline
----------------------------------------- */
.timeline_module > .widget-title {
text-align: center; }
.timelime {
position: relative;
overflow: hidden; }
.timelime:before {
content: "";
position: absolute;
left: 50%;
height: 100%;
width: 1px;
background: #e4eef1; }
.timelime .timeline-item {
width: 50%;
padding: 5px 0 5px 0;
clear: both;
position: relative;
background: url("/img/pipt-round.png") right center no-repeat; }
.timelime .timeline-item .panel-grid {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.timelime .timeline-item .timeline-title {
font-size: 23px;
font-weight: 300;
position: absolute;
top: 50%;
margin-top: -16px;
white-space: nowrap; }
.timelime .timeline-item .timeline-title:after {
content: "";
display: block;
position: absolute;
bottom: -7px;
left: 0;
width: 10px;
height: 2px;
background: #ff6565; }
.timelime .timeline-item:first-child {
margin-bottom: 30px; }
.timelime .timeline-item:last-child {
margin-top: 30px; }
.timelime .timeline-item.odd {
float: left;
text-align: right;
padding-right: 40px;
right: -6px; }
.timelime .timeline-item.odd .timeline-title {
text-align: left;
left: 104%; }
.timelime .timeline-item.even {
float: right;
text-align: left;
padding-left: 40px;
left: -6px;
background-position: left center; }
.timelime .timeline-item.even .timeline-title {
text-align: right;
right: 104%; }
.timelime blockquote {
padding: 10px 15px 8px 95px; }
.timelime blockquote p {
line-height: 1.5;
font-size: 1em; }
.timelime .single-icon {
margin-bottom: 10px; }
.timelime .team_member_box .avatar {
margin-bottom: 0;
float: left;
width: 180px; }
.timelime .timeline-item.even .team_member_box .avatar {
margin-right: 20px; }
.timelime .timeline-item.odd .team_member_box .avatar {
margin-left: 20px;
float: right; }
.timelime h3.widget-title {
font-size: 18px;
font-weight: 400;
margin-bottom: 10px; }
.timelime .team_member_box .text {
padding-bottom: 10px; }
.timelime .team_member_box .soc-icons {
box-shadow: none;
padding-top: 0; }
/* -----------------------------------------
Map widget
----------------------------------------- */
.map-widget h3 {
margin-bottom: 16px;
font-size: 18px; }
.map-widget p {
font-weight: 300;
margin-bottom: 16px; }
/* -----------------------------------------
My skills block
----------------------------------------- */
div.progress {
height: 4px;
background: #e8eef1;
background: rgba(232, 238, 241, 0.2);
margin-bottom: 30px; }
div.progress .meter {
color: inherit; }
div.progress .meter {
height: 4px;
display: block;
background: #ff6565;
position: relative; }
.my_skills_widget label {
margin: 0 0 5px;
font-weight: 300; }
.my_skills_widget .skill-percent {
position: absolute;
right: -12px;
top: -33px; }
.my_skills_widget .skill-percent:after {
content: "";
display: block;
width: 1px;
height: 19px;
background: #e8eef1;
background: rgba(232, 238, 241, 0.2);
position: absolute;
bottom: -19px;
left: 50%; }
.me-wrap .avatar {
float: left;
margin-right: 20px;
padding-top: 5px; }
.me-wrap .text {
padding-top: 13px;
font-weight: 300;
overflow: hidden; }
/* -----------------------------------------
Widgets
----------------------------------------- */
.widget {
margin-bottom: 30px; }
h3.widget-title {
font-size: 18px;
font-weight: 600;
color: inherit;
margin-bottom: 15px;
position: relative; }
.extra-links {
position: absolute;
right: 0;
top: 10px;
width: 40px;
height: 11px;
background: url("/img/row-nav.gif") 0 0 no-repeat;
background-size: contain; }
.extra-links ul {
padding: 0;
margin: 0;
list-style: none; }
.extra-links li {
width: 7px;
height: 11px;
position: absolute;
top: 0; }
.extra-links li a {
display: block;
width: 7px;
height: 11px; }
.extra-links ul li:first-child {
left: 0; }
.extra-links ul li:last-child {
right: 0; }
.extra-links > a {
display: block;
width: 18px;
height: 11px;
margin: 0 auto; }
.video-block {
position: relative; }
.text-widget {
line-height: 1.6; }
.widget ul {
padding: 0;
margin: 0;
list-style: none; }
.widget {
position: relative; }
.widget-title {
line-height: 1.5;
margin-bottom: 20px; }
.widget-title .icon {
float: left;
font-size: 26px;
margin-right: 15px;
position: relative;
top: -2px;
width: auto;
height: auto;
line-height: 1.3; }
#footer .widget-title {
margin-bottom: 30px; }
/* -----------------------------------------
Follow us widget
----------------------------------------- */
.follow-widget {
margin-left: -4px;
overflow: hidden; }
.follow-widget a {
width: 32.3%;
min-width: 115px;
max-width: 150px;
display: block;
float: left;
padding-bottom: 16px;
padding: 45px 5px;
margin-left: 1%;
margin-bottom: 4px;
position: relative;
color: #fff; }
.follow-widget i {
position: relative;
float: left;
font-size: 22px;
padding-left: 1px;
top: 5px;
padding-right: 7px; }
.follow-widget .number {
font-size: 16px;
color: #fff;
line-height: 1;
font-weight: 300;
text-transform: uppercase; }
.follow-widget .text {
font-size: 13px;
font-weight: 300;
line-height: 1;
text-transform: uppercase; }
.follow-widget a.tw {
background: #50b3e5; }
.follow-widget a.tw .icon {
padding-left: 10px; }
.follow-widget a.tw .text {
color: #d1f0ff; }
.follow-widget a.fb {
background: #7a90b7; }
.follow-widget a.fb .icon {
padding-left: 15px; }
.follow-widget a.fb .text {
color: #c5dafe; }
.follow-widget a.yt {
background: #ff6565; }
.follow-widget a.yt .text {
color: #fecbca; }
#feedburner_subscribe {
position: relative; }
#feedburner_subscribe .text {
height: 40px; }
#feedburner_subscribe .submit {
width: 34px;
height: 34px;
position: absolute;
z-index: 1;
top: 3px;
right: 3px;
background: #ffb44a url("/img/rss-subscribe-ico.png") center no-repeat;
text-align: center;
border: none; }
/* -----------------------------------------
styled list widget
----------------------------------------- */
.styled-widget-list > li {
border-radius: 2px;
padding: 12px 8px;
font-style: italic;
line-height: 1; }
.styled-widget-list > li:hover {
background-color: #4fc7ef; }
.styled-widget-list > li [class*="icon-"] {
font-size: 18px;
padding: 0 10px 0 0;
margin-right: 10px;
border-right: 1px solid #fff;
border-right: 1px solid rgba(255, 255, 255, 0.25);
color: #959c9d;
display: inline-block; }
.styled-widget-list > li [class*="icon-"]:before {
line-height: 20px; }
.styled-widget-list > li:hover [class*="icon-"],
.styled-widget-list > li:hover {
color: #fff; }
/* -----------------------------------------
Widget tabs
----------------------------------------- */
aside .widget_crum_widget_tabs {
padding-top: 1px; }
.widget_crum_widget_tabs article.mini-news {
background: none;
padding: 15px 0 0 0; }
.widget_crum_widget_tabs article.mini-news:first-child {
padding: 20px 0 0 0; }
.widget_crum_widget_tabs #comments-p-tabTab article.mini-news {
padding: 25px 0 0 0; }
.widget_crum_widget_tabs .icon-comment {
font-size: 26px;
height: 26px;
position: relative;
top: -10px;
margin-right: 20px; }
.widget_crum_widget_tabs .tabs.horisontal dd {
width: 33%; }
.widget_crum_widget_tabs .tabs.horisontal dd a {
padding: 18px 10px;
font-size: 14px;
display: block; }
/* -----------------------------------------
Flickr widget
----------------------------------------- */
#flickr {
position: relative;
margin-left: -20px; }
#flickr .item {
position: relative; }
.instagram-widget .widget-inner {
margin-left: -5%; }
#flickr > a {
display: block;
width: 28%;
max-width: 150px;
border-radius: 3px;
overflow: hidden;
position: relative;
margin: 0 0 10px 5%;
float: left;
line-height: .8; }
#flickr a > img {
position: relative;
border-radius: 4px; }
#flickr .hover-box .zoom-link {
margin-left: -23px; }
/* -----------------------------------------
Instagram widget
----------------------------------------- */
.intagram-gallery {
clear: both;
overflow: hidden;
font-size: 0;
margin-right: -3px; }
.intagram-gallery .big-item {
float: left;
width: 182px;
padding-right: 3px; }
.intagram-gallery .normal-item {
padding: 0 3px 3px 0;
display: inline-block; }
.instagram-stat {
float: right;
width: 280px;
height: 60px; }
.instagram-stat > span {
float: left;
display: block;
width: 91px;
border-right: 1px solid #666f74;
text-align: center;
margin-top: 5px; }
.instagram-stat .inst-follow {
border: none; }
.instagram-stat .numb {
font-size: 30px;
font-weight: 600;
line-height: 1.1;
color: #fff; }
.instagram-autor {
padding-top: 20px; }
.instagram-autor .box-name:first-letter {
color: #ff6565; }
/* -----------------------------------------
recent-posts
----------------------------------------- */
.recent-posts-list li {
overflow: hidden; }
.recent-posts-list .entry-thumb {
margin: 0 20px 0 0;
float: left; }
.recent-posts-list .sticky-post {
padding-bottom: 20px;
margin-bottom: 20px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); }
.recent-posts-list .sticky-post .entry-title {
margin-top: 20px; }
.recent-posts-list .entry-title {
margin-top: 10px; }
.recent-posts-list .entry-title:first-letter {
color: #ff6565; }
.recent-posts-list .entry-title .animated {
color: #ff6565; }
.recent-posts-list .entry-title a {
color: inherit; }
.recent-posts-list .entry-meta {
font-size: 12px;
line-height: 1.2;
padding-top: 4px;
text-transform: uppercase; }
.recent-posts-list .entry-meta a {
color: inherit; }
.recent-posts-list .entry-summary {
clear: both;
padding: 20px 0 0 0;
margin-top: 0; }
/* -----------------------------------------
Categories with icons
----------------------------------------- */
.widget_crum_cat_arch li {
margin: 0; }
.widget_crum_cat_arch li a {
padding: 13px 0;
color: inherit;
display: block;
box-shadow: 0 1px 0 rgba(210, 211, 211, 0.4);
-moz-transition: background .2s linear;
-webkit-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear; }
.widget_crum_cat_arch li a:hover {
font-weight: bold; }
/* -----------------------------------------
V-card widget
----------------------------------------- */
.contacts-widget {
padding: 25px 30px 20px 25px;
background: #36bae2;
color: #fff;
font-weight: 300; }
.contacts-widget p {
margin-bottom: .5em; }
.contacts-widget i {
font-size: 70px;
margin-bottom: 27px; }
.contacts-widget .adr {
display: block;
font-style: normal; }
.contacts-widget a {
color: inherit; }
/* -----------------------------------------
tags
----------------------------------------- */
.tagcloud a, .tags-widget a {
padding: 0 10px 0 0;
font-weight: 300;
color: inherit; }
.tags-widget a:hover {
color: #ff6565; }
/* -----------------------------------------
Twetter widget
----------------------------------------- */
.tweets-author {
padding-bottom: 10px;
min-height: 70px; }
.tweets-author img {
float: left;
margin-right: 20px;
width: 45px;
height: 45px; }
.tweets-author strong {
display: block;
font-weight: 400;
font-size: 14px;
margin-bottom: 4px; }
.tweets-author strong span {
font-size: 12px; }
.tweet-list {
background: #36bae2;
padding: 30px 20px; }
.tweet-list .tweet {
color: #fff;
padding: 15px 0 15px 60px;
position: relative;
font-weight: 300; }
.tweet-list .tweet i {
position: absolute;
left: 5px;
top: 50%;
margin-top: -18px;
font-size: 36px; }
.tweet-list .tweet .time {
margin-top: 4px;
font-size: 12px;
color: #bce8f5; }
.tweet-list .tweet a {
color: inherit; }
/* -----------------------------------------
Transitions
----------------------------------------- */
a, #stuning-header a {
-moz-transition: color .15s ease-in-out;
-webkit-transition: color .15s ease-in-out;
-o-transition: color .15s ease-in-out;
transition: color .15s ease-in-out; }
.menu-tile {
-webkit-transition: -webkit-transform .2s ease-out;
-moz-transition: -moz-transform .2s ease-out;
-o-transition: -o-transform .2s ease-out;
-ms-transition: -ms-transform .2s ease-out;
transition: transform .2s ease-out; }
.no-ie .flipbox .front, .no-ie .flipbox .back, a.link:before {
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; }
.recent-block .tabs.horisontal dd a::after, .filter li.active a::after {
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.hover-box,
.soc-icons a,
.clients-item a,
a.link {
-moz-transition: background .2s ease-out, opacity .2s ease-out;
-webkit-transition: background .2s ease-out, opacity .2s ease-out;
-o-transition: background .2s ease-out, opacity .2s ease-out;
transition: background .2s ease-out, opacity .2s ease-out; }
.hover-box .more-link,
.hover-box .zoom-link {
-moz-transition: background .3s, opacity .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out;
-webkit-transition: background .3s, opacity .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out;
-o-transition: background .3s, opacity .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out;
transition: background .3s, opacity .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out; }
.menu-tile {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.menu-tile:hover {
z-index: 10;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05); }
.no-ie .flipbox .front {
-webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden; }
.no-ie .flipbox.flip .front {
z-index: 900;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2); }
.no-ie .flipbox .back {
-webkit-transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateY(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden; }
.no-ie .flipbox.flip .back {
z-index: 1000;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg); }
.lt-ie9 .lang-sel {
width: 240px;
margin: 0 20px;
}
.lt-ie9 #top-panel .top-info {
width: 272px;}
.lt-ie9 article.post .post-format {
border-right: 1px solid #c2d1d9;
width:80px;
}