/*-----------------------------------------------------------------------------------
Milano WordPress Theme by BeantownThemes
-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------
[Table of contents]
1. Body
1-1. Headings
1-2. Buttons
1-3. Header
1-4. Section
1-5. Icon Boxes
1-6. Divider
1-7. Carousel
1-8. Portfolio
1-9. Arrow Section
1-10. Toggle
1-11. Pricing Table
1-12. Blockqoute
1-13. Team
1-14. Sliders
2. Interaction Website
3. Responsive
4. @Font-Face (Lovelo)
5. Selectric
6. Extra WP theme styles
-----------------------------------------------------------------------------------*/
/* wordpress classes*/
.wp-caption{}
.screen-reader-text{display:none;}
.wp-caption-text {}
.alignleft{float:left; margin-right:10px;text-align:left;}
.alignright{float:right; margin-left:10px;text-align:right;}
.aligncenter {margin:auto;text-align:center;}
.sticky {}
.text_align_right{text-align:right;}
.bypostauthor {}
.gallery-caption {}
.align_center{ text-align:center }
.grid_small .item.blog-item{width:33%;}
#woo_sortable .item.one_third{width:33%;}
#woo_sortable .item.one_half{width:50%;}
#woo_sortable .item.one_quarter{width:25%;}
.flv-menu-left ul li a.w--current,.flv-menu-left ul li a.nav-link,
.flv-menu-top-right-fullwidth ul li a.w--current,.flv-menu-top-right-fullwidth ul li a.nav-link{border-bottom:none;}
.padding_filter .w-clearfix.filter-cont{margin-left:100px;}.padding_filter{margin-top:-80px;}
.padding_filter{background:transparent !important;}
.woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after,
.woocommerce button.button.added:after, .woocommerce input.button.added:after { font-family: WooCommerce; content: "\e017"; margin-left: .53em; vertical-align: bottom;}
.woocommerce-cart .woocommerce.add_to_cart_inline a.button.ajax_add_to_cart.added{display:inline;}
.single-flv_portfolio .w-section ul li,.single-flv_portfolio .project-content ul li{ margin-bottom: 10px; font-family: Lekton, sans-serif; font-weight: 400; color: #818181; font-size: 15px; line-height: 26px;}
.flvcontactform label.post-title { font-family: Lovelo, sans-serif !important; color: #acacac !important; font-size: 13px; letter-spacing: 2px;}
.tweets_txt a{ text-decoration: none; }
.flv_sec_90 .flv_container{width:90%;}
.no_padding {
padding: 0px !important;
}
.entry-meta span.edit-link {display:block;padding:10px 0 0 10px}
@media screen and (max-width:800px) {html,body { overflow-x:hidden !important }}
@media screen and (max-width:800px) {#fullpage .fp-section .w-container { padding:0 20px }}
@media (max-width: 600px) { .w-slider .inner-title {font-size:36px;line-height:50px}}
div.show-filter { margin-bottom:3px }
.blog-zig-zag img.attachment-blog_default { width:100%; height:auto }
.blog-img img.attachment-blog_slider { width:100%; height:auto }
@media (max-width: 991px){.w-slider { height: 500px !important;}}
@media (max-width: 767px){.w-slider .w-slide{ background-size: cover !important;}}
.blockqoute, .blockqoute p {
color: #212121;
font-family: "Playfair Display",sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 35px;
}
.blog-title.in-post:hover {color:#111 !important}
.mini-cart .product-photo img{max-height:65px;max-width:65px;}
.mini-cart span.amount{display:inline;}
.mini-cart .w-embed:hover{cursor:pointer;}
.flv_mini_container .mini-cart{margin-top:5px;}
.flv_mini_container {display:inline-block;}
.top-right.flv_mini_container{position:absolute;right:10px}
.top-right.flv_mini_container .mini-cart{margin-top:0px;}
ul.flv_tweets .fa-twitter{font-size:40px;}
.woocommerce-checkout .flv_navi h3 { margin-top: 10px; }
/* 1. Body */
body {
height: 100%;
padding: 60px;
background-color: #f7f7f7;
font-family: Lovelo,sans-serif;
color: #111;
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
/* 1-1. Headings */
h1 {
margin-top: 0;
margin-bottom: 10px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 0;
margin-bottom: 10px;
font-size: 30px;
line-height: 36px;
letter-spacing: 1.5px;
}
h3 {
margin-top: 10px;
margin-bottom: 5px;
font-size: 28px;
line-height: 30px;
}
h4 {
margin-bottom: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 0;
margin-bottom: 5px;
font-size: 15px;
line-height: 20px;
}
p {
margin-bottom: 10px;
font-family: Lekton,sans-serif;
font-weight: 400;
color: #818181;
font-size: 15px;
line-height: 26px;
}
a {
text-decoration: underline;
}
.top-border {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 101;
width: 100%;
height: 60px;
max-height: 60px;
padding: 15px 50px;
}
.brand-logo {
float: left;
}
.brand-logo.more-margin {
margin-top: 13px;
}
.brand-logo.no-flt {
float: none;
}
.left-border {
position: fixed;
left: 0;
top: 0;
bottom: 0;
z-index: 99;
width: 60px;
height: 100%;
max-width: 60px;
}
.right-border {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 99;
width: 60px;
height: 100%;
max-width: 60px;
}
.bottom-border {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
width: 100%;
height: 60px;
max-height: 60px;
padding: 15px 50px;
}
.title-top-border {
margin-top: 6px;
font-family: Lekton,sans-serif;
font-weight: 400;
color: #b3b3b3;
font-size: 12px;
text-align: right;
letter-spacing: 2px;
text-transform: uppercase;
}
.move-center-hamb {
position: absolute;
top: 50%;
-webkit-transform: translate(0px,-50%);
-ms-transform: translate(0px,-50%);
transform: translate(0px,-50%);
}
.overlay-menu {
position: fixed;
left: 0;
top: 0;
bottom: 0;
z-index: 98;
display: none;
width: 50%;
height: 100%;
background-color: rgba(0,0,0,0.92);
}
.nav-container {
position: relative;
top: 50%;
-webkit-transform: translate(0px,-50%);
-ms-transform: translate(0px,-50%);
transform: translate(0px,-50%);
}
.navigation-wrapper {
position: relative;
top: 50%;
padding-right: 100px;
padding-left: 100px;
}
.nav-link {
position: relative;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
color: rgba(255,255,255,0.8) !important;
letter-spacing: 5px;
text-decoration: none;
}
.nav-link:hover {
color: #fff !important;
}
.nav-link.w--current,nav > ul > li.current-menu-item > a.nav-link {
color: #fff !important;
text-transform: uppercase;
}
.nav-link.nav-dd {
margin-top: 0;
font-family: Lekton,sans-serif;
font-weight: 400;
letter-spacing: 1px;
text-transform: capitalize;
}
.nav-link.active {
color: #fff;
}
.ul-dropdown {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
height: 0;
margin-bottom: 0;
padding-left: 0;
}
.ul-nav {
padding-left: 0;
text-align: center;
}
.section-imp {
padding: 140px 20px;
position: relative;
}
.section-imp.no-padding {
position: relative;
padding: 0;
}
.cooming {
padding: 150px 10px;
background-color: #fff;
background-image: url(../images/photos.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
}
.section-imp.parallax {
position: relative;
height: 450px;
max-height: 450px;
padding-top: 120px;
padding-bottom: 100px;
}
.section-imp.parallax.img {
background-color: transparent;
background-image: url(../images/studio.jpg);
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed;
}
.section-imp.dark-gray {
background-color: #ececec;
}
.section-imp.dark-gray.more-padding {
padding-bottom: 180px;
}
.section-imp.more-padding {
padding-bottom: 210px;
}
.section-imp.no-p {
padding: 0;
}
.section-imp.sec-full {
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.section-imp.section-arch {
background-image: url(../images/line.png);
background-position: 100% 100%;
background-size: contain;
background-repeat: no-repeat;
background-attachment: fixed;
}
.social-wrapper {
text-align: right;
}
.social-icon {
width: 36px;
height: 36px;
-webkit-transition: background-color 400ms ease;
transition: background-color 400ms ease;
color: #111;
font-size: 16px;
line-height: 36px;
text-align: center;
}
.social-icon.social-white {
color: #fff;
}
.social-icon.social-bigger {
width: 50px;
height: 50px;
font-size: 20px;
text-align: left;
}
.big-slider {
height: 700px;
}
.left-arrow {
width: 50%;
}
.right-arrow {
position: absolute;
width: 50%;
}
.item {
width: 33.333%;
margin-bottom: 70px;
padding-right: 35px;
padding-left: 35px;
float: left;
}
.item.item-less {
margin-bottom: 8px;
padding-right: 4px;
padding-left: 4px;
}
.item.item-not-spaced {
margin-bottom: 0;
padding-right: 0;
padding-left: 0;
}
.item.blog-item {
width: 20%;
margin-bottom: 30px;
padding-right: 15px;
padding-left: 15px;
}
.item.item-4-columns {
width: 25%;
}
.item.item-5-columns {
width: 20%;
}
.margin-0 {
margin-top: 0;
}
.portfolio-overlay {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
height: 100%;
text-align: center;
}
.grid {
position: relative;
margin-right: -35px;
margin-left: -35px;
}
.grid.grid-less {
position: relative;
margin-right: -4px;
margin-left: -4px;
}
.grid.grid-not-margin {
margin-right: 0;
margin-bottom: 70px;
margin-left: 0;
}
.grid.grid-not-margin.no-bottom {
margin-bottom: 0;
}
.grid.grid-blog {
margin-right: 0;
margin-left: 0;
}
._404-link {
color: #616161;
text-decoration: none;
}
.without-pading {
padding: 0;
}
.filters {
margin-left: 3px;
float: left;
}
.show-filter {
position: relative;
display: inline-block;
overflow-x: hidden;
overflow-y: hidden;
padding: 13px 21px 10px;
float: left;
font-size: 16px;
text-align: center;
cursor: pointer;
}
.show-filter.reply {
position: absolute;
top: 0;
right: 0;
padding: 10px 18px 7px;
background-color: #eee;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
color: #666;
}
.show-filter.reply:hover {
background-color: #ddd;
}
.show-filter.show-contact {
position: absolute;
top: 10px;
right: 10px;
z-index: 20;
}
.show-filter.purchase {
float: none;
}
.filter-button {
margin-right: 10px;
float: left;
color: #fff;
}
.filter-button.color {
color: #666;
}
.filter-txt-hide {
position: relative;
display: inline-block;
float: left;
font-family: Lekton,sans-serif;
font-weight: 400;
color: #fff;
font-size: 14px;
text-decoration: none;
}
.filter-txt-hide.text-blog {
color: #666;
font-size: 14px;
}
.filter-txt {
position: absolute;
font-family: Lekton,sans-serif;
font-weight: 400;
color: #fff;
font-size: 14px;
}
.filter-effect {
float: left;
}
input.button,.button,button,input[type="submit"] {
border: 0;
cursor: pointer;
margin-right: 3px;
padding: 13px 18px 10px;
float: left;
background-color: #eee;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
font-family: Lekton,sans-serif;
font-weight: 400;
color: #666;
text-decoration: none;
}
input.button,.button:hover {
background-color: #ddd;
}
.grid-sizer {
display: none;
width: 33.333%;
}
.filter-cont {
margin-bottom: 40px;
}
.filter-cont.in-grid {
padding-right: 15px;
padding-left: 15px;
}
.portfolio-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(0,0,0,0.8);
cursor: url(../images/cursor_more.gif) 38 38;
}
.plus {
cursor: url(../images/cursor_more.gif) 38 38;
}
.portfolio-content.with-gradient {
background-color: transparent;
background-image: -webkit-linear-gradient(45deg,rgba(247,216,168,0.90),rgba(211,80,80,0.90));
background-image: linear-gradient(45deg,rgba(247,216,168,0.90),rgba(211,80,80,0.90));
}
.portfolio-content.with-white {
background-color: rgba(255,255,255,0.85);
cursor: url(../images/cursor_more-d.gif) 38 38,pointer;
}
.portfolio-cn-title {
position: absolute;
left: 0;
top: 50%;
right: 0;
-webkit-transform: translate(0px,-50%);
-ms-transform: translate(0px,-50%);
transform: translate(0px,-50%);
}
.portfolio-title {
margin-bottom: 10px;
color: #fff;
font-size: 16px;
letter-spacing: 2px;
}
.portfolio-title.title-dark {
color: #212121;
}
.portfolio-title.no-margin {
margin-top: 0;
margin-bottom: 5px;
}
.portfolio-sub-title {
font-family: Lekton,sans-serif;
font-weight: 400;
color: #969696;
font-size: 14px;
}
.portfolio-sub-title.sub-white {
color: #fff;
}
.portfolio-sub-title.lighter {
color: #cfcfcf;
}
.portfolio-sub-title.no-letter {
letter-spacing: 0;
}
.container-inner {
position: relative;
top: 50%;
-webkit-transform: translate(0px,-50%);
-ms-transform: translate(0px,-50%);
transform: translate(0px,-50%);
-webkit-transition: none 200ms ease;
transition: none 200ms ease;
text-align: center;
}
.inner-title {
margin-bottom: 0;
color: #fff;
font-size: 58px;
line-height: 80px;
letter-spacing: 8px;
display: inline;
}
.inner-title.dark {
color: #121212;
}
.inner-title.smaller {
font-size: 43px;
line-height: 50px;
}
.inner-title.center {
font-size: 43px;
text-align: center;
}
.tab-menu {
margin-bottom: 30px;
border-bottom: 1px solid #e4e4e4;
text-align: center;
}
.tab-link {
padding: 20px 20px 16px;
background-color: transparent;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
letter-spacing: 1px;
}
.tab-link.w--current {
background-color: transparent;
}
.tabs {
text-align: center;
}
.bottom-space {
margin-bottom: 180px;
}
.title-wrapper {
margin-bottom: 60px;
text-align: center;
letter-spacing: 2px;
}
.title-wrapper.left {
text-align: left;
}
.team-wrapper {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
text-align: center;
}
.service-wrapper {
margin-bottom: 30px;
}
.service-icon {
width: 80px;
height: 80px;
float: left;
font-size: 55px;
}
.service-content {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
}
.service-title {
margin-top: 0;
margin-bottom: 5px;
font-size: 17px;
letter-spacing: 1px;
}
.logo-wrapper {
position: relative;
padding-right: 10px;
padding-left: 10px;
float: left;
}
.portfolio-overlay-bottom {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
background-color: rgba(0,0,0,0.8);
text-align: left;
text-decoration: none;
}
.portfolio-overlay-bottom.with-gradient {
background-color: transparent;
background-image: -webkit-linear-gradient(45deg,rgba(247,216,168,0.90),rgba(211,80,80,0.90));
background-image: linear-gradient(45deg,rgba(247,216,168,0.90),rgba(211,80,80,0.90));
}
.portfolio-overlay-bottom.with-white {
background-color: rgba(255,255,255,0.95);
}
.blog-zig-zag {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
width: 50%;
height: 400px;
max-height: 400px;
float: left;
}
.blog-content {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
height: 400px;
padding: 40px 25px 25px 40px;
background-color: #fff;
}
.blog-title {
margin-bottom: 5px;
color: #111;
font-size: 24px;
letter-spacing: 1px;
text-decoration: none;
}
.blog-title.in-grid {
font-size: 18px;
line-height: 20px;
}
.blog-title.in-post {
font-size: 40px;
line-height: 51px;
}
.meta-tag,.meta-tag * {
color: #a8a8a8;
font-size: 13px;
}
.seperator {
width: 40px;
height: 1px;
margin-top: 15px;
margin-bottom: 15px;
background-color: #ebebeb;
}
.seperator.center {
display: block;
margin-right: auto;
margin-left: auto;
}
.seperator.center.left {
margin-right: 0;
margin-left: 0;
}
.read-more {
padding: 12px 13px 10px;
background-color: #eee;
font-family: Lekton,sans-serif;
color: #666;
font-size: 13px;
text-decoration: none;
font-weight: 400;
}
.read-more:hover {
text-decoration: underline;
}
.small-spc {
margin-top: 20px;
margin-bottom: 20px;
padding-top: 13px;
padding-bottom: 13px;
}
.small-spc.no-bottom-space {
margin-bottom: 10px;
}
.blog-link {
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.blog-minimal {
margin-bottom: 70px;
padding-right: 100px;
padding-left: 100px;
text-align: center;
}
.blog-minimal.no-padding {
padding-right: 0;
padding-left: 0;
text-align: left;
}
.data-blog {
display: block;
width: 100px;
height: 100px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 30px;
border-radius: 300px;
font-size: 38px;
}
.data-blog.cont-ico {
margin-bottom: 10px;
}
.data-blog.cont-ico.smll-ico {
padding-top: 35px;
font-size: 30px;
}
.blog-wrapper {
position: relative;
}
.blog-grid-con {
padding: 10px 20px;
background-color: #fff;
box-shadow: #e4e4e4 0 2px 1px 0;
}
.blog-grid-hiden {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
}
.blog-grid-arrow {
position: absolute;
left: 24px;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
}
.blog-pagination {
padding-top: 18px;
padding-bottom: 18px;
border-top: 1px solid #ebebeb;
}
.blog-pagination.top-space {
margin-top: 70px;
}
.paginaton-but {
width: 40px;
height: 40px;
background-color: #eee;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
color: #777;
font-size: 22px;
line-height: 43px;
text-align: center;
}
.paginaton-but:hover {
color: #fff;
}
.paginaton-but.pag-all {
font-size: 17px;
}
.align-right {
text-align: right;
}
.blog-post-banner {
position: relative;
height: 550px;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.blog-post-banner.port-item {
height: 600px;
background-color: #e9e9e9;
background-size: cover;
}
.blockqoute {
padding-top: 5px;
padding-right: 150px;
padding-bottom: 5px;
font-family: 'Playfair Display',sans-serif;
color: #212121;
font-size: 20px;
line-height: 35px;
font-weight: 400;
}
.post-title {
color: #acacac;
font-size: 13px;
letter-spacing: 2px;
}
.comments-wrapper {
margin-top: 60px;
}
.comments-wrapper.reply {
padding-left: 94px;
}
.comment-icon {
position: relative;
width: 80px;
height: 80px;
margin-right: 25px;
float: left;
background-position: 50% 50%;
background-size: 80px;
background-repeat: no-repeat;
}
.comment-content {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
}
.name-tag {
margin-bottom: 0;
}
.arrow-down {
position: absolute;
left: 0;
right: 0;
bottom: 40px;
z-index: 10;
text-align: center;
}
.arrow-down.more-up {
bottom: 95px;
}
.footer {
padding-top: 100px;
padding-bottom: 140px;
}
.contact-wrapper {
text-align: center;
}
.cont-sub-txt {
margin-bottom: 20px;
font-family: 'Playfair Display',sans-serif;
font-size: 13px;
font-weight: 400;
}
.mail {
color: #a8a8a8;
text-decoration: none;
}
.map {
position: relative;
height: 100%;
}
.map-wrapper {
height: 100%;
min-height: 800px;
}
.container-contact {
position: absolute;
left: 0;
top: 50%;
right: 0;
z-index: 5;
-webkit-transform: translate(0px,-50%);
-ms-transform: translate(0px,-50%);
transform: translate(0px,-50%);
}
.cnt-content {
padding: 50px;
background-color: rgba(255,255,255,0.95);
}
.text-field {
border: 1px solid #ececec;
background-color: transparent;
font-family: Lekton,sans-serif;
font-weight: 400;
}
.text-field.text-area {
margin-bottom: 15px;
padding-bottom: 83px;
}
.contact-bottom-spc {
margin-bottom: 10px;
}
.comment-form {
margin-top: 40px;
}
.author-bg-wrapper {
margin-top: 60px;
}
.author-photo {
width: 90px;
height: 90px;
margin-right: 20px;
float: left;
border-radius: 100px;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.author-content {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
}
.social-author {
position: absolute;
top: 0;
right: 0;
}
.port-item-title {
margin-bottom: 20px;
letter-spacing: 2px;
}
.li-share {
display: inline-block;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #dadada;
}
.li-share.no-line {
border-right-color: transparent;
}
.share-icon {
position: relative;
margin-right: 10px;
float: left;
}
.share-link {
position: relative;
top: 2px;
float: left;
-webkit-transition: color 400ms ease;
transition: color 400ms ease;
color: #aaa;
text-decoration: none;
}
.share-link.heart:hover {
color: #e67c7c;
}
.share-link.facebook:hover {
color: #3b5998;
}
.share-link.twitter:hover {
color: #00aced;
}
.share-link.pin:hover {
color: #ee3f3f;
}
.share-txt {
position: relative;
float: left;
font-family: Lekton,sans-serif;
font-weight: 400;
}
.port-item-spc {
margin-top: 60px;
}
.align-center {
text-align: center;
}
.align-center.more-spc {
margin-top: 30px;
}
.photo-item-spc {
margin-bottom: 20px;
}
.item-content {
position: relative;
padding-right: 40px;
padding-left: 40px;
}
.item-content.more-padding {
padding: 60px 70px;
}
.blog-share {
margin-top: 40px;
text-align: right;
}
.col-0 {
padding-right: 0;
padding-left: 0;
}
.slide-1 {
background-image: url(../images/port-item-7.jpg);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
background-color: #ebecee;
}
.slide-2 {
background-image: url(../images/port-item-8.jpg);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
background-color: #ebecee;
}
.video-wrapper {
position: relative;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow-x: hidden;
overflow-y: hidden;
width: 100%;
height: 100%;
background-color: transparent;
}
.video-wrapper.fixed {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 98;
display: none;
}
.embed-video {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.video-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
background-color: rgba(0,0,0,0.7);
}
.video-overlay.more-darker {
background-color: rgba(0,0,0,0.85);
}
.project-info {
width: 50%;
height: 100%;
padding: 10px;
float: right;
background-color: transparent;
}
.project-content {
height: 100%;
padding: 45px 20px 45px 10px;
background-color: #fff;
}
.align-left {
text-align: left;
}
.slider-page {
height: auto;
background-color: transparent;
}
.slide-dots {
opacity: .8;
font-size: 10px;
}
.arrow-slider {
width: 55px;
height: 55px;
padding-top: 18px;
background-color: rgba(0,0,0,0.52);
-webkit-transition: background-color 400ms ease;
transition: background-color 400ms ease;
font-size: 18px;
}
.arrow-slider.left {
margin-left: 0;
}
.arrow-slider.right {
margin-right: 0;
}
.menu-type-2 {
position: relative;
left: 10px;
top: -8px;
z-index: 5;
float: right;
}
.section {
position: relative;
height: 100%;
padding: 60px 70px;
}
.section.arch-1 {
background-image: url(../images/arch-1.jpg);
background-position: 50% 100%;
background-size: cover;
background-repeat: no-repeat;
}
.section.arch-2 {
background-image: url(../images/arch-2.jpg);
background-position: 50% 100%;
background-size: cover;
background-repeat: no-repeat;
}
.section.arch-3 {
background-image: url(../images/arch-3.jpg);
background-position: 50% 100%;
background-size: cover;
background-repeat: no-repeat;
}
.section.arch-4 {
background-image: url(../images/arch-4.jpg);
background-position: 50% 100%;
background-size: cover;
background-repeat: no-repeat;
}
.fpage {
height: 100%;
}
.full-content {
position: relative;
height: 100%;
}
.li-menu-type-2 {
position: relative;
display: inline-block;
height: 45px;
max-height: 45px;
margin-right: 30px;
font-size: 13px;
letter-spacing: 1px;
}
.li-menu-type-2.no-bottom-margin {
margin-right: 10px;
}
.link-nav-2 {
position: relative;
z-index: 1;
padding-top: 7px;
padding-bottom: 2px;
color: #111;
text-decoration: none;
}
.link-nav-2.w--current,nav>ul>li.current-menu-item>a {
position: relative;
z-index: 1;
}
.line-bottom-menu {
position: relative;
left: 0;
right: 0;
bottom: 1px;
width: 100%;
height: 1px;
background-color: #111;
}
.navigation-type-2 {
float: right;
}
.sub-text-title {
margin-top: 10px;
margin-bottom: 15px;
font-family: Lekton,sans-serif;
color: #a8a8a8;
font-size: 16px;
line-height: 25px;
font-weight: 400;
letter-spacing: 0;
}
.dropdown-down-2 {
position: absolute;
display: none;
width: 200px;
max-width: 200px;
margin-top: 15px;
margin-bottom: 0;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0;
background-color: rgba(0,0,0,0.85);
text-align: left;
}
.navigation-type-2 li ul ul, .navigation-type-3 li ul ul {
display: none !important;
position: absolute;
left: 100%;
top: -27px;
}
.navigation-type-2 li:hover > ul, .navigation-type-3 li:hover > ul {
display: block !important;
}
.navigation-type-2 ul li, .navigation-type-3 ul li {
position: relative;
}
.dropdown-link {
width: 100%;
padding: 7px 10px 7px 20px;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
font-family: Lekton,sans-serif;
font-weight: 400;
color: #cecece;
text-decoration: none;
}
.dropdown-link:hover {
color: #fff;
}
.dropdown-link.w--current {
color: #fff;
}
.team-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.74));
background-image: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.74));
opacity: 0;
text-decoration: none;
}
.team-content {
position: absolute;
left: 0;
top: 50%;
right: 0;
}
.team-name {
display: block;
color: #fff;
font-size: 16px;
letter-spacing: 2px;
}
.social-team {
margin-top: 20px;
}
.author-name {
font-size: 45px;
line-height: 70px;
}
.author-name.color {
line-height: 40px;
}
.element-border {
font-size: 40px;
}
.font-ch {
font-family: 'Playfair Display',sans-serif;
font-size: 50px;
font-weight: 400;
}
.info-menu-type-3 {
position: absolute;
left: 0;
right: 0;
bottom: 80px;
padding-right: 80px;
padding-left: 80px;
}
.both-padd {
padding-right: 20px;
}
.cont-info {
margin-bottom: 20px;
font-family: Lekton,sans-serif;
color: #979797;
font-size: 16px;
font-weight: 400;
}
.product-space {
margin-top: 20px;
}
.section-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
height: 100%;
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.34),rgba(0,0,0,0.2)),url(../images/ptn-3.png);
background-image: linear-gradient(to top,rgba(0,0,0,0.34),rgba(0,0,0,0.2)),url(../images/ptn-3.png);
}
.banner-one {
height: 800px;
position: relative;
overflow: hidden;
}
.biger {
font-size: 32px;
}
.slide-big-1 {
padding-right: 20px;
padding-left: 20px;
background-color: #efefef;
background-image: url(../images/slide-big-1.jpg);
background-position: 50% 100%;
background-size: contain;
background-repeat: no-repeat;
}
.slide-big-2 {
padding-right: 20px;
padding-left: 20px;
background-image: url(../images/slide-big-2.jpg);
background-position: 50% 100%;
background-size: contain;
background-repeat: no-repeat;
}
.slide-big-3 {
padding-right: 20px;
padding-left: 20px;
background-color: #efefef;
background-image: url(../images/slide-big-4.jpg);
background-position: 50% 100%;
background-size: contain;
background-repeat: no-repeat;
}
.white {
color: #fff;
}
.text-rotator {
height: auto;
background-color: transparent;
}
.blog-img {
margin-bottom: 30px;
}
.responsive-menu {
padding-top: 20px;
padding-bottom: 20px;
background-color: #fff;
}
.responsive-nav {
overflow-x: hidden;
overflow-y: hidden;
height: 0;
padding-top: 0;
padding-bottom: 0;
background-color: rgba(0,0,0,0.92);
}
.hamburger {
position: relative;
float: right;
}
.nav-res-link {
position: relative;
display: block;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px dotted #5e5e5e;
color: rgba(255,255,255,0.8);
letter-spacing: 2px;
text-decoration: none;
cursor: pointer;
}
.arrow-ico-res {
position: relative;
width: 20px;
height: 20px;
margin-top: 10px;
float: right;
color: #b6b6b6;
}
.res-txt {
display: inline-block;
float: left;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
color: rgba(255,255,255,0.8);
font-size: 12px;
text-decoration: none;
}
.res-txt:hover {
color: #fff;
}
.res-txt.w--current {
padding-top: 1px;
color: #fff;
}
.res-txt.change-size {
font-family: Lekton,sans-serif;
font-weight: 400;
font-size: 13px;
letter-spacing: 1px;
text-transform: capitalize;
}
.res-txt.active {
color: #fff;
}
.dd-res {
overflow-x: hidden;
overflow-y: hidden;
height: 0;
margin-bottom: 0;
padding-left: 50px;
}
.dd-big-res {
margin-top: 15px;
margin-bottom: 20px;
padding-left: 0;
}
.port-contatiner {
position: relative;
left: 0;
top: 50%;
right: 0;
z-index: 10;
-webkit-transform: translate(0px,-50%);
-ms-transform: translate(0px,-50%);
transform: translate(0px,-50%);
}
.port-contatiner.right {
text-align: right;
}
.port-contatiner.top {
top: 40%;
}
.typed-cursor {
opacity: 1;
-webkit-animation: blink .7s infinite;
-moz-animation: blink .7s infinite;
animation: blink .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;
}
}
.c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 46px;
height: 46px;
font-size: 0;
text-indent: -9999px;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
transition: background .3s;
}
.c-hamburger:focus {
outline: none;
}
.c-hamburger span {
display: block;
position: absolute;
top: 22px;
left: 12px;
right: 12px;
height: 2px;
background: #111;
}
.c-hamburger span::before,.c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background-color: #111;
content: "";
}
.c-hamburger span::before {
top: -6px;
}
.c-hamburger span::after {
bottom: -6px;
}
.c-hamburger--htla {
background-color: transparent;
margin-left: 6px;
}
.c-hamburger--htla span {
transition: transform .3s;
}
.c-hamburger--htla span::before {
transform-origin: top right;
transition: transform 0.2s,width 0.2s,top .2s;
}
.c-hamburger--htla span::after {
transform-origin: bottom right;
transition: transform 0.2s,width 0.2s,bottom .2s;
}
/* active state, i.e. menu open */
.c-hamburger--htla.is-active {
background-color: transparent;
}
.c-hamburger--htla.is-active span {
transform: rotate(180deg);
}
.c-hamburger--htla.is-active span::before,.c-hamburger--htla.is-active span::after {
width: 50%;
}
.c-hamburger--htla.is-active span::before {
top: 0;
transform: translateX(12px) translateY(1px) rotate(45deg);
}
.c-hamburger--htla.is-active span::after {
bottom: 0;
transform: translateX(12px) translateY(-1px) rotate(-45deg);
}
.c-hamburger--htx {
background-color: transparent;
}
.c-hamburger--htx span {
transition: background 0 .3s;
}
.c-hamburger--htx span::before,.c-hamburger--htx span::after {
transition-duration: 0.3s,.3s;
transition-delay: 0.3s,0;
}
.c-hamburger--htx span::before {
transition-property: top,transform;
}
.c-hamburger--htx span::after {
transition-property: bottom,transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
background-color: transparent;
}
.c-hamburger--htx.is-active span {
background: none;
}
.c-hamburger--htx.is-active span::before {
top: 0;
transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {
transition-delay: 0s,.3s;
}
.left-arrow {
cursor: url(../images/s_left.gif),e-resize;
}
.right-arrow {
cursor: url(../images/s_right.gif),e-resize;
}
.is-checked {
background-color: #000;
color: #fff;
}
.icon-scroll,.icon-scroll:before {
position: absolute;
left: 50%;
}
.icon-scroll {
width: 30px;
height: 50px;
margin-left: -20px;
top: 50%;
margin-top: -35px;
box-shadow: inset 0 0 0 1px #fff;
border-radius: 25px;
}
.icon-scroll:before {
content: '';
width: 6px;
height: 6px;
background: #fff;
margin-left: -3px;
top: 8px;
border-radius: 4px;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: scroll;
animation-name: scroll;
}
@-webkit-keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(46px);
transform: translateY(46px);
}
}
@keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(46px);
transform: translateY(46px);
}
}
.tweets_txt {
font-family: Lekton,sans-serif;
font-weight: 400;
}
::-moz-selection {
/* Code for Firefox */
color: #fff;
background: #111;
}
::selection {
color: #fff;
background: #111;
}
.pres-wrapper {
display: block;
color: #121212;
text-align: center;
letter-spacing: 2px;
text-decoration: none;
}
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 70px;
right: 70px;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(0,0,0,0.6) url(../images/cd-top-arrow.svg) no-repeat center 50%;
background-size: 14px;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s,visibility 0 .3s;
-moz-transition: opacity .3s 0s,visibility 0 .3s;
transition: opacity .3s 0s,visibility 0 .3s;
}
.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s,visibility 0 0;
-moz-transition: opacity .3s 0s,visibility 0 0;
transition: opacity .3s 0s,visibility 0 0;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.cd-top:hover {
background-color: #212121;
opacity: 1;
}
/* Update 1.1 */
.circile-hot {
position: absolute;
top: -20px;
right: 0;
width: 50px;
height: 50px;
border-radius: 100%;
background-color: #df4141;
-webkit-transition: margin 200ms ease;
transition: margin 200ms ease;
color: #fff;
font-size: 12px;
line-height: 55px;
}
.circile-hot.new {
background-color: #43c07d;
}
.img-pres {
-webkit-transition: box-shadow 500ms ease;
transition: box-shadow 500ms ease;
}
.img-pres:hover {
box-shadow: rgba(0,0,0,0.2) 4px 4px 50px 0;
}
.success-message {
padding-top: 15px;
padding-bottom: 10px;
background-color: #22a966;
text-align: center;
margin-top: 15px;
}
.seuccses {
margin-bottom: 0;
color: #fff;
}
.error-message {
margin-top: 15px;
padding-top: 15px;
padding-bottom: 10px;
background-color: rgba(255,0,0,0.49);
text-align: center;
}
.from {
color: #fff;
}
.button.other-dsn {
margin-right: 0;
padding-right: 15px;
padding-left: 15px;
float: none;
background-color: transparent;
color: #a2a2a2;
}
.button.other-dsn:hover {
color: #333;
}
.filters.button-group.no-float {
margin-left: 0;
float: none;
}
.photo-seperator {
width: 100%;
height: 1px;
margin-top: 20px;
background-color: #ebebeb;
}
.align-center.more-margin {
margin-bottom: 60px;
}
.navigation-type-3 {
text-align: center;
}
.hello-element {
font-family: Yellowtail,sans-serif;
font-size: 22px;
}
.hello-2 {
margin-bottom: 20px;
font-family: Yellowtail,sans-serif;
font-size: 22px;
}
.another-spc {
margin-bottom: 20px;
}
.author-name.bin-name {
font-size: 60px;
letter-spacing: 3px;
}
.title-top-border.make-center {
text-align: center;
}
.alert-message {
margin-top: 10px;
margin-bottom: 30px;
padding: 20px 20px 18px;
border-radius: 2px;
background-color: #f1c537;
font-family: Lekton,sans-serif;
color: #b48d48;
font-size: 15px;
font-weight: 400;
text-align: center;
}
.alert-message.info {
border-color: #aed7ea;
background-color: #59b9e6;
color: #3f7894;
}
.alert-message.suc {
border-color: #cddb9b;
background-color: #a4c238;
color: #73882c;
}
.alert-message.error {
border-color: #fad2d3;
background-color: #ee3e47;
color: #833030;
}
.pricing-table {
margin-right: 10px;
margin-left: 10px;
border: 2px solid #eaeaea;
text-align: center;
}
.pricing-table.pr-active {
border-color: #212121;
}
.pricing-icon {
display: block;
width: 50px;
height: 50px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
color: #121212;
font-size: 50px;
}
.pricing-txt {
font-size: 22px;
letter-spacing: 2px;
}
.pricing-txt.pric-nb {
margin-bottom: 0;
font-size: 34px;
}
.pricing-top {
padding-top: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.li-pricing {
padding: 30px 10px 5px;
border-bottom: 1px solid #eaeaea;
}
.li-pricing.less-pd {
padding-top: 10px;
padding-bottom: 0;
}
.pricing-bottom {
padding-top: 15px;
padding-bottom: 25px;
}
.button.wout-fl {
float: none;
}
/* Update 1.2 */
.slider-v-2 {
height: 800px;
background-color: transparent;
}
.slider-v-2.v-4 {
height: 750px;
background-image: url(../images/big-photo-4.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.slide-1-v2 {
background-image: url(../images/big-photo-1.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.p-biger {
margin-bottom: 20px;
font-size: 16px;
text-transform: uppercase;
}
.p-biger.p-white {
color: #fff;
}
.slide-2-v2 {
background-image: url(../images/big-photo-2.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.slide-3-v2 {
background-image: url(../images/big-photo-3.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.paralax {
height: 800px;
background-image: url(../images/paralax.jpg);
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
padding-left: 20px;
padding-right: 20px;
}
/* Update 1.3 */
.slide-shop-1 {
background-image: url(../images/shop-1.jpg);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
background-color: #efefef;
}
.slide-shop-2 {
background-image: url(../images/shop-2.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.cart-product {
position: absolute;
left: -194px;
top: 45px;
width: 230px;
background-color: rgba(0,0,0,.85);
text-align: left;
cursor: default;
}
.cart-wrapper {
padding: 15px 15px 5px;
border-bottom: 1px solid hsla(0,0%,100%,.19);
}
.cart-wrapper.no-line {
padding-bottom: 15px;
border-bottom-style: none;
}
.product-photo {
position: relative;
width: 65px;
height: 65px;
margin-right: 15px;
float: left;
background-image: url(../images/shop_cart_thumb.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.product-title {
position: relative;
overflow: hidden;
font-size: 15px;
line-height: 20px;
}
.title-product {
display: block;
margin-bottom: 3px;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
font-family: Lekton,sans-serif;
color: #fff;
font-size: 14px;
text-decoration: none;
}
.product-wrapper {
position: relative;
text-align: center;
}
.select-field {
width: 150px;
float: left;
}
.info-shop-wrapper {
margin-top: 20px;
text-align: center;
letter-spacing: 1px;
}
.p-shop {
font-family: 'Playfair Display',sans-serif;
font-size: 17px;
}
.links {
position: relative;
width: 100%;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
border-top: 1px solid #e1e1e1;
}
.line-links {
position: absolute;
left: 50%;
top: 14px;
width: 1px;
height: 20px;
background-color: #e1e1e1;
}
.add-to-cart {
padding-left: 26px;
float: left;
text-decoration: none;
}
.add-to-cart.view-details {
padding-left: 26px;
float: right;
}
.p-no-margin {
margin-bottom: 0;
font-size: 13px;
}
.shop-title {
display: block;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #111;
text-decoration: none;
}
.social-icon.shop-cart {
position: relative;
display: inline-block;
height: 46px;
font-size: 18px;
}
.social-icon.shop-cart:hover {
color: #111;
}
.circile-hot.circle-shop {
top: 10px;
right: 10px;
font-size: 11px;
letter-spacing: 1px;
}
.no-price,.price del span {
font-weight: 400;
text-decoration: line-through;
}
.price ins {
text-decoration: none;
}
.number-but {
width: 40px;
height: 40px;
float: left;
background-color: #eee;
color: #777;
line-height: 40px;
text-align: center;
text-decoration: none;
}
.number-but.pls {
background-color: #7a7a7a;
background-image: url(../images/fa-plus_100_0_ffffff_none.png);
background-position: 50% 50%;
background-size: 10px;
background-repeat: no-repeat;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
color: #fff;
}
.number-but.pls.minus {
background-image: url(../images/fa-minus_100_0_ffffff_none.png);
background-size: 10px;
}
.number-but.float-right {
position: relative;
margin-top: 16px;
float: right;
}
.number-but.float-right.remove {
background-color: #7a7a7a;
background-image: url(../images/fa-remove_100_0_ffffff_none.png);
background-position: 50% 50%;
background-size: 10px;
background-repeat: no-repeat;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.number-but.float-right.remove:hover {
background-color: #f03b3b;
}
.color-tb {
background-color: #f5f5f5;
}
.color-tb.line-below {
border-bottom: 1px solid #e4e4e4;
background-color: transparent;
}
.tb-size {
padding: 20px 8px;
font-family: Lekton,sans-serif;
color: #707070;
}
.tb-size.fix {
height: 110px;
line-height: 73px;
}
.tb-size.lft {
text-align: right;
}
.shop-img {
width: 65px;
height: 65px;
background-image: url(../images/shop_cart_thumb.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.shoping-tite {
font-family: Lovelo,sans-serif;
color: #121212;
letter-spacing: 1px;
}
.shoping-tite a {
color: #121212 !important;
text-decoration: none;
}
.move-dwn {
margin-top: 15px;
}
.inline {
display: inline-block;
}
.cupon-code {
width: 200px;
height: 45px;
margin-right: 11px;
margin-bottom: 0;
float: left;
}
.cpn-wrppaer {
margin-bottom: 0;
}
.ts-size {
padding: 9px;
line-height: 57px;
}
.search-field {
height: 40px;
border-color: transparent;
background-color: #f1f1f1;
font-family: Lekton,sans-serif;
}
.divider {
height: 1px;
margin-top: 50px;
margin-bottom: 50px;
background-color: #e1e1e1;
}
.blog-last-photo {
width: 70px;
height: 70px;
margin-right: 10px;
float: left;
}
.li-last {
margin-bottom: 10px;
}
.last-content {
overflow: hidden;
}
.last-title {
display: block;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
color: #121212;
font-size: 16px;
text-decoration: none;
}
.tagcloud a,.tagcloud a:visited {
font-size: 14px !important;
margin-right: 5px;
margin-bottom: 5px;
padding: 9px;
float: left;
background-color: #eee;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
font-family: Lekton,sans-serif;
color: #888;
text-decoration: none;
}
.tagcloud a:hover {
color: #fff;
}
.widget ul {
list-style: none;
padding-left: 0;
}
.li-cat,.widget ul li {
margin-bottom: 15px;
}
.cat-link,.widget ul li a {
display: block;
padding-top: 4px;
padding-bottom: 4px;
font-family: 'Playfair Display',sans-serif;
color: #5a5a5a;
font-style: italic;
font-weight: 400;
text-decoration: none;
}
.tab-menu.left-menu {
text-align: left;
}
.tabs.left-alg {
text-align: left;
}
/* 2. Interaction Website */
html.w-mod-js [data-ix="hide-overlay-menu-on-load"] {
display: none;
opacity: 0;
-webkit-transform: translate(-100%,0px);
-ms-transform: translate(-100%,0px);
transform: translate(-100%,0px);
}
html.w-mod-js [data-ix="make-dropdown-height-0"] {
height: 0;
}
html.w-mod-js [data-ix="hide-filter-opacity-0"] {
opacity: 0;
}
html.w-mod-js [data-ix="move-filter-content-on-load"] {
display: none;
opacity: 0;
-webkit-transform: translate(0px,-25px);
-ms-transform: translate(0px,-25px);
transform: translate(0px,-25px);
}
html.w-mod-js [data-ix="hide-portfolio-content-on-load"] {
opacity: 0;
}
html.w-mod-js [data-ix="scale-portfolio-title-on-load"] {
opacity: 0;
-webkit-transform: scale(1.5) rotate(-40deg);
-ms-transform: scale(1.5) rotate(-40deg);
transform: scale(1.5) rotate(-40deg);
}
html.w-mod-js [data-ix="scale-portfolio-title-on-load-2"] {
opacity: 0;
-webkit-transform: translate(0px,20px);
-ms-transform: translate(0px,20px);
transform: translate(0px,20px);
}
html.w-mod-js [data-ix="move-team-content-on-load"] {
-webkit-transform: translate(0px,75%);
-ms-transform: translate(0px,75%);
transform: translate(0px,75%);
}
html.w-mod-js [data-ix="move-portfolio-overlay-bottom"] {
opacity: 0;
-webkit-transform: translate(0px,80px);
-ms-transform: translate(0px,80px);
transform: translate(0px,80px);
}
html.w-mod-js [data-ix="move-portfolio-title"] {
opacity: 0;
-webkit-transform: translate(0px,20px);
-ms-transform: translate(0px,20px);
transform: translate(0px,20px);
}
html.w-mod-js [data-ix="dispnay-none-on-load-project-info"] {
display: none;
opacity: 0;
-webkit-transform: translate(-100px,0px);
-ms-transform: translate(-100px,0px);
transform: translate(-100px,0px);
}
html.w-mod-js [data-ix="line-menu-type"] {
width: 0;
}
html.w-mod-js [data-ix="hide-menu-type-2-on-load"] {
display: none;
opacity: 0;
-webkit-transform: translate(0px,-20px);
-ms-transform: translate(0px,-20px);
transform: translate(0px,-20px);
}
html.w-mod-js [data-ix="move-up-team-contetn"] {
opacity: 0;
-webkit-transform: translate(0px,50px);
-ms-transform: translate(0px,50px);
transform: translate(0px,50px);
}
html.w-mod-js [data-ix="hide-menu-type-3-on-load"] {
display: none;
opacity: 0;
}
html.w-mod-js [data-ix="move-up-on-slide"] {
opacity: 0;
-webkit-transform: translate(0px,-50px);
-ms-transform: translate(0px,-50px);
transform: translate(0px,-50px);
}
html.w-mod-js [data-ix="move-up-on-slide-2"] {
opacity: 0;
-webkit-transform: translate(0px,-50px);
-ms-transform: translate(0px,-50px);
transform: translate(0px,-50px);
}
html.w-mod-js [data-ix="fade-in-on-slide-3"] {
opacity: 0;
}
html.w-mod-js [data-ix="move-left-on-slide-4"] {
opacity: 0;
-webkit-transform: translate(-50px,0px);
-ms-transform: translate(-50px,0px);
transform: translate(-50px,0px);
}
html.w-mod-js [data-ix="move-left-on-slide-5"] {
opacity: 0;
-webkit-transform: translate(50px,0px);
-ms-transform: translate(50px,0px);
transform: translate(50px,0px);
}
html.w-mod-js [data-ix="fade-in-on-slide-4"] {
opacity: 0;
}
html.w-mod-js [data-ix="responsive-menu"] {
display: none;
height: 0;
}
html.w-mod-js [data-ix="responsive-menu"] {
display: none;
height: 0;
}
html.w-mod-js [data-ix="cart-hide"] {
display: none;
}
/* 3. Responsive */
@media screen and (min-width: 1200px) {
.w-container {
max-width: 1170px;
}
}
@media (max-width: 991px) {
body {
height: auto;
padding: 0;
}
.slide-big-3 {
background-size: cover;
}
.top-border {
display: none;
}
.left-border {
display: none;
}
.banner-one {
height: 500px;
}
.right-border {
display: none;
}
.bottom-border {
display: none;
}
.overlay-menu {
display: none;
width: 100%;
}
.big-slider {
height: 500px;
}
.button.other-dsn {
display: block;
}
.item {
width: 50%;
}
.item.blog-item {
width: 50%;
}
.item.item-4-columns {
width: 50%;
}
.item.item-5-columns {
width: 50%;
}
.grid {
margin-right: 0;
margin-left: 0;
}
.inner-title.smaller {
font-size: 36px;
}
.map {
height: 700px;
}
.container-contact {
top: 50%;
}
.slide-1 {
background-size: cover;
}
.slide-2 {
background-size: cover;
}
.video-wrapper {
height: 700px;
max-height: 700px;
}
.video-wrapper.fixed {
display: none !important;
}
.project-info {
width: 100%;
float: none;
}
.pricing-table {
margin-bottom: 60px;
}
.project-content {
width: 100%;
}
.section {
padding-right: 10px;
padding-left: 10px;
}
.slide-big-1 {
background-size: cover;
}
.slide-big-2 {
background-size: cover;
}
.responsive-menu {
padding-right: 10px;
padding-left: 10px;
}
.responsive-nav {
padding-right: 10px;
padding-left: 10px;
}
.arrow-ico-res {
margin-top: 0;
}
.cd-top {
right: 20px;
bottom: 20px;
}
.pricing-table {
margin-bottom: 60px;
}
.slider-v-2 {
height: 500px;
}
.slider-v-2.v-4 {
height: 500px;
}
.paralax {
height: 500px;
background-attachment: scroll;
}
.slide-shop-1 {
background-size: cover;
}
.tb-size.lft {
text-align: left;
}
}
@media (max-width: 767px) {
.section-imp.sec-full.section-arch {
padding-right: 10px;
padding-left: 10px;
}
.item {
margin-bottom: 30px;
padding-right: 15px;
padding-left: 15px;
}
.show-filter {
margin-bottom: 10px;
}
.logo-wrapper {
width: 100%;
text-align: center;
}
.blog-zig-zag {
width: 100%;
}
.blog-minimal {
padding-right: 50px;
padding-left: 50px;
}
.footer {
padding-bottom: 100px;
}
.contact-wrapper {
margin-bottom: 40px;
}
.container-contact {
top: 50%;
}
.item-content {
padding-right: 0;
padding-left: 0;
}
.item-content.more-padding {
padding-right: 0;
padding-left: 0;
}
.project-content {
padding-left: 20px;
}
.both-padd {
margin-bottom: 30px;
padding-right: 0;
}
.slide-big-1 {
background-position: 50% 100%;
background-size: cover;
}
.center-mobile {
text-align: center;
}
.space-mobile {
margin-bottom: 50px;
}
.center {
text-align: center;
}
.cd-top {
right: 10px;
bottom: 10px;
}
}
@media (max-width: 479px) {
.navigation-wrapper {
padding-right: 0;
padding-left: 0;
}
.section-imp {
padding-top: 100px;
padding-bottom: 100px;
}
.section-imp.parallax {
height: 400px;
max-height: 400px;
padding-bottom: 120px;
}
.item {
width: 100%;
padding-right: 0;
padding-left: 0;
}
.item.blog-item {
width: 100%;
}
.item.item-4-columns {
width: 100%;
}
.item.item-5-columns {
width: 100%;
}
.button {
margin-bottom: 3px;
}
.inner-title {
font-size: 43px;
line-height: 65px;
}
.blog-content {
padding-top: 25px;
}
.blog-minimal {
padding-right: 20px;
padding-left: 20px;
}
.blockqoute {
padding-right: 0;
}
.comments-wrapper.reply {
padding-left: 0;
}
.comment-icon {
display: none;
}
.cnt-content {
padding: 23px 14px;
}
.li-share {
margin-right: 10px;
padding-right: 5px;
}
.item-content.more-padding {
padding: 20px 0 0;
}
.space-mobile {
margin-bottom: 20px;
}
.center {
text-align: center;
}
.shoping-tite {
line-height: 30px;
}
.cupon-code {
margin-bottom: 10px;
}
}
/* 4. @Font-Face */
@font-face {
font-family: 'Lovelo';
src: url('../fonts/lovelo/lovelo_black-webfont.woff2') format('woff2'),
url('../fonts/lovelo/lovelo_black-webfont.woff') format('woff');
font-weight: 600;
font-style: normal;
}
.meta-tag a {
text-decoration: none;
}
.blog-entry:nth-child(even) .blog-zig-zag:nth-child(2) {
float: left;
}
.blog-entry:nth-child(even) .blog-zig-zag:nth-child(1) {
float: right;
}
aside:nth-child(1) .divider {
display: none;
}
a.comment-reply-link {
text-decoration: none;
}
#submit_message {
-webkit-appearance: button;
margin-right: 3px;
padding: 13px 18px 10px;
float: left;
background-color: #eee;
transition: background-color 200ms ease;
font-family: Lekton,sans-serif;
font-weight: 400;
color: #666;
text-decoration: none;
cursor: pointer;
border-radius: 0;
border: 0;
line-height: inherit;
display: inline-block;
}
#submit_message:hover {
background-color: #ddd;
}
.tag-space {
margin-bottom: 20px;
color: #acacac;
}
.tag-space a {
text-decoration: none;
color: #acacac;
}
img.sub-handmade {
width: 118px;
}
.nav-links a {
max-width: 100%;
display: inline-block;
width: 40px;
height: 40px;
background-color: #eee;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
color: #777;
font-size: 22px;
line-height: 43px;
text-align: center;
}
.nav-links a:hover {
color: #fff;
}
.glyphs.css-mapping {
margin: 0 0 60px;
padding: 30px 0 20px 30px;
color: rgba(0,0,0,0.5);
border: 1px solid #d8e0e5;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.glyphs.css-mapping li {
font-family: Lekton;
margin: 0 30px 20px 0;
padding: 0;
display: inline-block;
overflow: hidden;
}
.glyphs.css-mapping .icon {
margin: 0;
margin-right: 10px;
padding: 13px;
height: 50px;
width: 50px;
color: #162a36 !important;
overflow: hidden;
float: left;
font-size: 24px;
}
.glyphs.css-mapping input {
margin: 0;
margin-top: 5px;
padding: 8px;
line-height: 16px;
font-size: 16px;
display: block;
width: 150px;
height: 40px;
border: 1px solid #d8e0e5;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #fff;
outline: 0;
float: right;
}
#commentform #submit.flvsubmit {
margin-left: 0;
}
.flv_relative {
position: relative;
}
.flv_fullwidth_section {
padding: 0;
}
.flv_fullwidth_section .flv_container {
max-width: 100%;
}
img.attachment-blog_grid {
width: 100%;
height: auto;
}
.filters a.button {
margin-bottom: 3px;
}
/* 5. Selectric */
.selectric-wrapper {
position: relative;
cursor: pointer;
}
.selectric-responsive {
width: 100%;
}
.selectric {
border: 1px solid #ececec;
position: relative;
border-radius: 0;
min-width: 200px;
}
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 30px 0 0;
padding: 12px;
font-size: 15px;
font-weight: 500;
line-height: 18px;
color: #888;
min-height: 18px;
}
.selectric .button {
display: block;
position: absolute;
right: 0;
top: 0;
width: 42px;
height: 42px;
color: #BBB;
background: none;
text-align: center;
font: 0/0 a;
/* IE Fix */
*font: 20px/30px Lucida Sans Unicode,Arial Unicode MS,Arial;
}
.selectric .button:after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #BBB;
border-bottom: none;
}
.selectric-hover .selectric {
border-color: #CCC;
}
.selectric-hover .selectric .button {
color: #888;
}
.selectric-hover .selectric .button:after {
border-top-color: #888;
}
.selectric-open {
z-index: 9999;
}
.selectric-open .selectric {
border-color: #CCC;
background: #fff;
border-bottom-width: 0;
padding-bottom: 1px;
}
.selectric-open .selectric-items {
display: block;
}
.selectric-open.selectric-above .selectric {
border-top-width: 0;
border-bottom-width: 1px;
}
.selectric-open.selectric-above .selectric-items {
border-bottom-width: 0;
border-top-width: 1px;
}
.selectric-disabled {
filter: alpha(opacity=50);
opacity: .5;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
display: none;
}
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: none !important;
border: none !important;
*font: 0/0 a !important;
background: none !important;
}
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important;
}
.selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
border: 1px solid #CCC;
border-top-width: 0;
z-index: -1;
padding: 0;
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items ul,.selectric-items li {
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
line-height: 20px;
min-height: 20px;
}
.selectric-items li {
display: block;
padding: 10px 20px;
color: #666;
cursor: pointer;
font-family: Lekton,sans-serif !important;
font-weight: 400;
font-size: 14px;
}
.selectric-items li.selected {
background: #FAFAFA;
color: #444 !important;
}
.selectric-items li:hover {
color: #111;
}
.selectric-items .disabled {
filter: alpha(opacity=50);
opacity: .5;
cursor: default !important;
background: none !important;
color: #666 !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none;
color: #444;
}
.selectric-items .selectric-group.disabled li {
filter: alpha(opacity=100);
opacity: 1;
}
.selectric-items .selectric-group li {
padding-left: 25px;
}
/* 6. Extra WP theme styles */
/* calendar widget */
#wp-calendar {
width: 100%;
font-family: Lekton,sans-serif;
}
#wp-calendar caption {
text-align: right;
color: #acacac;
font-size: 12px;
margin-top: 10px;
margin-bottom: 15px;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
padding-bottom: 10px;
color: #5a5a5a;
}
#wp-calendar tbody {
color: #acacac;
}
#wp-calendar tbody td {
background: rgba(245,245,245,0.3);
border: 1px solid #fff;
text-align: center;
padding: 8px;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
}
/* widgets */
.widget_meta abbr[title] {
text-decoration: none;
}
.widget_categories li {
font-family: "Playfair Display",sans-serif;
color: #5a5a5a;
font-weight: 400;
font-style: italic;
padding-top: 0;
}
.widget ul li a {
display: inline-block;
}
aside.widget ul li a {
padding-bottom: 0;
padding-top: 0;
}
.widget.widget_recent_comments li.recentcomments {
font-family: Lekton,sans-serif;
}
.widget.widget_search input[type="text"] {
background-color: #f1f1f1;
border-color: transparent;
font-family: Lekton,sans-serif;
height: 40px;
}
.textwidget {
color: #818181;
font-family: Lekton,sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 26px;
margin-bottom: 10px;
}
/* forms styles */
input[type="text"],input[type="password"],input[type="email"],textarea,input[type="tel"] {
background: none;
font-family: Lekton,sans-serif;
font-weight: 400;
display: block;
}
label {
font-weight: 400;
}
input[type="text"],input[type="password"],input[type="email"],textarea,input[type="number"],input[type="submit"],input[type="tel"] {
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
}
textarea {
max-width: 100%;
}
input[type="text"],input[type="password"],input[type="email"],textarea,input[type="tel"] {
border: 1px solid #ececec;
background-color: transparent;
font-family: Lekton,sans-serif;
font-weight: 400;
padding: 8px 12px;
color: #333;
display: block;
font-size: 14px;
height: 38px;
line-height: 1.42857;
margin-bottom: 10px;
padding: 8px 12px;
vertical-align: middle;
}
/* extra formatting */
.main-content ul,.main-content ol,.main-content dl {
color: #818181;
font-family: Lekton,sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 26px;
margin-bottom: 20px;
}
.main-content ul ul,.main-content ol ul,.main-content ul ol,.main-content ol ol,.main-content dl ol,.main-content dl ol {
margin-bottom: 0;
}
blockquote cite {
display: block;
padding-top: 10px;
}
.main-content address {
margin-bottom: 20px;
}
abbr[title] {
text-decoration: none;
}
pre {
background: #fff;
padding: 20px;
color: #818181;
}
q {
display: inline-block;
border-left: 5px solid #e2e2e2;
margin-bottom: 10px;
padding: 10px 20px;
}
/* tables */
.main-content table {
border: 1px solid #ebe9e9;
border-width: 1px;
line-height: 18px;
margin: 0 0 22px;
text-align: left;
padding: 5px;
}
.main-content tr {
border-bottom: 1px solid #ebe9e9;
}
.main-content th,.main-content td {
padding: 10px;
}
.main-content td {
vertical-align: top;
font-family: Lekton,sans-serif;
color: #818181;
font-weight: 400;
font-size: 15px;
font-weight: 400;
line-height: 26px;
}
.main-content dt {
font-weight: 700;
text-decoration: underline;
}
.main-content dd {
margin: 0;
padding: 0 0 .5em;
}
/* various */
.archive.category .title-wrapper h2,.archive.category .title-wrapper h2:hover {
color: #101010;
}
.video-overlay .project-content {
overflow-x: hidden;
}
.navigation-type-3 .li-menu-type-2:last-child {
margin-right: 0;
}
.blog-minimal p.meta-tag a:hover,.single p.meta-tag a:hover,.blog-zig-zag p.meta-tag a:hover,.tag-space a:hover {
text-decoration: underline;
}
ul.flv_tweets .fa-twitter {
color: #101010;
}
td.value {
padding-left: 15px;
}
img.attachment-milano-blog_grid {height:auto}
.bottom-space{margin-bottom:100px}
@media only screen and (min-width: 768px) {
.w-slider .w-container {padding-left:20px}
.w-slider .w-container.right {padding-left:0;padding-right:20px}
}
input[type="text"], input[type="password"], input[type="email"], textarea, input[type="tel"], input.text-field {background:#FAFAFA!important;border-color:#ddd !important}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, input[type="tel"]:focus, input.text-field:focus {border-color:#ccc !important;background:#fff !important}
.selectric {border-color:#ddd !important}
.selectric-hover .selectric {border-color:#ccc !important}
.meta-tag a {color:#818181}
.video_style{width:100%; height: auto; position:absolute; z-index: -1;}
.width_50{width: 50px;}
.nav-links .w-col {width:33.33% !important}
#wowslider-container1 {position:relative}
.white_arrows .left-arrow {
cursor: url(../images/arrow-left.gif),e-resize;
}
.white_arrows .right-arrow {
cursor: url(../images/arrow-right.gif),e-resize;
}
div.blog-pagination .nav-links .w-col.w-col-6 {
width:50% !important;
}
.no-margin{margin:0px;}
.align-center {
text-align: center;
}
.align-center .wpb_wrapper{
margin:auto;
text-align: center;
}
/* image hero */
.image-hero {
text-align: center;
padding: 100px 20px
}
.image-hero i {
font-size: 70px;
color: #fff
}
.image-hero h1 {
color: #fff
}
.image-hero h3 {
color: #2980b9
}
/* testimonails */
.testimonials .owl-item p {
font-size: 18px;
color: #ddd;
padding: 0 10%;
font-size: 18px;
color: #ddd;
line-height: 30px
}
.testimonials h1 {
margin-bottom: 30px
}
.blog-img img {height:auto}
@media (max-width: 479px){
.blog-zig-zag img {
height: auto;
}}
.banner.in-port-item .w-slider.big-slider .w-slide {
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
background-color: #ebecee;
}
.woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before ,
.woocommerce .star-rating::before, .woocommerce-page .star-rating::before{ Â Â content: "\53\53\53\53\53"; Â Â top: 0; Â Â Â Â font-family: star; Â Â Â Â font-weight: 400; Â Â position: absolute; Â Â left: 0;}
form .color-tb span.amount.woocommerce-Price-amount{margin-top:27px;}
.color-tb span.amount.woocommerce-Price-amount{margin-top:0px;}
.cart_totals span.amount.woocommerce-Price-amount{margin-top:0px;}
.tb-size .number-but.float-right { margin-top: 12px;}
.social_icons_nav a{color:rgba(255,255,255,0.8);}
.social_icons_nav {margin-bottom:20px;}
.woocommerce-cart a.button-shop.check { top: -3px;}