/*pagebuild.css*/ /*------------------------ Pagebuild Reset ---------------------*/ [class^="icon-"], [class*=" icon-"]{ background-image:none; width:auto;} .row-fluid [class*="span"]{ min-height:20px; } [class*="span"]{ margin-bottom:40px; } [class*="span"].general_moudle{ margin-bottom:0; } .shadow { position: relative; opacity:0; } .shadow:after { z-index: -1; content: '';width: 50%; position: absolute; top: 50%; bottom: 15px; right: 15px; left: auto; background-color: rgba(0,0,0,0.5); box-shadow: 0 15px 10px rgba(0,0,0,0.5); -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); } .theme-color-1{ color:#DE5F4C;} .theme-color-2{ color:#be9ecd;} .theme-color-3{ color:#f67bb5;} .theme-color-4{ color:#8FC4E0;} .theme-color-5{ color:#5a6b7f;} .theme-color-6{ color:#b8b69d;} .theme-color-7{ color:#2ECC80;} .theme-color-8{ color:#e8b900;} .theme-color-9{ color:#C6A584;} .theme-color-10{ color:#28282E;} .bg-theme-color-1,.promote-hover-bg-theme-color-1:hover,.list-layout-con.bg-theme-color-1 { background-color:#DE5F4C;} .bg-theme-color-2,.promote-hover-bg-theme-color-2:hover,.list-layout-con.bg-theme-color-2 { background-color:#be9ecd;} .bg-theme-color-3,.promote-hover-bg-theme-color-3:hover,.list-layout-con.bg-theme-color-3 { background-color:#f67bb5;} .bg-theme-color-4,.promote-hover-bg-theme-color-4:hover,.list-layout-con.bg-theme-color-4 { background-color:#8FC4E0;} .bg-theme-color-5,.promote-hover-bg-theme-color-5:hover,.list-layout-con.bg-theme-color-5 { background-color:#5a6b7f;} .bg-theme-color-6,.promote-hover-bg-theme-color-6:hover,.list-layout-con.bg-theme-color-6 { background-color:#b8b69d;} .bg-theme-color-7,.promote-hover-bg-theme-color-7:hover,.list-layout-con.bg-theme-color-7 { background-color:#2ECC80;} .bg-theme-color-8,.promote-hover-bg-theme-color-8:hover,.list-layout-con.bg-theme-color-8 { background-color:#e8b900;} .bg-theme-color-9,.promote-hover-bg-theme-color-9:hover,.list-layout-con.bg-theme-color-9 { background-color:#C6A584;} .bg-theme-color-10,.promote-hover-bg-theme-color-10:hover,.navi-bgcolor-default,.list-layout-con.bg-theme-color-10 { background-color:#28282E;} .bg-theme-color-11,.promote-hover-bg-theme-color-11:hover,.list-layout-con.bg-theme-color-11 { background-color:#fcfcfc;} .moudle .ux-btn.bg-theme-color-1 { border-color:#DE5F4C; color:#DE5F4C; } .moudle .ux-btn.bg-theme-color-2 { border-color:#be9ecd; color:#be9ecd; } .moudle .ux-btn.bg-theme-color-3 { border-color:#f67bb5; color:#f67bb5; } .moudle .ux-btn.bg-theme-color-4 { border-color:#8FC4E0; color:#8FC4E0; } .moudle .ux-btn.bg-theme-color-5 { border-color:#5a6b7f; color:#5a6b7f; } .moudle .ux-btn.bg-theme-color-6 { border-color:#b8b69d; color:#b8b69d; } .moudle .ux-btn.bg-theme-color-7 { border-color:#2ECC80; color:#2ECC80; } .moudle .ux-btn.bg-theme-color-8 { border-color:#e8b900; color:#e8b900; } .moudle .ux-btn.bg-theme-color-9 { border-color:#C6A584; color:#C6A584; } .moudle .ux-btn.bg-theme-color-10 { border-color:#28282E; color:#28282E; } .moudle .ux-btn.bg-theme-color-6 { border-color:#fcfcfc; color:#fcfcfc; } .bg-theme-color-1-hover:not(.ux-btn):hover{ background-color:#DE5F4C!important; border-color:#DE5F4C!important; color:#fff; } .bg-theme-color-2-hover:not(.ux-btn):hover{ background-color:#be9ecd!important; border-color:#be9ecd!important; color:#fff; } .bg-theme-color-3-hover:not(.ux-btn):hover{ background-color:#f67bb5!important; border-color:#f67bb5!important; color:#fff; } .bg-theme-color-4-hover:not(.ux-btn):hover{ background-color:#8FC4E0!important; border-color:#8FC4E0!important; color:#fff; } .bg-theme-color-5-hover:not(.ux-btn):hover{ background-color:#5a6b7f!important; border-color:#5a6b7f!important; color:#fff; } .bg-theme-color-6-hover:not(.ux-btn):hover{ background-color:#b8b69d!important; border-color:#b8b69d!important; color:#fff; } .bg-theme-color-7-hover:not(.ux-btn):hover{ background-color:#2ECC80!important; border-color:#2ECC80!important; color:#fff; } .bg-theme-color-8-hover:not(.ux-btn):hover{ background-color:#e8b900!important; border-color:#e8b900!important; color:#fff; } .bg-theme-color-9-hover:not(.ux-btn):hover{ background-color:#C6A584!important; border-color:#C6A584!important; color:#fff; } .bg-theme-color-10-hover:not(.ux-btn):hover{ background-color:#28282E!important; border-color:#28282E!important; color:#fff; } .fullwidth-text-white .moudle a[class*="bg-theme-color-"].ux-btn, .fullwidth-text-white .moudle .ux-btn { border-color: #fff; color:#fff; } .fullwidth-text-white .moudle .ux-btn:hover, .fullwidth-text-white .moudle a[class*="bg-theme-color-"].ux-btn:hover { color:#28282e!important; } .fullwidth-text-white .moudle a[class*="bg-theme-color-"].ux-btn:hover, .fullwidth-text-white .moudle .ux-btn:hover { border-color: #fff!important; background-color:#fff!important; } .fullwidth-text-white .moudle .ux-btn.bg-theme-color-1-hover:hover{ color:#DE5F4C!important; } .fullwidth-text-white .moudle .ux-btn.bg-theme-color-2-hover:hover{ color:#be9ecd!important; } .fullwidth-text-white .moudle .ux-btn.bg-theme-color-3-hover:hover{ color:#f67bb5!important; } .fullwidth-text-white .moudle .ux-btn.bg-theme-color-4-hover:hover{ color:#8FC4E0!important; } .fullwidth-text-white .moudle .ux-btn.bg-theme-color-5-hover:hover{ color:#5a6b7f!important; } .fullwidth-text-white .moudle .ux-btn.bg-theme-color-6-hover:hover{ color:#b8b69d!important; } .fullwidth-text-white .moudle .ux-btn.bg-theme-color-7-hover:hover{ color:#2ECC80!important; } .fullwidth-text-white .moudle .ux-btn.bg-theme-color-8-hover:hover{ color:#e8b900!important; } .fullwidth-text-white .moudle .ux-btn.bg-theme-color-9-hover:hover{ color:#C6A584!important; } .fullwidth-text-white .moudle .ux-btn.bg-theme-color-10-hover:hover{ color:#28282E!important; } /* Transition */ .flex-slider-wrap .flex-direction-nav a, .carousel-control, .ux-btn, .grayscale, .filter-floating ul, .blog-item-more-a, .item-title-a, .liqd-gallery-img i.icon-m-pt-portfolio, .icon_wrap i, .iconbox-plus-svg-wrap i, .post-carousel-pagination a, .post-carousel-img, .video-overlay, .list-layout-con { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .ux-hover-wrap i, .fullwrap-with-tab-inn, .mask-hover-caption-block, .filters li a:before, .iconbox-content-hide .icon_text, .portfolio-caroufredsel-hover { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .team-item-con-back, .team-item .img-wrap, .iconbox-content-hide .icontext-inn, .portfolio-caroufredsel-img, .captionhover .captionhover-img, .ux-btn-text, .ux-btn .fa, .standard-list-item-img, .portfolio-standatd-tit:before, .single-image-img, .blog-unit-more-a .fa { -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } .testimenials, .testimenials .arrow-bg, .pagenums a, .promote-mod, .brick-inside, .fullwrap-block-inn { -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .liquid-title a, .liquid-title i, .liquid-more-icon i{ -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -ms-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; } .iconbox-plus-svg-wrap, .image-box-svg-wrap, .animation-default-ux{ -webkit-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s; } .middle-ux { position:relative; top:50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } .center-ux, .title-ux.line_both_sides.center, .title-ux.line_under_over.center { position:relative; left:50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .centered-ux{ position:relative; left:50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .left-ux{ float: left; } .right-ux{ float: right; } /*------------------------ Icon Font ux ---------------------*/ @font-face{font-family:'icon'; font-display: auto; src:url('fonts/icon.eot'); src:url('fonts/icon.eot?#iefix') format('embedded-opentype'), url('fonts/icon.woff') format('woff'), url('fonts/icon.ttf') format('truetype'), url('fonts/icon.svg#icon') format('svg'); font-weight:normal;font-style:normal; } [class^="icon-"], [class*=" icon-"], .audio-unit span.audiobutton:before, .audio-unit span.audiobutton.pause:before, .isotope-item .item_topbar:before, .item_link:before, #mobile-advanced li > a:before, .message-box:before { font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-p-stop:before { content: "\e600"; } .icon-p-play:before { content: "\e601"; } .icon-p-pause:before { content: "\e602"; } .icon-m-view:before { content: "\e603"; } .icon-m-users:before { content: "\e604"; } .icon-m-search:before { content: "\e605"; } .icon-m-search-square:before { content: "\e606"; } .icon-m-right-dir:before { content: "\e607"; } .icon-m-right-arrow-curved:before { content: "\e608"; } .icon-m-quote-left:before { content: "\e609"; } .icon-m-plus-circle:before { content: "\e60a"; } .icon-m-more:before { content: "\e60b"; } .icon-m-minus-circle:before { content: "\e60c"; } .icon-m-menu:before { content: "\e60d"; } .icon-m-location:before { content: "\e60e"; } .icon-m-grid:before { content: "\e60f"; } .icon-m-forum-top:before { content: "\e610"; } .icon-m-forum-repairing:before { content: "\e611"; } .icon-m-forum-question:before { content: "\e612"; } .icon-m-forum-locked:before { content: "\e613"; } .icon-m-check-circle:before { content: "\e614"; } .icon-m-calendar:before { content: "\e615"; } .icon-m-at:before { content: "\e616"; } .icon-m-alert:before { content: "\e617"; } .icon-m-alert-circle:before { content: "\e618"; } .icon-m-user:before { content: "\e619"; } .icon-m-trash:before { content: "\e61a"; } .icon-m-tel:before { content: "\e61b"; } .icon-m-tag:before { content: "\e61c"; } .icon-m-slider-right:before { content: "\e61d"; } .icon-m-slider-left:before { content: "\e61e"; } .icon-m-shopping-cart:before { content: "\e61f"; } .icon-m-pt-video:before { content: "\e620"; } .icon-m-pt-standard:before { content: "\e621"; } .icon-m-pt-quote:before { content: "\e622"; } .icon-m-pt-portfolio:before { content: "\e623"; } .icon-m-pt-link:before { content: "\e624"; } .icon-m-pt-image:before { content: "\e625"; } .icon-m-pt-audio:before { content: "\e626"; } .icon-m-link:before { content: "\e627"; } .icon-m-left-dir:before { content: "\e628"; } .icon-m-ipod:before { content: "\e629"; } .icon-m-info-circle:before { content: "\e62a"; } .icon-m-history:before { content: "\e62b"; } .icon-m-help-circle:before { content: "\e62c"; } .icon-m-heart-circle:before { content: "\e62d"; } .icon-m-forum-done:before { content: "\e62e"; } .icon-m-email:before { content: "\e62f"; } .icon-m-dot:before { content: "\e630"; } .icon-m-dot-large:before { content: "\e631"; } .icon-m-comment:before { content: "\e632"; } .icon-m-close-thin:before { content: "\e633"; } .icon-m-close-circle:before { content: "\e634"; } /* ----------------------------------------- fullwidth-wrap ------------------------------------------ */ .custom_fullwidth_wrap{ opacity:0; } .fullwidth-wrap{ width:100%; clear:both; height:auto; position: relative; z-index:0; } .fullwidth-text-shadow .text_block.withbg, .fullwidth-text-white .ux-mod-nobg .accordion-heading a{ text-shadow:none; } .fullwidth-text-white .ux-mod-nobg, .fullwidth-text-white .ux-mod-nobg h1, .fullwidth-text-white .ux-mod-nobg h2, .fullwidth-text-white .ux-mod-nobg h3, .fullwidth-text-white .ux-mod-nobg h4, .fullwidth-text-white .ux-mod-nobg h5, .fullwidth-text-white .ux-mod-nobg h6, .fullwidth-text-white .ux-mod-nobg.job-mod .accordion-heading a, .fullwidth-text-white .ux-mod-nobg.faq-mod .accordion-heading a, .fullwidth-text-white .ux-mod-nobg.infrographic.bar .bar-percent, .fullwidth-text-white .ux-mod-nobg .infrographic-subtit, .fullwidth-text-white .ux-mod-nobg .jqbar.vertical span, .fullwidth-text-white .ux-mod-nobg .testimonial-item a, .fullwidth-text-white .separator h4, .fullwidth-text-white .filters li a, .fullwidth-text-white .post-carousel-item, .fullwidth-text-white .post-carousel-item a, .fullwidth-text-white .image-box .fa, .fullwidth-text-white .ux-mod-nobg .ux-grid-tit-a, .fullwidth-text-white .contactform.ux-mod-nobg input[type="text"], .fullwidth-text-white .contactform.ux-mod-nobg textarea, .fullwidth-text-white .contactform input[type="submit"], .fullwidth-text-white .fullwrap-with-tab-nav-a, .fullwidth-text-white .filters.filters-nobg li.active .filters-a, .fullwidth-text-white .filters.filters-nobg li .filters-a:hover { color:#fff; } .fullwidth-text-white .separator.title_above .separator_inn.bg- , .fullwidth-text-white .title-ux.line_both_sides:before, .fullwidth-text-white .title-ux.line_both_sides:after, .fullwidth-text-white .short_line:after, .fullwidth-text-white .contactform input[type="submit"]:hover, .fullwidth-text-white .ux-grid-tit-a:after, .fullwidth-text-white .post-carousel-pagination a, .fullwidth-text-white .filters.filters-nobg .filters-a:before { background-color: #fff; } .fullwidth-text-white .contactform input[type="submit"] { background: transparent;} .fullwidth-text-white .title-ux.line_under_over, .fullwidth-text-white .contactform input[type="text"], .fullwidth-text-white .contactform textarea, .fullwidth-text-white .contactform input[type="submit"], .fullwidth-text-white input#idi_send { border-color: #fff;} .fullwidth-text-white .ux-mod-nobg .iconbox-con, .fullwidth-text-white .ux-mod-nobg .image-box-des, .fullwidth-text-white .ux-mod-nobg .ux-grid-excerpt { color: rgba(255,255,255,.5); } .fullwidth-text-white .ux-mod-nobg .latest-posts-dateļ¼Œ .fullwidth-text-white .ux-mod-nobg .latest-posts-tags a, .fullwidth-text-white .ux-mod-nobg .post-carousel-item-more { color: rgba(255,255,255,.7); } .fullwidth-text-white .contactform input[type="submit"]:hover { color: #333; } .fullwidth-text-white .iterlock-caption h2, .fullwidth-text-white .blog_meta_cate a:hover{ color:#999; } .fullwidth-text-shadow .ux-mod-nobg, .fullwidth-text-shadow .ux-mod-nobg h1, .fullwidth-text-shadow .ux-mod-nobg h2, .fullwidth-text-shadow .ux-mod-nobg h3, .fullwidth-text-shadow .ux-mod-nobg h4, .fullwidth-text-shadow .ux-mod-nobg h5, .fullwidth-text-shadow .ux-mod-nobg h6, .fullwidth-text-shadow .ux-mod-nobg.job-mod .accordion-heading a, .fullwidth-text-shadow .ux-mod-nobg.faq-mod .accordion-heading a, .fullwidth-text-shadow .ux-mod-nobg.infrographic.bar .bar-percent, .fullwidth-text-shadow .ux-mod-nobg .infrographic-subtit, .fullwidth-text-shadow .ux-mod-nobg .jqbar.vertical span{ text-shadow:1px 1px 0 #666; } .fullwidth-text-shadow .testimenials .arrow-bg, .fullwidth-text-shadow .testimenials:hover .arrow-bg{ background:none; } .fullwidth-text-shadow .testimenials span.arrow{ border-bottom-color:rgba(0, 0, 0, 0);} .row-fluid .fullwrap_moudle:last-child{ margin-bottom:0; } .fullwidth-wrap .ls-wp-container{ top:-40px; }/*For layerslider in fullwrap*/ .bottom-space-40{ margin-bottom: 40px; } .top-space-40{ margin-top: 40px; } .top-space-80-in{ padding-top: 120px; } .bottom-space-40-in{ padding-bottom: 60px; } /*inner width*/ .fullwrap-inn-width-90 { width: 90%; margin-right: auto; margin-left: auto; } .fullwrap-inn-width-80 { width: 80%; margin-right: auto; margin-left: auto; } .fullwrap-inn-width-70 { width: 70%; margin-right: auto; margin-left: auto; } .fullwrap-inn-width-60 { width: 60%; margin-right: auto; margin-left: auto; } .fullwrap-inn-width-50 { width: 50%; margin-right: auto; margin-left: auto; } /* Fullwidth wrap with tab */ .fullwidth-wrap { overflow:hidden; } .fullwidth-wrap.fullwidth_over_visibale { overflow: visible; z-index: 2; } .fullwrap-with-tab-inn { padding-top:80px; } .fullwrap-with-tab-inn.enble{ position:static; opacity:1; } .fullwrap-with-tab-inn.disble{ position:absolute; z-index:-1; opacity:0; } .fullwrap-with-tab-nav { text-align:center; position: relative; z-index:9; top:24px; } .fullwrap-with-tab-nav-a { position: relative;display:inline-block; text-align:center; margin:0 20px; height:20px; line-height:20px; } .fullwrap-shadow{ width:100%; height:100px; position:absolute; top:-105px; box-shadow:0px 5px 20px; border-radius:50%; } .fullwrap-border{ border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); } /* Fullwidth wrap with video , parallax */ .fullwrap-video { position: absolute; z-index:0; width:100%; height:100%; top: 0px; } .fullwrap-video video { position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; } .fullwrap-video .video-cover { position: absolute; top:-80px; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -101; background-size: cover; background-position: 50% 50%; } .Safari .parallax.back-background { -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; } .fullwidth-wrap .parallax { position: absolute; left: 0; width: 100%; top: 0; z-index: -1; height: 100%; } .fullwidth-wrap .parallax img { width: 100%; height: auto; } .touch .fullwrap-video video { display: none; } .touch .fullwidth-wrap.parallax { background-attachment: scroll!important; } /* ------------------------------------------- Gallery List ------------------------------------------- Isotope */ .container-isotope{ position:relative; } .isotope{/* opacity:0; */} .isotope_fade{ opacity:1; } .isotope-item { z-index: 2; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope-list-thumb{ width: 100% } /*filters*/ .filters { display: inline-block; position:relative; text-align: center; z-index:99; } .filters.center-ux { height: 140px; } .filters.center-ux ul { top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .filters li { display: inline-block; padding:0 19px; float: none; margin-left: 0; margin-right: 0; margin-bottom: 0; } .filters-a { display:block; height:40px;line-height: 40px; position: relative; padding: 0; font-size: 18px; font-size: 2rem; } .filters.onside { margin-top:0; margin-left:0} .filters.onside li { display:block; float:none; margin-bottom:1px;} .filters.onside li a { display:inline-block;} .filters.onside.onright li { margin-left:40px;} .filter-floating { position: absolute; z-index: 999; right: 20px; top: 20px; width: auto; min-width: 60px; height: 60px; } .filter-floating.filter-floating-fixed { position: fixed; top:100px; } .filter-floating ul { opacity: 0; visibility: hidden; margin-right: -2px; position: absolute; z-index: -999; right: 38px; top:0; width: 9999px; text-align: right; } .filter-floating ul li { float: none; } .filter-floating:hover ul { opacity: 1; visibility: visible; z-index: 999; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } .filter-floating-triggle { width: 60px; height: 60px; font-size: 24px; text-align: center; line-height: 60px; cursor: pointer; border-radius: 0px; position: absolute; z-index: 999; } .filter-floating .filters-a { line-height: 60px; } /*Mouseover Fade*/ .fade_wrap { position:relative; width:100%; height:100%; } .fade_wrap_back { opacity:0; position:absolute; width:100%; height:100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fade_wrap_back_con { z-index:10; position:absolute; top:40px; left:40px; width:90%; } .fade_wrap_back_con a { color:#fff; } .fade_wrap_back_bg { z-index:9; position:absolute; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.4); } .fade_wrap_back_bg i { position: absolute; top: 50%; left:50%; font-size:60px; width:60px; height:60px; margin-left:-30px; margin-top:-30px; color: rgba(255, 255, 255, 0.8);opacity:0; -ms-filter: "alpha(opacity=0)"; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(2); -moz-transform: scale(2); ransform: scale(2); } .fade_wrap:hover .fade_wrap_back { opacity:1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fade_wrap:hover i { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } /* Mouseover Fold effect*/ .captionhover figure { margin: 0;position: relative; } .captionhover figure .captionhover-img { width:100%; display:block; position:relative; } .captionhover figcaption { position:absolute;top:0;left:0;z-index:9999; padding:20px 10px 15px 10px; text-align:center; color:#fff; } .captionhover-h2 { font-size:16px; padding-bottom:10px; line-height:20px; opacity:0.8; } .captionhover-tit-a { color:#fff; } .captionhover-icon-a { text-align:center; display:inline-block; margin-left:5px; margin-right:5px; } .captionhover-icon-i { font-size:24px; line-height:30px; opacity:0.6; color:#fff; } .isotope .captionhover .inside{ -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin:50% 50%; perspective-origin: 50% 50%; } .captionhover figure { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .captionhover figure > div.img_wrap { overflow: hidden; } .captionhover figure:hover .captionhover-img { -webkit-transform: translateX(0) translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .captionhover figcaption { left:0;top:auto;bottom:0; min-height:100px; width:100%; opacity:0; display:none\0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .captionhover figure:hover figcaption { display:block\0; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } /*Mouseover 3D Flip*/ .flip_wrap_back { display:none; position:absolute; width:100%; } .flip_wrap_back_con { z-index:10; width: 100%; margin: auto;position: absolute; } .flip_wrap_back_con_a, .flip_wrap_back_con_a:hover { color:#fff; } .flip_wrap_back_bg { z-index:9; position:absolute; width:100%; height:100%; } .flip_wrap_back_con_h2 { font-size:16px; padding-left:20px; padding-right:20px; line-height:20px; opacity:0.8; } .flip-hover-back-thumb-img { border:2px solid #fff; width:50px; height:50px; } div.container3d .card { width: 100%; height:100%; } div.container3d .card .face { width:100%;height:auto; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; -ms-transition: 0.6s linear; -o-transition: 0.6s linear; transition: 0.6s linear; } .card .face.front { cursor: pointer; height:auto; z-index:99; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: perspective(800px) rotateY(0deg); -webkit-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } div.container3d .card .face.back { display: block; color:#fff; text-align: center; width:100%; height:100%; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: perspective(800px) rotateY(180deg); -webkit-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } div.container3d:hover .card .face.back{ -moz-transform: perspective(800px) rotateY(0); -webkit-transform: perspective(800px) rotateY(0); transform: perspective(800px) rotateY(0); } div.container3d:hover .card .face.front{ -webkit-transform: perspective(800px) rotateY(-179.9deg); -moz-transform: perspective(800px) rotateY(-179.9deg); transform: perspective(800px) rotateY(-179.9deg); } .container3d{ float:left;position:relative; } .hover_thumb_wrap { overflow:hidden; max-height:60px; padding-top:10px; padding-left:20px; padding-right:20px; } .hover_thumb_wrap li { display: inline-block;*display: inline;display: inline\9;margin: 0 auto; margin-left:3px; margin-right:3px; margin-bottom:3px; } .flip_wrap_back.back.face { overflow: hidden; left: 0px; } /* Mouseover Mask */ .mask-hover .inside { position: relative; } .mask-hover .inside .mask-hover-inn{ overflow: hidden; } .mask-hover .inside .mask-hover-inn, .mask-hover-inn-img { position: relative; display: block; } .mask-hover .inside .mask-hover-caption { position: absolute;width: 100%; height: 100%; } .mask-hover-caption-block { width: 130px; height: 130px; position: absolute; text-align: center; padding: 45px 0; font-size: 14px; line-height: 20px; opacity: 0; } .mask-hover .inside:hover .mask-hover-caption-block { opacity: 1; } /* Pagenation */ .pagenums { margin:0 auto; text-align:center; clear: both; } .pagenums a,.pagenums span, .page-numbers{ display:inline-block; min-width:40px; text-align:center; margin-left:1px; padding: 0 15px; } .page-numbers{ float:left; } #infscr-loading{ background-repeat:no-repeat; background-position:90% 50%; min-width:40px; width:90px; height:40px; line-height:40px; padding-left:10px; margin:0 auto; } .tw_style { text-align:center; position: relative; } .pagenums .tw-style-a { display:inline-block; position: relative; height: 40px; line-height: 40px; max-height: none; margin:0 auto; padding: 0; font-size: 14px; } .pagenums .tw-style-a span { font-size: 16px; line-height: 45px; } .tw-style-a span { padding:0; } .page-buttom-space{ height:80px; } /* Grid list */ .standard-list-item-img-a { position: relative; display: block; overflow: hidden; } .portfolio-standatd-tit-wrap { position: relative; height: 140px; padding: 0 10px; } .portfolio-standatd-tit-wrap:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; } .portfolio-standatd-tit-a, .portfolio-standatd-tags { position: relative; } /* new portfolio module */ .moudle .list-layout-col { height: 400px; } .moudle .list-layout-inside { position: relative; } .moudle .list-layout-item { position: relative; overflow: hidden; } .moudle .list-layout-item, .moudle .list-layout-inside, .list-layout-col3-1 .list-layout-col3-item:first-child { height: 100%; } .list-layout-inside .fullwrap-video { overflow: hidden; } .list-layout-image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; overflow: hidden; } .list-layout-con { position: absolute; right: 0; bottom: 0; z-index: 9; max-width: 80%; opacity: 0; visibility: hidden; display: inline-block; background-color: #fff; padding: 20px 40px 30px; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } .moudle .list-layout-col3-1 { height: 800px; } .list-layout-col3-1 .list-layout-col3-item { width: 50%; } .list-layout-col3-1 .list-layout-col3-item { height: 50%; } .no-touch .moudle .list-layout-item:hover .list-layout-con, .touch .moudle .list-layout-item.list-layout-item-hover .list-layout-con { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .list-layout-des, .list-layout-more { margin-top: 10px; display: block; } .list-layout-more.ux-btn, .iterblock-more.ux-btn { margin-bottom: 0; line-height: 40px; height: 40px; font-size: 14px; } .list-layout-more.ux-btn .fa, .iterblock-more.ux-btn .fa { margin-left: 5px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } /*------------------------------ Portfolio brick -----------------------------*/ .width-and-small, .width-and-big, .width-and-long, .width-and-height{ overflow: hidden; } .brick-inside{ position: relative; width: 100%; height: 100%; } .brick-content{ position: relative; overflow: hidden; } .brick-link{ height: 100%; width: 100%; display: block; } .brick-grey{ height: 100%; } .brick-grey:hover{ background-color: transparent; } .brick-content img{ position: relative; z-index: 1; width: 100%; } .brick-hover-mask{ width: 100%; height: 100%; } .brick-with-img .brick-hover:hover .brick-hover-mask{ z-index: 2; } .brick-content img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .brick-with-img .brick-hover-mask, .isotope-liquid-list .brick-hover .brick-hover-mask { position: absolute; z-index: 2; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .brick-hover-mask .brick-title { font-size: 18px; line-height: 20px; padding-right: 20px; padding-left: 20px; position: relative; opacity: 0.8; text-align: center; position: relative; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .brick-with-img .brick-hover-mask .brick-title , .isotope-liquid-list .brick-hover .brick-hover-mask h3 { -webkit-transform: scale(0) translate(0, -50%); -moz-transform: scale(0) translate(0, -50%); -o-transform: scale(0) translate(0, -50%); -ms-transform: scale(0) translate(0, -50%); transform: scale(0) translate(0, -50%); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform-origin: 50% 50% 50%; -moz-transform-origin: 50% 50% 50%; -o-transform-origin: 50% 50% 50%; -ms-transform-origin: 50% 50% 50%; transform-origin: 50% 50% 50%; opacity: 0; } .brick-with-img .brick-hover:hover ~ .brick-content img, .isotope-liquid-list .hover-effect .brick-hover:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; } .brick-with-img .brick-hover:hover.brick-hover-mask, .isotope-liquid-list .hover-effect .brick-hover:hover .brick-hover-mask { opacity: 1; } .brick-with-img .brick-hover:hover.brick-hover-mask .brick-title , .brick-with-img .brick-hover:hover .brick-hover-mask .brick-excerpt, .isotope-liquid-list .hover-effect .brick-hover:hover .brick-hover-mask h3, .isotope-liquid-list .hover-effect .brick-hover:hover .brick-hover-mask .brick-excerpt { opacity: 1; top: 50%; -webkit-transform: scale(1) translate(0, -50%); -moz-transform: scale(1) translate(0, -50%); -o-transform: scale(1) translate(0, -50%); -ms-transform: scale(1) translate(0, -50%); transform: scale(1) translate(0, -50%); } .brick-with-img .brick-hover:hover .brick-hover-mask .brick-excerpt, .isotope-liquid-list .hover-effect .brick-hover:hover .brick-hover-mask .brick-excerpt { opacity: 1; } .brick-with-img div[class*="bg-theme-color-"],.brick-with-img .post-bgcolor-default { background-color: transparent; } .brick-with-img .brick-link-gray .brick-hover-mask.brick-hover { z-index: 0; } .brick-conteng-bg { position:absulate; width:100%; height:100%; left:0; top:0; background-color:#333; } .grayscale { /* Firefox 10+, Firefox on Android */ filter: url("data:image/svg+xml;utf8,#grayscale"); /* IE 6-9 */ filter: gray; /* Chrome 19+, Safari 6+, Safari 6+ iOS, Opera 15+ */ -webkit-filter: grayscale(100%); } .grayscale{ /*-webkit-transition: -webkit-filter .5s;*/ } .grayscale:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .single-image .grayscale:hover { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .single-image.mouse-over { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .single-image.mouse-over:hover .single-image-img { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); transform: translateZ(20px); } /*------------------------------ Portfolio Interlock list -----------------------------*/ .interlock-list { margin-top: -80px; } .interlock-list section:nth-child(2n+1) .iterlock-item-img { float: right; } .interlock-list section:nth-child(2n+1) .iterlock-caption { padding-right: 20px; } .interlock-list section:nth-child(2n) .iterlock-caption { padding-left: 20px; } .interlock-item{ width: 100%; max-height: 380px; clear: both; overflow: hidden; margin-top: 80px; } .iterlock-item-img{ width: 65%; float: left; } .iterlock-item-img img{ min-width: 100%; } .iterlock-caption{ width: 35%; float: left; } .iterlock-caption h2 { font-size: 1.2em; line-height: 40px; } .iterlock-caption .blog_meta { font-size: .9em; } .iterlock-caption .blog_meta li { margin-left: 0; margin-right: 10px; font-style: normal; } .iterlock-item-img .ux-hover-wrap { height: 380px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .iterblock-expt { margin-top: 40px; } .iterblock-more { margin-top: 20px; position: relative; display: inline-block; line-height: 20px; } /* ------------------------------------------- Portfolio standard list ------------------------------------------- */ .portfolio-standatd-tit{ position:relative; font-size:19px; font-size: 1.9rem; width: 100%; line-height: 1.25; overflow:hidden; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .portfolio-standatd-tit-a { width: 100%; } .portfolio-standatd-tit-a-inn { line-height: 20px; } .portfolio-standatd-tags { line-height: 20px; } .portfolio-standatd-tags a { display: inline-block; margin-left: 3px; margin-right: 3px; font-size: 14px; line-height: 20px; font-weight: normal; } .portfolio-standatd-tit.text-left .portfolio-standatd-tags a{ margin-left: 0; margin-right: 6px; } /* ------------------------------------------- Blog Masonry List ------------------------------------------- */ .isotope-item.standard .item_topbar:before{ content:"\e621";} .isotope-item.gallery .item_topbar:before{ content:"\e623";} .isotope-item.audio .item_topbar:before{ content:"\e626"; } .isotope-item.image .item_topbar:before{ content:"\e625"; } .isotope-item.video .item_topbar:before{ content:"\e620"; } .isotope-item.link .item_topbar:before{ content:"\e624";} .isotope-item.quote .item_topbar:before{ content:"\e622"; } .item_topbar{ display: none; } .blog-masony-item .item_des .date-block { display: inline-block; margin: 20px 0 0 0; } #content_wrap .blog-masony-item .date-block .date-block-big { left: 0; } .container-isotope .item_title{ padding: 20px 0; margin-bottom:0; } .container-isotope .liquid_inside .item_title{ padding: 25px 20px 20px; } .container-isotope .item-des-p{ padding:0; } .item_topbar{ height:60px; line-height:60px; padding-left:20px; font-size:24px; cursor:default; color:#fff; } .post-bgcolor-default{ background-color:#333; } .item_title a { line-height: 20px;} .isotope-list-a-of-img { display: block; } .isotope-item.quote .item_des p { padding: 20px 0; } .blog-masony-item .ux-grid-tit-a:after { bottom: -10px; } /*link*/ .item_link{ display:block; width:32px; height:60px; line-height:60px; float:right; margin-right:20px; text-align: center; font-size:24px; color:#fff; } .item-link-wrap { padding: 0 20px;} #content_wrap p.item-link { font-size: 1.2em; line-height: 2; } #content_wrap p.item-link a { margin-left: 20px; } #content_wrap p.item-link:before { font-size: .8em; } .blog-masony-item .item-link, .format-link .item-link { position: relative; } .blog-masony-item .item-link-wrap { padding: 20px; } .blog-masony-item .item-link:before, .format-link .item-link:before { position: absolute; left: 0; top: 50%; font-size:10px; font-family: 'FontAwesome'; content: "\f0c1"; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .isotope-item.link .item-des-p { padding-bottom: 20px; } .blog-item-link .item_title, .blog-item-link .item-des-p { display: none; } /*Gallery*/ .item_gallery .carousel-inner .item{ height: auto;} .item_gallery { overflow: hidden; height: 260px; } .item_gallery .carousel-control{ width: 40px; height: 40px; margin-top: -20px; background-color: rgba(255,255,255,0.6); background-color: #ccc; } .item_gallery .carousel-control:before{ border:20px solid transparent; } .item_gallery .carousel-control.left{left:-40px; } .item_gallery .carousel-control.left:before{ border-right:20px solid #fff; left: auto; right: 0; } .item_gallery .carousel-control.right{right:-40px; } .item_gallery .carousel-control.right:before{ border-left:20px solid #fff; left: 0; right: auto; } .no-touch .item_gallery.carousel:hover .carousel-control.left, .touch .item_gallery.carousel-control.left{ -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); } .no-touch .item_gallery.carousel:hover .carousel-control.right, .touch .item_gallery.carousel-control.right{ -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); } /*Audio*/ .isotope-item.audio .like,.isotope-item.audio h2 { margin:0; } .soundcloud-wrap{ width:670px; height:170px; margin:105px auto;} .ui-widget-content { border: none; color:rgba(255,255,255,0.7); background-color:rgba(0,0,0,0.7)} #audio_player_container{width:100%;} .mejs-audio{display:none;width:0;height:0px;overflow:hidden;} .me-plugin{width:0;height:0px;overflow:hidden; visibility:hidden;} .soundcloudWrapper>iframe{ margin-bottom: -10px;} .isotope-item.audio .audio_player_list {} .isotope-item.audio .audio-unit span.audiobutton:before { left: 0; } .isotope-item.audio .audio-unit span.songtitle { left: 15px; } /*video*/ .videoWrapper { position: relative; height: 0; padding-bottom: 51.25%; /* 16:9 */ } .videoWrapper iframe { position: absolute;top: 0;left: 0;width:100%;height:100%; border:none; } .isotope-item.quote .item_des p { padding: 20px 20px 0 0; font-size: 1.2em; } .isotope-item.quote .item_des i { font-size: 60px; height: 55px; } .videoWrapper.vimeo{ padding-bottom: 48.9%; } .videoWrapper.youtube{ padding-bottom: 48.8%; } .blog-item-main .videoWrapper.vimeo{ padding-bottom: 52.9%; } /*quote*/ .item_des.blog-item-quote { padding: 20px; } /*more*/ .blog-item-more-a { display: none; } /* ------------------------------------------- Text block ------------------------------------------- */ .text_block.withbg{ padding:30px; color:#fff; color:rgba(255,255,255,0.8); } .text_block.withbg a, .text_block.withbg.bg-theme-color-10 { color:#fff; color:rgba(255,255,255,0.8); } .text_block.withbg h1,.text_block.withbg h2,.text_block.withbg h3, .text_block.withbg h4,.text_block.withbg h5,.text_block.withbg h6{ color:#fff; color:rgba(255,255,255,0.85); } .text_block.withbg a:hover{ color:#fff; } .text_block_centered { margin-right: auto; margin-left: auto; } /* ------------------------------------------- Separator ------------------------------------------- */ .separator { height:20px; opacity:0; } .separator h4 { font-size:24px; display:inline-block; padding-right:30px; line-height:20px; } .separator_inn { height:2px; position:relative; top:-14px; z-index:-1 } .separator_inn.bg- { background-color: #444; } .blank-divider .separator_inn.bg-{ background: none; } .separator.text-center h4{ padding-left:30px; } .separator.title_on_right h4{ padding-left:30px; padding-right:0; float:right; } .separator.title_on_right .separator_inn { top:12px; } .separator.without-title .separator_inn{ top:10px;} .separator.text-center .separator_inn{ display:inline-block; max-width:200px; width:20%; top:-4px; } .separator.height-20{ height:20px; } .separator.height-40 { height:40px; } .separator.height-60 { height:60px; } .separator.height-80 { height:80px; } .separator.height-100 { height: 100px; } .separator.height-200 { height: 200px; } .separator.height-300 { height: 300px; } .separator.height-400 { height: 400px; } .separator.title_above .separator_inn, .separator.short-line .separator_inn { width: 20px; height: 4px; top: auto; margin: 10px auto; } .separator.title_above h4 { padding-right: 0; font-size: 1.2em; white-space:nowrap; } .separator.title_above { text-align: center; height: auto; } /* ------------------------------------------- Message box ------------------------------------------- */ .message-box{ position:relative; text-align:justify; padding:20px 60px 20px 60px; background-position: 20px 20px; background-repeat:no-repeat; color:#fff; } .message-box a{ color:#fff; } .message-box.box-bgcolor1{ background-color:#ff836a; } .message-box.box-bgcolor2{ background-color:#ffd02e; } .message-box.box-bgcolor3{ background-color:#65b5ff; } .message-box.box-bgcolor4{ background-color:#43bc46; } .message-box:before{ position:absolute; left: 20px; font-size:24px;} .box-type4:before{content: "\e614"; } .box-type3:before{content: "\e62a"; } .box-type2:before{ content: "\e618"; } .box-type1:before{content: "\e617"; } .message-box .box-close { position:absolute; left:auto; right:20px; top:18px; display:block; } .message-box .box-close i{ cursor:pointer; font-size:24px; margin-top: 0; } /* ------------------------------------------- Tabs ------------------------------------------- */ .nav.nav-tabs{ margin-bottom:0; border-bottom-color:#e8e8e8; vertical-align:top; } .nav-tabs > li{ margin-left:-1px; } .nav-tabs > li:first-child{ margin-left:0;} .nav-tabs > li > a{ border-radius:0; margin-right:0; padding:10px 20px; font-size:14px; border-color: #e8e8e8; } .nav-tabs > li > a:hover { color:#fff;} .tab-content { border-width: 1px; border-style: solid; border-color: #e8e8e8; border-top: none; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{ border-color:#e8e8e8; } .tab-pane{ margin: 20px; } .tabs-v{ vertical-align:top; border-width: 1px; border-style: solid; border-color: #e8e8e8; } .nav-tabs-v{ float:left; width:25%; position:relative; z-index:2;} .tab-content.tab-content-v{ position:relative; z-index:1; float:left; width:70%; height:100%; margin-left:-1px; border:none; border-left-width:1px; border-left-style:solid; border-left-color: #e8e8e8; } .tabs-v .nav-tabs:before, .tabs-v .nav-tabs:after{ display:inline-block; clear: inherit; float:left; content:inherit; } .tabs-v .nav-tabs > li { float:none; } .tabs-v .nav-tabs > li > a { border-left: medium none; } .tabs-v .nav-tabs > .active > a { border-left: medium none; border-top-width:1px; border-top-style:solid; border-top-color: #e8e8e8; } .tabs-v .nav-tabs > li:first-child > a { border-top: none; } .tabs-v .nav-tabs > li { margin-left:0; } .tabs-v .nav-tabs > li:last-child>a { border-bottom:none; } .tabs-v .nav-tabs > li:last-child.active>a { border-bottom-width:1px; border-bottom-style:solid; border-bottom-color: #e8e8e8; } /* ------------------------------------------- Toggle / Accordion ------------------------------------------- */ .accordion-group{ border:none; border-radius:0; margin-bottom:10px; } .accordion-heading{ height:auto; min-height:40px; border-left-style:solid; border-left-width:5px; } .accordion-inner { border-top: none;} .accordion-heading .accordion-toggle{ padding:10px 20px; font-size:14px; } .accordion-inner{ padding: 29px 15px; } /*Style B*/ .accordion-style-b .accordion-heading{ background:none; min-height:20px; } .accordion-style-b .accordion-heading .accordion-toggle { padding: 10px 0; } .accordion-style-b .accordion-heading { border-left:none; border-top-width: 1px; border-top-style: solid; position: relative; } .accordion-style-b .accordion-heading a:before{ content: ''; position: absolute; top:50%; right: 0; width: 15px; height: 1px; } .accordion-style-b .accordion-heading a:after{ content: ''; position: absolute; top:50%; right: 7px; width: 1px; height: 15px; margin-top: -7px; } .accordion-style-b .accordion-heading.active a:after{ display: none; } .accordion-style-b .accordion-inner { padding-left: 0; } .accordion-style-b .accordion-group { margin-bottom: 0; } .accordion-style-b .accordion-group:last-child .accordion-heading{ border-bottom-width: 1px; border-bottom-style: solid; } /* ------------------------------------------- Iocn Box ------------------------------------------- */ .iocnbox { text-align:center; } .icon_wrap .fa,.iconbox-plus-svg-wrap .fa { font-size:48px; line-height:60px; } .iocnbox .icon_wrap { min-height:60px; margin:0 auto 20px; } .iconbox-h5 { display:block; margin-bottom:20px; font-size:18px; line-height:20px; } .iocnbox.icon_left { text-align:left; vertical-align:top; position:relative; } .iocnbox.icon_left .icon_wrap { min-width: 20px; max-height: 20px; position: absolute; left: 0; top: -5px; } .iocnbox.icon_left .user-uploaded-icons, .iocnbox.icon_right .user-uploaded-icons { min-width: 20px; max-height: 20px; } .iocnbox.icon_left .fa, .iocnbox.icon_right .fa { font-size: 20px; font-size:2rem; line-height: 1.5; } .iocnbox.icon_left .icon_text { margin-left: 0; } .iocnbox.iconbox-content-hide .user-uploaded-icons { max-height: 110px; max-width: 90px; } .iconbox-con { width: 80%; margin-right: auto; margin-left: auto; } .icon_left .iconbox-con { padding-right: 10px; width: auto; } .icon_right .iconbox-con { width: auto; } .iocnbox.icon_right { position: relative; text-align: right; vertical-align: top; } .iocnbox.icon_right .icon_wrap { min-width: 20px; max-height: 20px; position: absolute; top: -5px; left: auto; right: 0; } .iocnbox.icon_right .icon_text { margin-right: 0; } .iconbox-content-hide { position: relative; display: inline-block; overflow: hidden; width: 80%; } .iconbox-content-hide .icon_wrap { width: 100%; height: 100%; margin-bottom: 0; padding: 35px 0; } .iconbox-content-hide .icon_text { opacity: 0; position: absolute; width: 100%; height: 100%; top:0; left: 0; background-color: #333; color:#fff; } .iconbox-content-hide .icontext-inn { position: relative; bottom: -100%; width: 100%; height: 100%; } .iconbox-content-hide .icon_text .icontext-inn { color: #fff; } .iconbox-content-hide:hover .icon_text { opacity: 1; } .iconbox-content-hide:hover .icontext-inn { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .iconbox-hide-a { display: block; width: 100%; height: 100%; } .iocnbox.iconbox-content-hide .iconbox-h5 { margin: 20px auto 0; width: 95%; } .iocnbox .iconbox-h5 { margin-bottom: 10px; } .icon_left .iconbox-h5 { margin-left: 30px; } .icon_right .iconbox-h5 { margin-right: 30px; } /* ------------------------------------------- Text List ------------------------------------------- */ .text-list { display: table; } .text-list .fa { font-size: 14px; display: table-cell; } .text-list-inn { padding-left: 10px; display: table-cell; } .text-list .user-uploaded-icons{ max-width: 12px; max-height: 12px; } /* ------------------------------------------- Single Image ------------------------------------------- */ .single-image { max-width:100%; display:block; position: relative; z-index: 0; } .with-shadow img { box-shadow:0 3px 13px 0 rgba(0, 0, 0, 0.2); } .image-mod-center { text-align: center; margin-left: auto; margin-right: auto; } .single-image .shadow { opacity: 1; } .singleimage-center-ux { margin-left: auto; margin-right: auto; text-align: center; } .single-image .ux-hover-wrap { overflow: hidden; display: inline-block; width: auto; max-width: 100%; } .single-image-shadow { margin-bottom: 10px; } /* ------------------------------------------- Gallery slider ------------------------------------------- */ .carousel { margin-bottom:0; } .gallery-image.slide { overflow:hidden; margin-bottom:30px; } /* Content sldier */ .listitem_slider { overflow:hidden; } .listitem_slider .carousel-img-wrap{ position:relative; width:60%; float:left; } .carousel-control{ font-size:12px; } .carousel-inner .item{ height:400px; } .gallery-image .carousel-inner .item{ height:auto; } .listitem_slider .carousel-img-wrap .slider_img{ position:relative; overflow:hidden; } .listitem_slider .carousel-img-wrap .slider_img a img{ height:400px; width:auto; max-width:none; min-width:100%; } .slider-panel { position:relative; width:40%; height:400px; float:left; line-height: 1.5;} .slider-panel-item { display:none; } .slider-panel-item.active { display:block; } .slider-panel-item h2.slider-title{ padding:40px; font-size:30px; line-height:20px;} .slider-panel-item .slider-des{ display:block; padding:0 40px 40px 40px; margin-bottom:20px; } .carousel-indicators { width:40%; height:20px; right:0; top:auto; left:60%; bottom:40px; padding-left:40px;} .carousel-indicators li { cursor: pointer; } .row .span6 .listitem_slider{ height:540px; } .row .span6 .listitem_slider .carousel-img-wrap{ width:100%; height:260px; overflow:hidden; float:none; } .row .span6 .listitem_slider .slider-panel { width:100%; height:280px; display:block; } .row .span6 .carousel-indicators{ width:100%; } .row .span6 .listitem_slider .carousel-img-wrap .slider_img a img { width:100%; height:auto; } /* ------------------------------------------- Testimenials ------------------------------------------- */ .testimenials{ position:relative; padding:20px 20px 20px 110px; min-height:100px; } .testimenials i{ font-size: 72px; position: absolute; top: 20px; left: 20px; } .testimenials .arrow-bg{ position:absolute; bottom: -30px; right: 0; width:30px; height:30px; } .testimenials .arrow-wrap{ display: block;position: absolute;right: 0;width: 0; border-bottom: 30px solid rgba(0, 0, 0, 0.3); border-left: 30px solid transparent; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .testimenials span.arrow { display: block; position: absolute; top:-1px; right: 0;width: 0; border-bottom: 30px solid #fff; border-left: 30px solid transparent; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .testimenials .cite{ margin-top:20px;} .testimonials-wrap li{ margin-bottom:0; } .testimonials-wrap{ overflow:hidden; } /* ------------------------------------------- Clients ------------------------------------------- */ .clients_wrap.owl-theme .owl-controls { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .clients_wrap .owl-prev { left: -50px; } .clients_wrap .owl-next { right: -50px; left: auto; } /* ------------------------------------------- Team ------------------------------------------- */ .team-wrap [class*="span"]{ margin-bottom:0; } .team-item{ text-align:center; position:relative; overflow:hidden; } .team-item .img-wrap{ display:block; margin:0 auto; width:100%; position: relative; overflow: hidden; } .team-item p{ display:block; } .team-icons i{ display:inline; margin:10px 2px 0 2px; font-size:32px; line-height:50px; } #content_wrap .team-item-con-h p.team-position { font-size: 16px; font-size: 1.6rem; } #content_wrap .team-isotope.large .team-item-con-h p.team-position { margin-bottom: 20px; } #content_wrap .team-item-con-h p.team-email, #content_wrap .team-item-con-h p.team-phone { font-size: 16px; font-size: 1.6rem; line-height: 1.428; } a.team-item-title{ display: block; font-size: 24px; font-size: 2.4rem; } .team-isotope.large a.team-item-title { font-size: 26px; font-size: 2.6rem; } .team-item-con-back{ text-align: left;position:absolute; bottom:0; left: 0; min-height:110px; width:100%; height: 100%; display:none\9; opacity: 0; padding: 0; overflow: hidden; } .team-item-con-back-inn{ text-align: center; width: 80%; } .team-item:hover .team-item-con-back, .team-item.team-hover3d .team-item-con-back{ display:block\9; } .team-item-con-back{ background-color: #333; } .team-img { width: 100% } .moudle .team-email, .moudle .team-phone, .moudle .team-item-title, .moudle .team-icons i, .moudle .team-position { color: #fff; } .team-item:hover .img-wrap, .team-item.team-hover3d .img-wrap{ -webkit-transform: translate(0,0,0); } .team-item-con-back-inn { position: relative; width: 100%; top: 50%; opacity: 1; -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); transform: translateY(-70%); -webkit-transition: all 0.5s 0.3s; -moz-transition: all 0.5s 0.3s; transition: all 0.5s 0.3s; } .team-item:hover .team-item-con-back, .team-item.team-hover3d .team-item-con-back { opacity: 1; } .team-item:hover .team-item-con-back-inn, .team-item.team-hover3d .team-item-con-back-inn { opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .touch .team-item-con-back-inn { opacity: 1; top:20%; } /* ------------------------------------------- Price ------------------------------------------- */ .price-wrap{ text-align:center; } .pirce-item{ vertical-align:top; display:inline-block; width:240px; margin:0 10px; color:#fff; } .pirce-title{ height:60px; line-height:60px; font-size:24px; letter-spacing: 0; font-family: Ek Mukta; font-weight:200;color:#fff; } .price-number{ position:relative; font-size:65px; line-height:53px; min-height:120px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .price-mask{ position:absolute; width:100%; height:100%; background-color:rgba(255,255,255,0.1);} .price-number-b,.price-currency{ display:inline-block; font-family: 'Lato', sans-serif; } .price-number-b { margin-top:20px; font-size: 58px; font-size: 5.8rem; } .price-runtime{ font-size:12px; line-height:20px; margin-top:-10px; opacity:0.8; } .price-currency{ display:inline-block; font-size:28px; font-size: 2.8rem; position:relative; top:-18px; margin-left:-10px } .price-list{ text-align:left; color:#666; padding:10px 20px; background-color:#f5f5f5;} .price-list-item{ line-height:39px; min-height:39px; border-bottom:1px solid #eee; } .price-list li:last-child{ border-bottom:none; box-shadow:none; } .price-button{ display:block; height:60px; line-height:60px; font-size:24px; font-weight: 200; color:#fff; } .price-list-item{ position:relative;} .price-list-item i{ position:absolute; top:13px; font-size: 14px; } .price-list-item-text{ position:relative; left:24px; padding-right: 25px; line-height: 40px; font-size: 14px; } .price-list-item-text.price-list-item-no-icon{ left:0; padding-right:0; } .price-button:hover,.price-button:focus{ color:rgba(255,255,255,0.5);} /* ------------------------------------------- Process Bar ------------------------------------------- */ .process-bar-wrap{ height:20px; color:#fff; } h2.process-bar-title{ font-size:14px; line-height:20px; margin-bottom:10px;} .process-bar{ font-size:10px; padding-left:10px; height:20px; width:0; opacity:0;} .process-bar-wrap{ margin-bottom:10px; } /* ------------------------------------------- Promote ------------------------------------------- */ .promote-wrap{ padding:40px; } .promote-wrap .row-fluid [class*="span"] { margin-bottom:0; } .promote-medium{ margin:20px 0 0; } .promote-button{ margin-top:20px; display: inline-block; font-size:18px; padding:9px 15px 10px; border-style: solid; border-width: 3px; cursor:pointer; background:none!important; box-shadow:none; text-shadow:none; border-radius: 0; } .promote-wrap-2c { position:relative; } .promote-wrap-2c .promote-button-wrap{ position:absolute; right:40px; top:50%; margin-top:-20px; } .promote-wrap-2c .promote-button{ margin-top:0; margin-left:40px; } h4.promote-big { font-size: 26px; font-size: 2.6rem; } /*New0722*/ .promote-mod { padding: 80px 0; } .promote-mod-a { display: block; width: 75%; margin: 0 auto; text-align: center; color: #fff; } .bg-theme-color-8 .promote-mod-a, .promote-hover-bg-theme-color-8:hover .promote-mod-a { color: #333; } .promote-mod-a:hover, .bg-theme-color-8.promote-hover-bg-theme-color-1:hover .promote-mod-a, .bg-theme-color-8.promote-hover-bg-theme-color-2:hover .promote-mod-a, .bg-theme-color-8.promote-hover-bg-theme-color-3:hover .promote-mod-a, .bg-theme-color-8.promote-hover-bg-theme-color-4:hover .promote-mod-a, .bg-theme-color-8.promote-hover-bg-theme-color-5:hover .promote-mod-a, .bg-theme-color-8.promote-hover-bg-theme-color-6:hover .promote-mod-a, .bg-theme-color-8.promote-hover-bg-theme-color-7:hover .promote-mod-a, .bg-theme-color-8.promote-hover-bg-theme-color-9:hover .promote-mod-a, .bg-theme-color-8.promote-hover-bg-theme-color-10:hover .promote-mod-a { color: #fff; } /* ------------------------------------------- Blog Standard ------------------------------------------- */ .blog-wrap { margin-top: -80px; } .blog-item.blog-item-center{ text-align: center; } .blog-item { margin-top: 100px; } .blog-item-main-clear-mobile { margin-left:0; } .blog-item-main h2 { margin-bottom: 20px; font-size: 32px; font-size: 3.2rem; line-height: 1.25; letter-spacing: 0; font-weight: 300; } .blog_meta { margin-top: 0;font-size: 14px; font-size: 1.4rem; } .date-block { position: relative; width: 84px; height: 40px; margin-bottom: 20px; font-family: 'Ek Mukta', sans-serif; font-weight: bold; } .blog-item-center .date-block { margin-right: auto; margin-left: auto; cursor: default; } .date-block img { width:100%; } .date-block p { position: relative; z-index: 1; } .date-block .blog-avatar { display: none; } #content_wrap .date-block .date-block-big { position: absolute; font-size: 40px; line-height: 43px; height: 40px; left: 5px; top: auto; bottom: 0; font-weight: 400; } .blog-item .date-block .date-block-big { left:0; } #content_wrap .date-block .date-block-m { font-size: 12px; text-transform:uppercase; line-height: 17px; padding-left: 50px; padding-top: 5px; } #content_wrap .date-block .date-block-y{ font-size: 12px; line-height: 10px; padding-left: 50px; } .blog_meta:before, .blog_meta:after { content: ""; display: table; line-height: 0; } .blog_meta:after { clear: both; } .blog_meta:before, .blog_meta:after { content: ""; display: table; line-height: 0; } .blog_meta i.fa { display: none; } .blog_meta li { vertical-align:middle; display:inline-block; line-height: 20px; float: left; margin-right: 0; padding: 0 10px 0 0; font-style: italic; } .blog_meta li.blog_meta_cate { display: block; } .blog-item-img { position:relative; width:100%; margin: 20px 0 30px; overflow:hidden; } .blog-item-center .blog-item-img { margin:40px auto 20px; } .blog-item-img a { display:block; width:100%; height:100%; position:relative; } .blog-item-img a img { width:100%; position: relative; z-index: 0; } .blog-item-excerpt, .moudle .blog-item-excerpt { margin-bottom: 20px; } .standard-blog-gallery { margin-left: -10px; margin-top: -10px; margin-bottom: 20px; font-size: 0; } .standard-blog-gallery a{ width: 120px; height: 120px; display: inline-block; margin-top: 10px; margin-left: 10px; overflow: hidden; } .blog-item-center .standard-blog-gallery a{ margin-left: 5px; margin-right: 5px; } .blog-item-main .videoWrapper, .blog-item-main .video-face { margin-top: 40px; margin-bottom: 20px; } .blog-item-main .audio_player_list{ display: inline-block; margin-top: 0; } .blog-item-main .audio-unit{ text-align: left; line-height: 30px; } .blog-item-main .audio-unit span.audiobutton{ float: left; width: 30px; } .blog-item-main .audio-unit span.audiobutton:before { position: static; left: 0; } .blog-item-main .audio-unit span.songtitle{ position: relative; top: 0; left: auto; padding-right: 0; margin-left: -10px; } .blog-item-main .soundcloudWrapper { margin-top: 20px; margin-bottom: 20px; } .liquid-body-audio .audio_player_list { background: none; } .blog-item.link .date-block, .blog-item.quote .date-block, .blog-item.link .blog-item-h2, .blog-item.quote .blog-item-h2, .blog-item.link .blog_meta, .blog-item.quote .blog_meta, .blog-item.quote .blog-item-excerpt { display: none; } .standard-blog-item-link { display: inline-block; margin-left: 10px; margin-right: 10px; } .standard-blog-quote { font-size: 16px; padding:40px 45px; } .standard-blog-quote i { display: block;font-size: 48px;line-height: 48px; } .standard-blog-quote p{ margin-top: 60px; } .blog-item-center .blog_meta { position:relative; display: table; margin-right: auto; margin-left: auto; } .standard-blog-link-wrap { min-height: 110px; padding-left: 35px; padding-right: 35px; font-size: 18px; } .standard-blog-item-link { position: relative; top: 25px; margin-top: 10px; } .standard-blog-item-link:after { content: ''; position: absolute; left: 0; bottom: 3px; width: 100%; height: 1px; border-bottom-style:solid; border-bottom-width: 1px; } /* new 20150202 */ .post-categories { text-align: center; margin-bottom: 10px; } .post-categories a { position: relative; } .post-categories > li { display: inline-block; margin-left: 14px; margin-right: 14px; } .post-categories a:before, .post-categories a:after { content: '<'; position: absolute; left: -12px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .post-categories a:after { content: '>'; right: -12px; left: auto; } /* ------------------------------------------- job ------------------------------------------- */ .job-meta{ margin:10px 0 20px; } .job-meta span{ padding-right:10px; } /* ------------------------------------------- Contact form ------------------------------------------- */ .contactform h3{ margin-bottom:20px;} .contactform input[type="text"], .contactform textarea { width:100%; } .contactform input[type="text"]{ height:40px; } .verify-wrap{ position: relative; } .verifyNum{ position: absolute; right: 0; top: 8px; } /*Override contact form 7*/ span.wpcf7-form-control-wrap{ display:block; margin-top:5px; } .wpcf7-form textarea, .wpcf7-form input[type="text"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="date"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="color"], .wpcf7-form .uneditable-input { width:100%; height:40px; background-color:#efefef; } .wpcf7-form textarea{ height:auto; } /* ------------------------------------------- Model nested ------------------------------------------- */ .general_moudle.span9 .moudle.span9{width:100%;*width:99.94680851063829%;clear:left;margin-left:0;} .general_moudle.span9 .moudle.span8{width:74.46808510638297%;*width:74.41489361702126%;clear:left;margin-left:0;} .general_moudle.span9 .moudle.span6{width:65.95744680851064%;*width:65.90425531914893%;} .general_moudle.span9 .moudle.span4{width:48.93617021276595%;*width:48.88297872340425%;} .general_moudle.span9 .moudle.span3{width:31.914893617021278%;*width:31.861702127659576%;} .general_moudle.span8 .moudle.span8{width:100%;*width:99.94680851063829%;clear:left;margin-left:0;} .general_moudle.span8 .moudle.span6{width:74.46808510638297%;*width:74.41489361702126%;clear:left;margin-left:0;} .general_moudle.span8 .moudle.span4{width:48.93617021276595%;*width:48.88297872340425%;} .general_moudle.span8 .moudle.span3{width:31.914893617021278%;*width:31.861702127659576%;} .general_moudle.span6 .moudle.span6{width:100%;*width:99.94680851063829%;clear:left;margin-left:0;} .general_moudle.span6 .moudle.span4{width:65.95744680851064%;*width:65.90425531914893%;clear:left;margin-left:0;} .general_moudle.span6 .moudle.span3{/*width:48.93617021276595%;*width:48.88297872340425%;*/ width:45.8564%;*width:45.8564%;} .general_moudle.span4 .moudle.span4{width:100%;*width:99.94680851063829%;clear:left;margin-left:0;} .general_moudle.span4 .moudle.span3{width:65.95744680851064%;*width:65.90425531914893%;clear:left;margin-left:0;} .general_moudle.span3 .moudle.span3{width:100%;*width:99.94680851063829%;clear:left;margin-left:0;} .moudle{ margin-bottom: 60px; } .moudle.bottom-space-20{ margin-bottom: 20px; } .moudle.bottom-space-40{ margin-bottom: 40px; } .moudle.bottom-space-60{ margin-bottom: 60px; } .moudle.bottom-space-80{ margin-bottom: 80px; } .moudle.bottom-space-no{ margin-bottom: 0; } /* ------------------------------------------- Contact Form single feild ------------------------------------------- */ .single-feild{ position:relative; width:80%; max-width:640px; margin:0 auto; padding:1px; border-style:solid; border-width:1px;} .single-feild input[type="text"].email{ border:none; width:90%; background:none; height:30px; padding-left:5px; margin:15px 0 15px 20px; border:1px solid #ccc; } .single-feild-mail{ width:60%; display:inline-block; } .single-feild input[type="text"].email{ border:none;} .single-feild-submit{ width:20%; display:inline; text-align:right; margin-top:-50px; float:right; } .single-feild input#idi_send{ color:#fff; margin-right:10px; position: absolute; right: 0; top: 15px; } .single-feild .verify-wrap{ display:inline-block; opacity:1; width:100%; height:30px; position: absolute; left: 0; bottom: -50px; } .single-feild .verify-wrap input[type="text"]{ height:30px; padding-left:5px; background:none; border:1px solid #ccc; } .no-touch .single-feild .verify-wrap{ opacity:0; } .no-touch .single-feild:hover .verify-wrap{ opacity:1; } .single-feild .verify-wrap .verifyNum{ position: static; float: right; } /* ------------------------------------------- Share ------------------------------------------- */ .share-icons-mod .social-share-button { max-width: 70px; margin-left: 15px; } .social-share-buttons.share-icons-mod { margin-left: -15px; } /* ------------------------------------------- Icon box plus ------------------------------------------- */ .iconbox-plus{ position:relative; } .iconbox-plus-svg-wrap{ position: relative; top:0px; width:100%; z-index:1; margin-bottom: 10px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .no-touch .iconbox-plus-svg-wrap{opacity:0;} .iconbox-plus-svg-wrap i{ position: absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px; width: 60px; text-align: center; color:#fff; } .iconbox-plus-triangle i{ margin-top:-24px;} .iconbox-plus-pentagon i{ margin-top:-24px;} .iconbox-plus.iocnbox:hover .iconbox-plus-svg-wrap i{ color:#f0f0f0; } .iconbox-plus.hover-rorate .iconbox-plus-svg-wrap i{ -webkit-transform: scale(0.5) rotate(180deg); -moz-transform: scale(0.5) rotate(180deg); -o-transform: scale(0.5) rotate(180deg); -ms-transform: scale(0.5) rotate(180deg); transform: scale(0.5) rotate(180deg); } .iconbox-plus.hover-rorate .iconbox-plus-svg-wrap i { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .no-touch .iconbox-plus.hover-rorate:hover .iconbox-plus-svg-wrap i{ -webkit-transform: scale(0.5) rotate(180deg); -moz-transform: scale(0.5) rotate(180deg); -o-transform: scale(0.5) rotate(180deg); -ms-transform: scale(0.5) rotate(180deg); transform: scale(0.5) rotate(180deg); } .hover-halo svg{ -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; -ms-transition: -ms-transform 0.2s, opacity 0.3s; -o-transition: -o-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; } .hover-halo:hover svg{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .iconbox-plus.hover-flip { -webkit-perspective: 1000; -moz-perspective: 1000px; -ms-perspective: 1000; -o-perspective: 1000; perspective: 1000; } .no-touch .iconbox-plus .flip{ -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(36deg); transform: rotateY(360deg); } .no-touch .iconbox-plus.hover-flip:hover .iconbox-plus-svg-wrap{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(0deg); transform: rotateY(180deg); } .iconbox-plus.hover-scale .iconbox-plus-svg-wrap{ -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .iconbox-plus.hover-scale .scale { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .no-touch .iconbox-plus.hover-scale:hover .iconbox-plus-svg-wrap{ -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .iconbox-plus .breath{ opacity:1; } /* ------------------------------------------- Image Box ------------------------------------------- */ .image-box { text-align:center; } .image-box h1{ font-size:16px; line-height:20px; } .image-box-svg-wrap{ margin-bottom:20px; opacity:0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .image-box-icons{ margin-top:20px; } .image-box-icons li{ display:inline-block; margin-left:3px; margin-right:3px; font-size:24px; } .image-box-img-iehack{ display:none; margin:0 auto 20px; } .shown{ opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} /* ------------------------------------------- Count Down ------------------------------------------- */ .hasCountdown { width:80%; max-width:700px; margin:0 auto; text-align:center; } .countdown_rtl { direction: rtl; } .countdown_holding span { } .countdown_row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } .countdown_section { display: inline-block; font-size: 75%; font-weight: normal; text-align: center; border-radius: 4px; margin:0 10px 20px 10px; min-width:80px; min-height:80px; padding-top:10px; text-transform:uppercase; } .countdown_amount { font-size: 36px; line-height:40px; } .countdown_descr { display: block; width: 100%; } /* ------------------------------------------- InfoGraphic ------------------------------------------- */ .infrographic h1{ font-size:16px; line-height:20px; } .infrographic-tit{ margin-top:20px; } /*Big number*/ .bignumber { text-align:center; } .bignumber-item { font-size:76px!important; line-height:80px; } .infrographic-subtit { padding:10px 10px 0 10px; } /* jqbar.css */ .jqbar{ position: relative; top: 100px; } .jqbar.vertical{ display: inline-block; } .jqbar.vertical span{ display: block; font-size: 16px; } .jqbar.vertical .bar-percent{ font-size: 26px; font-size: 2.6rem; font-family: 'Lato', sans-serif; line-height: 40px; width: 100%; } .jqbar.vertical .bar-level-wrapper{ position: relative; display: inline-block; overflow: hidden; } .jqbar.vertical .bar-level{ position: absolute; } /*horizontal*/ .jqbar.horizontal span{ display: inline-block; margin-left: 5px; font-size: 11px; font-weight: bold; } .jqbar.horizontal .bar-percent { position:relative; top:-30px; left:-20px; font-size: 11px; font-weight: bold; height: 20px; margin-bottom: 5px; } .vbar-item{height:260px; float:left;} /*Pie*/ .pie-item{ text-align:center; } .pie-item input[readonly]{ cursor:default; } /*Bar*/ .jqbar.horizontal .bar-percent{ position:relative; left:0px; top:-15px;} .jqbar.vertical{ top:0; } /*Pictorial*/ .pictorial li{ display:inline-block; } .pictorial i{ font-size:24px; } .ins .bar { -webkit-animation:fill .5s linear forwards; -moz-animation:fill .5s linear forwards; } #layerFill1 { -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; } #layerFill2 { -moz-animation-delay:1s; -webkit-animation-delay:1s; } #layerFill3 { -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s; } #layerFill4 { -moz-animation-delay:2s; -webkit-animation-delay:2s; } #layerFill5 { -moz-animation-delay:2.5s; -webkit-animation-delay:2.5s; } #layerFill6 { -moz-animation-delay:3s; -webkit-animation-delay:3s; } #layerFill7 { -moz-animation-delay:3.5s; -webkit-animation-delay:3.5s; } #layerFill8 { -moz-animation-delay:4s; -webkit-animation-delay:4s; } #layerFill9 { -moz-animation-delay:4.5s; -webkit-animation-delay:4.5s; } #layerFill10 { -moz-animation-delay:5s; -webkit-animation-delay:5s; } @-moz-keyframes fill { 0%{ opacity:0; } 100%{ opacity:1;color:#0000FF; } } @-webkit-keyframes fill { 0%{ opacity:0; } 100%{ opacity:1;color:#0000FF; } } /*progress*/ .infrographic.bar { position: relative; margin-bottom: 20px; height: auto; } .moudle .bar:last-child { margin-bottom: 0; } .progress-outer{ overflow: hidden; left:0; top: 27px; width: 100%; border-radius: 0; position: static; } .progress { box-shadow:none; border-radius:0; overflow: visible; width: 100%; height: 40px; } .progress_bars_with_image_content { position: relative;width: 100%;display: inline-block; } .progress_bars_with_image_content i { font-size:56px; cursor:default; } .progress_bars_with_image_content .bar { width:75px; } .progress_bars_with_image_content .bar { height:80px;float: left; position: relative; } .progress_bars_with_image_content .bar .bar_noactive, .progress_bars_with_image_content .bar .bar_active { width:40px; } .progress_bars_with_image_content i{ height: 80px; line-height: 80px; } .progress_bars_with_image_content .bar .bar_noactive.grey { color:#ccc; } .progress_bars_with_image_content .bar .bar_active { position: absolute;top: 0;left: 0; } .progress_bars_with_image_content .bar.active .bar_active{ display: block; } .progress_bars_with_image_content .bar .bar_active { display: none; } .infrographic.bar .bar-percent { float: right; display:inline-block; font-size:14px; position: absolute; right: 15px; top: 10px; z-index: 2; font-size: 14px; color: #ccc; } .infrographic.bar .bar-h1 { position: absolute; left: 15px; top: 10px; z-index: 2; min-width: 200px; color: #fff; } .infrographic.bar .bignumber-item { font-size: 14px!important; } .infrographic.bar .bar-percent { color: #ccc; } .infrographic.bar .bignumber-item { display:inline-block; line-height:20px; font-size:14px; } .infrographic.bar h1{ display:inline-block;line-height:20px; margin-right:10px; } .bar-percent-v .bignumber-item{ font-size:14px; line-height:20px; display:inline-block; color:#f0f0f0; } .bar-percent-v{ position:absolute; z-index:9999;} .progress.v { height: 100%; width: 120px; margin-right:5px; display:inline-block; } .progress-wrap { position: relative; } .progress-wrap .progress-bar { position: absolute; left: 0;top: 0; width: 1px; } .vbar-item span{ width:100%; } .infrographic.columns{ width:100%; } .vbar-item{ width:20%; padding-right:10px;} .vbar-item .vbar{ width:100%; } .pr-head{ display: none; } .progress-bar { -webkit-transition: width 1.5s; -moz-transition: width 1.5s; -ms-transition: width 1.5s; -o-transition: width 1.5s; transition: width 1.5s; } /*------------------------ Liquid list ---------------------*/ .liquid-title { width:100%; line-height: 1.1538; font-size:26px; font-size: 2.6rem; padding: 40px 40px 0 40px; position:relative; background-color: #fff; } .liquid-title a { width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:0.8; color:#28282e; } .liquid-title i { font-size:24px; position:absolute; top:30px; right:30px; cursor:pointer; opacity:0.4; color:#28282e; } .liquid-title i:hover { opacity:1; } .liquid-body { padding:40px; background-color: #fff; color: #313139; } .liquid-body-des { margin-bottom:30px; } .liquid-body-thumbs { margin-left: -20px; } .liquid-body-thumbs .imgwrap { display:inline-block; float:left; min-width:130px; width: 33.3333%; padding: 20px 0 0 20px; } .liquid-body-thumbs .imgwrap-img{ width: 100%; max-width:100%; height:auto; } .liquid-more { position:relative; display:block; width:100%; min-height:80px; padding:0 40px; font-size:16px; text-align: center; background-color:#fff; } .liquid-more-icon { line-height: 60px; width: 100%; font-size: 24px; } .liquid-more-icon:hover { color: #fafafa; } .liquid-more-icon i { font-size:30px; line-height:35px; margin-right: 15px; } .liquid-more-icon-right { float: right; width: auto; } .liquid-body-img img { width:100%; height:auto; } .post_social_inzoomed.post_social { position: absolute; top:50%; margin-bottom:auto; margin-top:auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .liquid-body-link li{ margin-right:20px; } .liquid-body-quote .quote-wrap { background-color:#fff; } .liquid-loading-wrap{ position:relative; cursor:default; } .ux-loading{ width:62px; height:62px; position: absolute; left:50%; top:50%; right:auto; bottom:auto; margin-top:-31px; margin-left:-31px; z-index:999; background:#fff url(../img/isotope-loading.gif) no-repeat 50% 50%;border-radius:31px; } .csstransforms .ux-loading, .no-csstransforms .ux-loading-transform { display: none; } .ux-loading-transform .spinner { background-color: rgba(255,255,255,.5) } .liquid-hide { opacity:0; position:relative; z-index:-1; width: 100%; } .liqd-gallery-img i.icon-m-pt-portfolio { opacity:0; visibility: hidden; position: absolute; width: 48px; height: 48px; line-height: 48px; font-size: 48px; bottom: -10px; right: 10px; color:#fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); } .liqd-gallery-img:hover i.icon-m-pt-portfolio { opacity: 1; visibility: visible; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } .liqd-gallery-img { position: relative; display: none; left: 0; top: 0; } .item_des .liqd-gallery-img:first-child { display: block; } .item_des .liqd-gallery-img:first-child:before { opacity: 0; content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .item_des .liqd-gallery-img:hover:first-child:before { opacity: 1; } .liquid-more-icon { font-size: 14px; } .liquid-more { text-align: left; } .liqd-gallery-img i, .liquid-more-icon i, .item_des .liqd-gallery-img:first-child:before { display: none; } .liquid-title i{ font-size: 16px; right: 10px; top: 15px; } .liquid-more .social-share-buttons { margin-top: 0; clear: none; margin-left: -15px; } .liquid-more .social-share-button { width: 65px; margin-left: 15px; } .liquid-loading { font-size: 44px; margin-top: -10px; } .liquid-loading:before, .liquid-loading:after { content: '.'; position: absolute; left: -5px; -webkit-animation:SearchLoadingBrething 1s infinite ease-in-out; -moz-animation:SearchLoadingBrething 1s infinite ease-in-out; animation:SearchLoadingBrething 1s ease infinite ease-in-out; } .liquid-loading:after { left: 5px; animation-delay: .2s; } /* Liquid, portfolio: default color*/ .isotope-liquid-list .post-bgcolor-default, .list-layout-con.post-bgcolor-default { background-color:#fff; } .post-bgcolor-default .list-layout-tit-a, .post-bgcolor-default .list-layout-tit-a:hover, .post-bgcolor-default .list-layout-des, .moudle .post-bgcolor-default .list-layout-more.ux-btn, #content_wrap .post-bgcolor-default .brick-title { color:#28282e; } .post-bgcolor-default .list-layout-more.ux-btn,.post-bgcolor-default .list-layout-more.ux-btn:hover { border-bottom-color: #28282e; } /* Liquid, portfolio: set feature color */ .list-layout-tit-a, .list-layout-tit-a:hover, .list-layout-des, .moudle .list-layout-more.ux-btn, #content_wrap .brick-title { /* color:#fff; */ color:#636363; } .list-layout-more.ux-btn,.list-layout-more.ux-btn:hover { border-bottom-color: #fff; } /*------------------------ Latst posts ---------------------*/ .latest-posts-tit { position:relative; overflow:hidden; } .latest-posts-tit-a { width: 100%; } .latest-posts-tags,.latest-posts-date { font-size: 12px; font-size: 1.2rem; line-height: 1.6667; font-weight: normal; } .latest-posts-tags a { display: inline-block; margin-left: 3px; margin-right: 3px; } .latest-posts-tit-wrap.text-left .latest-posts-tags a { margin-left: 0; margin-right: 6px; } .latest-posts-date { font-style: italic; } .latest-posts-tit-wrap { padding-bottom: 40px; } /*vertial list*/ .posts-verticallist-item { margin-bottom:20px;} .posts-verticallist-main h2 { font-size:16px; line-height:20px; margin:10px 0 10px;} .posts-verticallist-img img { width:100px; height:80px; float:left; margin-right:20px; } .posts-verticallist-meta i { margin-right:10px;} /*------------------------ map ---------------------*/ .module-map-canvas img{ max-width:none; } .module-map-canvas{ width:100%; margin:0px; padding:0px;} /*------------------------ Testminal new ---------------------*/ .testimonial-wrap { width: 70%; min-width: 260px; margin-left: auto; margin-right: auto; } .testimonial-position { padding: 0 10px; } .testimonial-wrap .flexslider { padding-bottom: 40px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .testimonial-wrap.flex-slider-wrap .flex-control-paging { bottom: 0; } .testimonial-wrap .slides { min-height: 260px; } .testimonial-wrap blockquote { font-style: normal; border-left:none; text-align: center; } .testimonial-wrap blockquote cite{ font-style: italic; font-weight: normal; margin-top: 20px; display: block; font-size: .8em; } .testimonial-thum { height: 140px; width: 140px; position: relative; left: 50%; margin-left: -70px; margin-bottom: 40px; text-align: center; } .testimonial-thum-bg { border-radius: 70px; line-height: 140px; font-size: 60px; } .testimonial-thum img { width: 100%; border-radius: 70px; } .testimonial-wrap blockquote { padding-left: 0; font-size: 1.4em; } /*------------------------ Post Carousel ---------------------*/ .caroufredsel_wrapper { position:relative; } .post-carousel-wrap { position:relative; } .post-carousel { opacity:0; } .post-carousel-item { display:block; float:left; text-align:center; margin:0 10px; } .post-carousel-img { width:100%; } .post-carousel-pagination { width:100%; text-align: center; position:absolute; bottom:0px; left:0; padding:0 10px; } .post-carousel { padding-bottom:20px; } .post-carousel-pagination a span { display:none; } .post-carousel-item-more { font-size: 14px; font-size: 1.4rem; line-height: 1.4286; } .post-carousel-img-a { display: block; overflow: hidden; } .post-carousel-pagination a { display: inline-block; width: 8px; height: 8px; border-radius: 4px; margin: 0 12px; background-color: #28282e; opacity: .3; } .post-carousel-pagination a.selected { opacity: .7; } /*2014/05/21 added*/ .portfolio-caroufredsel { height: 400px; overflow: hidden; } .portfolio-caroufredsel .post-carousel { padding-bottom: 0; } .portfolio-caroufredsel .post-carousel-item { margin: 0 0 0 1px; } .portfolio-caroufredsel-item-inn { position: relative; display: block; width: 100%; height: 100%; } .post-carousel-item .portfolio-caroufredsel-h1 { position: absolute; z-index: 4; width: 100%; opacity: 0; padding: 0 15px; font-size: 18px; font-size: 1.8rem; color: #fff; } .portfolio-caroufredsel-div { position: relative; z-index: 0; width: 100%; height: 100%; overflow: hidden; } .portfolio-caroufredsel-img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .portfolio-caroufredsel-hover { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; } .portfolio-caroufredsel .post-carousel-item:hover .portfolio-caroufredsel-h1, .portfolio-caroufredsel .post-carousel-item:hover .portfolio-caroufredsel-hover { opacity: .9; } .portfolio-caroufredsel .post-carousel-item:hover .portfolio-caroufredsel-img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .portfolio-caroufredsel-hover .text-center { padding-left: 10px; padding-right: 10px; color: #fff; } .portfolio-caroufredsel-nav { position: absolute; z-index: 9; bottom: 40px; left: 0; width: 100%; } .portfolio-caroufredsel-nav .prev, .portfolio-caroufredsel-nav .next { position: absolute; left: 0; top: 0; width: 40px; height: 40px; text-align: center; background-color: rgba(255,255,255,0.5);color: #333; } .portfolio-caroufredsel-nav .next { right: 0; left: auto; } .portfolio-caroufredsel-nav .prev:hover, .portfolio-caroufredsel-nav .next:hover { background-color: #333; color: #fff; } .portfolio-caroufredsel-nav i.fa { font-size: 18px; line-height: 40px; } /*------------------------ Latest Twitter ---------------------*/ .twitter-mod { position: relative; padding-top: 160px; font-size: 1.2em; } .twitter-mod:before{ position: absolute; width: 140px; height: 140px; line-height: 140px; top:0; left: 50%; margin-left: -70px; text-align: center; border-radius: 70px; font-size: 84px; font-family:'FontAwesome'; content:"\f099"; } .rotatingtweets_nextprev { position: relative; left: 50%; text-align: center; width: 50px;margin-left: -25px; } .rtw_prev,.rtw_next { position: relative; width: 30px; height: 20px; margin: 0 10px; font-size: 20px; display: inline-block; } .rtw_prev:before,.rtw_next:before { content: "\f107"; font-family: 'FontAwesome'; } .rtw_prev:before { content: "\f106";} #content .twitter-mod .rotatingtweets, #content .twitter-mod .norotatingtweets { border-top: none; border-bottom: none; margin-bottom: 0; } #content .twitter-mod .rotatingtweet { text-align: center; } /*------------------------ Button ---------------------*/ .btn-mod-wrap { margin-top: -20px; font-size: 0; } .btn-mod-wrap.btn-center { text-align: center; } .btn-mod-wrap.btn-right { text-align: right; } .btn-mod-wrap .ux-btn { text-align: center; margin: 20px 20px 0 0; } .btn-mod-wrap.btn-center .ux-btn, .btn-mod-wrap.btn-center .ux-btn-image { margin-right: 10px; margin-left: 10px; } .ux-btn.btn-dark, .ux-btn.btn-light{ background:none !important; } .moudle .ux-btn.btn-light:hover{ color:#eee; } .ux-btn-image { display: inline-block; margin: 20px 20px 0 0; } .ux-btn .fa { width: 20px; max-width: 20px; min-width: 20px; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } .ux-btn:hover .fa { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .ux-btn-hasicon .ux-btn-text { display: inline-block; -webkit-transform: translateX(14px); -moz-transform: translateX(14px); transform: translateX(14px); } .ux-btn-hasicon.button-large .ux-btn-text { display: inline-block; -webkit-transform: translateX(16px); -moz-transform: translateX(16px); transform: translateX(16px); } .ux-btn-hasicon .on-left ~ .ux-btn-text { -webkit-transform: translateX(-12px); -moz-transform: translateX(-12px); transform: translateX(-12px); } .ux-btn-hasicon.button-large .on-left ~ .ux-btn-text { -webkit-transform: translateX(-9px); -moz-transform: translateX(-9px); transform: translateX(-9px); } .ux-btn.ux-btn-hasicon:hover .ux-btn-text { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } /*------------------------ FlexSlider ---------------------*/ .flex-slider-wrap { position:relative; } .slide-wrap-ux .flexslider { overflow: hidden; } .flex-slider-wrap img { width:100%; height:auto; } .flex-slider-wrap .flex-control-paging { position:absolute; z-index:99; bottom:10px; width: 100%; text-align: center; } .flex-slider-wrap .flex-control-paging li { display:inline-block; margin:10px 0 0; } .flex-slider-wrap .flex-control-paging li a { text-indent:-9999px; cursor:pointer; } /* Laest twitter */ .twitter-mod{ position: relative; padding-top: 160px; } .twitter-mod:before{ position: absolute; width: 140px; height: 140px; line-height: 140px; top:0; left: 50%; margin-left: -70px; text-align: center; border-radius: 70px; font-size: 84px; font-family:'FontAwesome'; content:"\f099"; } .twitter-mod .kcontainer{ text-align: center; position: relative; } .twitter-mod li.ktweet{ position: relative; font-size: 16px; } .twitter-mod .kfooter, .twitter-mod .kebo-tweets .ktweet .kmeta a.kdate{ display: none; } .twitter-mod .kebo-tweets .ktweet .ktext, .twitter-mod .kebo-tweets .ktweet .kmeta { text-align: center; width: 100%; } .twitter-mod .kebo-tweets .ktweet .ktext { width: 70%; min-width: 260px; margin: 0 auto; padding-bottom: 40px; } html body .twitter-mod ul.kebo-tweets.slider { padding-top: 20px; } .twitter-mod .kmeta { position: absolute; bottom: 0; text-align: center; } .twitter-mod .rslides_nav { position: absolute; top: -60px; display: inline-block; text-indent: -9999px; width: 30px; height: 20px; margin-top: 20px; } .twitter-mod .rslides_nav:before{ position: absolute; left: 0; top:0; text-indent: 0px; font-family:'FontAwesome'; content: "\f104"; font-size: 24px; } .twitter-mod .rslides_nav.next:before{ content: "\f105"; right: 0; left: auto; } .twitter-mod .rslides_nav.rslides1_nav.next { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } .twitter-mod .rslides_nav.rslides1_nav.prev { -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } /*------------------------ BLog Big Image ---------------------*/ .blog-bi-feature { margin-top: -2px; } .blog-bi-feature-item { height: 100vh; margin-top: 2px; position: relative; overflow: hidden; } .blog-bi-feature-item-bg, .blog-bi-list-item-bg { position: relative; z-index: 0; } .blog-bi-feature-item-bg { position: relative; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; } .blog-bi-feature-item-bg-img { position: absolute; z-index: -2; left: 50%;top: 50%;min-height: 100%; min-width: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .bi-feature-item-con { position: absolute; z-index: 2; width: 100%; padding: 0 60px; text-align: center; } .bi-feature-item-meta { display: block; margin-bottom: 10px; } .bi-feature-item-meta-bottom { margin-top: 30px; } .blog-bi-feature-item .fullwrap-video video { min-width: 101%; } .bi-list-item-meta-item, .title-wrap-meta-a>a, body.home.blog .title-wrap-meta-a, body.archive .title-wrap-meta-a, .archive-grid-item-meta-item { margin-bottom: 10px; } .bi-feature-item-meta a, .bi-feature-item-meta-bottom-item, .bi-list-item-meta-item, .title-wrap-meta-a>a, body.home.blog .title-wrap-meta-a, body.archive .title-wrap-meta-a, .archive-grid-item-meta-item { position: relative; display: inline-block; margin-left: 4px; margin-right: 4px; font-weight: normal; } .bi-feature-item-meta-bottom { display: none; } .blog-bi-feature .bi-feature-item-meta-bottom { display: block; } .bi-feature-item-meta-bottom .article-meta-unit { margin-right: 4px; margin-left: 4px; } .blog-bi-video-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .blog-bi-list { margin-left: -2px; padding-bottom: 2px; } .blog-bi-list-item { position: relative; height: 280px; width: 33.3333%; padding-left: 2px; padding-bottom: 2px; display: inline-block; float: left; } .blog-bigimage.col2 .blog-bi-list-item { width: 50%; height: 320px; min-height: 280px; height: 340px; } .blog-bi-list-item-bg { width: 100%; height: 100%; margin-top: 2px; overflow: hidden; } .bi-list-item-con { position: absolute; z-index: 9; left: 0; width: 100%; text-align: center; padding: 0 20px; } .bi-feature-item-tit, .bi-list-item-tit { width: 65%; margin-right: auto; margin-left: auto; } .bi-list-item-tit { width: 80%; } .bi-quote { font-size: 1.6667em; line-height: 1.2; } .bi-quote cite { display: block; font-size: .8em; margin-top: 20px; } .bi-list-item-tit, .blog-bi-list-item .bi-link-li,.blog-bi-list-item .bi-link-li,.blog-bi-list-item .bi-quote { font-size: 1.8em; line-height: 1; } .bi-feature-item-tit, .bi-link-li, .bi-quote { font-size: 72px;line-height: 1; } .blog-bi-feature-item:after,.blog-bi-list-item:after { content: ''; position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; background-color:#000; opacity: .2; } .bi-list-item-tit-a, .bi-list-item-meta-item,.bi-feature-item-tit-a,.bi-feature-item-meta-item,.bi-link-li-a,.bi-quote,.bi-feature-item-meta-bottom,.bi-feature-item-meta-bottom a, .bi-list-item-tit-a:hover, .bi-list-item-meta-item:hover,.bi-feature-item-tit-a:hover,.bi-feature-item-meta-item:hover,.bi-link-li-a:hover,.bi-quote:hover,.bi-feature-item-meta-bottom:hover,.bi-feature-item-meta-bottom a:hover { color: #fff; } /*------------------------ General title ---------------------*/ .ux-grid-tit { font-size:20px; font-size:2rem; padding: 20px 0; line-height: 1.25; } .ux-grid-excerpt { padding-bottom: 20px; } .ux-grid-excerpt, #content_wrap .ux-grid-excerpt p { } .ux-grid-tit-a { position: relative; } /*------------------------ Scrolled Animation ---------------------*/ .no-touch .animation-default-ux, .no-touch .animation-default-ux.animation-scroll-ux.fadeined, .no-touch .animation-scroll-ux, .no-touch .animation_hidden { opacity: 0; } /*.animation-default-ux.fadeined, .animation-scroll-ux.fadeined,*/ .no-cssanimations .animation-scroll-ux, .ux-mobile .moudle_has_animation, .ux-mobile .animation-default-ux, .ux-mobile .animation-scroll-ux{ opacity: 1!important; } .no-touch .animation-scroll-ux.fadeined { -webkit-animation: opaticyanimation 1.8s 0.2s ease normal both ; -moz-animation: opaticyanimation 0.8s 0.2s ease normal both ; animation: opaticyanimation 0.8s 0.2s ease normal both ; } @-webkit-keyframes opaticyanimation { 0%{ opacity:0; } 100%{ opacity:1; } } @-moz-keyframes opaticyanimation { 0%{ opacity:0; } 100%{ opacity:1; } } @keyframes opaticyanimation { 0%{ opacity:0; } 100%{ opacity:1; } } /* .no-touch .container-isotope .animation-default-ux, .no-touch .container-isotope .animation-default-ux.animation-scroll-ux.fadeined, .no-touch .container-isotope .animation-scroll-ux{ opacity: 1!important; -webkit-animation: none; -moz-animation: none; animation: none; }*/ .no-touch .animation-scroll-ux.zoomin.zoomined { opacity: 1!important; -webkit-animation:zoominanimation 0.8s 0.2s ease normal both ; -moz-animation:zoominanimation 0.8s 0.2s ease normal both ; animation:zoominanimation 0.8s 0.2s ease normal both ; } @-webkit-keyframes zoominanimation { 0%{ -webkit-transform:perspective(400px) translateZ(-50px); opacity:0; } 70%{ -webkit-transform:perspective(400px) translateZ(10px); opacity:.7; } 100%{ -webkit-transform:perspective(400px) translateZ(0px); opacity:1; } } @-moz-keyframes zoominanimation { 0%{ -moz-transform:perspective(400px) translateZ(-50px); opacity:0; } 70%{ -moz-transform:perspective(400px) translateZ(10px); opacity:.7; } 100%{ -moz-transform:perspective(400px) translateZ(0px); opacity:1; } } @keyframes zoominanimation { 0%{ transform:perspective(400px) translateZ(-50px); opacity:0; } 70%{ transform:perspective(400px) translateZ(10px); opacity:.7; } 100%{ transform:perspective(400px) translateZ(0px); opacity:1; } } .no-touch .animation-scroll-ux.zoomout.zoomouted { opacity: 1!important; -webkit-animation:zoomOutanimation 0.8s 0.2s ease normal both ; -moz-animation:zoomOutanimation 0.8s 0.2s ease normal both ; animation:zoomOutanimation 0.8s 0.2s ease normal both ; } @-webkit-keyframes zoomOutanimation { 0%{ -webkit-transform:perspective(400px) translateZ(50px); opacity:0; } 70%{ -webkit-transform:perspective(400px) translateZ(-10px); opacity:.7; } 100%{ -webkit-transform:perspective(400px) translateZ(0px); opacity:1; } } @-moz-keyframes zoomOutanimation { 0%{ -moz-transform:perspective(400px) translateZ(50px); opacity:0; } 70%{ -moz-transform:perspective(400px) translateZ(-10px); opacity:.7; } 100%{ -moz-transform:perspective(400px) translateZ(0px); opacity:1; } } @keyframes zoomOutanimation { 0%{ transform:perspective(400px) translateZ(50px); opacity:0; } 70%{ transform:perspective(400px) translateZ(-10px); opacity:.7; } 100%{ transform:perspective(400px) translateZ(0px); opacity:1; } } .no-touch .animation-scroll-ux.from-left-translated { opacity: 1; -webkit-animation:fromLeftAnimation 0.8s 0.2s ease normal both ; -moz-animation:fromLeftAnimation 0.8s 0.2s ease normal both ; animation:fromLeftAnimation 0.8s 0.2s ease normal both ; } @-webkit-keyframes fromLeftAnimation { 0%{ -webkit-transform: translate(-80px, 0); opacity: 0; } 100%{ -webkit-transform: translate(0, 0); opacity: 1!important; } } @-moz-keyframes fromLeftAnimation { 0%{ -moz-transform: translate(-80px, 0); opacity: 0; } 100%{ -moz-transform: translate(0, 0); opacity: 1!important; } } @keyframes fromLeftAnimation { 0%{ transform: translate(-80px, 0); opacity: 0; } 100%{ transform: translate(0, 0); opacity: 1!important; } } .no-touch .animation-scroll-ux.from-right-translated { opacity: 1; -webkit-animation:fromRightAnimation 0.8s 0.2s ease normal both ; -moz-animation:fromRightAnimation 0.8s 0.2s ease normal both ; animation:fromRightAnimation 0.8s 0.2s ease normal both ; } @-webkit-keyframes fromRightAnimation { 0%{ -webkit-transform: translate(80px, 0); opacity: 0; } 100%{ -webkit-transform: translate(0, 0); opacity: 1!important; } } @-moz-keyframes fromRightAnimation { 0%{ -moz-transform: translate(80px, 0); opacity: 0; } 100%{ -moz-transform: translate(0, 0); opacity: 1!important; } } @keyframes fromRightAnimation { 0%{ transform: translate(80px, 0); opacity: 0; } 100%{ transform: translate(0, 0); opacity: 1!important; } } .no-touch .animation-scroll-ux.from-top-translated { opacity: 1!important; -webkit-animation:fromTopAnimation 0.8s 0.2s ease normal both ; -moz-animation:fromTopAnimation 0.8s 0.2s ease normal both ; animation:fromTopAnimation 0.8s 0.2s ease normal both ; } @-webkit-keyframes fromTopAnimation { 0%{ -webkit-transform: translate(0, -80px); opacity: 0; } 100%{ -webkit-transform: translate(0, 0); opacity: 1!important; } } @-moz-keyframes fromTopAnimation { 0%{ -moz-transform: translate(0, -80px); opacity: 0; } 100%{ -moz-transform: translate(0, 0); opacity: 1!important; } } @keyframes fromTopAnimation { 0%{ transform: translate(0, -80px); opacity: 0; } 100%{ transform: translate(0, 0); opacity: 1!important; } } .no-touch .animation-scroll-ux.from-bottom-translated { opacity: 1; -webkit-animation:fromBottomAnimation 0.8s 0.2s ease normal both ; -moz-animation:fromBottomAnimation 0.8s 0.2s ease normal both ; animation:fromBottomAnimation 0.8s 0.2s ease normal both ; } @-webkit-keyframes fromBottomAnimation { 0%{ -webkit-transform: translate(0,80px); opacity: 0; } 100%{ -webkit-transform: translate(0, 0); opacity: 1!important; } } @-moz-keyframes fromBottomAnimation { 0%{ -moz-transform: translate(0,80px); opacity: 0; } 100%{ -moz-transform: translate(0, 0); opacity: 1!important; } } @keyframes fromBottomAnimation { 0%{ transform: translate(0,80px); opacity: 0; } 100%{ transform: translate(0, 0); opacity: 1!important; } } .blog-wrap .animation-default-ux { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .no-touch .animation-scroll-ux.flip-x-translated { -webkit-animation:flipInX 2.3s .7s ease both; -moz-animation:flipInX 2.3s .7s ease both; animation:flipInX 2.3s .7s ease both; } @-webkit-keyframes flipInX{ 0%{ -webkit-transform:perspective(400px) rotateX(90deg);opacity:0; } 40%{ -webkit-transform:perspective(400px) rotateX(-10deg); } 70%{ -webkit-transform:perspective(400px) rotateX(10deg); } 100%{ -webkit-transform:perspective(400px) rotateX(0deg); opacity:1; } } @-moz-keyframes flipInX{ 0%{ -moz-transform:perspective(400px) rotateX(90deg);opacity:0; } 40%{ -moz-transform:perspective(400px) rotateX(-10deg); } 70%{ -moz-transform:perspective(400px) rotateX(10deg); } 100%{ -moz-transform:perspective(400px) rotateX(0deg);opacity:1; } } @keyframes flipInX{ 0%{ transform:perspective(400px) rotateX(90deg); opacity:0; } 40%{ transform:perspective(400px) rotateX(-10deg); } 70%{ transform:perspective(400px) rotateX(10deg); } 100%{ transform:perspective(400px) rotateX(0deg);opacity:1; } } .no-touch .animation-scroll-ux.flip-y-translated { -webkit-animation:flipInY 2.3s .7s ease both; -moz-animation:flipInY 2.3s .7s ease both; animation:flipInY 2.3s .7s ease both; } @-webkit-keyframes flipInY{ 0%{ -webkit-transform:perspective(400px) rotateY(90deg); opacity:0; } 40%{ -webkit-transform:perspective(400px) rotateY(-10deg); } 70%{ -webkit-transform:perspective(400px) rotateY(10deg); } 100%{ -webkit-transform:perspective(400px) rotateY(0deg); opacity:1; } } @-moz-keyframes flipInY{ 0%{ -moz-transform:perspective(400px) rotateY(90deg); opacity:0; } 40%{ -moz-transform:perspective(400px) rotateY(-10deg); } 70%{ -moz-transform:perspective(400px) rotateY(10deg); } 100%{ -moz-transform:perspective(400px) rotateY(0deg); opacity:1; } } @keyframes flipInY{ 0%{ transform:perspective(400px) rotateY(90deg); opacity:0; } 40%{ transform:perspective(400px) rotateY(-10deg); } 70%{ transform:perspective(400px) rotateY(10deg); } 100%{ transform:perspective(400px) rotateY(0deg); opacity:1; } } .no-touch .animation-scroll-ux.bouncdein-bottom-translated { -webkit-animation:bounceInDown 1s .2s ease both; -moz-animation:bounceInDown 1s .2s ease both; animation:bounceInDown 1s .2s ease both; } @-webkit-keyframes bounceInDown{ 0%{ opacity:0; -webkit-transform:translateY(-2000px); } 60%{ opacity:1; -webkit-transform:translateY(30px); } 80%{ -webkit-transform:translateY(-10px); } 100%{ -webkit-transform:translateY(0); } } @-moz-keyframes bounceInDown{ 0%{ opacity:0; -moz-transform:translateY(-2000px); } 60%{ opacity:1; -moz-transform:translateY(30px); } 80%{ -moz-transform:translateY(-10px); } 100%{ -moz-transform:translateY(0); } } @keyframes bounceInDown{ 0%{ opacity:0; transform:translateY(-2000px);} 60%{ opacity:1; transform:translateY(30px);} 80%{ transform:translateY(-10px);} 100%{ transform:translateY(0);} } .no-touch .animation-scroll-ux.bouncdein-top-translated { -webkit-animation:bounceInUp 1s .2s ease both; -moz-animation:bounceInUp 1s .2s ease both; animation:bounceInUp 1s .2s ease both; } @-webkit-keyframes bounceInUp{ 0%{ opacity:0;-webkit-transform:translateY(2000px); } 60%{opacity:1;-webkit-transform:translateY(-30px); } 80%{ -webkit-transform:translateY(10px); } 100%{ -webkit-transform:translateY(0); } } @-moz-keyframes bounceInUp{ 0%{ opacity:0;-moz-transform:translateY(2000px);} 60%{ opacity:1;-moz-transform:translateY(-30px);} 80%{ -moz-transform:translateY(10px);} 100%{ -moz-transform:translateY(0);} } @keyframes bounceInUp { 0%{ opacity:0; transform:translateY(2000px);} 60%{ opacity:1;transform:translateY(-30px);} 80%{ transform:translateY(10px);} 100%{ transform:translateY(0);} } .no-touch .animation-scroll-ux.bouncdein-left-translated { -webkit-animation:bounceInLeft 1s .2s ease both; -moz-animation:bounceInLeft 1s .2s ease both; animation:bounceInLeft 1s .2s ease both; } @-webkit-keyframes bounceInLeft { 0%{ opacity:0;-webkit-transform:translateX(-2000px); } 60%{ opacity:1;-webkit-transform:translateX(30px); } 80%{ -webkit-transform:translateX(-10px); } 100%{ -webkit-transform:translateX(0); } } @-moz-keyframes bounceInLeft{ 0%{ opacity:0;-moz-transform:translateX(-2000px); } 60%{ opacity:1;-moz-transform:translateX(30px); } 80%{ -moz-transform:translateX(-10px); } 100%{ -moz-transform:translateX(0); } } @keyframes bounceInLeft{ 0%{ opacity:0; transform:translateX(-2000px);} 60%{ opacity:1; transform:translateX(30px);} 80%{ transform:translateX(-10px);} 100%{ transform:translateX(0);} } .no-touch .animation-scroll-ux.bouncdein-right-translated { -webkit-animation:bounceInRight 1s .2s ease both; -moz-animation:bounceInRight 1s .2s ease both; animation:bounceInRight 1s .2s ease both; } @-webkit-keyframes bounceInRight{ 0%{ opacity:0;-webkit-transform:translateX(2000px);} 60%{ opacity:1;-webkit-transform:translateX(-30px);} 80%{ -webkit-transform:translateX(10px);} 100%{ -webkit-transform:translateX(0);} } @-moz-keyframes bounceInRight{ 0%{ opacity:0;-moz-transform:translateX(2000px);} 60%{ opacity:1;-moz-transform:translateX(-30px);} 80%{ -moz-transform:translateX(10px);} 100%{ -moz-transform:translateX(0);} } @keyframes bounceInRight{ 0%{ opacity:0; transform:translateX(2000px);} 60%{ opacity:1; transform:translateX(-30px);} 80%{ transform:translateX(10px);} 100%{ transform:translateX(0);} } .no-touch .animation-scroll-ux.rotate-downleft-translated { -webkit-animation:rotateInDownLeft 1s .2s ease both; -moz-animation:rotateInDownLeft 1s .2s ease both; animation:rotateInDownLeft 1s .2s ease both; } @-webkit-keyframes rotateInDownLeft{ 0%{ -webkit-transform-origin:left bottom; -webkit-transform:rotate(-90deg); opacity:0; } 100%{ -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1; } } @-moz-keyframes rotateInDownLeft{ 0%{ -moz-transform-origin:left bottom; -moz-transform:rotate(-90deg); opacity:0; } 100%{ -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1; } } @keyframes rotateInDownLeft{ 0%{ transform-origin:left bottom; transform:rotate(-90deg); opacity:0; } 100%{ transform-origin:left bottom; transform:rotate(0); opacity:1; } } .no-touch .animation-scroll-ux.rotate-downright-translated { -webkit-animation:rotateInDownRight 1s .2s ease both; -moz-animation:rotateInDownRight 1s .2s ease both; animation:rotateInDownRight 1s .2s ease both; } @-webkit-keyframes rotateInDownRight{ 0%{ -webkit-transform-origin:right bottom; -webkit-transform:rotate(90deg); opacity:0; } 100%{ -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1; } } @-moz-keyframes rotateInDownRight{ 0%{ -moz-transform-origin:right bottom; -moz-transform:rotate(90deg); opacity:0; } 100%{ -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1; } } @keyframes rotateInDownRight{ 0%{ transform-origin:right bottom; transform:rotate(90deg); opacity:0; } 100%{ transform-origin:right bottom; transform:rotate(0); opacity:1; } } /*PB7*/ /*Fullwrap Half*/ .row-fluid .fullwrap-half.span6, .fullwrap-block-half, .fullwrap-block-one-third { position: relative; margin-bottom: 0; margin-left: 0!important; width: 50%!important; overflow: hidden; } .fullwrap-block-one-third { width: 33.33333%!important; } /* .row-fluid .fullwrap-half.span6.pull-right { float: right; }*/ .fullwrap-half-content, .fullwrap-block-half, .fullwrap-block-one-third { padding-left: 80px; padding-right: 80px; } .fullwrap-half.parallax { background-attachment: fixed; background-repeat: no-repeat repeat; } .fullwrap-half-bg-inn { position: absolute; top:0; width: 100%; height: 100%; z-index: 0; background-position: center center; background-size: cover; } /*For IE 11/10 */ @media all and (-ms-high-contrast:none) { .fullwrap-half video.centered-ux { left: 0; top: 0; -ms-transform: translate(0,0); transform: translate(0,0); } .fullwrap-half .fullwrap-video .video-cover { width: 100%; height: 100vh; } } /*Block layout*/ .fullwrap-block { display: table; width: 100%; } .row-fluid .fullwrap-block-half[class*="span"] { display: table-cell; float: none; vertical-align: middle; } /*Fullwidth middle*/ .height-no-auto { text-align: center; letter-spacing: 0; font-size: 0; } .height-no-auto * { font-size: 16px; } .height-no-auto:before, .height-no-auto .fullwrap-block-inn:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .fullwrap-tab-class.height-no-auto:before, .fullwidth-half.height-no-auto:before, .full-half-inn>.height-no-auto:before, .full-half-inn>.row-fluid:after { display: none; } .fullwrap-block-style.height-no-auto:before { height: auto; display: none; } .height-no-auto > .container, .fullwidth-wrap-inn, .full-half-inn, .height-no-auto .fullwrap-block-inn > .row-fluid { display: inline-block; vertical-align: middle; text-align: left; } .fullwidth-wrap-inn, .full-half-inn { width: 100%; } .full-half-inn > .row-fluid { display: table; } .row-fluid .fullwrap-half[class*="span"] { display: table-cell; vertical-align: middle; float: none; } /* Sub-title, Sub-content Font style */ .infrographic h1 { font-size: 18px; } #content_wrap .bignumber p, #content_wrap .iconbox-con p { font-size: 14px; } /*parallax update*/ .front-background { width:100%; height: 100%; left: 0; position: absolute; top: 0; z-index: 0; } .front-background-img { width: 100%; } .front-background-img { } /* Responsive */ @media (min-width: 1200px) { .fullwidth-wrap .back-background.parallax { background-image: none!important;} } @media (min-width: 769px) and (max-width: 1199px) { .fullwidth-wrap .back-background.parallax { background-image: none!important;} } @media (max-width: 768px) { .responsive-ux .filters.onside { margin-bottom:39px; } .responsive-ux .filters.onside li { float:left; } .responsive-ux .filters.onside.onright li { margin-left:0; } .responsive-ux .filters.pull-right { margin-bottom:40px; } .responsive-ux .filters.pull-right[class*="span"], .responsive-ux .row-fluid .filters.pull-right[class*="span"] { float:none;} .responsive-ux .iterlock-item-img .ux-hover-wrap { height: 200px;} .responsive-ux .liquid-title i { font-size: 24px; height: 24px; width: 24px; display: block; } .responsive-ux .iterlock-caption .blog_meta{ display: none; } .responsive-ux .iterlock-caption h2, .responsive-ux .infrographic h1, .responsive-ux .ux-grid-tit, .responsive-ux .list-layout-tit { font-size: 16px; font-size: 1.6rem; line-height: 20px;} .responsive-ux .separator.title_above h4 { font-size: 20px; font-size: 2rem; } .responsive-ux .iterlock-caption { padding: 20px; } .responsive-ux .iterlock-caption p{ max-height: 40px; } .responsive-ux .height-no-auto, .responsive-ux .full-half-inn > .row-fluid, .responsive-ux .height-no-auto.fullwrap-block-style > .row-fluid, .responsive-ux .height-no-auto .fullwrap-block, .responsive-ux .height-no-auto .fullwrap-block-inn { height: auto!important;} .responsive-ux .row-fluid .fullwrap-half.span6, .responsive-ux .fullwrap-block-half, .responsive-ux .fullwrap-block-one-third { width: 100%!important; } .responsive-ux .fullwrap-half-bg { visibility: hidden; } .responsive-ux .right-ux,.responsive-ux .right-ux { float: none;} .responsive-ux .bottom-space-40-in { padding-bottom: 30px!important; } .responsive-ux .top-space-80-in { padding-top: 60px !important; } .responsive-ux h2.portfolio-standatd-tit { font-size: 1em; line-height: 1.5; } /*parallax*/ .responsive-ux .fullwidth-wrap .back-background.parallax { z-index: -1; } .responsive-ux .back-background-img { left: 50%; position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .responsive-ux .fullwidth-wrap .front-background { display: none; position: static; } .responsive-ux .fullwidth-wrap.fullwidth_over_visibale { overflow: hidden; } .responsive-ux .fullwidth-wrap .moudle.bottom-space-no ~ .moudle { margin-top: 30px; } .responsive-ux .fullwrap-block-inn { padding: 40px; } .responsive-ux .video-overlay.modal { top:-100%; } .responsive-ux .moudle .list-layout-col{ height: 300px; } .responsive-ux .moudle .list-layout-col3-1 { height: 600px;} .responsive-ux .list-layout-des {display: none;} .fullwidth-wrap .parallax { position: static; } } @media (max-width: 480px) { .responsive-ux .row-fluid .fullwrap-half.span6 { width: 100%!important; } .responsive-ux .row-fluid .fullwrap-half.span6.pull-right { float: none; } .responsive-ux .blog-item-img { width:100%; float:none; margin-right:0; height:auto; } .responsive-ux .liquid-more { padding: 0 20px; } .responsive-ux .progress_bars_with_image_content .bar { width: 35px; } .responsive-ux .progress_bars_with_image_content i { font-size: 36px; } .responsive-ux .iterlock-item-img .ux-hover-wrap { height: 140px; } .responsive-ux .moudle, .responsive-ux [class*="span"] { margin-bottom: 20px; } .responsive-ux .moudle.bottom-space-no { margin-bottom: 0; } .responsive-ux .text_block.withbg { padding: 20px; } .responsive-ux .bottom-space-20 { margin-bottom: 10px; } .responsive-ux .bottom-space-40 { margin-bottom: 20px; } .responsive-ux .bottom-space-60 { margin-bottom: 30px; } .responsive-ux .bottom-space-80 { margin-bottom: 40px; } .responsive-ux .top-space-40 { margin-top: 20px;} .responsive-ux .flip_wrap_back_con h2, .responsive-ux .liquid-title, .responsive-ux .item_title, .responsive-ux .infrographic h1, .responsive-ux .image-box h1, .responsive-ux .post-carousel-item h1, .responsive-ux .latest-posts-titm, .responsive-ux .iterlock-caption h2, .responsive-ux h2.latest-posts-tit, .responsive-ux .product-caption h3, .responsive-ux .separator.title_above h4 { font-size: 1.6rem; line-height: 1.5; } .responsive-ux .liquid-title{ padding: 20px 40px 20px 20px; } .responsive-ux .liquid-body, .responsive-ux .promote-wrap { padding: 20px; } .responsive-ux .item_title { padding: 5px 10px; } .responsive-ux .item-des-p { padding: 0 10px 10px; } .responsive-ux .team-item-con-h { display: none; } .responsive-ux .standard-blog-gallery a { width: 40px; height: 40px; } .responsive-ux .standard-blog-gallery { margin-top: 15px; } .responsive-ux .blog-item-main h2, .responsive-ux .archive-unit-h2 { font-size: 24px; margin-bottom: 20px; } .responsive-ux .date-block { margin-bottom: 20px; } .responsive-ux .iterlock-caption { padding: 10px; } .responsive-ux .separator, .responsive-ux .separator.height-20 { height:10px; } .responsive-ux .separator.height-40 { height:20px; } .responsive-ux .separator.height-60 { height:30px; } .responsive-ux .separator.height-80 { height:40px; } .responsive-ux .separator.height-100 { height:50px; } .responsive-ux .separator.height-200 { height:100px; } .responsive-ux .separator.height-300 { height:150px; } .responsive-ux .separator.height-400 { height:200px; } .responsive-ux .separator.text-center .separator_inn { width: 10%; } .responsive-ux .separator.text-center h4 { padding-left: 10px; } .responsive-ux .separator h4 { padding-right: 10px; } .responsive-ux .separator.title_above { height: auto; } .separator.title_above .separator_inn, .separator.short-line .separator_inn { margin-top: 15px; height: 5px; width: 20px; } .responsive-ux .blog-item-img{ width:100%; float:none; margin-right:0; height:auto; } .responsive-ux .liquid-more { padding: 0; min-height: 40px; } .responsive-ux .liquid-more-icon { font-size: 14px;line-height: 40px; } .responsive-ux .liquid-more-icon-right { float: none; } .responsive-ux .liquid-more-icon i { font-size: 14px; line-height: 20px; } .responsive-ux .liquid-body-thumbs { margin-left: -3.33%; } .responsive-ux .liquid-body-thumbs .imgwrap { width: 30%; margin-left:3.33%; } .responsive-ux .iterlock-caption p, .responsive-ux .btn_wrap, .responsive-ux .iterblock-more.ux-btn { display: none; } .responsive-ux .interlock-item { margin-top: 40px; } .responsive-ux .interlock-list { margin-top: -40px; } .fullwrap-inn-width-90, .fullwrap-inn-width-80, .fullwrap-inn-width-70, .fullwrap-inn-width-60, .fullwrap-inn-width-50 { width: 90%; } .responsive-ux .portfolio-standatd-tit-wrap { height: 100px; } .responsive-ux h5.iconbox-h5 { font-size: 18px; line-height: 20px; } .responsive-ux .list-layout-col3-1 .list-layout-col3-item,.responsive-ux .list-layout-col2-item { width: 100%; height: 100%; } .responsive-ux .captionhover figcaption {top:0;} .responsive-ux .captionhover-h2 { font-size: 14px; line-height: 20px; top:50%; position: relative; top: 50%; padding-bottom: 0; transform: translateY(-50%); } .responsive-ux .moudle .list-layout-col{ height: 200px; } .responsive-ux .moudle .list-layout-col3-1 { height: 400px;} .responsive-ux .list-layout-con {padding: 10px 20px 10px;} .responsive-ux .filters.center-ux { display:none;height: 80px; } .responsive-ux .filters li { padding: 0 8px;} .responsive-ux .brick-hover-mask .brick-title { font-size: 12px; } .responsive-ux .blog-bigimage.col2 .blog-bi-list-item, .responsive-ux .blog-bi-list-item {width: 100%;} } /*style.css*/ *, input.search_top_form_text[type=search], input.search_top_form_text[type=text], input[type=text].textboxsearch { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .jquery-lightbox-move * { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box } body, html { overflow-x: hidden } html { font-size: 62.5% } body { position: relative; margin: 0; line-height: 1.5; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100% } body:not(.ux-mobile) { height: auto!important } a, a:focus, a:hover, button:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=submit]:focus, input[type=text]:focus, select:focus, textarea:focus { text-decoration: none; outline: none } ol, ul { outline: none } .row-fluid #content_wrap.pull-right+aside[class*=span] { margin-left: 0 } li, ol, ul { list-style: none } body, input, label, legend { font-size: 18px; font-size: 1.8rem; letter-spacing: .5px } button, textarea { font-size: 1.8rem } select { letter-spacing: .5px } #content_wrap .infrographic p, #content_wrap .promote-mod p, .archive-custom-list-ul a, .gallery-info-property-con, .text_block, .tptn_title, .tw-style-a, .uneditable-input, .ux-btn, .widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li, body, button, div.bbp-template-notice p, h1, h2, h3, h4, h5, h6, input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=submit], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], legend, select, textarea { font-family: 'Quicksand', sans-serif; font-style: normal; font-weight: 400 } #navi-mobile a { font-family: 'Quicksand', sans-serif } #content_wrap .entry, .article-meta-unit, .entry li, .text_block li { line-height: 1.8 } .title-wrap-tit { font-size: 36px; font-size: 3.6rem } .logo-h1 { font-size: 46px; font-size: 4.6rem; font-weight: 400; font-style: normal } #navi a, .blog-unit-meta-bottom, .blog-unit-meta-top, .carousel-des-wrap-meta, .comment-meta .date, .comment-reply-link, .related-posts-meta, .tptn_author, .ux-mega-cate-meta, .ux-mobile #navi .ux-mega-cate-tit-a { font-weight: 300; font-style: normal; font-family: 'Quicksand', serif } .tptn_date { font-style: normal; font-family: 'Quicksand', serif } .article-meta, .header-meta-tit, .header-meta-tit.search-top-btn-class, .mainlist-meta, .navi-over .languages-shortname .tw_style, .tptn_excerpt, .tptn_list_count { font-weight: 300; font-style: normal; font-family: 'Quicksand', serif } #navi a, .gallery-navi-a, .header-meta-tit { font-size: 17px; font-size: 1.7rem; letter-spacing: .5px } .navi-over #navi a, .navi-over .languages-shortname { letter-spacing: .5px } .navi-over #navi a, .navi-over .header-meta-tit, .navi-over .languages-shortname { font-size: 24px; font-size: 2.4rem } .navi-over #navi .sub-menu a { font-size: 17px; font-size: 1.7rem } .article-meta, .blog-unit-meta, .mainlist-meta { font-size: 12px; font-size: 1.2rem } .widget-container, .widget-container a, .widget-container button, .widget-container input, .widget-container select, .widget-container textarea, .widget-title { font-size: 14px; font-size: 1.4rem } input[type=password], input[type=text], textarea { border: none; border-bottom: 2px solid #636363; padding: 0; font-size: 1em; letter-spacing: 0; box-shadow: none } input[type=password], input[type=text] { height: 40px } input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=time], input[type=url], input[type=week] { border-radius: 0; border: none; border-bottom: 2px solid #636363; padding: 0; height: 40px; width: 100%; font-size: 1em; letter-spacing: 0; box-shadow: none; -webkit-appearance: none; background: 0 0 } .uneditable-input, input[type=color], input[type=search], input[type=tel] { border-radius: 0; border: none; border-bottom: 2px solid #636363; padding: 0; height: 40px; width: 100%; font-size: 1em; letter-spacing: 0; box-shadow: none; background: 0 0 } .uneditable-input, input[type=color], input[type=tel] { -webkit-appearance: none } .comment-reply-title, .ux-btn, button, input[type=submit] { border-bottom: 2px solid #636363; font-size: 1em; letter-spacing: 0; color: #636363 } .comment-reply-title, button, input[type=submit] { border: none; padding: 0; box-shadow: none; -webkit-appearance: none } .comment-reply-title { border-radius: 0; background: 0 0 } .comment-reply-title, .ux-btn { margin-bottom: 20px; height: 40px } .ux-btn, input, select { border-radius: 0 } input, select, textarea { -moz-border-radius: 0; -webkit-border-radius: 0 } .ux-btn, input[type=password], input[type=search], input[type=text], textarea { -webkit-appearance: none } .ux-btn, div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors, iframe, legend { border: none } div.wpcf7-response-output, form, h1, h2, h3, h4, h5, h6, input[type=checkbox], input[type=radio], ol, p, ul { margin: 0; padding: 0 } .uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { margin: 0 } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ''; width: 100%; height: 40px; line-height: 40px; font-size: 16px; font-size: 1.6rem; padding: 0; background: 0 0; background-image: url(img/select.png); background-position: 100% 50%; background-repeat: no-repeat; background-size: 6px 12px; color: #333; border: none; border-bottom: 2px solid #636363 } input[type=email]:focus { box-shadow: none; color: inherit } .form-submit { position: relative; display: inline-block } .form-submit:after { position: absolute; right: 0; font-size: 12px; top: 50%; margin-top: -8px; content: "\f178"; font-family: 'FontAwesome' } .form-submit>input[type=submit] { margin-top: 0; line-height: 40px; padding: 0 20px 0 0 } #wrap-outer { position: relative; left: 0; /* z-index: 9999; */ width: 100% } #wrap, #wrap-outer, .no-scroll { overflow: hidden } body.single-format-audio #wrap { overflow: visible } .container { position: relative } #wrap, .fullwidth-ux #wrap { max-width: 100% } .clear { clear: both } .container-inn { width: 800px; margin-left: auto; margin-right: auto } .preload * { -webkit-transition: none!important; -moz-transition: none!important; -ms-transition: none!important; -o-transition: none!important; transition: none!important } #back-top, #mobile-panel, #search-overlay, #sidebar .social_active i, .blog-unit-link-li, .blog-unit-meta a, .blog-unit-tit a, .carousel-indicators li, .content-post-meta a, .flex-slider-wrap .flex-control-paging li a, .gallery-images-img, .icon-post-type, .icons-unit, .navi-trigger-inn, .navi-trigger-inn:after, .navi-trigger-inn:before, .no-touch .owl-next, .no-touch .owl-prev, .pagenums a, .post-carousel-pagination a, .post-meta-social-li .share, .related-posts-tit a, .share .icon, .shortcode-img-caption, .sidebar_widget a, .subscribe-foot-link-a, .subscribe-foot-link-am, .tagcloud a, .top-search-icon, .top-unit, .top-unit-con, .top-unit-inn:after, .tp-bullets.simplebullets.round .bullet, .tw-style-a, .ux-hover-icon-wrap, .ux-hover-img-wrap, li.menu-item-has-children>a:before, textarea { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s } #title-hidden, .collage-caption, .hover-scale, .navi-side .head-meta-trigger-inn, .navi-side .head-meta-trigger-inn:after, .navi-side .head-meta-trigger-inn:before, .product-img-wrap img.wp-post-image { -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s } #sidebar .post_social a, .head-meta-icon, .menu-item-back .fa:after, .ux-mobile .submenu-icon, button, input[type=submit] { -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s } .carousel-des-wrap-inn, .single-image-mask, .team-item-con-back, .with-video-cover .title-wrap-con { -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s } #navi a, #navi-wrap-mobile a, .blog-item-main h2 a, .blog_meta a, .portfolio-standatd-tags a[rel*=tag], .portfolio-standatd-tit-a, .post-meta-social-li .fa, .search-top-btn-class { -webkit-transition: color .5s; -moz-transition: color .5s; -o-transition: color .5s; transition: color .5s } #navi ul li ul.sub-menu, #navi ul li ul.sub-menu li, .search_top_form { -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out } .page-loading, .page-loading.visible { -webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s } .page-loading { position: fixed; z-index: 9999; left: 0; top: 0; right: 0; bottom: 0; -webkit-transform: translateX(-160%) skewX(20deg); -moz-transform: translateX(-160%) skewX(20deg); -o-transform: translateX(-160%) skewX(20deg); -ms-transform: translateX(-160%) skewX(20deg); transform: translateX(-160%) skewX(20deg) } .page-loading.loading-mask1.visible, .page-loading.loading-mask2.mask2-show { -webkit-transform: translateX(0) skewX(0); -moz-transform: translateX(0) skewX(0); -o-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0) } .page-loading.visible { -o-transition: all 1.5s } .page-loading.loading-mask2 { -webkit-transform: translateX(160%) skewX(-20deg); -moz-transform: translateX(160%) skewX(-20deg); -ms-transform: translateX(160%) skewX(-20deg); -o-transform: translateX(160%) skewX(-20deg); transform: translateX(160%) skewX(-20deg) } .page-loading-inn { position: relative; width: 100%; height: 100% } .page-loading-transform, .ux-loading-transform { position: absolute; top: 50%; left: 50%; line-height: 36px; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .page-loading~#wrap-outer #wrap, .page-loading~#wrap-outer .cover-wrap:not(.topslider-revolu), .page-loading~#wrap-outer .second-fullscreen { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s } .page-loading.visible~#wrap-outer #wrap, .page-loading.visible~#wrap-outer .cover-wrap:not(.topslider-revolu), .page-loading.visible~#wrap-outer .second-fullscreen { opacity: 0; -webkit-transform: translateX(120px); -moz-transform: translateX(120px); -ms-transform: translateX(120px); -o-transform: translateX(120px); transform: translateX(120px); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s } .mask2-show~#wrap-outer #wrap, .mask2-show~#wrap-outer .cover-wrap, .mask2-show~#wrap-outer .second-fullscreen { opacity: 0; -webkit-transform: translateX(-120px); -moz-transform: translateX(-120px); -ms-transform: translateX(-120px); -o-transform: translateX(-120px); transform: translateX(-120px); -webkit-transition: all 1.5s .3s; -moz-transition: all 1.5s .3s; -o-transition: all 1.5s .3s; transition: all 1.5s .3s } .page-loading .loading-transform { margin-top: 0 } .page-loading .site-loading-logo img { max-height: 120px; max-width: 200px; width: auto; height: auto } .site-loading-logo .logo-h1 { font-size: 24px } .mobile-panel-in li.menu-item>a, .search-loading { position: relative } .search-loading:after, .search-loading:before { content: '.'; position: absolute; left: -5px; -webkit-animation: SearchLoadingBrething 1s infinite ease-in-out; -moz-animation: SearchLoadingBrething 1s infinite ease-in-out; animation: SearchLoadingBrething 1s infinite ease-in-out } .search-loading:before { left: 5px; animation-delay: .2s } @-webkit-keyframes SearchLoadingBrething { 0% { opacity: .1 } 50% { opacity: 1 } to { opacity: .2 } } @-moz-keyframes SearchLoadingBrething { 0% { opacity: .1 } 50% { opacity: 1 } to { opacity: .2 } } @keyframes SearchLoadingBrething { 0% { opacity: .1 } 50% { opacity: 1 } to { opacity: .2 } } .navi-logo, .navi-main { display: inline-block } .navi-over .navi-logo { float: left } #logo, .wpml-translation li { display: inline-block; height: 80px; line-height: 80px } #logo { z-index: 10; font-size: 0 } .logo-not-show-txt { display: none } .logo-a { position: relative; white-space: nowrap; display: inline-block; overflow: hidden; height: 80px; line-height: 80px } .logo-a>*, .logo-image { vertical-align: middle } .mobile_active .logo-a { top: 0 } .logo-image { height: auto; width: auto; max-width: 120px; max-height: 120px } .navi-over .logo-image { max-width: 240px } .logo-on-top #logo { top: 0; margin-top: 0 } .wpml-translation { margin-top: 20px } .wpml-translation li { margin-right: 10px } .navi-side #navi .wpml-translation li { height: auto; display: inline-block; margin: 0 5px } .navi-over .wpml-translation li { line-height: 20px; height: auto } .languages-name, .wpml-translation img { display: none } #navi_wrap ul li a, .languages-shortname { text-transform: uppercase } .wpml-container { position: absolute; bottom: 0; width: 100% } .wpml-tip { margin-top: 20px; padding: 0 10px } .footer-social, .socialmeida-a { text-align: center } .socialmeida-a { display: inline-block; position: relative; font-size: 14px; line-height: 40px; height: 40px; width: 40px } a.socialmeida-a:hover { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: #f94c00 } .footer-social .socialmeida-li { display: inline-block; padding: 0 3px } .footer-social .socialmeida-a, .topslider .owl-carousel .owl-item img { width: auto } .footer-social-inn { line-height: 1; text-align: left; padding: 50px 0 } .footer-social-des { line-height: 1.5; margin-top: 10px } .socialmeida-li img { max-width: 40px } .header-social { margin-top: 20px } .header-social .socialmeida { margin-top: 10px } .header-social .socialmeida-li { display: inline-block; margin-right: 5px } .header-social .socialmeida-a { text-align: left } .header-social .socialmeida-a .fa { width: 40px; height: 40px; line-height: 39px; text-align: center; font-size: 14px; border: 2px solid; border-radius: 100% } .header-meta-tit.search-top-btn-class { margin-top: 20px } .navi-side:not(.ux-mobile) .container { width: 100%; padding-left: 60px; padding-right: 60px } .navi-side:not(.ux-mobile) .container .container, .no-touch .navi-side.navi-left.with-page-cover:not(.ux-mobile) #wrap { padding-left: 0; padding-right: 0 } .cover-wrap { position: relative; z-index: 997 } .cover-wrap .title-wrap-con { min-height: 0; text-align: center; color: #fff } .cover-wrap .title-wrap-con h1 { color: #fff } .logo-cover { position: fixed; z-index: 998; top: 40px; right: 0; width: 160px; text-align: center } .navi-side.navi-left:not(.ux-mobile) .logo-cover { left: 0; right: auto } .ux-mobile .logo-cover { display: none } .fullscreen-wrap { position: relative; height: 100%; min-height: 280px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden } .navi-side.with-page-cover:not(.ux-mobile) #wrap { padding-right: 0; -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s } .navi-side.with-page-cover.scrolled:not(.ux-mobile) #wrap, .navi-side:not(.ux-mobile) #footer, .navi-side:not(.ux-mobile) #wrap { padding-right: 160px } .navi-side.navi-left:not(.ux-mobile) #footer, .navi-side.navi-left:not(.ux-mobile) #wrap, .no-touch .navi-side.navi-left.with-page-cover.scrolled:not(.ux-mobile) #wrap, .touch .navi-side.navi-left.with-page-cover:not(.ux-mobile) #wrap { padding-right: 0; padding-left: 160px } .navi-side:not(.ux-mobile) #header { position: fixed; z-index: 999; right: 0; top: 0; height: 100%; width: 160px } .navi-side:not(.ux-mobile) #header-main { height: 100% } .navi-side.navi-left:not(.ux-mobile) #header { right: auto; left: 0 } .navi-side.with-page-cover:not(.ux-mobile) #header { z-index: 0; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; -webkit-perspective-origin: 160px 50%; -moz-perspective-origin: 160px 50%; perspective-origin: 160px 50%; -webkit-transition: 0ms 850ms; -moz-transition: 0ms 850ms; transition: 0ms 850ms } .navi-side.with-page-cover:not(.ux-mobile) #header-main { -webkit-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; transform-origin: 100% 0 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: -webkit-transform 750ms 100ms; -moz-transition: -moz-transform 750ms 100ms; transition: transform 750ms 100ms } .navi-side.navi-left.with-page-cover:not(.ux-mobile) #header-main { -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; transform-origin: 0 0 0 } #nav-side-bottom, #nav-side-middle, #nav-side-top { position: absolute; left: 0; right: 0; pointer-events: none; width: 160px } #nav-side-top { top: 0; height: 160px; z-index: 1 } #nav-side-bottom { bottom: 0; height: 160px; z-index: 1 } #nav-side-middle { top: 159px; bottom: 159px } #nav-side-content, .nav-side-content { position: absolute; z-index: 1 } .navi-side.with-page-cover:not(.ux-mobile) #nav-side-content { top: 0; bottom: 0; right: 0; visibility: hidden; z-index: 2 } #nav-side-top .nav-side-content { top: 0 } #nav-side-bottom .nav-side-content { bottom: 0 } #nav-side-middle .nav-side-content { top: -159px } .nav-side-child, .nav-side-child-content, .nav-side-fold, .nav-side-fold-content { overflow: hidden; position: absolute } .nav-side-fold .nav-side-content { visibility: hidden } .nav-side-fold .nav-side-shading { position: absolute; width: 100%; height: 100%; opacity: .2; background-color: #000 } #nav-side-top .nav-side-child { bottom: 0; height: 226px; -webkit-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; transform-origin: 0 100% 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); transform: rotateZ(45deg) } .navi-side.navi-left #nav-side-top .nav-side-child, .navi-side.navi-left #nav-side-top .nav-side-child-content { bottom: 0; height: 226px; -webkit-transform-origin: 100% 100% 0; -moz-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); transform: rotateZ(-45deg) } #nav-side-top .nav-side-child-content { height: 160px; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); transform: rotateZ(-45deg) } .navi-side.navi-left #nav-side-top .nav-side-child-content { height: 160px; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); transform: rotateZ(45deg) } #nav-side-top .nav-side-child-content, #nav-side-top .nav-side-fold, #nav-side-top .nav-side-fold-content { bottom: 0; -webkit-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; transform-origin: 0 100% 0 } #nav-side-top .nav-side-fold { -webkit-transform: translateX(0) rotateZ(45deg) translateX(1px) rotateY(0deg); -moz-transform: translateX(0) rotateZ(45deg) translateX(1px) rotateY(0deg); transform: translateX(0) rotateZ(45deg) translateX(1px) rotateY(0deg); height: 226px } .navi-side.navi-left #nav-side-top .nav-side-fold { bottom: 0; height: 226px; -webkit-transform-origin: 100% 100% 0; -moz-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; -webkit-transform: translateX(0) rotateZ(-45deg) translateX(-1px) rotateY(0deg); -moz-transform: translateX(0) rotateZ(-45deg) translateX(-1px) rotateY(0deg); transform: translateX(0) rotateZ(-45deg) translateX(-1px) rotateY(0deg) } #nav-side-top .nav-side-fold-content { height: 160px; -webkit-transform: translateX(1px) translateX(0) rotateZ(-45deg); -moz-transform: translateX(1px) translateX(0) rotateZ(-45deg); transform: translateX(1px) translateX(0) rotateZ(-45deg) } .navi-side.navi-left #nav-side-top .nav-side-fold-content { bottom: 0; height: 160px; -webkit-transform-origin: 100% 100% 0; -moz-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; -webkit-transform: translateX(-1px) translateX(0) rotateZ(45deg); -moz-transform: translateX(-1px) translateX(0) rotateZ(45deg); transform: translateX(-1px) translateX(0) rotateZ(45deg) } #nav-side-top .nav-side-fold-content .nav-side-content { right: -160px; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transform: rotateZ(90deg) rotateY(180deg) translateX(-100%); -moz-transform: rotateZ(90deg) rotateY(180deg) translateX(-100%); transform: rotateZ(90deg) rotateY(180deg) translateX(-100%) } .navi-side.navi-left #nav-side-top .nav-side-fold-content .nav-side-content { right: 160px; -webkit-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; transform-origin: 100% 0 0; -webkit-transform: rotateZ(-90deg) rotateY(180deg) translateX(100%); -moz-transform: rotateZ(-90deg) rotateY(180deg) translateX(100%); transform: rotateZ(-90deg) rotateY(180deg) translateX(100%) } #nav-side-bottom .nav-side-child { top: 0; height: 226px; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); transform: rotateZ(-45deg) } #nav-side-bottom .nav-side-child-content, .navi-side.navi-left #nav-side-bottom .nav-side-child, .navi-side.navi-left #nav-side-bottom .nav-side-child-content { top: 0; height: 226px; -webkit-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; transform-origin: 100% 0 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); transform: rotateZ(45deg) } #nav-side-bottom .nav-side-child-content { height: 160px; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; transform-origin: 0 0 0 } .navi-side.navi-left #nav-side-bottom .nav-side-child-content { height: 160px; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); transform: rotateZ(-45deg) } #nav-side-bottom .nav-side-fold, #nav-side-bottom .nav-side-fold-content { bottom: 0; -webkit-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; transform-origin: 0 100% 0 } #nav-side-bottom .nav-side-fold { -webkit-transform: translateX(100%) rotateZ(-45deg) translateX(1px) rotateY(0deg); -moz-transform: translateX(100%) rotateZ(-45deg) translateX(1px) rotateY(0deg); transform: translateX(100%) rotateZ(-45deg) translateX(1px) rotateY(0deg); height: 226px } .navi-side.navi-left #nav-side-bottom .nav-side-fold { bottom: 0; height: 226px; -webkit-transform-origin: 100% 100% 0; -moz-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; -webkit-transform: translateX(-100%) rotateZ(45deg) translateX(-1px) rotateY(0deg); -moz-transform: translateX(-100%) rotateZ(45deg) translateX(-1px) rotateY(0deg); transform: translateX(-100%) rotateZ(45deg) translateX(-1px) rotateY(0deg) } #nav-side-bottom .nav-side-fold-content { height: 160px; -webkit-transform: translateX(1px) translateX(0) rotateZ(-45deg); -moz-transform: translateX(1px) translateX(0) rotateZ(-45deg); transform: translateX(1px) translateX(0) rotateZ(-45deg) } .navi-side.navi-left #nav-side-bottom .nav-side-fold-content { bottom: 0; height: 160px; -webkit-transform-origin: 100% 100% 0; -moz-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; -webkit-transform: translateX(-1px) translateX(0) rotateZ(45deg); -moz-transform: translateX(-1px) translateX(0) rotateZ(45deg); transform: translateX(-1px) translateX(0) rotateZ(45deg) } #nav-side-bottom .nav-side-fold-content .nav-side-content { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg) } #nav-side-bottom .nav-side-fold-content .nav-side-content .nav-container { position: absolute; height: 100% } #nav-side-middle .nav-side-child, #nav-side-middle .nav-side-child-content { top: 0; bottom: 0 } .nav-side-content { -webkit-transition: 0ms 220ms; -moz-transition: 0ms 220ms; transition: 0ms 220ms } .nav-side-fold, .nav-side-fold .nav-side-shading { -webkit-transition: 750ms; -moz-transition: 750ms; transition: 750ms } #nav-side-content { -webkit-transition: 0ms 0ms; -moz-transition: 0ms 0ms; transition: 0ms 0ms } .navi-side.with-page-cover:not(.ux-mobile).scrolled #header { -webkit-transition: 0ms; -moz-transition: 0ms; transition: 0ms } .navi-side.with-page-cover:not(.ux-mobile).scrolled #header-main { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); -webkit-transition: 750ms; -moz-transition: 750ms; transition: 750ms } .navi-side.with-page-cover:not(.ux-mobile).scrolled #nav-side-top .nav-side-fold { -webkit-transform: translateY(0) rotateZ(45deg) translateX(1px) rotateY(180deg); -moz-transform: translateX(0) rotateZ(45deg) translateX(1px) rotateY(180deg); transform: translateX(0) rotateZ(45deg) translateX(1px) rotateY(180deg); -webkit-transition: 750ms 100ms; -moz-transition: 750ms 100ms; transition: 750ms 100ms } .navi-side.navi-left.with-page-cover:not(.ux-mobile).scrolled #nav-side-top .nav-side-fold { -webkit-transform: translateY(0) rotateZ(-45deg) translateX(-1px) rotateY(180deg); -moz-transform: translateX(0) rotateZ(-45deg) translateX(-1px) rotateY(180deg); transform: translateX(0) rotateZ(-45deg) translateX(-1px) rotateY(180deg); -webkit-transition: 750ms 100ms; -moz-transition: 750ms 100ms; transition: 750ms 100ms } .navi-side.with-page-cover:not(.ux-mobile).scrolled #nav-side-bottom .nav-side-fold { -webkit-transform: translateX(100%) rotateZ(-45deg) translateX(1px) rotateY(180deg); -moz-transform: translateX(100%) rotateZ(-45deg) translateX(1px) rotateY(180deg); transform: translateX(100%) rotateZ(-45deg) translateX(1px) rotateY(180deg); -webkit-transition: 750ms 100ms; -moz-transition: 750ms 100ms; transition: 750ms 100ms } .navi-side.navi-left.with-page-cover:not(.ux-mobile).scrolled #nav-side-bottom .nav-side-fold { -webkit-transform: translateX(-100%) rotateZ(45deg) translateX(-1px) rotateY(180deg); -moz-transform: translateX(-100%) rotateZ(45deg) translateX(-1px) rotateY(180deg); transform: translateX(-100%) rotateZ(45deg) translateX(-1px) rotateY(180deg); -webkit-transition: 750ms 100ms; -moz-transition: 750ms 100ms; transition: 750ms 100ms } .navi-side.with-page-cover:not(.ux-mobile).scrolled #nav-side-content { visibility: visible; -webkit-transition: 0ms 850ms; -moz-transition: 0ms 850ms; transition: 0ms 850ms } .navi-side.with-page-cover:not(.ux-mobile).scrolled .nav-side-content { visibility: visible; -webkit-transition: all 0ms 320ms; -moz-transition: all 0ms 320ms; transition: all 0ms 320ms } .navi-side.with-page-cover:not(.ux-mobile).scrolled .nav-side-shading { opacity: 0; -webkit-transition: 750ms 100ms; -moz-transition: 750ms 100ms; transition: 750ms 100ms } #nav-side, #nav-side-content, .nav-side-child, .nav-side-child-content, .nav-side-content, .nav-side-fold, .nav-side-fold-content { width: 160px } #nav-side-middle .nav-side-content .head-meta, #nav-side-top .nav-side-content .head-meta, .navi-side #navi_wrap .menu .sub-menu { display: none } .navi-side.navi-left.with-page-cover:not(.ux-mobile) #nav-side-content, .navi-side.navi-left.with-page-cover:not(.ux-mobile) .nav-side-content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg) } .navi-side.navi-left.with-page-cover:not(.ux-mobile) #nav-side-content .nav-container { height: 100% } .navi-side #header-main>.container { width: auto; padding: 0 } .navi-side:not(.ux-mobile) .navi-main { opacity: 0; padding: 0 10px } .navi-side .navi-logo, .navi-side .navi-main { display: block; height: auto; line-height: 1; float: none; text-align: center } .navi-side .navi-logo { margin: 40px auto 20px } .navi-side .logo-image { max-width: 120px } .navi-side #logo, .navi-side .logo-a { display: block; line-height: 1; height: auto } .ux-mobile .logo-wrap #logo, body:not(.ux-mobile) #header-main .mobile-panel-logo { display: none } .navi-side #navi { display: block; position: relative; top: 50%; float: none; line-height: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .navi-side:not(.ux-mobile) #navi li { line-height: 30px } .navi-side #navi a { display: block; line-height: 30px } .menu-item-back { margin-bottom: 20px } .navi-side #navi>div>ul>li { display: block; margin-left: 0 } .navi-side #navi>div>ul>li>a { float: none } .navi-side #navi>div>ul>li.menu-item-has-children>a { cursor: pointer } .submenu-icon { font-size: 8px; margin-left: 7px; line-height: 29px; vertical-align: top } .menu-item-back .fa { position: relative; font-size: 11px; width: 40px; line-height: 30px; vertical-align: middle; text-align: right; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .menu-item-back .fa:after { content: ''; position: absolute; left: -1px; top: 50%; margin-top: -1px; width: 100%; height: 1px } .nav-container { width: 160px } .nav-container:after, .nav-container:before { display: table; content: ""; line-height: 0 } .nav-container:after { clear: both } .navi-side .head-meta { position: fixed; width: 160px; bottom: 20px; margin-left: 0 } .navi-side.navi-left .head-meta { right: auto; left: 0 } #woocomerce-cart-side .fa, .search-top-btn-class { cursor: pointer; line-height: 40px; display: inline-block } body:not(.ux-mobile).header-sticky header#header { position: fixed; z-index: 999; left: 0; top: 0; width: 100% } body:not(.ux-mobile).admin-bar #nav-top-content-wrap, body:not(.ux-mobile).header-sticky.admin-bar header#header { top: 32px } .navi-over:not(.ux-mobile) #header, .navi-over:not(.ux-mobile) #header-main>.container, .navi-over:not(.ux-mobile) #logo, .navi-over:not(.ux-mobile) .logo-a, .navi-over:not(.ux-mobile) .logo-wrap { height: 120px; line-height: 120px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s } .nav-wrap>div>ul>li, .navi-over:not(.ux-mobile) .logo-image { max-height: 100px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s } .header-scrolled.navi-over:not(.ux-mobile) #header, .header-scrolled.navi-over:not(.ux-mobile) #logo, .header-scrolled.navi-over:not(.ux-mobile) .logo-a, .header-scrolled.navi-over:not(.ux-mobile) .nav-wrap>div>ul>li, .navi-over.header-scrolled:not(.ux-mobile) #header-main>.container, .navi-over.header-scrolled:not(.ux-mobile) .logo-wrap { height: 80px; line-height: 80px } .header-scrolled.navi-over:not(.ux-mobile) .logo-image { max-height: 60px } .navi-over .header-meta { margin-top: -20px } #nav-top-content, .navi-over .navi-main { position: fixed; width: 100%; left: 0; overflow: hidden; -webkit-perspective-origin: 50% 40px; -moz-perspective-origin: 50% 40px; perspective-origin: 50% 40px; -webkit-transition: 0ms 850ms; -moz-transition: 0ms 850ms; transition: 0ms 850ms } .navi-over .navi-main { height: 580px; top: 120px } .navi-over.header-scrolled .navi-main { top: 80px } #nav-top-content { top: 119px } body:not(.ux-mobile).header-sticky.admin-bar #nav-top-content { top: 152px } body.show_mobile_menu #nav-top-content { z-index: 999 } .header-scrolled #nav-top-content { top: 79px } .navi-over.header-scrolled.admin-bar .navi-main, body:not(.ux-mobile).header-sticky.admin-bar.header-scrolled #nav-top-content { top: 111px } #nav-top-content-wrap { top: 0; height: 100%; z-index: 0; -webkit-transform-origin: 50% 0 0; -moz-transform-origin: 50% 0 0; transform-origin: 50% 0 0; -webkit-transform: rotateX(-93deg); -moz-transform: rotateX(-93deg); transform: rotateX(-93deg); -webkit-transition: -webkit-transform 750ms 100ms; -moz-transition: -moz-transform 750ms 100ms; transition: transform 750ms 100ms } .navi-over:not(.ux-mobile) #navi ul.menu { vertical-align: top; font-size: 0 } .navi-over:not(.ux-mobile) #navi>div>ul>li { display: inline-block; width: 33%; margin-bottom: 10px; vertical-align: top } .navi-over:not(.ux-mobile) #navi a { display: block; line-height: 40px } .navi-over .header-meta-tit, .navi-over .languages-shortname, .navi-over:not(.ux-mobile) #navi>div>ul>li>a { font-size: 24px } .navi-over:not(.ux-mobile) #navi ul li ul.sub-menu { margin-top: 10px } body:not(.ux-mobile).header-sticky #wrap-outer { padding-top: 120px } body:not(.ux-mobile).header-sticky.header-scrolled #wrap-outer { padding-top: 80px } #navi-trigger { display: none; position: relative; top: 50%; float: right; margin-top: -8px; z-index: 10; cursor: pointer; height: 16px; width: 18px } #navi-trigger:hover .navi-trigger-inn, #navi-trigger:hover .navi-trigger-inn:after, #navi-trigger:hover .navi-trigger-inn:before { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background-color: #f94c00 } .navi-trigger-inn { border-radius: 3px; width: 100%; height: 2px; position: absolute; top: 50%; right: 0; margin-top: -1px } #mobile-panel-close:after, #mobile-panel-close:before, .mobile-panel-close:after, .mobile-panel-close:before { top: -6px } #mobile-panel-close:after, #mobile-panel-close:before, .close-btn:after, .close-btn:before, .mobile-panel-close:after, .mobile-panel-close:before, .navi-trigger-inn:after, .navi-trigger-inn:before, .video-close:after, .video-close:before { content: ''; font-size: .1px; position: absolute; height: 2px; width: 100%; left: 0; border-radius: 3px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .close-btn:after, .close-btn:before, .navi-trigger-inn:before, .video-close:after, .video-close:before { top: -6px } .navi-trigger-inn:after { top: 6px } .show_mobile_menu:not(.ux-mobile) .navi-trigger-inn:before { -webkit-transform: translateY(6px) rotate(-45deg); -moz-transform: translateY(6px) rotate(-45deg); -ms-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg) } .show_mobile_menu:not(.ux-mobile) .navi-trigger-inn:after { -webkit-transform: translateY(-6px) rotate(45deg); -moz-transform: translateY(-6px) rotate(45deg); -ms-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg) } #mobile-panel-close:before, .close-btn:before, .mobile-panel-close:before, .video-close:before { -webkit-transform: translateY(14px) rotate(-45deg); -moz-transform: translateY(14px) rotate(-45deg); -ms-transform: translateY(14px) rotate(-45deg); transform: translateY(14px) rotate(-45deg) } .close-btn:after, .close-btn:before { background-color: #333 } #mobile-panel-close:after, .close-btn:after, .mobile-panel-close:after, .video-close:after { -webkit-transform: translateY(14px) rotate(45deg); -moz-transform: translateY(14px) rotate(45deg); -ms-transform: translateY(14px) rotate(45deg); transform: translateY(14px) rotate(45deg) } .show_mobile_menu:not(.ux-mobile) .navi-trigger-inn { background: 0 0 } #mobile-panel-center, #mobile-panel-left, #mobile-panel-right { position: absolute; top: 0; bottom: 0; pointer-events: none } #mobile-panel-left { left: 0; width: 304px; z-index: 1 } #mobile-panel-right { right: 0; width: 344px; z-index: 1 } #mobile-panel-center { left: 303px; right: 343px } #nav-top-content-wrap-inn { position: absolute; top: 0; left: 0; right: 0; visibility: hidden; z-index: 2; -webkit-transition: 0ms 0ms; -moz-transition: 0ms 0ms; transition: 0ms 0ms } .mobile-panel-content { position: absolute; z-index: 1 } #nav-top-content .container { padding-top: 40px } #mobile-panel-left .mobile-panel-content { left: 0 } #mobile-panel-right .mobile-panel-content { right: 0 } #mobile-panel-center .mobile-panel-content { left: -303px } .mobile-panel-child, .mobile-panel-child-content, .mobile-panel-fold, .mobile-panel-fold-content { position: absolute; overflow: hidden } .mobile-panel-fold .mobile-panel-content { visibility: hidden } .mobile-panel-fold .mobile-panel-shading { position: absolute; width: 100%; height: 100%; background-color: #000; opacity: .2 } #mobile-panel-left .mobile-panel-child, #mobile-panel-left .mobile-panel-child-content { right: 0; width: 502px; -webkit-transform-origin: 100% 100% 0; -moz-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; -webkit-transform: rotateZ(53deg); -moz-transform: rotateZ(53deg); transform: rotateZ(53deg) } #mobile-panel-left .mobile-panel-child-content { width: 304px; -webkit-transform: rotateZ(-53deg); -moz-transform: rotateZ(-53deg); transform: rotateZ(-53deg) } #mobile-panel-left .mobile-panel-fold { right: 0; width: 502px; -webkit-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; transform-origin: 100% 0 0; -webkit-transform: translateY(100%) rotateZ(53deg) translateY(-1px) rotateX(180deg); -moz-transform: translateY(100%) rotateZ(53deg) translateY(-1px) rotateX(180deg); transform: translateY(100%) rotateZ(53deg) translateY(-1px) rotateX(180deg) } #mobile-panel-left .mobile-panel-fold-content { right: 0; width: 304px; -webkit-transform-origin: 100% 100% 0; -moz-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; -webkit-transform: translateY(1px) translateY(-100%) rotateZ(-53deg); -moz-transform: translateY(1px) translateY(-100%) rotateZ(-53deg); transform: translateY(1px) translateY(-100%) rotateZ(-53deg) } #mobile-panel-right .mobile-panel-child, #mobile-panel-right .mobile-panel-child-content { left: 0; width: 528px; -webkit-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; transform-origin: 0 100% 0; -webkit-transform: rotateZ(-49deg); -moz-transform: rotateZ(-49deg); transform: rotateZ(-49deg) } #mobile-panel-right .mobile-panel-child-content { width: 344px; -webkit-transform: rotateZ(49deg); -moz-transform: rotateZ(49deg); transform: rotateZ(49deg) } #mobile-panel-right .mobile-panel-fold { left: 0; width: 528px; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transform: translateY(100%) rotateZ(-49deg) translateY(-1px) rotateX(180deg); -moz-transform: translateY(100%) rotateZ(-49deg) translateY(-1px) rotateX(180deg); transform: translateY(100%) rotateZ(-49deg) translateY(-1px) rotateX(180deg) } #mobile-panel-right .mobile-panel-fold-content { left: 0; width: 344px; -webkit-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; transform-origin: 0 100% 0; -webkit-transform: translateY(1px) translateY(-100%) rotateZ(49deg); -moz-transform: translateY(1px) translateY(-100%) rotateZ(49deg); transform: translateY(1px) translateY(-100%) rotateZ(49deg) } #mobile-panel-bottom .mobile-panel-fold-content .mobile-panel-content .mobile-panel-main { position: absolute; height: 100% } #mobile-panel-center .mobile-panel-child, #mobile-panel-center .mobile-panel-child-content { left: 0; right: 0 } body:not(.ux-mobile) #mobile-panel { display: none } body:not(.ux-mobile) .mobile-panel-content { -webkit-transition: 0ms 220ms; -moz-transition: 0ms 220ms; transition: 0ms 220ms } .mobile-panel-fold, .mobile-panel-fold .mobile-panel-shading { -webkit-transition: 750ms; -moz-transition: 750ms; transition: 750ms } .show_mobile_menu #nav-top-content { -webkit-transition: 0ms; -moz-transition: 0ms; transition: 0ms } .show_mobile_menu #nav-top-content-wrap { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); transform: rotateX(0); -webkit-transition: -webkit-transform 750ms; -moz-transition: -moz-transform 750ms; transition: transform 750ms } .show_mobile_menu:not(.ux-mobile) #mobile-panel-left .mobile-panel-fold, .show_mobile_menu:not(.ux-mobile) #mobile-panel-right .mobile-panel-fold { -webkit-transition: 750ms 100ms; -moz-transition: 750ms 100ms; transition: 750ms 100ms } .show_mobile_menu:not(.ux-mobile) #mobile-panel-left .mobile-panel-fold { -webkit-transform: translateY(100%) rotateZ(53deg) translateY(-1px); -moz-transform: translateY(100%) rotateZ(53deg) translateY(-1px); transform: translateY(100%) rotateZ(53deg) translateY(-1px) } .show_mobile_menu:not(.ux-mobile) #mobile-panel-right .mobile-panel-fold { -webkit-transform: translateY(100%) rotateZ(-49deg) translateY(-1px) rotateX(0deg); -moz-transform: translateY(100%) rotateZ(-49deg) translateY(-1px) rotateX(0deg); transform: translateY(100%) rotateZ(-49deg) translateY(-1px) rotateX(0deg) } .show_mobile_menu:not(.ux-mobile) #nav-top-content-wrap-inn { visibility: visible; -webkit-transition: 0ms 850ms; -moz-transition: 0ms 850ms; transition: 0ms 850ms } .show_mobile_menu:not(.ux-mobile) .mobile-panel-content { visibility: visible; -webkit-transition: 0ms 320ms; -moz-transition: 0ms 320ms; transition: 0ms 320ms } .show_mobile_menu:not(.ux-mobile) .mobile-panel-shading { opacity: 0; -webkit-transition: 750ms 100ms; -moz-transition: 750ms 100ms; transition: 750ms 100ms } #nav-top-content, .mobile-panel-child, .mobile-panel-child-content, .mobile-panel-content, .mobile-panel-fold, .mobile-panel-fold-content { height: 400px } .navi-always-shown:not(.ux-mobile) #navi-trigger, .ux-mobile .nav-wrap { display: none } .nav-wrap>div>ul>li { position: relative; float: left; margin-left: 30px; line-height: 120px; max-height: none } .nav-wrap { float: right } .nav-wrap .sub-menu { position: absolute; top: 100%; left: -20px; visibility: hidden; opacity: 0; padding: 10px 20px; background-color: #fff } .nav-wrap .sub-menu a { display: block; line-height: 20px; padding: 5px 0; min-width: 160px; max-width: 500px } .nav-wrap .menu-item-has-children:hover>.sub-menu { visibility: visible; opacity: 1 } .ux-mobile #wrap-outer { padding-top: 0 } .ux-mobile #nav-side-content { width: 100% } .ux-mobile #nav-side-bottom, .ux-mobile #nav-side-middle, .ux-mobile #nav-side-top { display: none!important } .ux-mobile #header .logo-h1 { font-size: 40px } .ux-mobile #header #logo .logo-h1 { line-height: 80px } .ux-mobile #header { position: static; height: 80px } .ux-mobile .nav-container { width: 90%; margin: auto } .ux-mobile .navi-logo { text-align: left; margin: 10px auto } .nav-wrap>div>ul>li, .ux-mobile .logo-wrap .mobile-panel-logo { display: inline-block } .ux-mobile .logo-wrap .mobile-panel-logo, .ux-mobile .logo-wrap .mobile-panel-logo .logo-a, .ux-mobile .navi-logo .logo-wrap { line-height: 60px; height: 60px } .ux-mobile .logo-image { max-height: 60px } .ux-mobile .navi-main { height: auto!important } .ux-mobile .submenu-icon { position: absolute; bottom: 9px; right: -10px; width: 6px; height: 6px; border-radius: 100% } .ux-mobile .submenu-icon:before { display: none } .mobile-panel-in .menu-item-back .fa { font-size: 24px; width: 70px } .ux-mobile #header-main>.container, .ux-mobile .nav-container { position: static; height: 80px } .ux-mobile .theme-parallax { -webkit-transform: translate3d(0, 0, 0)!important; -moz-transform: translate3d(0, 0, 0)!important; -ms-transform: translate3d(0, 0, 0)!important; transform: translate3d(0, 0, 0)!important } #mobile-panel { position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: #fff; color: #333; -webkit-transform: scale(.6); -moz-transform: scale(.6); transform: scale(.6) } .show_mobile_menu #mobile-panel { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) } #mobile-panel-close, .mobile-panel-close { position: absolute; right: 0; top: 50%; margin-top: -9px; cursor: pointer } #mobile-panel-close, .close-btn, .mobile-panel-close, .video-close { z-index: 999; width: 16px; height: 18px; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4) } .close-btn { position: absolute; right: 0; top: 50%; margin-top: -9px; cursor: pointer } #footer, .modal-header .close { position: relative } .mobile-panel-in { text-align: center } .mobile-panel-inn { display: inline-block; text-align: left } #navi-mobile li, .mobile-panel-inn a { font-size: 42px; line-height: 1.1 } .mobile-panel-logo, .mobile-panel-logo .logo-a { height: 80px; line-height: 80px } .mobile-panel-main { height: 100%; margin-top: -80px } .mobile-panel-inn .socialmeida { margin-top: 20px } #footer.footer-centered #logo-footer, .mobile-panel-inn .socialmeida-li { display: inline-block } .mobile-panel-inn .socialmeida-a { width: auto; margin-right: 5px } #mobile-panel .menu .sub-menu, .footer-menu>ul>li ul, .ux-mobile #navi, .ux-mobile .head-meta { display: none } .navi-over #navi-trigger, .ux-mobile #navi-trigger { display: block } #footer { width: 100% } #footer.footer-cols-layout { text-align: left } #footer.footer-centered .footer-info, .ux-mobile #footer .footer-info { text-align: center } .footer-info .container { display: table; height: 180px } .footer-info .container>[class*=span] { display: table-cell; float: none; vertical-align: middle; margin-bottom: 0 } #footer.footer-centered .footer-info .container, .ux-mobile .footer-info .container { height: auto; padding-top: 40px; padding-bottom: 40px; margin-top: -10px } #footer.footer-centered .footer-info .container>[class*=span], .ux-mobile .footer-info .container>[class*=span] { display: block; width: 100%; margin-left: 0; margin-top: 10px } #footer.footer-cols-layout .footer-info .container>[class*=span]:last-child { text-align: right } .logo-footer-img { max-width: 200px; max-height: 60px } #footer.footer-centered .footer-menu>ul>li, .ux-mobile #footer .footer-menu>ul>li { display: inline-block; margin-right: 4px; margin-left: 4px } .footer-menu li { line-height: 24px } .widget_footer .widget-title { margin-bottom: 10px } .widget_footer_unit[class*=span] { margin-bottom: 0 } #back-top { position: fixed; z-index: 999; right: 40px; bottom: 50px; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; background-color: #fff; -webkit-transform: translateX(300px); -moz-transform: translateX(300px); transform: translateX(300px) } #back-top .fa { font-size: 20px } body:not(.ux-mobile) #back-top { right: 160px } #back-top.backtop-shown { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) } .ux-mobile #back-top { right: 0; bottom: 0!important } .container.back-top-out { position: fixed; z-index: 999; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } body.navi-over:not(.ux-mobile) #back-top { right: 0 } body.navi-side:not(.ux-mobile) #back-top { bottom: 0 } body.navi-left:not(.ux-mobile) #back-top { right: 0 } .archive-list { margin-top: -60px } #content_wrap .archive-list .entry p, #sidebar-widget .textwidget p.wp-caption-text, [class*=span]#content_wrap { margin-bottom: 0 } #content_wrap .entry p { margin-bottom: 10px; margin-bottom: 1rem } #sidebar-widget .textwidget p { margin-bottom: 24px; margin-bottom: 2.4rem } body.error404 #content_wrap { margin-top: 120px; margin-bottom: 120px } #search-overlay .pagenums, .break-line, .content-author, .content_wrap_outer, .feature-list, .pagenums, .pagenums .pagination, .pagenums .tw-style-a, .related-posts-carousel, .widget_main, body.single.single-product #footer, ul.sidebar_widget>li { margin-top: 80px } #comments_box, #respondwrap, .blog-unit-img-wrap, .post-featured-img { margin-top: 60px } .gallery-property, body.single .entry, body.single .social-bar { margin-bottom: 60px } .content-post-meta { margin-top: 20px; font-size: 10px; font-size: 1rem } #post-navi, .gallery-post-wrap, .pagenums .tw-style-a { margin-bottom: 80px } .commentlist, body.page .blog-list .entry, form#commentform { margin-top: 40px } #comments { margin-bottom: 40px } .blog-list>article, .list-author, .top-space, .widget_footer { padding-top: 80px } .widget_footer { padding-bottom: 80px } .main-list:not(.archive-list) .pagenums .tw-style-a, .no-bottom-space #footer, .no-top-space .content_wrap_outer, .pagenums.tw_style, .single-format-gallery.navi-side .content_wrap_outer.fullwrap-layout, body.single #footer, body.single-format-gallery #content_wrap:not(.span9) { margin-top: 0 } #search-overlay { position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; min-height: 100vh; padding: 100px 0; visibility: hidden; opacity: 0; overflow-y: scroll } #search-overlay.search-fadein, #wrap-outer.slider-down { opacity: 1; visibility: visible } #search-overlay-close { position: absolute; z-index: 1; right: 20px; top: 20px; width: 30px; height: 30px; cursor: pointer; font-size: 24px } .search-overlay-form { border-bottom-width: 2px; border-bottom-style: solid; position: relative; top: -30px; -webkit-transition: all .3s .3s; -moz-transition: all .3s .3s; transition: all .3s .3s } input[type=text].search-overlay-input-text { border: none; font-size: 26px; font-size: 2.6rem; margin-bottom: 0; height: auto; padding-left: 0; background: 0 0 } #search-overlay.search-fadein .search-overlay-form { -webkit-transform: translateY(30px); -moz-transform: translateY(30px); transform: translateY(30px) } .search-result-unit { margin-top: 40px; padding-top: 40px; border-top-style: solid; border-top-width: 1px } .search-result-unit:first-child { border-top: none } #search-overlay .blog-unit-tit, .search-loading { font-size: 30px; font-size: 3rem } #search-loading { min-height: 200px; display: inline-block; width: 100%; margin-top: 60px } .search-result-unit .blog-unit-meta>span { margin: 0 12px 0 0 } #search-overlay .pagenums { text-align: left } #search-result .pagenums .tw-style-a { width: auto; line-height: 50px } #search-overlay .pagenums .tw-style-a { font-size: 18px; font-size: 1.8rem } .topslider { position: relative; border-bottom: none } .topslider-revolu { height: auto!important } .owl-carousel { display: inline-block } .topslider .carousel-img-wrap { position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50% } .topslider .carousel-img-wrap:before { content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity: .2 } .carousel-des-wrap { position: relative; z-index: 9; height: 80px; text-align: center; background-color: #fff } .carousel-des-wrap:after { content: ''; position: absolute; width: 1px; height: 50px; top: 15px; right: -3px; background-color: #eee } .carousel-des-wrap-inn { position: absolute; left: 0; top: 50%; width: 100%; height: 300px; margin-top: -150px; padding-left: 20px; padding-right: 20px; text-align: center; opacity: 0 } .navi-over:not(.ux-mobile) .topslider .carousel-des-wrap-inn, .navi-over:not(.ux-mobile) .topslider .owl-controls { margin-top: -200px } .no-touch .owl-carousel:hover .owl-next, .no-touch .owl-carousel:hover .owl-prev, .owl-item.active .carousel-des-wrap-inn { opacity: 1 } .carousel-des-wrap-title-a { display: inline-block } .carousel-img { height: 100% } .owl-theme .owl-controls { margin-top: 0 } .topslider .owl-nav { width: 300px; margin: auto } .topslider .owl-controls { position: relative; margin-top: -80px; z-index: 9; color: #fff } .owl-next, .owl-prev { left: 0; width: 70px; height: 50px; text-align: center; float: left } .owl-next { float: right } .topslider .owl-prev, .topslider.container .owl-next { color: #eee } .topslider .owl-prev { margin-right: 0 } .clearfix.ux-ellipsis:after, .mainlist-excerpt.ux-ellipsis.clearfix .ux-ellipsis-before, .owl-dots { display: none } .blog-list>article, .owl-next, .owl-prev { position: relative } .no-touch .owl-next, .no-touch .owl-prev { opacity: 0 } .topslider .carousel-des-wrap-meta, .topslider .carousel-des-wrap-tit { display: block; opacity: 0; width: 60%; margin: 20px auto 0; -webkit-transition: all .2s .4s; -moz-transition: all .2s .4s; transition: all .2s .4s; -webkit-transform: translateX(160px); -moz-transform: translateX(160px); transform: translateX(160px) } .topslider .carousel-des-wrap-tit { font-size: 72px; font-size: 7.2rem; line-height: 1; margin: 0 auto } .topslider .carousel-des-wrap-meta, .topslider .carousel-des-wrap-meta a, .topslider .carousel-des-wrap-tit a { color: #fff } .topslider .active .carousel-des-wrap-meta, .topslider .active .carousel-des-wrap-tit { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) } #topslider-triggle { position: absolute; z-index: 999; bottom: 10px; left: 50%; margin-left: -40px; display: block; width: 80px; height: 80px; line-height: 80px; cursor: pointer; font-size: 13px; text-align: center; color: #fff } #topslider-triggle:after { content: ''; position: absolute; left: 23px; top: 50%; height: 1px; width: 30px; margin-top: -1px; background-color: #fff } #topslider-triggle:before { float: right; margin-right: 17px } .main-list-inn { margin: -30px 0 0 -30px } .main-list-item .inside { margin: 30px 0 0 30px } .main-list section.main-list-item { width: 33.3333%; float: left; height: 450px } .main-list section.width4 { width: 66.6666% } .two-cols-layout .main-list section.main-list-item { width: 50% } .mainlist-img-wrap iframe, .two-cols-layout .main-list section.width4 { width: 100% } .mainlist-img-wrap { position: relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover } .mainlist-img-link { display: block; width: 100%; height: 100% } .main-list .carousel-img-wrap, .main-list .soundcloudWrapper iframe, .mainlist-img-wrap { height: 220px } .mainlist-excerpt { margin-bottom: 10px } .ux-ellipsis { font-size: 16px; max-height: 72px; line-height: 24px; overflow: hidden } .ux-ellipsis-before { direction: block; content: ""; float: left; width: 5px; max-height: 72px } .ux-ellipsis:after { content: "..."; float: right; position: relative; top: -30px; left: 100%; height: 30px; line-height: 30px; width: 5em; margin-left: -5em; padding-right: 5px; text-align: right; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box } .ux-ellipsis>:first-child { float: right; width: 100%; margin-left: -5px } .clearfix.ux-ellipsis>:first-child { float: none; margin-left: 0 } .mainlist-des-wrap { position: relative; padding-bottom: 40px } .mainlist-tit { font-size: 24px; font-size: 2.4rem; line-height: 1; padding: 30px 0 15px } .mainlist-meta { width: 100%; line-height: 30px } body:not(.ux-mobile) .main-list-item.width4 .mainlist-meta { border-bottom: none } .mainlist-meta-cate, .mainlist-meta-date { display: inline-block; float: left; margin-right: 10px } .mainlist-meta-cate>a, .mainlist-meta-date>a { display: none; margin-left: 5px; float: left } .mainlist-meta-cate-label { display: inline-block; float: left } .mainlist-meta-cate>a:first-child, .mainlist-meta-cate>a:nth-child(2), .mainlist-meta-cate>a:nth-child(3) { display: inline-block } .main-list .blog-unit-meta-bottom { line-height: 30px } .blog-unit-meta-bottom-more .fa { display: inline-block; margin-left: 5px } .blog-list .blog-unit-meta-bottom-more, .main-list .blog-unit-meta-bottom-inn, body.single .blog-unit-meta-bottom-more { display: none } body.single .post-meta-social-li:first-child { padding-left: 0 } .main-list .width4.main-list-item .mainlist-meta { display: inline-block; float: left; border-top: none } .main-list .width4.main-list-item .blog-unit-meta-bottom { display: inline-block; float: right; margin-top: -30px } .post-score { position: absolute; right: 0; top: 0; width: 50px; line-height: 50px; font-family: 'Quicksand', sans-serif; font-size: 24px; text-align: center } section.link .mainlist-img-wrap, section.quote .mainlist-img-wrap { display: table; width: 100% } .mainlist-link, .mainlist-quote { display: table-cell; vertical-align: middle; padding: 0 20px } .blog-list>article.format-link, .blog-list>article.format-quote, .mainlist-link { text-align: center } .main-list .carousel-img-wrap { background-size: cover; background-repeat: no-repeat; background-position: 50% 50% } .main-list .owl-next, .main-list .owl-prev { margin-top: -60px } .article-meta-date, .article-meta-unit, .mainlist-meta-date, .tptn_date { text-transform: uppercase; font-weight: 400 } body:not(.ux-mobile) .main-list:not(.archive-list) .pagenums .tw-style-a { margin-left: 30px } .blog-unit-meta { margin-top: 40px } .blog-unit-tit { line-height: 1.2 } .blog-unit-meta>span { margin: 0 6px } .archive-text-wrap { padding: 40px 20px } .archive-text-wrap .blog-unit-link, .archive-text-wrap .blog-unit-quote { text-align: center; font-size: 2em; width: 100%; padding: 0 20px } .archive-text-wrap .blog-unit-link-li, .archive-text-wrap .blog-unit-quote { line-height: 1.3 } .archive-text-wrap .blog-unit-quote cite, .single .blog-unit-quote cite { font-size: .5em; margin-top: 20px } .blog-unit-img-wrap { overflow: hidden; position: relative } .list-heigh-fixed .format-audio .blog-unit-img-wrap { height: 60px } .blog-unit-img, .post-featured-img img { width: 100% } .blog-unit-more { float: right } .blog-unit-video-play { position: absolute; z-index: 1; left: 50%; top: 50%; width: 70px; height: 70px; border-radius: 35px; margin-left: -35px; margin-top: -35px; display: block; opacity: .8; font-size: 20px; text-align: center; line-height: 70px; background-color: #eee; color: #333 } .blog-unit-video-play .fa { margin-left: 4px } .blog-unit-quote cite { display: block; font-style: italic; position: relative } .blog-list-audio { position: absolute; bottom: 0; z-index: 1; height: 60px; width: 100% } .blog-list-audio .audio-unit { border-bottom: none; float: left; width: 60% } .blog-list-audio-artist { display: inline-block; float: right; margin-right: 20px; line-height: 40px } .blog-unit-soundcloud-out { height: auto } .archive-list .blog-unit-soundcloud-out .blog-unit-img-wrap, .blog-unit-soundcloud-out .blog-unit-img-wrap, .list-heigh-fixed .blog-unit-soundcloud-out .blog-unit-img-wrap { height: 120px } .blog-unit-soundcloud-out .blog-unit-img { display: none } .blog-unit-soundcloud, .list-heigh-fixed .blog-unit-img-wrap { height: 400px } body.single .blog-unit-soundcloud { margin-bottom: 40px } .list-heigh-fixed .blog-unit-img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%) } .archive-list .blog-unit-link, .blog-list .blog-unit-link { margin-top: 0 } .blog-list .more-link { display: none } .member-tip { display: block; position: relative; text-align: center; border-radius: 2px; font-size: 10px; width: 60px; padding: 1px 6px; margin-top: -20px; line-height: 15px; font-family: 'Quicksand', sans-serif } .pagenums .pagination { margin-bottom: 0 } #archive-title { font-size: 1.1em; text-align: center; line-height: 80px; border-bottom: 1px solid #eee; border-top: 1px solid #eee } .archive-title-inn { position: relative; padding: 0 25px; display: inline-block } .archive-unit-pic { margin-top: 40px } .archive-list .blog-unit-img-wrap { height: 320px } .archive-list.main-list section.width4 { position: relative; float: none; width: 100%; height: auto; margin-top: 80px } .archive-list.main-list section.width4:first-child { margin-top: 60px } .archive-list .mainlist-img-wrap, .main-list.archive-list .carousel-img-wrap, .main-list.archive-list .soundcloudWrapper iframe { height: 380px } .archive-list .owl-theme .owl-controls { padding: 0 35px } .pagenums-a { text-align: left; padding-left: 0 } .prev.page-numbers { float: right } .page-numbers.next { float: right; padding-right: 0 } .page-numbers.dots { font-size: 0 } .page-numbers.dots:before { content: 'ā€”'; font-size: 17px } #search-result .page-numbers, .page-numbers { text-align: left; padding: 0 } .main-list .pagenums .page-numbers.next { float: right; padding-right: 0; text-align: right } .main-list .pagenums .page-numbers { padding-left: 0; text-align: left } .main-list .pagenums { margin-left: 30px } .post-password-form input[type=password] { width: auto; margin-bottom: 0 } .list-author-unit { min-height: 80px; position: relative; padding: 0 } .author-unit-inn { padding: 20px } .author-avatar { border-radius: 60px; overflow: hidden; width: 120px; height: 120px; position: absolute } .author-tit { font-size: 20px; font-size: 2rem; line-height: 2; margin: 0 0 20px 140px } .author-excerpt { font-size: 14px; font-size: 1.4rem; margin: 0 0 20px 140px } .list-author-unit .socialmeida { margin-left: 140px } .list-author-unit .socialmeida-a { width: auto; height: 40px; line-height: 40px; margin-right: 5px; text-align: left; font-size: 18px; display: block } body.single .list-author-unit { min-height: inherit } body.single .author-avatar { width: 60px; height: 60px } body.single .author-tit { font-size: 1em; line-height: 1; margin: 0 0 0 80px } body.single .author-excerpt, body.single .list-author-unit .socialmeida { margin: 10px 0 0 80px } .list-author-unit .socialmeida-li { display: inline-block; margin-right: 4px } body.single .list-author-unit .socialmeida-a { height: 30px; line-height: 30px } .video-wrap { width: 100%; height: 0 } .video-tag iframe, .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .video-wrap, .video-wrap.video-16-9 { padding-bottom: 56.25% } .video-wrap.video-4-3 { padding-bottom: 75% } .video-wrap.vimeo { padding-bottom: 48.9% } .video-wrap.youtube { padding-bottom: 48.8% } .video-face, .video-wrap { position: relative } .video-play-btn { position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -20px; display: block; width: 60px; height: 40px; text-align: center; line-height: 43px; font-size: 20px; border-radius: 5px; cursor: pointer; background-color: #28282e; color: #eee } .video-play-btn:hover { opacity: .8 } .video-face-img { width: 100% } .video-overlay { box-shadow: none; left: 0; top: -100%; width: 100%; height: 100%; padding: 50px; opacity: 0; margin-left: 0; border-radius: 0; border: none; background-color: rgba(0, 0, 0, .9) } .video-close { position: absolute; right: 10px!important; top: 10px!important; margin-top: 0!important; display: block; text-align: center; cursor: pointer } .video-close:after, .video-close:before { background-color: #fff!important } .video-overlay.video-slidedown { opacity: 1; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%) } body.admin-bar .video-overlay.video-slidedown { margin-top: 30px } body:not(.ux-mobile) .sidebar-layout .container { width: auto; padding-left: 0; padding-right: 0 } #content_wrap[class*=span].pull-right { padding-right: 0 } #wp-calendar, .sidebar-layout .container-inn { width: 100% } ul.sidebar_widget { margin-top: -80px } ul.sidebar_widget>li .widget-title { margin-bottom: 20px; text-align: center; line-height: 40px } .tagcloud a { background: rgba(0, 0, 0, .03); display: inline-block; font-size: 10px; font-size: 1rem; margin-bottom: 8px; margin-right: 3px; padding: 0 8px; height: 32px; line-height: 32px } .post-date { font-size: .8em; letter-spacing: 0; margin-left: 10px; opacity: .8 } ul.sidebar_widget li.widget_search { padding-bottom: 41px } ul.sidebar_widget li.widget_search form { margin-top: 3px; position: relative } .sidebar_widget .widget_display_search input[type=text], .sidebar_widget .widget_search input[type=text] { max-width: none; width: 100%; height: 35px } .screen-reader-text { display: none } .sidebar_widget .widget_display_search input[type=submit], .sidebar_widget .widget_search input[type=submit] { height: 35px; position: absolute; right: 0; top: 0 } .widget_display_search input[type=text], .widget_search input[type=text] { margin-bottom: 0 } #wp-calendar caption { text-align: left; margin-bottom: 20px } #wp-calendar tfoot td { padding-top: 20px } #wp-calendar tfoot #next { text-align: right } .widget_calendar tbody td, .widget_calendar thead th { text-align: center; border: 1px solid #e8e8e8 } .widget_rss .rsswidget:first-child { display: none } .widget_rss .rsswidget { position: relative } .widget_rss .rsswidget:after { content: "\f09e"; margin-left: 10px; font-size: .9em; font-family: 'FontAwesome'; color: #f60 } .widget_rss>ul>li { margin-top: 20px; padding-bottom: 20px } a.rsswidget img { margin-bottom: -1px; margin-right: 10px } .rss-date, .widget_rss cite { font-size: .8em; opacity: .8; display: block } .rssSummary { line-height: 20px } .widget-container .social_active i { font-size: 32px } .widget-container .social_active { display: block; margin-right: 7px; margin-top: 8px; width: 32px; height: 32px; float: left } .widget-container .widget_uxsocialnetworkinons .icon { margin-top: -8px; overflow: hidden } .widget_archive li, .widget_categories li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li, .widget_rss li { line-height: 40px; border-bottom: 1px solid #eee } .widget_archive li:last-child, .widget_categories li:last-child, .widget_meta li:last-child, .widget_nav_menu li:last-child, .widget_pages li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child, .widget_rss li:last-child { border-bottom: none } .widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a, .widget_recent_comments a, .widget_recent_entries a { margin-right: 5px; display: inline-block; line-height: 20px } .title-wrap { position: relative; min-height: 180px; text-align: center } .title-wrap-con { position: absolute; width: 100% } .title-wrap-des, .title-wrap-tit { width: 60%; margin-left: auto; margin-right: auto; text-align: center } .title-wrap-tit { line-height: 1 } .title-wrap-des { margin-top: 10px } .article-meta-unit, .header-sticky.navi-over #title-hidden { display: block } .two-cols-layout .article-meta.span3 { width: 100% } .two-cols-layout .article-meta-unit { display: inline-block; margin-right: 10px } .two-cols-layout .article-inn.span9 { width: 100%; margin-left: 0 } body:not(.ux-mobile) .article-meta.span3 .article-meta-unit { line-height: 1.2; padding: 5px 0 } body:not(.ux-mobile) .article-inn.span9 .entry.container { width: 100% } #title-hidden { position: absolute; display: none; width: 100%; line-height: 80px; text-align: center; opacity: 0; visibility: hidden; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); transform: translateY(80px) } #title-hidden.title-shown { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0) } .title-hidden-tit { font-size: 18px } .content-audio, .video-post-wrap { margin-bottom: 40px } .audio-unit { height: 60px; position: relative; line-height: 60px } .audio-unit span.audiobutton { display: inline-block; width: 60px; height: 60px; cursor: pointer; float: left; text-align: center } .audio-unit span.audiobutton:before { font-size: 12px; content: "\e602"; position: absolute; top: 50%; margin-top: -6px; margin-left: -4px } .audio-unit span.audiobutton.pause:before { content: "\e601" } .audio-unit span.songtitle { display: inline-block; overflow: hidden; font-size: 16px; line-height: 60px } .main-list .audio_player_list { background-color: rgba(255, 255, 255, .9); color: #333 } .audio_player_list.audio_content { background: 0 0; margin-bottom: 40px } .audiopost-soundcloud-wrap { width: 100%; height: auto; margin-bottom: 20px } .format-audio .audio-unit { height: 60px; position: relative; border-top-width: 1px; border-top-style: solid } .format-audio .audio-unit:first-child { border-top: none } .blog-list .format-audio .audio-unit { border-top: none } .format-audio .audio-unit span.audiobutton { display: inline-block; width: 59px; height: 59px; cursor: pointer } .format-audio .audio-unit span.audiobutton:before { font-size: 12px; position: absolute; left: 23px; top: 29px } .format-audio .audio-unit span.songtitle { display: inline-block; position: absolute; top: 0; margin-left: 10px; padding-right: 20px; overflow: hidden } .content-audio-artist { margin-bottom: 20px; display: block } .main-list .content-audio-artist { display: none } .single .blog-unit-link { display: block; margin-top: 0; margin-bottom: 40px; font-size: 2em } .single .blog-unit-link li { line-height: 1.5em } .single .blog-unit-quote { margin-bottom: 40px; font-size: 2em; text-align: center; line-height: 1.3 } .gallery-cover { position: relative } .gallery-video-vover video { width: 100%; height: auto; display: block } .with-video-cover .title-wrap-con { opacity: 0; top: 50%; z-index: 9; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .with-video-cover .title-wrap-con .title-wrap-des, .with-video-cover .title-wrap-con .title-wrap-tit { color: #fff } .touch .with-video-cover .title-wrap-con, .with-video-cover .title-wrap-con.witle-wrap-con-shown { opacity: 1 } .no-touch .with-video-cover .gallery-image-cover, .touch .gallery-video-vover video, body.error404 .title-wrap { display: none } .client a, .touch .with-video-cover .gallery-image-cover { display: block } .gallery-image-cover, .image-post-wrap img { width: 100%; height: auto } .image-post-wrap { margin-bottom: 40px } body.error404 #content { min-height: 300px } .fourofour-wrap { text-align: center } .fourofour-wrap h4 { font-size: 31px; font-size: 3.1rem; margin-top: 20px; margin-bottom: 60px } .fourofour-wrap p { max-width: 400px; margin: 0 auto } .team-photo { width: 100%; height: auto } .single-team .gallery-wrap-sidebar .gallery-info-wrap { padding-right: 0; margin-bottom: 0; margin-left: 0; padding-left: 60px } .client { text-align: center } .client a { margin-bottom: 20px } .job-location { margin-right: 10px } .navi-side .container.format-gallery, .navi-side.responsive-ux .container.format-gallery { padding: 0; width: 100% } body.single .post.format-gallery { margin-top: 0 } body.single-format-gallery .title-wrap-con { width: 100%; background: 0 0!important } body:not(.ux-mobile).navi-side .content_wrap_outer.fullwrap-layout .gallery-post-wrap~.row-fluid { padding: 0 60px } .gallery-info-property { margin-top: -20px } .gallery-info-property-li { margin-top: 20px } .gallery-info-property-tit, .social-bar-tit { font-weight: 700; margin-bottom: 10px; font-size: 1em } .gallery-info-property-item { display: inline-block; width: 50%; vertical-align: top } .gallery-images-wrap .mouse-over:hover .gallery-images-img, .post-carousel-img-a:hover .post-carousel-img, .standard-list-item:hover .standard-list-item-img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) } .gallery-wrap-fullwidth .gallery-images-wrap .list-layout .mouse-over:hover .gallery-images-img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .list-layout { padding:0.25em } article.format-gallery .list-layout { margin-top: 0; padding:0 } .gallery-wrap-sidebar .list-layout-col { margin-left: -20px; margin-bottom: 20px } .list-layout>div:last-child { margin-bottom: 0 } .list-layout-item { display: inline-block; float: left; padding:0.25em } .list-layout-col1-item { width: 100% } .list-layout-col2-item { width: 50% } .list-layout-col3-item { width: 33.33333% } .list-layout-col4-item { width: 25% } .gallery-wrap-sidebar .list-layout-inside { padding-left: 20px } .gallery-images-img { width: 100% } .blog-list .social-bar { height: 20px; line-height: 20px } .post-meta-social { position: relative; line-height: 20px; display: inline-block } .post-meta-social-li { display: inline-block; margin-right: 10px } .post-meta-social-li .share { display: block } .post-meta-social-li .fa { line-height: 20px; font-size: 24px } .social-bar-center, .social-bar-center .post-meta-social { text-align: center } .post-meta-social-li .share:hover .fa.fa-facebook { color: #3b5998 } .post-meta-social-li .share:hover .fa.fa-twitter { color: #00aced } .post-meta-social-li .share:hover .fa.fa-google-plus { color: #dd4b39 } .post-meta-social-li .share:hover .fa.fa-pinterest { color: #cb2027 } .post-meta-social-li .share:hover .fa.fa-linkedin { color: #007bb6 } .post-meta-social-li .share:hover .fa.fa-digg { color: #000 } .post-meta-social-li .share:hover .fa.fa-reddit { color: #cee3f8 } .post-meta-social-li .share:hover .fa.fa-stumbleupon { color: #eb4924 } .post-meta-social-li .share:hover .fa.fa-tumblr { color: #35465c } .blog-unit-social-share { margin-top: 20px } .blog-unit-social-share .post-meta-social { text-align: left; line-height: 30px; height: 30px } .blog-unit-social-share .post-meta-social-li { margin-right: 10px; margin-left: 0 } .social-like { float: left; line-height: 56px; cursor: pointer } .social-like .wpulike~br, .social-like .wpulike~p, .social-like ul#tiles, .wpulike .count-box:before { display: none } .social-like .wpulike .count-box { border: none; margin-left: 0 } .social-like .wpulike .counter a.image, .social-like .wpulike .counter a.image:hover, .social-like .wpulike .counter a.loading, .social-like .wpulike .counter a.text, .social-like .wpulike .counter a.text:hover { border: none; background: 0 0; padding: 2px } .social-like .wpulike .counter a.image:before { font-family: 'FontAwesome'; content: "\f004" } .content-author-unit { margin-top: 20px } .content-author .author-avatar { width: 60px; height: 60px; border-radius: 30px; margin-top: 12px } .content-author .author-tit { margin: 0 0 0 80px } .content-author .author-excerpt { margin-left: 80px } .related-posts-carousel { position: relative; text-align: center } .related-posts-carousel-li:after { content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; opacity: .15; background-color: #636363 } .related-posts-carousel-tit { display: none } .related-posts-carousel-li { position: relative; vertical-align: top; min-height: 320px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } .related-posts-tit { position: absolute; z-index: 9; left: 100px; right: 60px; bottom: 30px; font-size: 1em; text-align: left } .related-posts-tit-a { font-size: 40px; font-size: 4rem; line-height: 1; font-weight: 700; color: #fff!important } .related-posts-meta { display: block; font-size: 20px; font-size: 2rem } .related-posts-meta a { color: #fff!important } .related-posts-carousel .owl-prev { margin-top: -74px; opacity: .8 } .related-posts-carousel .owl-next { margin-top: -74px; margin-right: 0; opacity: .8 } .related-posts-carousel .owl-prev { margin-left: 0; margin-right: 0 } .related-posts-carousel .owl-theme .owl-controls { padding: 0 35px } #item-wrap li.item #respond { display: none; margin-top: 40px; margin-bottom: 20px } .item_respondbtn { display: none } #item-wrap li.item .item_respondbtn { display: inline-block; margin: 20px } #comments_box .avatar, .commlist-unit .avatar { position: absolute; left: 0; width: 50px } .commlist-unit .avatar { border-radius: 5px } li.commlist-unit { margin-top: -1px; position: relative; padding-top: 20px; padding-bottom: 20px; min-height: 60px; border-top-style: solid; border-top-width: 1px } li.commlist-unit:first-child { border-top: none } .comm-u-wrap { margin-left: 80px; min-height: 60px } .comment-meta { font-size: 12px; font-size: 1.2rem } .comment-author { position: relative; display: inline-block; padding-right: 20px; margin-right: 17px } .comment-author:after { content: ''; position: absolute; right: 0; bottom: 4px; width: 1px; height: 6px } .comment { font-size: 14px; font-size: 1.4rem; opacity: .8 } .comment-author-a { font-size: 16px; font-size: 1.6rem } #respondwrap li.commlist-unit { margin-top: 0; margin-bottom: 100px } .comment-meta .reply { padding-left: 10px } ol.commentlist { min-height: 40px; height: auto; margin-left: 0; margin-bottom: 0; clear: both } .commnetsnavi { margin: 40px 0 } .paginated-comments-links .page-numbers { float: none } #reply-title-wrap .logged { opacity: 0; display: inline-block; font-size: 12px; height: 40px; line-height: 40px; padding-left: 25px; position: absolute; left: 100%; top: 0; min-width: 250px } .respondbtn { padding-right: 10px } .respondbtn-open { background-position: 100% -13px } .respondbtn-close { background-position: 100% 3px } .comm-u-wrap~p { margin-top: 40px } .sucess-tip { display: block; margin-top: 20px } #comment-sending, #commentform #error { margin-bottom: 10px } #comments_box #comments a { font-size: 14px } #comments_box .children { margin-left: 20px } #commentform, #content_wrap .entry p.wp-caption-text, #respondwrap .span6, .contact_form .span6, .entry dd.gallery-caption, .entry p.btnarea { margin-bottom: 0 } .comment-box-tit, h3#reply-title { position: relative } h3#reply-title { padding-right: 12px } h3#reply-title:after { content: "\f175"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 50%; margin-top: -17px; font-size: 12px } h3#reply-title.reply-title-shown:after { content: "\f176" } .comment-reply-title { display: inline-block; width: auto; cursor: pointer; line-height: 40px } #comments_inlist { display: inline-block; font-size: 20px; height: 40px; line-height: 40px; font-weight: 300 } #commentform { position: relative; display: none } .entry ol, .entry ul, .logged, .text_block ol, .text_block ul { margin-bottom: 20px } #mc4wp-checkbox { margin-top: 20px } .entry .contactform, .respondwrap { padding-top: 10px } .entry .contactform h2 { display: block; font-size: 14px; margin-top: -10px; margin-bottom: 20px } .respondbtn { margin-top: 0 } .respond-half { width: 48%; display: inline-block; float: left } .respond-name { margin-right: 4% } .respond-full { width: 100% } .sending { float: left; display: block; width: 80px; height: 27px; line-height: 27px } input[type=password], input[type=text] { width: 100%; max-width: none } .comment-respond input[type=text], .contactform input[type=text] { height: 40px } button, input[type=submit] { float: none; width: auto; cursor: pointer; height: 40px; line-height: 40px; margin-bottom: 0; margin-top: 25px } #reply-title small { margin-left: 10px; position: absolute; top: 50%; min-width: 100px; height: 20px; line-height: 20px; margin-top: -10px; font-size: 12px } button, input[type=password], input[type=submit], input[type=text], textarea { background: 0 0; border-radius: 0 } textarea { width: 100%; max-width: none; height: 98px; overflow: auto; resize: none } #respondwrap input[type=text], #respondwrap textarea, .moudle input[type=text], .moudle textarea { font-size: 1.1; margin-bottom: 20px } .wpcf7 input { margin-bottom: 10px } .wpcf7-form img.ajax-loader { opacity: .5; background-color: #fff; border-radius: 2px } span.wpcf7-not-valid-tip { left: 10px; top: -8px; border: none; background: 0 0; color: red } .related-posts-item { position: relative; float: left; height: 50vh; min-height: 280px } .related-posts-item-bg { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } .rp-one-third { width: 33.3333% } .rp-one-second { width: 50% } .rp-one-full { width: 100% } .related-posts-item-con { position: absolute; width: 100%; left: 20px; bottom: 20px } .one-fourth-c, .one-half-c, .one-third-c { width: 30%; display: inline-block; vertical-align: top; margin-right: 3% } .one-fourth-c, .one-half-c { width: 45%; margin-right: 5% } .one-fourth-c { width: 20% } .five-sixth-c, .one-fifth-c, .one-sixth-c { width: 18%; display: inline-block; vertical-align: top; margin-right: 2% } .five-sixth-c, .one-sixth-c { width: 15%; margin-right: 1% } .five-sixth-c { width: 79% } .four-fifth-c, .three-fifth-c, .three-fourth-c, .two-fifth-c { width: 38%; display: inline-block; vertical-align: top; margin-right: 2% } .four-fifth-c, .three-fifth-c, .three-fourth-c { width: 58% } .four-fifth-c, .three-fourth-c { width: 78% } .three-fourth-c { width: 70%; margin-right: 5% } .two-third-c { width: 63%; margin-right: 3% } .five-sixth-c.last, .four-fifth-c.last, .one-fifth-c.last, .one-fourth-c.last, .one-half-c.last, .one-sixth-c.last, .one-third-c.last, .three-fifth-c.last, .three-fourth-c.last, .two-fifth-c.last, .two-third-c.last { margin-right: 0; margin-bottom: 0; clear: right } .fixed_column, .two-third-c { display: inline-block; vertical-align: top } .shortcode-image.left-ux { margin-right: 10px } .shortcode-image.right-ux { margin-left: 10px } .shortcode-image.center-ux { text-align: center } .shortcode-img-wrap-out { text-align: center; margin: 40px auto } .shortcode-img-wrap { position: relative; display: block } .shortcode-img { max-width: 100% } .fullwidth-img-wrap .shortcode-img, .fullwidth-img-wrap.shortcode-img-wrap { width: 100% } .fullwrap-layout .fullwidth-img-wrap .shortcode-img, .fullwrap-layout .fullwidth-img-wrap .shortcode-img-caption, .fullwrap-layout .wide-img-wrap .shortcode-img, .fullwrap-layout .wide-img-wrap .shortcode-img-caption { max-width: none; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 100% } .fullwrap-layout .wide-img-wrap { display: block } .shortcode-img-caption { position: absolute!important; bottom: -1px; display: block; width: 100%; padding: 5px 10px; text-align: center; font-size: .8em; opacity: 0; background-color: #fff; color: #333 } .is-visible .cd-headline.rotate-2 i, .no-csstransitions .cd-headline.rotate-2 .is-visible i, .shortcode-img:hover~.shortcode-img-caption { opacity: 1 } .halfwidth-img-wrap.shortcode-img-wrap { display: table } .halfwidth-img-wrap-inn, .shortcode-half-img-caption { display: table-cell; width: 50%; vertical-align: bottom; text-align: left } .shortcode-half-img-caption-inn { display: block; font-size: .8em; font-style: italic!important; margin-left: 30px; padding: 5px 0 5px 10px; border-left: 1px solid #eee } .gallery-collage { margin-bottom: 40px; margin-top: 40px } .cd-words-wrapper b.is-visible, .gallery-collage .Image_Wrapper { position: relative } .collage-caption { position: absolute!important; bottom: 0; display: block; width: 100%; padding: 5px 10px; font-size: .8em; background-color: #fff; color: #333; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%) } .Image_Wrapper:hover .collage-caption { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0) } .collage-caption, .title-ux.center { text-align: center } .title-ux.right { text-align: right } .title-ux.justify { text-align: justify } .title-ux.short_line { margin-bottom: 40px; position: relative } .title-ux.short_line:after { content: ''; position: absolute; left: 0; bottom: -35px; width: 40px; height: 10px } .title-ux.short_line.center:after { left: 50%; margin-left: -20px } .title-ux.short_line.right:after { right: 0; left: auto } .title-ux.line_under_over { display: inline-block; padding: 10px 0; border-top-width: 2px; border-top-style: dashed; border-bottom-width: 2px; border-bottom-style: dashed } .title-ux.line_both_sides { display: inline-block; padding: 0 15px; position: relative } .title-ux.line_both_sides:after, .title-ux.line_both_sides:before { content: ''; position: absolute; width: 10px; height: 2px; left: -15px; top: 50%; margin-top: -1px } .title-ux.line_both_sides:after { left: auto; right: -15px } .title-ux.ine_both_sides.left { left: 15px } .title-ux.line_both_sides.right, .title-ux.line_under_over.right { float: right } .dropcap { float: left; font-size: 48px; font-size: 4.8rem; line-height: 1; padding-right: 8px } .ux-btn { display: inline-block; position: relative; vertical-align: middle; width: auto; line-height: 3; max-height: 50px; padding: 0; cursor: pointer; background: 0 0; box-shadow: none; text-shadow: none } .ux-btn.button-small { line-height: 40px; max-height: 40px; padding: 0 14px; font-size: 16px; font-size: 1.6rem } .ux-btn.button-small .ux-btn-inn { line-height: 38px } .ux-btn.button-medium { line-height: 50px; max-height: 50px; font-size: 16px; font-size: 1.6rem } .ux-btn-inn, .ux-btn.button-medium .ux-btn-inn { display: block; line-height: 48px } .ux-btn.button-large { line-height: 60px; max-height: 60px; padding: 0 20px; font-size: 18px; font-size: 1.8rem } .ux-btn.button-large .ux-btn-inn { line-height: 58px } .text_block.withbg a.ux-btn.btn-light, .ux-btn.btn-light { color: #eee; color: rgba(255, 255, 255, .8); border-color: #eee; border-color: rgba(255, 255, 255, .5) } .text_block.withbg a.ux-btn.btn-light:hover, .ux-btn.btn-light:hover { border-color: #eee } .text_block .ux-btn, .text_block.withbg .ux-btn { text-decoration: none } .btn-round-ux { height: 100px; width: 100px; border-radius: 50px; line-height: 96px; padding: 0 } .line { clear: both; color: #999; border-top-width: 1px; height: 19px } .line_solid { border-top-style: solid } .line_dot { border-top-style: dotted } .line_dashed { border-top-style: dashed } .line_double { border-top-style: double } .line_groove { border-top-style: groove } .line_red { border-top-color: #c66 } .line_pink { border-top-color: #882a7e } .line_brown { border-top-color: #e3a600 } .line_green { border-top-color: #5bae55 } .line_blue { border-top-color: #4c8ac5 } .line_grey { border-top-color: #ccc } .line_dark { border-top-color: #666 } .line_black { border-top-color: #000 } .line_blank, .line_blank_half { height: 20px; clear: both; display: block } .line_blank_half { height: 10px } .line_clear { height: 0; clear: both } p.paragraph { line-height: 20px } i.small { font-size: 12px } i.big { font-size: 48px } i.medium { font-size: 24px } .list, .list-inn { position: relative } .list { display: block } .list i { position: absolute; top: 3px; left: 0; width: 20px; text-align: center } .list-inn { left: 25px; padding-right: 20px } .entry .black { color: #000 } .entry .dark { color: #333 } .entry .grey { color: #999 } .entry .red { color: #c00 } .entry .green { color: #393 } .entry .yellow { color: #fc0 } .entry .orange { color: #f60 } .entry .blue { color: #039 } .entry .brown { color: #c60 } .entry .pink { color: #f39 } .entry blockquote { margin: 20px; padding-left: 20px; border-left-style: solid; border-left-width: 2px; opacity: .7 } .cd-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; font-weight: 400 } .cd-headline.rotate-2 .cd-words-wrapper { position: relative; display: inline-block; -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px } .cd-headline.rotate-2 em, .cd-headline.rotate-2 i { display: inline-block; font-style: normal; -webkit-backface-visibility: hidden; backface-visibility: hidden } .cd-headline.rotate-2 b { opacity: 0 } .cd-headline.rotate-2 i { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0 } .cd-headline.rotate-2 i.in { -webkit-animation: cd-rotate-2-in .4s forwards; -moz-animation: cd-rotate-2-in .4s forwards; animation: cd-rotate-2-in .4s forwards } .cd-headline.rotate-2 i.out { -webkit-animation: cd-rotate-2-out .4s forwards; -moz-animation: cd-rotate-2-out .4s forwards; animation: cd-rotate-2-out .4s forwards } .cd-headline.rotate-2 em { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); transform: translateZ(20px) } .no-csstransitions .cd-headline.rotate-2 i { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0 } .no-csstransitions .cd-headline.rotate-2 i em { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) } @-webkit-keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg) } to { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg) } } @-moz-keyframes cd-rotate-2-in { 0% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(-10deg) } to { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0deg) } } @keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); -moz-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg) } to { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); -moz-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg) } } @-webkit-keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg) } to { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg) } } @-moz-keyframes cd-rotate-2-out { 0% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-100deg) } to { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-90deg) } } @keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -moz-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); -moz-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg) } to { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); -moz-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg) } } .ux_blank { height: 20px } .social-share-button { width: 20%; min-width: 62px; height: 30px; font-size: 13px; float: left; padding: 0; margin-top: 13px; margin-left: 5%; border-radius: 2px; background-color: #5975b1; color: #fff } .social-share-button:hover { opacity: .8 } .social-share-buttons { margin-left: -5%; margin-top: -13px; clear: both } .social-share-twitter.social-share-button { background-color: #53c3ee } .social-share-google-plus.social-share-button { background-color: #d54e55 } .social-share-pinterest.social-share-button { background-color: #de4d35 } .social-share-linkedin.social-share-button { background-color: #007bb6 } .social-share-vk.social-share-button { background-color: #45668e } .ux-hover-wrap { width: 100%; height: 100%; position: relative; text-align: center; display: block } .ux-hover-icon-wrap { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0 } .ux-hover-wrap:hover .ux-hover-icon-wrap { opacity: .5 } .ux-hover-wrap:hover .ux-hover-img-wrap { -webkit-transform: scale(1.1) } .ux-hover-wrap:hover i { opacity: 1; visibility: visible; color: #eee; color: rgba(255, 255, 255, .4) } .single-image.mouse-over .ux-hover-wrap i { position: absolute; z-index: 1; left: 50%; top: 50%; height: 80px; width: 80px; line-height: 80px; margin: -40px 0 0 -40px; opacity: 0; visibility: hidden; color: #eee; color: rgba(255, 255, 255, .6); border-radius: 40px; font-size: 72px } .carousel-indicators li, .flex-slider-wrap .flex-control-paging li a { display: inline-block; padding: 6px; margin: 0 5px; width: 12px; height: 12px; background-color: #eee; border-radius: 1px solid #eee } .carousel-indicators li.active, .flex-slider-wrap .flex-control-paging li a.flex-active { background-color: #fff; border-radius: 1px solid #fff } .flexslider { position: relative } .carousel-control-wrap, .flex-direction-nav { height: 60px; width: 100%; position: absolute; z-index: 9; left: auto; right: auto } .carousel-control-wrap { bottom: 0 } .flex-direction-nav { bottom: 60px } .carousel-control, .flex-direction-nav a[class*=flex-] { width: 70px; height: 50px; display: block; text-align: center; line-height: 58px; opacity: 1; position: absolute; left: 20px; font-size: 0 } .carousel-control:hover, .flex-direction-nav a[class*=flex-]:hover { background-color: transparent } .flex-direction-nav a.flex-next { right: 20px; left: auto } .custom.tparrows, .tp-leftarrow.custom, .tp-rightarrow.custom { background: 0 0!important } .flex-direction-nav a[class*=flex-]:before { position: absolute; top: 50%; right: 15px; width: 1px; height: 35px; background-color: #fff } .flex-direction-nav a[class*=flex-]:after { content: ""; position: absolute; top: 50%; width: 1px; height: 35px; background-color: #fff } .carousel-control:after, .carousel-control:before { content: "" } .carousel-control:after, .carousel-control:before, .owl-next:before, .owl-prev:before { position: absolute; top: 50%; margin-top: -9px; right: 15px; width: 1px; height: 35px; background-color: #fff } .owl-next:after, .owl-prev:after, .tp-rightarrow.custom:after { content: ""; position: absolute; top: 50%; width: 1px; height: 35px; background-color: #fff } .tp-rightarrow.custom:before { margin-top: -9px; right: 15px } .tp-leftarrow.custom:after, .tp-leftarrow.custom:before, .tp-rightarrow.custom:before { position: absolute; top: 50%; width: 1px; height: 35px; background-color: #fff } .tp-leftarrow.custom:after { content: "" } .tp-leftarrow.custom:before { margin-top: -9px; right: 15px } .flex-direction-nav a[class*=flex-]:before, .owl-next:before, .owl-prev:before, .tp-leftarrow.custom:before, .tp-rightarrow.custom:before { font-family: 'FontAwesome'!important; content: "\f04b"!important; font-size: 12px!important; background: 0 0!important; color: #fff!important } .custom.tparrows:before { margin-top: -19px!important } .flex-direction-nav a[class*=flex-]:after, .owl-next:after, .owl-prev:after, .tp-leftarrow.custom:after, .tp-rightarrow.custom:after { right: 33px; margin-top: -18px } .flex-direction-nav a.flex-prev, .owl-prev, .tp-leftarrow.custom { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } #topslider-triggle, .flex-direction-nav a[class*=flex-]:after, .owl-next:after, .owl-prev:after, .tp-leftarrow.custom:after, .tp-rightarrow.custom:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .flex-direction-nav a[class*=flex-]:before { margin-top: -29px } body.page #content_wrap>.post-password-form { width: 50%; margin: 60px auto } .mc4wp-form input[type=date], .mc4wp-form input[type=email], .mc4wp-form input[type=tel], .mc4wp-form input[type=text], .mc4wp-form input[type=url], .mc4wp-form select, .mc4wp-form textarea { margin-bottom: 20px; height: 40px } .mc4wp-form input[type=date]:focus, .mc4wp-form input[type=email]:focus, .mc4wp-form input[type=tel]:focus, .mc4wp-form input[type=text]:focus, .mc4wp-form input[type=url]:focus, .mc4wp-form select:focus, .mc4wp-form textarea:focus { box-shadow: none } #back-top:hover, #comments .comment-author a:hover, #comments .reply a:hover, #footer a:hover, #header .search-top-btn-class:hover, #header .socialmeida-a:hover, #header .wpml-translation li .current-language, #header .wpml-translation li a:hover, #respond .form-submit:hover input#submit, #sidebar a:hover, #woocomerce-cart-side .fa:hover, .archive-meta-item a, .archive-meta-unit a:hover, .archive-tit a:hover, .archive-unit-h2 a:hover, .archive-wrap h3 a:hover, .article-meta-unit a, .author-name, .blog-item-main h2 a:hover, .blog-masony-item .item-link:hover:before, .blog-unit-tit a:hover, .blog_meta a:hover, .breadcrumbs a:hover, .carousel-wrap a:hover, .cart-summary .order-total .amount, .clients_wrap .carousel-btn .carousel-btn-a:hover:before, .comment-reply-title:hover, .count-box, .current-language .languages-shortname, .entry p a, .form-submit:hover:after, .fourofour-wrap a, .fullwidth-text-white .fullwrap-with-tab-nav-a.full-nav-actived, .fullwidth-text-white .fullwrap-with-tab-nav-a:hover, .fullwrap-with-tab-nav-a.full-nav-actived, .fullwrap-with-tab-nav-a:hover, .heighlight, .height-light-ux, .iconbox-a .iconbox-h3:hover, .iconbox-a:hover, .iocnbox:hover .icon_wrap i.fa, .latest-posts-tags a:hover, .link-wrap a:hover, .list-author-unit .socialmeida-a:hover, .mainlist-meta a, .more-link:hover, .moudle .iterblock-more.ux-btn:hover, .moudle .tw-style-a.ux-btn:hover, .page-numbers.current, .pagenums .current, .post-categories a, .post-color-default, .post-meta-social .count, .post-meta-unit a:hover, .post_meta>li a:hover, .related-post-wrap h3:hover a, .sidebar_widget a:hover, .social-like .wpulike .counter a.image:before, .text_block a, .tw-style-a:hover, .ux-grid-tit-a:hover, .widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_pages li, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, a.liquid-more-icon.ux-btn:hover, a:hover, input[type=submit]:hover { color: #f94c00 } .iconbox-content-hide .icon_text, .nav-tabs>li>a:hover, .portfolio-caroufredsel-hover, .process-bar, .related-post-wrap h3:before, .single-image-mask, .tagcloud a:hover, .ux-hover-icon-wrap, input.idi_send:hover { background-color: #f94c00 } #respondwrap input:focus, #respondwrap textarea:focus, .moudle input[type=text]:focus, .moudle textarea:focus, input:focus:invalid:focus, select:focus:invalid:focus, textarea:focus:invalid:focus { border-color: #f94c00 } #respond .form-submit:hover input[type=submit], .comment-reply-title:hover, .uneditable-input:focus, .ux-btn:hover, button:hover, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=submit]:hover, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus { border-bottom-color: #f94c00 } #main_title_wrap, .accordion-heading, .archive-text-wrap, .author-unit-inn, .blog-item.quote, .blog-masony-item .item-link-wrap, .break-line, .entry pre, .fullwidth-text-white .iconbox-content-hide .icon_wrap, .gallery-list-contiune, .isotope-item.quote .blog-masony-item, .mainlist-img-wrap, .nav-tabs>li, .pagenumber a, .pagenumber span, .portfolio-standatd-tit-wrap:before, .post_meta, .process-bar-wrap, .promote-wrap, .quote-wrap, .single-feild, .slider-panel, .standard-blog-link-wrap, .tagcloud a, .testimenials, .testimenials .arrow-bg, .testimonial-thum-bg, .text_block pre, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-checkout #payment div.payment_box, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message, ul.sidebar_widget>li .widget-title { background-color: #eee } .progress_bars_with_image_content .bar .bar_noactive.grey { color: #eee } .archive-unit, .border-style2, .border-style3, .list-author-unit, .nav-tabs>.active>a, .nav-tabs>.active>a:focus, .nav-tabs>.active>a:hover, .nav-tabs>li>a, .single-feild, .tab-content, .tabs-v, .widget_archive li, .widget_categories li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li, .widget_rss li, li.commlist-unit { border-color: #eee } .nav.nav-tabs, .sidebar_widget .widget-title, .tabs-v .nav-tabs>li:last-child.active>a, .woocommerce-checkout #payment div.payment_box:after { border-bottom-color: #eee } .tab-content.tab-content-v, blockquote { border-left-color: #eee } .blog-unit, .search-result-unit, .tabs-v .nav-tabs>.active>a { border-top-color: #eee } .accordion-heading, .gallery-wrap-sidebar .entry, .post_social:after, .post_social:before, .social-share, .title-ux.line_under_over { border-color: #636363 } #back-top:before, #float-bar-triggler, .accordion-style-b .accordion-heading a:after, .accordion-style-b .accordion-heading a:before, .btnarea:before, .countdown_section, .float-bar-inn, .form-submit:before, .galleria-info, .separator_inn.bg-, .short_line:after, .submit-wrap:before, .team-item-con, .title-ux.line_both_sides:after, .title-ux.line_both_sides:before, .ux-btn:before, h1.main-title:before { background-color: #636363 } #back-top, #comments, #comments .nav-tabs li a:hover h3 .logged, #comments .nav-tabs li.active h3#reply-title .logged, #content_wrap, .archive-meta-item a:hover, .archive-unit-excerpt, .article-meta-unit a:hover, .blog-item-excerpt, .carousel-wrap a.disabled:hover, .entry code, .entry p a:hover, .gallery-info-property-con, .header-info-mobile, .magazine-unit.magazine-bgcolor-default, .magazine-unit.magazine-bgcolor-default a, .stars a:hover, .testimonial-thum-bg i.fa, .text_block, .text_block a:hover, .text_block code, .ux-mobile #navi, a, body, h3#reply-title small { color: #636363 } .blog-item-more-a:hover, .filters.filters-nobg li a:before { background-color: #636363 } .audio-unit, .blog-item-more-a:hover { border-color: #636363 } #comments .comment-meta .comment-reply-link, #comments .comment-meta .date, #mobile-header-meta p, .archive-meta-unit, .archive-meta-unit a, .bbp-author-role, .bbp-forum-content, .bbp-meta, .bbp-meta a, .bbp-pagination-count, .blog-item-excerpt .wp-caption-text, .blog-unit-meta, .blog-unit-meta a, .blog_meta, .blog_meta a, .gallery-list-contiune, .infrographic-subtit, .latest-posts-date, .latest-posts-tags a, .list-author-unit .socialmeida-a, .mainlist-meta, .mainlist-meta a:hover, .more-link, .post-meta, .post-meta a, .post-navi-unit-a, .post_meta>li, .post_meta>li a, .product_meta, .product_meta a, .related-posts-date, .uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], span.bbp-author-ip, textarea { color: #999 } .comment-author:after { background-color: #999 } .title-wrap { background-color: #fff } ::selection { background: #f94c00; color: #fff } ::-moz-selection { background: #f94c00; color: #fff } ::-webkit-selection { background: #f94c00; color: #fff } #bckheader, .page-loading, body { background-color: #1e1e1e } #back-top, #header-inn-main, #login-form.modal .modal-dialog, #main, #search-overlay, #top-wrap, #wrap-outer, .carousel-control, .filters.filter-floating li a:before, .nav-tabs>.active>a, .nav-tabs>.active>a:focus, .nav-tabs>.active>a:hover, .navi-top-layout:not(.ux-mobile) #main-navi, .separator h4, .standard-list-item:hover .portfolio-standatd-tit-wrap:before, .tab-content, .ux-mobile #main-navi-inn { background-color: #fcfcfc } .nav-tabs>.active>a, .nav-tabs>.active>a:focus, .nav-tabs>.active>a:hover, .testimenials span.arrow { border-bottom-color: #fcfcfc } .tabs-v .nav-tabs>.active>a { border-right-color: #fcfcfc } #search-result .pagenums .tw-style-a:hover, .carousel-control, .countdown_amount, .countdown_section, .moudle .ux-btn:before, .mouse-icon, .quote-wrap { color: #fcfcfc } #mobile-panel, #mobile-panel-content, #nav-side-content, #nav-top-content-wrap-inn, .mobile-panel-child-content, .mobile-panel-fold-content, .nav-side-child-content, .nav-side-fold-content, .navi-over #header, .navi-side:not(.ux-mobile) #header-main { background-color: #1e1e1e } #header .search-top-btn-class, #header .socialmeida-a, #header .wpml-translation a, #navi a, #navi-wrap-mobile a, #woocomerce-cart-side .fa, .header-meta-tit, .languages-shortname, .social-header-triggle { color: #636363 } #mobile-panel-close:after, #mobile-panel-close:before, #navi-wrap-mobile a:hover>.submenu-icon, .menu-item-back .fa:after, .menu-item-back a:hover .fa:after, .mobile-panel-close:after, .mobile-panel-close:before, .navi-trigger-inn, .navi-trigger-inn:after, .navi-trigger-inn:before, .ux-mobile .submenu-icon { background-color: #636363 } #navi a:hover, #navi-wrap-mobile a:hover { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: #f94c00 } #navi .current-menu-item>a, #navi .sub-menu li.current-menu-item>a, #navi>div>ul li.current-menu-parent>a, #navi>div>ul>li.current-menu-ancestor>a { color: #636363 } .sidebar_widget h3.widget-title, .sidebar_widget h3.widget-title a, .widget_footer_unit .widget-title, .widget_footer_unit .widget-title a { color: #28282e } .sidebar_widget, .sidebar_widget a { color: #606066 } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { background-color: #606066 } .logo-a { color: #222 } #footer { background-color: #1e1e1e } .copyright, .copyright a, .developer, .developer a, .footer-bar, .footer-bar a { color: #636363 } .widget_footer { background-color: #fff } .widget_footer_unit, .widget_footer_unit a { color: #888 } #comments .nav-tabs>li.active span, #comments .nav-tabs>li:hover span, #hidden-triggler, #sidebar .sidebar_widget .tagcloud a:hover, .mask-hover-caption-block a, .mask-hover-caption-block a:hover, .sidebar_widget .widget_display_search input[type=submit]:hover, .tagcloud a[class*=tag-link-]:hover, .tooltip-inner, .topslider.container .carousel-des-wrap-title-a, .widget-container .user-submit:hover, button#bbp_reply_submit:hover { color: #fff } .entry h1, .text_block h1 { font-size: 40px; font-size: 4rem } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .text_block h1, .text_block h2, .text_block h3, .text_block h4, .text_block h5, .text_block h6 { line-height: 1.5; margin-bottom: 20px } .entry h2, .text_block h2 { font-size: 36px; font-size: 3.6rem } .entry h3, .text_block h3 { font-size: 32px; font-size: 3.2rem } .entry h4, .text_block h4 { font-size: 28px; font-size: 2.8rem } .entry h5, .text_block h5 { font-size: 24px; font-size: 2.4rem } .entry h6, .text_block h6 { font-size: 22px; font-size: 2.2rem } #site-header img, .comment-content img, .entry-content img, .entry-summary img, .widget img, .wp-caption { max-width: 100% } .alignleft { float: left; margin-right: 20px; margin-bottom: 10px } .alignright { float: right; margin-left: 20px; margin-bottom: 10px } .aligncenter { margin-left: auto; margin-right: auto; display: block } .wp-caption { position: relative } .wp-caption-text { position: absolute; display: inline-block; right: 0; bottom: 0; padding: 5px 10px; margin-bottom: 0; background-color: rgba(0, 0, 0, .4); color: #fff } .wp-caption img { width: 100% } .accordion-group ul li, .entry ul li, .icon_text ul li, .tab-pane ul li, .text_block ul li { list-style: disc; margin-left: 30px } .accordion-group ol li, .entry ol li, .icon_text ol li, .tab-pane ol li, .text_block ol li { list-style: decimal; margin-left: 30px } #comments .tab-pane ol li, #comments .tab-pane ul li { list-style: none; margin-left: 0 } .accordion-group table, .accordion-group td, .accordion-group th, .entry table, .entry td, .entry th, .icon_text table, .icon_text td, .icon_text th, .tab-pane table, .tab-pane td, .tab-pane th, .text_block table, .text_block td, .text_block th { border: 1px solid #ccc; padding: 6px } .accordion-group td, .accordion-group th, .entry td, .entry th, .icon_text td, .icon_text th, .tab-pane td, .tab-pane th, .text_block td, .text_block th { border-width: 0 1px 1px 0 } .accordion-group table, .entry table, .icon_text table, .tab-pane table, .text_block table { border-width: 1px 0 0 1px } address, blockquote { font-style: italic } blockquote { line-height: 1.5 } blockquote cite, blockquote em, blockquote i { font-style: normal; font-weight: 700 } .entry dl { margin: 0 30px } .entry dd { margin-bottom: 30px; margin-left: 0 } .entry dl.gallery-item { margin: 0; position: relative } .entry dl.gallery-item img { width: 100%; border: none!important } .entry pre, .text_block pre { padding: 30px; border: none; width: 80%; margin: 0 auto 20px } .visible-print { display: none!important } @media print { .visible-print { display: inherit!important } .hidden-print { display: none!important } } @media (min-width:1200px) { .row { margin-left: -30px; *zoom: 1 } [class*=span] { float: left; min-height: 1px; margin-left: 30px } .container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container, .span12 { width: 1062px } .span11 { width: 971px } .span10 { width: 880px } .span9 { width: 789px } .span8 { width: 698px } .span7 { width: 607px } .span6 { width: 516px } .span5 { width: 425px } .span4 { width: 334px } .span3 { width: 243px } .span2 { width: 152px } .span1 { width: 61px } .offset12 { margin-left: 1172px } .offset11 { margin-left: 1076px } .offset10 { margin-left: 980px } .offset9 { margin-left: 884px } .offset8 { margin-left: 788px } .offset7 { margin-left: 692px } .offset6 { margin-left: 596px } .offset5 { margin-left: 500px } .offset4 { margin-left: 404px } .offset3 { margin-left: 308px } .offset2 { margin-left: 212px } .offset1 { margin-left: 116px } #content_wrap[class*=span] { padding-right: 30px } #content_wrap[class*=span].pull-right { padding-right: 0; padding-left: 30px } .facebook-widget { width: 290px!important } .navi-side:not(.ux-mobile) #wrap { min-height: 500px } .archive-wrap .archive-unit { max-width: 80% } .hot-top-excerpt { max-width: 60%; font-size: 1.2em } } @media (min-width:980px) { .nav-collapse.collapse { height: auto!important; overflow: visible!important } } @media (max-width:979px) { body { padding-top: 0 } .navbar-fixed-bottom, .navbar-fixed-top { position: static } .navbar-fixed-top { margin-bottom: 20px } .navbar-fixed-bottom { margin-top: 20px } .navbar-fixed-bottom .navbar-inner, .navbar-fixed-top .navbar-inner { padding: 5px } .navbar .container { width: auto; padding: 0 } .navbar .brand { padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px } .nav-collapse { clear: both } .nav-collapse .nav { float: none; margin: 0 0 10px } .nav-collapse .nav>li { float: none } .nav-collapse .dropdown-menu li+li a, .nav-collapse .nav>li>a { margin-bottom: 2px } .nav-collapse .dropdown-menu:after, .nav-collapse .dropdown-menu:before, .nav-collapse .nav>.divider-vertical { display: none } .nav-collapse .nav .nav-header { color: #777; text-shadow: none } .nav-collapse .dropdown-menu a, .nav-collapse .nav>li>a { padding: 9px 15px; font-weight: 700; color: #777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .nav-collapse .btn { padding: 4px 10px; font-weight: 400; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .nav-collapse .dropdown-menu a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .nav>li>a:hover { background-color: #f2f2f2 } .navbar-inverse .nav-collapse .dropdown-menu a, .navbar-inverse .nav-collapse .nav>li>a { color: #999 } .navbar-inverse .nav-collapse .dropdown-menu a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .nav>li>a:focus, .navbar-inverse .nav-collapse .nav>li>a:hover { background-color: #111 } .nav-collapse.in .btn-group { margin-top: 5px; padding: 0 } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .nav-collapse .open>.dropdown-menu { display: block } .nav-collapse .dropdown-menu .divider, .nav-collapse .nav>li>.dropdown-menu:after, .nav-collapse .nav>li>.dropdown-menu:before { display: none } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1) } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111; border-bottom-color: #111 } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0 } .nav-collapse, .nav-collapse.collapse { overflow: hidden; height: 0 } .navbar .btn-navbar { display: block } .navbar-static .navbar-inner { padding-left: 10px; padding-right: 10px } #header_wrap #header_inn-wrap { width: auto } .fullwrap-layout-inn { margin-right: auto; margin-left: auto } .container-inn { width: 100% } .fullwrap-layout .wide-img-wrap .shortcode-img, .fullwrap-layout .wide-img-wrap .shortcode-img-caption { max-width: 100% } } @media (min-width:769px) and (max-width:979px) { .responsive-ux .row { margin-left: -20px; *zoom: 1 } .responsive-ux .row:before, .row:after { display: table; content: ""; line-height: 0 } .responsive-ux .row:after { clear: both } .responsive-ux [class*=span] { float: left; min-height: 1px } .responsive-ux .pull-right[class*=span], .responsive-ux .row-fluid .pull-right[class*=span] { float: right } .responsive-ux .container, .responsive-ux .navbar-fixed-bottom .container, .responsive-ux .navbar-fixed-top .container, .responsive-ux .navbar-static-top .container, .responsive-ux .span12, .responsive-ux.navi-over .fullwrap-layout-inn, .ux-mobile #navi .menu-item>a, .ux-mobile .head-meta { width: 724px } .responsive-ux .span11 { width: 662px } .responsive-ux .span10 { width: 600px } .responsive-ux .span9 { width: 538px } .responsive-ux .span8 { width: 476px } .responsive-ux .span7 { width: 414px } .responsive-ux .span6 { width: 352px } .responsive-ux .span5 { width: 290px } .responsive-ux .span4 { width: 228px } .responsive-ux .span3 { width: 166px } .responsive-ux .span2 { width: 104px } .responsive-ux .span1 { width: 42px } .responsive-ux .offset12 { margin-left: 764px } .responsive-ux .offset11 { margin-left: 702px } .responsive-ux .offset10 { margin-left: 640px } .responsive-ux .offset9 { margin-left: 578px } .responsive-ux .offset8 { margin-left: 516px } .responsive-ux .offset7 { margin-left: 454px } .responsive-ux .offset6 { margin-left: 392px } .responsive-ux .offset5 { margin-left: 330px } .responsive-ux .offset4 { margin-left: 268px } .responsive-ux .offset3 { margin-left: 206px } .responsive-ux .offset2 { margin-left: 144px } .responsive-ux .offset1 { margin-left: 82px } .responsive-ux .row-fluid { width: 100%; *zoom: 1 } .responsive-ux .row-fluid:after, .responsive-ux .row-fluid:before { display: table; content: ""; line-height: 0 } .responsive-ux .row-fluid:after { clear: both } .responsive-ux .row-fluid [class*=span] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817% } .responsive-ux .row-fluid [class*=span]:first-child { margin-left: 0 } .responsive-ux .row-fluid .controls-row [class*=span]+[class*=span] { margin-left: 2.7624309392265194% } .responsive-ux .row-fluid .span12 { width: 100%; *width: 99.94680851063829% } .responsive-ux .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608% } .responsive-ux .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387% } .responsive-ux .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166% } .responsive-ux .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946% } .responsive-ux .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725% } .responsive-ux .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504% } .responsive-ux .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283% } .responsive-ux .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062% } .responsive-ux .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841% } .responsive-ux .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199% } .responsive-ux .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988% } .responsive-ux .row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962% } .responsive-ux .row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031% } .responsive-ux .row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274% } .responsive-ux .row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089% } .responsive-ux .row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252% } .responsive-ux .row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868% } .responsive-ux .row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299% } .responsive-ux .row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647% } .responsive-ux .row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079% } .responsive-ux .row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427% } .responsive-ux .row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584% } .responsive-ux .row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065% } .responsive-ux .row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376% } .responsive-ux .row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986% } .responsive-ux .row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417% } .responsive-ux .row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765% } .responsive-ux .row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196% } .responsive-ux .row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544% } .responsive-ux .row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746% } .responsive-ux .row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227% } .responsive-ux .row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537% } .responsive-ux .row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102% } .responsive-ux .row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325% } .responsive-ux .row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806% } .responsive-ux .uneditable-input, .responsive-ux input, .responsive-ux textarea { margin-left: 0 } .responsive-ux .controls-row [class*=span]+[class*=span] { margin-left: 20px } .responsive-ux .uneditable-input.span12, .responsive-ux input.span12, .responsive-ux textarea.span12 { width: 710px } .responsive-ux .uneditable-input.span11, .responsive-ux input.span11, .responsive-ux textarea.span11 { width: 648px } .responsive-ux .uneditable-input.span10, .responsive-ux input.span10, .responsive-ux textarea.span10 { width: 586px } .responsive-ux .uneditable-input.span9, .responsive-ux input.span9, .responsive-ux textarea.span9 { width: 524px } .responsive-ux .uneditable-input.span8, .responsive-ux input.span8, .responsive-ux textarea.span8 { width: 462px } .responsive-ux .uneditable-input.span7, .responsive-ux input.span7, .responsive-ux textarea.span7 { width: 400px } .responsive-ux .uneditable-input.span6, .responsive-ux input.span6, .responsive-ux textarea.span6 { width: 338px } .responsive-ux .uneditable-input.span5, .responsive-ux input.span5, .responsive-ux textarea.span5 { width: 276px } .responsive-ux .uneditable-input.span4, .responsive-ux input.span4, .responsive-ux textarea.span4 { width: 214px } .responsive-ux .uneditable-input.span3, .responsive-ux input.span3, .responsive-ux textarea.span3 { width: 152px } .responsive-ux .uneditable-input.span2, .responsive-ux input.span2, .responsive-ux textarea.span2 { width: 90px } .responsive-ux .uneditable-input.span1, .responsive-ux input.span1, .responsive-ux textarea.span1 { width: 28px } .responsive-ux .hidden-desktop { display: inherit!important } .responsive-ux .visible-desktop { display: none!important } .responsive-ux .visible-tablet { display: inherit!important } .responsive-ux .hidden-tablet { display: none!important } .responsive-ux.boxed-ux #wrap { max-width: 100% } .responsive-ux .fivecolumns .span2 { width: 17.79005524861878448%; *width: 17.7155871635124022% } } @media (max-width:768px) { .responsive-ux .navbar-fixed-bottom, .responsive-ux .navbar-fixed-top, .responsive-ux .navbar-static-top { margin-left: -20px; margin-right: -20px } .responsive-ux .container-fluid { padding: 0 } .responsive-ux .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left } .responsive-ux .dl-horizontal dd { margin-left: 0 } .responsive-ux .container { width: 90% } .responsive-ux .general_moudle.span6 .moudle.span3, .responsive-ux .row-fluid { width: 100% } .responsive-ux .row, .thumbnails { margin-left: 0 } .responsive-ux .thumbnails>li { float: none; margin-left: 0 } .responsive-ux .row-fluid [class*=span], .responsive-ux .uneditable-input[class*=span], .responsive-ux [class*=span] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .responsive-ux .row-fluid .span12, .responsive-ux .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .responsive-ux .row-fluid [class*=offset]:first-child { margin-left: 0 } .responsive-ux .input-large, .responsive-ux .input-xlarge, .responsive-ux .input-xxlarge, .responsive-ux .uneditable-input, .responsive-ux input[class*=span], .responsive-ux select[class*=span], .responsive-ux textarea[class*=span] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .responsive-ux .input-append input, .responsive-ux .input-append input[class*=span], .responsive-ux .input-prepend input, .responsive-ux .input-prepend input[class*=span] { display: inline-block; width: auto } .responsive-ux .controls-row [class*=span]+[class*=span] { margin-left: 0 } .responsive-ux .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0 } .responsive-ux .modal.fade { top: -100px } .responsive-ux .modal.fade.in { top: 20px } .responsive-ux .hidden-desktop { display: inherit!important } .responsive-ux .visible-desktop { display: none!important } .responsive-ux .visible-phone { display: inherit!important } .responsive-ux .hidden-phone { display: none!important } body.responsive-ux { overflow-x: hidden } .responsive-ux #post-navi .row-fluid [class*=span] { float: left; width: 50% } .responsive-ux.navi-side #wrap { padding-left: 0!important; padding-right: 0!important } .responsive-ux #sidebar-widget { padding-top: 40px } .responsive-ux .carousel-des-wrap-tit { font-size: 4rem } .responsive-ux .carousel-des-wrap-meta { font-size: 1.4rem } .responsive-ux.navi-side #header { position: static!important; width: auto!important; height: 80px } .responsive-ux #nav-side-bottom, .responsive-ux #nav-side-middle, .responsive-ux #nav-side-top, .responsive-ux.header-sticky.navi-over #title-hidden { display: none!important } .responsive-ux .widget_footer .row-fluid { margin-top: -30px } .responsive-ux .widget_footer_unit[class*=span] { margin-top: 30px } .responsive-ux.ux-mobile .container.back-top-out { width: 100% } .responsive-ux #content_wrap[class*=span] { padding-left: 0!important; padding-right: 0!important } .responsive-ux h1.title-wrap-tit { margin-right: auto; width: 80%; font-size: 28px; line-height: 1.1 } .responsive-ux .title-wrap { min-height: 180px } .responsive-ux .carousel-des-wrap-meta, .responsive-ux .title-wrap-des { height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .responsive-ux .team-photo { position: static } .responsive-ux .team-info { margin-left: 0 } .responsive-ux .archive-wrap .pagenums { margin-bottom: 40px } .responsive-ux.single-team .gallery-wrap-sidebar .gallery-info-wrap { padding-left: 0; margin-top: 30px } .responsive-ux .related-posts-carousel-li { min-height: 220px } .responsive-ux .related-posts-tit-a { font-size: 1.6rem; font-weight: 400; line-height: 1 } .responsive-ux .related-posts-meta { font-size: 1rem } .responsive-ux .main-list section.main-list-item { height: auto } .responsive-ux .mainlist-excerpt.ux-ellipsis { font-size: 14px } .responsive-ux .article-inn.span9 .container, .responsive-ux .main-list section.main-list-item, .responsive-ux .main-list section.width4, .responsive-ux .two-cols-layout .main-list section.main-list-item { width: 100% } .responsive-ux.navi-side .container.format-gallery>.row-fluid { width: 90%; margin-right: auto; margin-left: auto } .responsive-ux.navi-side:not(.ux-mobile) .container { padding-left: 0; padding-right: 0; width: 90% } } @media (max-width:480px) { .responsive-ux .nav-collapse { -webkit-transform: translate3d(0, 0, 0) } .responsive-ux .page-header h1 small { display: block; line-height: 20px } .responsive-ux input[type=checkbox], .responsive-ux input[type=radio] { border: 1px solid #ccc } .responsive-ux .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left } .responsive-ux .form-horizontal .controls { margin-left: 0 } .responsive-ux .form-horizontal .control-list { padding-top: 0 } .responsive-ux .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px } .responsive-ux .media .pull-left, .responsive-ux .media .pull-right { float: none; display: block; margin-bottom: 10px } .responsive-ux .media-object { margin-right: 0; margin-left: 0 } .responsive-ux .modal { top: 10px; left: 10px; right: 10px } .responsive-ux .modal-header .close { padding: 10px; margin: -10px } .responsive-ux .carousel-caption { position: static } .responsive-ux .archive-list { margin-top: -30px } .responsive-ux [class*=span]#content_wrap { margin-bottom: 0 } body.error404.responsive-ux #content_wrap { margin-top: 60px; margin-bottom: 60px } .responsive-ux #footer, .responsive-ux #search-overlay .pagenums, .responsive-ux .break-line, .responsive-ux .content-author, .responsive-ux .content_wrap_outer, .responsive-ux .feature-list, .responsive-ux .pagenums, .responsive-ux .pagenums .pagination, .responsive-ux .pagenums .tw-style-a, .responsive-ux .related-posts-carousel, .responsive-ux .widget_main, body.single.single-product.responsive-ux #footer { margin-top: 40px } .responsive-ux #comments_box, .responsive-ux #respondwrap, .responsive-ux .post-featured-img { margin-top: 30px } .gallery-property, body.single.responsive-ux .entry, body.single.responsive-ux .social-bar { margin-bottom: 30px } .responsive-ux #post-navi, .responsive-ux .gallery-post-wrap, .responsive-ux .pagenums .tw-style-a { margin-bottom: 40px } .responsive-ux .commentlist, .responsive-ux form#commentform, body.page.responsive-ux .blog-list .entry { margin-top: 20px } .responsive-ux #comments { margin-bottom: 20px } .responsive-ux .blog-list>article, .responsive-ux .list-author, .responsive-ux .list-author-unit, .responsive-ux .top-space, .responsive-ux .widget_footer { padding-top: 40px } .responsive-ux .list-author-unit, .responsive-ux .widget_footer { padding-bottom: 40px } .responsive-ux .main-list:not(.archive-list) .pagenums .tw-style-a, .responsive-ux .pagenums.tw_style, .responsive-ux.no-bottom-space #footer, .responsive-ux.no-top-space .content_wrap_outer, .responsive-ux.single-format-gallery.navi-side .content_wrap_outer.fullwrap-layout, body.single.responsive-ux #footer { margin-top: 0 } .responsive-ux #logo img { max-width: 120px; height: auto } .responsive-ux .topslider .carousel-des-wrap-meta, .responsive-ux .topslider .carousel-des-wrap-tit { margin-top: 10px } .responsive-ux .topslider .centered-ux { margin-top: -30px } .responsive-ux .carousel-des-wrap-tit { font-size: 2.4rem } .responsive-ux .site-loading-logo .logo-h1 { font-size: 20px } .responsive-ux h1 { font-size: 28px; font-size: 2.8rem; line-height: 1 } .responsive-ux h2 { font-size: 24px; font-size: 2.4rem; line-height: 1 } .responsive-ux h3 { line-height: 1 } .responsive-ux h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.25 } .responsive-ux h5 { line-height: 1.25 } .responsive-ux h6 { font-size: 14px; font-size: 1.4rem; line-height: 1.25 } .responsive-ux .blog-unit-tit, .responsive-ux h3 { font-size: 20px; font-size: 2rem } .responsive-ux .archive-list-tit, .responsive-ux .archive-title, .responsive-ux .author-tit, .responsive-ux .blog-unit-link-li, .responsive-ux .comment-box-tit, .responsive-ux .fourofour-wrap h2, .responsive-ux .latest-posts-tit, .responsive-ux .mainlist-tit, .responsive-ux .related-posts-tit, .responsive-ux .social-bar-tit, .responsive-ux .subscribe-foot-tit, .responsive-ux h3#reply-title, .responsive-ux h3.widget-title, .responsive-ux h5 { font-size: 16px; font-size: 1.6rem } .responsive-ux h2.hot-top-tit { font-size: 22px; font-size: 2.4rem; line-height: 1 } .responsive-ux .blog-unit-meta { font-size: 14px; font-size: 1.4rem } .responsive-ux #header .blog-unit-meta, .responsive-ux .hot-top-excerpt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 90% } .responsive-ux #navi-mobile li, .responsive-ux .mobile-panel-inn a { font-size: 20px; line-height: 1.8; text-transform: uppercase; } .ux-mobile.responsive-ux .submenu-icon { width: 3px; height: 3px; bottom: 8px } .responsive-ux .mobile-panel-in .menu-item-back .fa { font-size: 16px } .responsive-ux .archive-list .blog-unit-img-wrap { height: 160px } .responsive-ux .blog-unit-excerpt, .responsive-ux .blog-unit-img-wrap, .responsive-ux .blog-unit-link { margin-top: 20px } .responsive-ux .list-heigh-fixed .blog-unit-img-wrap, .responsive-ux .list-heigh-fixed .hover-scale { height: auto } .responsive-ux .list-heigh-fixed .blog-unit-img { position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0) } .responsive-ux .related-posts-carousel-li { min-height: 140px } .responsive-ux .content-author .break-line, .responsive-ux .owl-controls, .responsive-ux .related-posts-meta { display: none } .responsive-ux .list-layout-col2-item, .responsive-ux .list-layout-col3-item, .responsive-ux .list-layout-col4-item { width: 100% } .responsive-ux .related-posts-tit { left: 20px; right: 20px } .responsive-ux .h3#reply-title::after { margin-top: -14px } } @media screen and (max-width:600px) { #wpadminbar { position: fixed } } .f_col { clear: left } .f_col, .f_col[class*=span] { margin-left: 0 } #footer { margin-top: 0!important } .pagebuilder-wrap .fullwidth-wrap .row-fluid div.span12, .pagebuilder-wrap .fullwidth-wrap.bottom-space-40 { margin-bottom: 0!important } #wrap-outer.bck-1e1e1e, .bck-1e1e1e { background-color: #1e1e1e } #wrap div#content, .fullwrap-layout-inn div#content_wrap { background-color: #fcfcfc } .video-tag { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0 } .text_block h6 { font-weight: 700; color: #636363 } #comments .comment-author a, #comments .comment-meta .comment-reply-link, #comments .comment-meta .date, #mobile-header-meta p, #search-result .pagenums .tw-style-a, #sidebar .social_active i:hover, .accordion-heading .accordion-toggle, .archive-date, .archive-meta-unit, .archive-meta-unit a, .archive-tit a, .archive-unit-h2 a, .article-inn div.entry h2, .bbp-author-role, .bbp-forum-content, .bbp-meta, .bbp-meta a, .bbp-pagination-count, .bignumber-item.post-color-default, .blog-item .date-block, .blog-item-excerpt .wp-caption-text, .blog-item-main h2 a, .blog-unit-meta, .blog-unit-meta a, .blog-unit-tit a, .blog_meta, .blog_meta a, .clients_wrap .carousel-btn .carousel-btn-a, .filters.filters-nobg li a:hover, .filters.filters-nobg li.active a, .gallery-info-property-item, .gallery-list-contiune, .infrographic-subtit, .item-title-a, .jqbar.vertical span, .latest-posts-date, .latest-posts-tags a, .list-author-unit .socialmeida-a, .main-title, .mainlist-meta, .mainlist-meta a:hover, .more-link, .moudle .ux-btn, .nav-tabs>.active>a, .nav-tabs>.active>a:focus, .nav-tabs>.active>a:hover, .portfolio-standatd-tags a[rel*=tag], .portfolio-standatd-tit-a, .post-meta, .post-meta a, .post-navi-a, .post-navi-unit-a, .post_meta>li, .post_meta>li a, .product_meta, .product_meta a, .related-posts-date, .site-loading-logo .logo-h1, .slider-panel-item h2.slider-title a, .team-item-con-back a, .team-item-con-back i, .team-item-con-h p, .uneditable-input, .ux-grid-tit-a, h1, h1.title-wrap-tit, h2, h3, h3.social-bar-tit, h4, h5, h6, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], span.bbp-author-ip, textarea { color: #636363 } .hwite{color:#ffffff !important;} h4.carousel-des-wrap-meta a {font-size:2.2rem !important;} .uneditable-input, .ux-btn, .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select, button, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=submit], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea { border-bottom-color: #636363 !important } footer#footer.footer-centered div.footer-info.row-fluid div.container div.span3 div.developer a:hover { color: #95fee5 } .height-max-400 { max-height: 400px!important } .fullwrap-layout.jiga-portfolio, .jiga .fullwrap-layout { margin-top: 0 } form#contact-form { padding-bottom: 2em } .contact-area i.fa { width: 30px } span.carousel-des-wrap-meta, span.carousel-des-wrap-meta a{ font-size: 22px; font-size: 2.2rem; } div.g-recaptcha{float:left; margin-bottom:50px;} form .btnarea{float:right;} /*adverts.css*/ /*Warnings*/ #alertsWarnings.modal { position: fixed; left: 0; z-index: 1050; width: 100%; margin-left: 0; background-color: transparent; /* border: 1px solid #999; */ border: 1px solid rgba(0,0,0,.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,.3); box-shadow: 0 3px 7px rgba(0,0,0,.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } #alertsWarnings p{font-size: 1.4rem !important;} #alertsWarnings button{ height: initial !important; margin-top: initial !important; } body.modal-open { overflow: auto; padding-right:0; } .modal-dialog { position:absolute; bottom:0; left:0; width: 100%; margin: auto; } .modal-content {border-radius: 0;} .modal-body { display: inline-block; } .modal-backdrop.in { filter: alpha(opacity=0); opacity: 0; } #alertsWarnings .modal-body {padding-bottom: 0;} button.btn-default { color: #f94c00; border-color: #f94c00 !important; background: transparent; border-radius: 0; } button.btn-default:hover{ color: #ffffff; background: #f94c00; } .btn-primary { color: #ffffff; border-color: #f94c00 !important; background-color: #f94c00 !important; border-radius: 0; } .btn-primary:hover{ color: #f94c00; border-color: #f94c00 !important; background-color: #ffffff !important; } footer div.funds a img{ max-width: 480px; padding: 1em; }