endustriyelkiralama.com
Open in
urlscan Pro
212.64.200.154
Public Scan
Submitted URL: http://endustriyelkiralama.com/wp-content/themes/construct/assets/css/shortcodes.css?ver=5.4.16
Effective URL: https://endustriyelkiralama.com/wp-content/themes/construct/assets/css/shortcodes.css?ver=5.4.16
Submission: On November 02 via api from US — Scanned from CA
Effective URL: https://endustriyelkiralama.com/wp-content/themes/construct/assets/css/shortcodes.css?ver=5.4.16
Submission: On November 02 via api from US — Scanned from CA
Form analysis
0 forms found in the DOMText Content
/* Spacer -------------------------------------------------------------- */ .wprt-spacer { clear: both; } /* Google Map -------------------------------------------------------------- */ .wprt-gmap { height: 400px; } /* Section -------------------------------------------------------------- */ .wprt-section { position: relative; background-color: #fff; } .wprt-section.promotion { padding: 32px 0; background-color: #ffbc13; } .wprt-section.works { background-image: url(../img/bg-section-1.jpg); background-position: center center; } .wprt-section.facts { background-image: url(../img/bg-section-2.jpg); background-position: center center; } .wprt-section.promotion-2 { background-image: url(../img/bg-section-3.jpg); background-position: center center; } .wprt-section.progressbar { background-image: url(../img/bg-section-4.jpg); background-position: center center; } .wprt-section.offer, .wprt-section.partners, .wprt-section.service { background-color: #f8f8f8; } .wprt-section.facts-2 { background-image: url(../img/bg-section-5.jpg); background-position: center center; } .wprt-section.facts-3 { background-image: url(../img/bg-section-4.jpg); background-position: center center; } .wprt-section.services-2 { background-color: #f8f8f8; } /* SubTitle -------------------------------------------------------------- */ .wprt-subtitle { font-size: 1.142em; line-height: 1.8em; max-width: 770px; margin: 0 auto; text-align: center; } .wprt-subtitle.left { text-align: left; margin: 0; } /* Image Box -------------------------------------------------------------- */ .wprt-image-box { background-color: #fff; padding: 30px; } .wprt-image-box.left .image-wrap { width: 225px; height: auto; float: left; margin-right: 25px; } .wprt-image-box.left .content-wrap { overflow: hidden; } .wprt-image-box.left .content-wrap > p { margin: 0 0 12px; } .wprt-image-box.left .dd-title { margin-bottom: 8px; } .wprt-image-box.left .dd-title a:hover { color: #ffbc13; } .wprt-image-box.left .dd-link a { font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 500; position: relative; padding-right: 15px; display: inline-block; color: #979797; } .wprt-image-box.left .dd-link a:after { content: "\f101"; font-family: "FontAwesome"; position: absolute; right: 0; top: 0; } .wprt-image-box.left .dd-link a:hover { color: #ffbc13; } @media only screen and (max-width: 767px) { .wprt-image-box.left .image-wrap { width: auto; margin: 0 0 20px; float: none; } } /* Icon Box - Top -------------------------------------------------------------- */ .wprt-icon-box { text-align: center; } .wprt-icon-box .icon-wrap { margin-bottom: 10px;} .wprt-icon-box > .dd-title { margin-bottom: 8px; } .wprt-icon-box > .dd-title a:hover { color: #ffbc13; } .wprt-icon-box p { margin-bottom: 8px; } .wprt-icon-box.width-150 .dd-icon { line-height: 150px; width: 150px; height: 150px; font-size: 55px; } .wprt-icon-box.width-120 .dd-icon { line-height: 120px; width: 120px; height: 120px; font-size: 50px; } .wprt-icon-box.width-90 .dd-icon { line-height: 90px; width: 90px; height: 90px; font-size: 45px; } .wprt-icon-box.width-70 .dd-icon { line-height: 70px; width: 70px; height: 70px; font-size: 40px; } .wprt-icon-box.rounded .dd-icon, .wprt-icon-box.rounded.icon-effect-1 .dd-icon:after, .wprt-icon-box.rounded.icon-effect-3 .dd-icon:after { border-radius: 50%; } .wprt-icon-box .dd-icon { display: inline-block; position: relative; z-index: 1; color: #ffbc13; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .wprt-icon-box .dd-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: 0; left: 0; z-index: -1; } .wprt-icon-box .dd-link a { font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 500; position: relative; padding-right: 15px; display: inline-block; } .wprt-icon-box .dd-link a:after { content: "\f101"; font-family: "FontAwesome"; position: absolute; right: 0; top: 0; } .wprt-icon-box .dd-link.dark a { color: #979797; } .wprt-icon-box .dd-link.dark a:hover { color: #ffbc13; } /* Outline */ .wprt-icon-box.outline .icon-wrap { margin-bottom: 25px; } .wprt-icon-box.outline .dd-icon { box-shadow: inset 0 0 0 2px #ffbc13; } .wprt-icon-box.outline .dd-icon:after { background-color: #ffbc13; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; } /* Outline Effect 1 */ .wprt-icon-box.outline.icon-effect-1:hover .dd-icon { color: #fff; } .wprt-icon-box.outline.icon-effect-1:hover .dd-icon:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .wprt-icon-box.outline.icon-effect-1 .dd-icon:before { -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; } .wprt-icon-box.outline.icon-effect-1:hover .dd-icon:before { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } /* Outline Effect 2 */ .wprt-icon-box.outline.icon-effect-2 .dd-icon { -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; } .wprt-icon-box.outline.icon-effect-2 .dd-icon:after { display: none; } .wprt-icon-box.outline.icon-effect-2:hover .dd-icon { color: #fff; background-color: #ffbc13; } .wprt-icon-box.outline.icon-effect-2:hover .dd-icon:before { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } /* Outline Effect 3 */ .wprt-icon-box.outline.icon-effect-3:hover .dd-icon { color: #fff; background-color: #ffbc13; } .wprt-icon-box.outline.icon-effect-3 .dd-icon:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; z-index: -1; background-color: transparent; } .wprt-icon-box.outline.icon-effect-3:hover .dd-icon:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; background-color: #ffbc13; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s, background 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s, background 0.3s; transition: transform 0.2s, opacity 0.3s, background 0.3s; } .wprt-icon-box.outline.icon-effect-3 .dd-icon:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .wprt-icon-box.outline.icon-effect-3:hover .dd-icon:before { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /* Accent background */ .wprt-icon-box.accent-background .icon-wrap { margin-bottom: 25px; } .wprt-icon-box.accent-background .dd-icon { box-shadow: inset 0 0 0 2px #ffbc13; color: #fff; } .wprt-icon-box.accent-background:hover .dd-icon { color: #ffbc13; } /* Accent background Effect 3 */ .wprt-icon-box.accent-background.icon-effect-3 .dd-icon:after { background-color: #ffbc13; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; } .wprt-icon-box.accent-background.icon-effect-3:hover .dd-icon:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } /* Accent background Effect 2 */ .wprt-icon-box.accent-background.icon-effect-2 .dd-icon { background-color: #ffbc13; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; } .wprt-icon-box.accent-background.icon-effect-2 .dd-icon:after { display: none; } .wprt-icon-box.accent-background.icon-effect-2:hover .dd-icon { color: #ffbc13; background-color: #fff; } .wprt-icon-box.accent-background.icon-effect-2:hover .dd-icon:before { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } /* Accent background Effect 1 */ .wprt-icon-box.accent-background.icon-effect-1 .dd-icon { background-color: #ffbc13; color: #fff; } .wprt-icon-box.accent-background.icon-effect-1:hover .dd-icon { background-color: transparent; color: #ffbc13; } .wprt-icon-box.accent-background.icon-effect-1 .dd-icon:after { background-color: #ffbc13; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .wprt-icon-box.accent-background.icon-effect-1:hover .dd-icon:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-color: transparent; opacity: 1; } .wprt-icon-box.accent-background.icon-effect-1 .dd-icon:before { -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; } .wprt-icon-box.accent-background.icon-effect-1:hover .dd-icon:before { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } /* Grey background */ .wprt-icon-box.grey-background .icon-wrap { margin-bottom: 25px; } .wprt-icon-box.grey-background .dd-icon { background-color: #f8f8f8; color: #ffbc13; } .wprt-icon-box.grey-background:hover .dd-icon { background-color: #ffbc13; color: #fff; border-color: #ffbc13; } /* Grey background Effect 1 */ .wprt-icon-box.grey-background.icon-effect-1 .dd-icon:after { background-color: #ffbc13; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s, background 0.3s; transition: transform 0.3s, opacity 0.3s, background 0.3s; } .wprt-icon-box.grey-background.icon-effect-1:hover .dd-icon:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-color: transparent; opacity: 1; } .wprt-icon-box.grey-background.icon-effect-1 .dd-icon:before { -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; } .wprt-icon-box.grey-background.icon-effect-1:hover .dd-icon:before { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } /* Grey background Effect 2 */ .wprt-icon-box.grey-background.icon-effect-2 .dd-icon { -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; } .wprt-icon-box.grey-background.icon-effect-2 .dd-icon:after { display: none; } .wprt-icon-box.grey-background.icon-effect-2:hover .dd-icon:before { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } /* Grey background Effect 3 */ .wprt-icon-box.grey-background.icon-effect-3 .dd-icon:after { background-color: #ffbc13; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s, background 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s, background 0.3s; transition: transform 0.2s, opacity 0.3s, background 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; } .wprt-icon-box.grey-background.icon-effect-3:hover .dd-icon:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 1; background-color: transparent; } /* Icon Box - Left -------------------------------------------------------------- */ .wprt-icon-box.icon-left { text-align: left; position: relative; } .wprt-icon-box.icon-left .icon-wrap { position: absolute; left: 0; top: 0; font-size: 50px; line-height: 50px; width: auto; } .wprt-icon-box.icon-left .content-wrap { padding-left: 80px; } .wprt-icon-box.icon-left .dd-title { margin-bottom: 8px; } .wprt-icon-box.icon-left .dd-title a:hover { color: #ffbc13; } /* Outline */ .wprt-icon-box.icon-left.outline .dd-icon { box-shadow: inset 0 0 0 2px #ffbc13; display: inline-block; width: 70px; height: 70px; line-height: 70px; text-align: center; margin-top: 4px; } .wprt-icon-box.icon-left.outline .icon-wrap { font-size: 38px; margin-bottom: 0; } .wprt-icon-box.icon-left.outline .content-wrap { padding-left: 100px; } /* Accent background */ .wprt-icon-box.icon-left.accent-background .dd-icon { color: #fff; } .wprt-icon-box.icon-left.accent-background:hover .dd-icon { color: #ffbc13; } .wprt-icon-box.icon-left.accent-background .dd-icon { box-shadow: inset 0 0 0 2px #ffbc13; display: inline-block; width: 70px; height: 70px; line-height: 66px; text-align: center; margin-top: 4px; } .wprt-icon-box.icon-left.accent-background .icon-wrap { font-size: 38px; margin-bottom: 0; } .wprt-icon-box.icon-left.accent-background .content-wrap { padding-left: 100px; } /* Grey background */ .wprt-icon-box.icon-left.grey-background .dd-icon { background-color: #f8f8f8; color: #ffbc13; } .wprt-icon-box.icon-left.grey-background:hover .dd-icon { background-color: #ffbc13; color: #fff; border-color: #ffbc13; } .wprt-icon-box.icon-left.grey-background .dd-icon { display: inline-block; width: 70px; height: 70px; line-height: 66px; text-align: center; margin-top: 4px; } .wprt-icon-box.icon-left.grey-background .icon-wrap { font-size: 38px; margin-bottom: 0; } .wprt-icon-box.icon-left.grey-background .content-wrap { padding-left: 100px; } /* Icon Box - Right -------------------------------------------------------------- */ .wprt-icon-box.icon-right { text-align: right; position: relative; } .wprt-icon-box.icon-right .icon-wrap { position: absolute; right: 0; top: 0; font-size: 50px; line-height: 50px; width: auto; } .wprt-icon-box.icon-right .content-wrap { padding-right: 80px; } .wprt-icon-box.icon-right .dd-title { margin-bottom: 6px; } /* Outline */ .wprt-icon-box.icon-right.outline .dd-icon { box-shadow: inset 0 0 0 2px #ffbc13; display: inline-block; width: 70px; height: 70px; line-height: 66px; text-align: center; margin-top: 4px; } .wprt-icon-box.icon-right.outline .icon-wrap { font-size: 38px; margin-bottom: 0; } .wprt-icon-box.icon-right.outline .content-wrap { padding-right: 100px; } /* Accent background */ .wprt-icon-box.icon-right.accent-background .dd-icon { color: #fff; } .wprt-icon-box.icon-right.accent-background:hover .dd-icon { color: #ffbc13; } .wprt-icon-box.icon-right.accent-background .dd-icon { box-shadow: inset 0 0 0 2px #ffbc13; display: inline-block; width: 70px; height: 70px; line-height: 66px; text-align: center; margin-top: 4px; } .wprt-icon-box.icon-right.accent-background .icon-wrap { font-size: 38px; margin-bottom: 0; } .wprt-icon-box.icon-right.accent-background .content-wrap { padding-right: 100px; } /* Grey background */ .wprt-icon-box.icon-right.grey-background .dd-icon { background-color: #f8f8f8; color: #ffbc13; } .wprt-icon-box.icon-right.grey-background:hover .dd-icon { background-color: #ffbc13; color: #fff; border-color: #ffbc13; } .wprt-icon-box.icon-right.grey-background .dd-icon { display: inline-block; width: 70px; height: 70px; line-height: 70px; text-align: center; margin-top: 4px; } .wprt-icon-box.icon-right.grey-background .icon-wrap { font-size: 38px; margin-bottom: 0; } .wprt-icon-box.icon-right.grey-background .content-wrap { padding-right: 100px; } /* Lines -------------------------------------------------------------- */ .wprt-lines { position: relative; } .wprt-lines .line-1, .wprt-lines .line-2 { position: absolute; left: 0; top: 50%; z-index: 2; } .wprt-lines .line-2 { z-index: 1; } .wprt-lines.style-2 .line-1, .wprt-lines.style-2 .line-2 { left: 50%; } .wprt-lines.full-width .line-2 { left: 0; } .wprt-lines.custom-1 { height: 3px; } .wprt-lines.custom-1 .line-1 { height:3px; width: 60px; background-color: #ffbc13; margin-left: -30px; margin-top: -1.5px } .wprt-lines.custom-2 { height: 3px; } .wprt-lines.custom-2 .line-1 { height:3px; width: 60px; background-color: #ffbc13; margin-top: -1.5px } .wprt-lines.custom-3 { height: 3px; } .wprt-lines.custom-3 .line-1 { height:3px; width: 60px; background-color: #ffbc13; margin-left: 0; margin-top: -1.5px } .wprt-lines.custom-3 .line-2 { height:1px; width: 100%; background-color: #f8f8f8; margin-left: 0; margin-top: -0.5px } .wprt-lines.custom-4 { height: 1px; } .wprt-lines.custom-4 .line-1 { height:1px; width: 100%; background-color: #eaeaea; margin-left: 0; margin-top: -0.5px } .wprt-lines.custom-5 { height: 3px; } .wprt-lines.custom-5 .line-1 { height:3px; width: 60px; background-color: #ffbc13; margin-left: 0; margin-top: -1.5px } .wprt-lines.custom-5 .line-2 { height:1px; width: 100%; background-color: #f3f3f3; margin-left: 0; margin-top: -0.5px } /* Button -------------------------------------------------------------- */ .wprt-button { font-family: "Montserrat", sans-serif; font-weight: 500; display: inline-block; padding: 0.65em 2.5em; background-color: #ffbc13; border: 2px solid #ffbc13; color: #fff; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } /* Button Rounded */ .wprt-button.rounded-3px { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .wprt-button.rounded-30px { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .wprt-button:hover { background-color: #4b4b4b; border-color: #4b4b4b; color: #fff } /* Button Dark */ .wprt-button.dark { background-color: #4b4b4b; border-color: #4b4b4b; color: #fff; } .wprt-button.dark:hover { background-color: #ffbc13; border-color: #ffbc13; color: #fff; } /* Button Light */ .wprt-button.light { background-color: #888; border-color: #888; color: #fff; } .wprt-button.light:hover { background-color: #ffbc13; border-color: #ffbc13; color: #fff; } /* Button Very Light */ .wprt-button.very-light { background-color: #c7c7c7; border-color: #c7c7c7; color: #fff; } .wprt-button.very-light:hover { background-color: #ffbc13; border-color: #ffbc13; color: #fff; } /* Button White */ .wprt-button.white { background-color: #fff; border-color: #fff; color: #4b4b4b; } .wprt-button.white:hover { background-color: #4b4b4b; border-color: #4b4b4b; color: #fff; } /* Button Outline */ .wprt-button.outline { background-color: transparent; border-color: #ffbc13; color: #ffbc13; } .wprt-button.outline:hover { background-color: #ffbc13; color: #fff; } /* Button Outline Dark */ .wprt-button.outline.dark { border-color: #4b4b4b; color: #4b4b4b; } .wprt-button.outline.dark:hover { background-color: #ffbc13; border-color: #ffbc13; color: #fff; } /* Button Outline Light */ .wprt-button.outline.light { border-color: #888; color: #888; } .wprt-button.outline.light:hover { background-color: #ffbc13; border-color: #ffbc13; color: #fff; } /* Button Outline Very Light */ .wprt-button.outline.very-light { border-color: #c7c7c7; color: #bbb; } .wprt-button.outline.very-light:hover { background-color: #ffbc13; border-color: #ffbc13; color: #fff; } /* Button Small */ .wprt-button.small { padding: 0.425em 1.75em; font-size: 0.928em; } /* Button Big */ .wprt-button.big { padding: 0.8em 2.6em; font-size: 1.142em; } @media only screen and (max-width: 991px) { .wprt-button, .wprt-button.big { padding: 0.425em 1.75em; font-size: 0.928em; } } /* Progress Bar -------------------------------------------------------------- */ .wprt-progress { position: relative; overflow: hidden; } .wprt-progress .title, .wprt-progress .perc { color: #fff; line-height: normal; font-family: "Montserrat", sans-serif; } .wprt-progress .title { position: absolute; left: 0; top:0; } .wprt-progress .progress-animate { height: 12px; width: 0; background-color: #ffbc13; border-radius: 1px; } .wprt-progress .progress-bar { background-color: #333; width: 100%; margin-top: 10px; border-radius: 1px; } .wprt-progress .perc { width: 0; text-align: right; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .wprt-progress .perc.show { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* List -------------------------------------------------------------- */ .wprt-list { list-style: none; margin: 0; } .wprt-list li { position: relative; padding: 0 0 0 25px; margin-bottom: 8px; } .wprt-list li:before { content: "\f046"; font-family: "FontAwesome"; line-height: normal; position: absolute; left: 0; top: 6px; } .wprt-list.style-4 li:before { top: 8px; } .wprt-list.style-5 li:before { top: 10px; } /* List Styles*/ .wprt-list.style-2 li:before { content: "\f00c"; } .wprt-list.style-3 li:before { content: "\f101"; } .wprt-list.style-4 li:before { content: "\f054"; font-size: 11px; } .wprt-list.style-5 li:before { content: "\f111"; font-size: 6px; } .wprt-list.style-6 li:before { content: "\f0da"; } .wprt-list.accent-color li:before { color: #ffbc13; } /* Toggle -------------------------------------------------------------- */ .wpb-js-composer div.vc_tta.vc_general .vc_tta-panel-body, .wpb-js-composer div.vc_tta.vc_general .vc_tta-panel-heading{ border: none!important; } .wpb-js-composer div.vc_tta.vc_general .vc_tta-panel-body{ padding: 35px 20px; background: transparent!important; } .wprt-toggle .toggle-title, .wpb-js-composer div.vc_tta.vc_general .vc_tta-panel-title a{ cursor: pointer; font-size: 17px; padding: 17px 40px 17px 55px; background-color: #f8f8f8; margin-bottom: 0; border: none; position: relative; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } .wprt-toggle .toggle-title:before, .wprt-toggle .toggle-title:after, .wpb-js-composer div.vc_tta.vc_general .vc_tta-panel-title a:before, .wpb-js-composer div.vc_tta.vc_general .vc_tta-panel-title a:after { content: "\f0fe"; font-family: "FontAwesome"; font-weight: normal; line-height: normal; color: #4b4b4b; position: absolute; left: 20px; top: 50%; -webkit-transform: translate3d(0,-50%,0); -moz-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .wpb-js-composer div.vc_tta.vc_general .vc_tta-panel-title a:before, .wprt-toggle .toggle-title:before { content: "\f107"; left: auto; right: 20px; } .wprt-toggle.active .toggle-title, .wpb-js-composer div.vc_tta.vc_general .vc_active .vc_tta-panel-title a { background-color: #ffbc13; border-color: #ffbc13; } .wpb-js-composer div.vc_tta.vc_general .vc_tta-panel-title a span{ color: #4b4b4b; } .wprt-toggle.active .toggle-title, .wprt-toggle.active .toggle-title:after, .wprt-toggle.active .toggle-title:before, .wpb-js-composer div.vc_tta.vc_general .vc_active .vc_tta-panel-title a span, .wpb-js-composer div.vc_tta.vc_general .vc_active .vc_tta-panel-title a:before, .wpb-js-composer div.vc_tta.vc_general .vc_active .vc_tta-panel-title a:after { color: #fff; } .wprt-toggle.active .toggle-title:after, .wpb-js-composer div.vc_tta.vc_general .vc_active .vc_tta-panel-title a:after { content: "\f146"; } .wprt-toggle .toggle-content { display: none; padding: 20px 20px 35px; } /* Toggle Style 2 */ .wprt-toggle.style-2 { margin-bottom: 10px; } .wprt-toggle.style-2 .toggle-title, .wpb-js-composer div.vc_tta.vc_general.style2 .vc_tta-panel-title a{ padding-right: 25px; padding-left: 70px; border: 0; margin: 0; } .wprt-toggle.style-2 .toggle-title:before, .wpb-js-composer div.vc_tta.vc_general.style2 .vc_tta-panel-title a:before { content: ""; } .wprt-toggle.style-2 .toggle-title:after, .wpb-js-composer div.vc_tta.vc_general.style2 .vc_tta-panel-title a:after { content: "\f0fe"; color: #fff; left: 0; width: 50px; height: 50px; background-color: #2d2d2d; text-align: center; line-height: 50px; } .wprt-toggle.style-2.active .toggle-title:after, .wpb-js-composer div.vc_tta.vc_general.style2 .vc_active .vc_tta-panel-title a:after { content: "\f146"; } .wpb-js-composer div.vc_tta.vc_general.style2 .vc_active .vc_tta-panel-title a { background-color: #2d2d2d; } .wprt-toggle.style-2.active .toggle-title { background-color: transparent; color: #4b4b4b; } .wprt-toggle.style-2.active .toggle-title:after { background-color: #2d2d2d; } .wprt-toggle.style-2 .toggle-content { padding: 10px 30px 20px 70px; } /* Counter -------------------------------------------------------------- */ .wprt-counter .number { font-size: 40px; line-height: normal; color: #4b4b4b; font-family: "Montserrat", sans-serif; font-weight: 500; } .wprt-counter .text { font-size: 1em; letter-spacing: 1px; } /* Counter has plus icon */ .wprt-counter.has-plus .number { position: relative; } .wprt-counter.has-plus .number:after { content: "+"; color: #ffbc13; } /* Counter text white */ .wprt-counter.white-type .number { color: #fff; } .wprt-counter.white-type .text { color: #eee; } /* Galleries -------------------------------------------------------------- */ .wprt-galleries.galleries .flexslider { margin-bottom: 30px; border: 0; border-radius: 0; box-shadow: none; } .wprt-galleries.galleries.w-570px .flexslider { margin-bottom: 10px; } .wprt-galleries.galleries.w-770px .flexslider { margin-bottom: 15px; } .wprt-galleries.galleries #wprt-carousel { margin-bottom: 0; } .wprt-galleries.galleries #wprt-carousel .slides > li { margin-right: 15px; position: relative; cursor: pointer; padding: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .wprt-galleries.galleries #wprt-carousel .slides > li:hover:after, .wprt-galleries.galleries #wprt-carousel .slides > li.flex-active-slide:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #ffbc13; } .wprt-galleries.galleries #wprt-slider .slides li, .wprt-galleries-grid .item-wrap { position: relative; } .wprt-galleries.galleries #wprt-slider .slides li .zoom, .wprt-galleries-grid .item-wrap .zoom { position: absolute; right: 0; top: 0; color: #2d2d2d; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; z-index: 2; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .wprt-galleries.galleries #wprt-slider li, .wprt-galleries.galleries #wprt-carousel li { padding: 0; } .wprt-galleries.galleries #wprt-slider .slides li .zoom:hover, .wprt-galleries-grid .item-wrap .zoom:hover { color: #fff; } .wprt-galleries.galleries #wprt-slider .slides li:hover .zoom, .wprt-galleries-grid .item-wrap:hover .zoom { filter: alpha(opacity=100); opacity: 1; visibility: visible; } .wprt-galleries.galleries .flex-direction-nav a { text-shadow: none; background-color: #4b4b4b; color: #fff; width: 30px; height: 30px; line-height: 28px; text-align: center; font-size: 16px; margin-top: -15px; } .wprt-galleries.galleries .flex-direction-nav a:hover { background-color: #ffbc13; color: #fff; } .wprt-galleries.galleries .flex-direction-nav .flex-next, .wprt-galleries.galleries .flexslider:hover .flex-direction-nav .flex-next { right: 0; opacity: 1; } .wprt-galleries.galleries .flex-direction-nav .flex-prev, .wprt-galleries.galleries .flexslider:hover .flex-direction-nav .flex-prev { left: 0; opacity: 1; } .wprt-galleries.galleries .flex-direction-nav a:before { display: none; } /* Galleries Grid Arrow & Bullets */ .wprt-galleries-grid .cbp-nav-pagination, .wprt-galleries-grid .cbp-nav-controls { display: none; } #images-wrap .cbp-nav-pagination { position: static; } .wprt-galleries-grid.has-bullets { padding-bottom: 60px; } .wprt-galleries-grid.has-bullets.bullet30 { padding-bottom: 40px; } .wprt-galleries-grid.has-bullets .cbp-nav-pagination { padding-top: 42px; display: block; } .wprt-galleries-grid.has-bullets.bullet30 .cbp-nav-pagination { padding-top: 22px; } .wprt-galleries-grid.has-arrows .cbp-nav-controls { display: block; } .wprt-galleries-grid.has-arrows.arrow50 #images-wrap .cbp-nav-controls { top: -80px; } .wprt-galleries-grid.has-arrows.arrow60 #images-wrap .cbp-nav-controls { top: -90px; } /* Partner Slider -------------------------------------------------------------- */ .wprt-partners { text-align: center; } /* Partner Grid -------------------------------------------------------------- */ .wprt-partner-grid .partner-item { text-align: center; float: left; width: 100%; } .wprt-partner-grid .partner-item img { width: 100%; height: auto; } .wprt-partner-grid .partner-item:hover img { opacity: 0.8; } .wprt-partner-grid.col-2 .partner-item { width: 50%; } .wprt-partner-grid.col-3 .partner-item { width: 33.333%; } .wprt-partner-grid.col-4 .partner-item { width: 25%; } .wprt-partner-grid.col-5 .partner-item { width: 20%; } .wprt-partner-grid.gutter-10 { margin: 0 -5px; } .wprt-partner-grid.gutter-10 .partner-item { padding: 0 5px 10px; } .wprt-partner-grid.gutter-20 { margin: 0 -10px; } .wprt-partner-grid.gutter-20 .partner-item { padding: 0 10px 20px; } .wprt-partner-grid.gutter-30 { margin: 0 -15px; } .wprt-partner-grid.gutter-30 .partner-item { padding: 0 15px 30px; } .wprt-partner-grid.one-column .partner-item { padding-bottom: 0; } @media only screen and (max-width: 479px) { .wprt-partner-grid.col-2 .partner-item, .wprt-partner-grid.col-3 .partner-item, .wprt-partner-grid.col-4 .partner-item, .wprt-partner-grid.col-5 .partner-item { width: 100%; } } /* Testimonials -------------------------------------------------------------- */ .wprt-testimonials .customer { position: relative; } .wprt-testimonials .customer:after { content: ""; position: absolute; right: 30px; bottom: -56px; width: 97px; height: 15px; background: url(../img/5-stars.png) no-repeat center center ; } .wprt-testimonials.no-stars .customer:after { display: none; } .wprt-testimonials .customer .inner { position: relative; background-color: #f8f8f8; padding: 30px 40px 30px; margin-bottom: 100px; } .wprt-testimonials .customer .inner:after { content: ""; position: absolute; left: 40px; bottom: -17px; border-width: 0 18px 18px 0; border-style: solid; border-color: transparent #f8f8f8 transparent transparent; } .wprt-testimonials .image { position: absolute; left: 75px; bottom: -100px; width: 80px; height: 80px; } .wprt-testimonials .image:before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 0 0 0 5px #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .wprt-testimonials .image img { width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .wprt-testimonials .name { margin: 0; line-height: normal; position: absolute; left: 175px; bottom: -60px; font-size: 1.142em; } .wprt-testimonials .whisper { border: 0; padding: 0; margin: 0; font-size: 1em; line-height: 2em; font-style: italic; } .wprt-testimonials .position { position: absolute; left: 175px; bottom: -88px; color: #adadad; } @media only screen and (max-width: 767px) { .wprt-testimonials .customer:after { display: none; } .wprt-testimonials .customer .inner:after { left: 20px; } .wprt-testimonials .image { left: 40px; } .wprt-testimonials .name, .wprt-testimonials .position { left: 135px; } } @media only screen and (max-width: 479px) { .wprt-testimonials .customer .inner { padding: 15px 25px; } } /* Testimonials Arrow & Bullets */ .wprt-testimonials .cbp-nav-pagination, .wprt-testimonials .cbp-nav-controls { display: none; } #testimonials-wrap .cbp-nav-pagination { position: static; } .wprt-testimonials.has-bullets { padding-bottom: 52px; } .wprt-testimonials.has-bullets .cbp-nav-pagination { padding-top: 34px; display: block; } .wprt-testimonials.has-bullets.bullet30 .cbp-nav-pagination { padding-top: 14px; } .wprt-testimonials.has-arrows .cbp-nav-controls { display: block; } .wprt-testimonials.has-arrows.arrow50 #testimonials-wrap .cbp-nav-controls { top: -80px; } .wprt-testimonials.has-arrows.arrow60 #testimonials-wrap .cbp-nav-controls { top: -90px; } .wprt-testimonials.bullet-left .cbp-nav-pagination { text-align: left; } .wprt-testimonials.bullet-right .cbp-nav-pagination { text-align: right; } /* Content Box -------------------------------------------------------------- */ .top--150 .wprt-content-box.style-1{ margin-top: -150px; } .wprt-content-box.style-1 { padding: 30px; background-color: rgba(0,0,0,0.5); } .wprt-content-box.style-2 { padding: 12% 30% 7.6% 10%; } @media only screen and (max-width: 991px) { .top--150 .wprt-content-box.style-1 { margin-top: 15px; margin-bottom: 15px; background-color: #4b4b4b; } } /* Team -------------------------------------------------------------- */ .wprt-team .image { position: relative; } .wprt-team .texts { text-align: center; padding: 20px 0; background-color: #f8f8f8; } .wprt-team .name { font-size: 1.285em; margin: 0; } .wprt-team .position { margin: 0; } .wprt-team .socials { list-style: none; margin: 0; position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .wprt-team .socials li { display: inline-block; margin: 0; padding: 0 1px; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; opacity: 0; visibility: hidden; } .wprt-team .member:hover .socials li { opacity: 1; visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .wprt-team .member:hover .socials li:nth-child(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .wprt-team .member:hover .socials li:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .wprt-team .member:hover .socials li:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .wprt-team .socials li a { color: #777; display: inline-block; width: 30px; height: 30px; font-size: 12px; line-height: 30px; text-align: center; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .wprt-team .socials li.facebook a { background-color: #3a6bb1; color: #fff; } .wprt-team .socials li.twitter a { background-color: #0ec8f5; color: #fff; } .wprt-team .socials li.linkedin a { background-color: #0094d3; color: #fff; } .wprt-team .socials li.google-plus a { background-color: #f2623b; color: #fff; } .wprt-team .socials li a:hover { background-color: #fff; color: #4b4b4b; } /* Team Arrow & Bullets */ .wprt-team .cbp-nav-pagination, .wprt-team .cbp-nav-controls { display: none; } #team-wrap .cbp-nav-pagination { position: static; } .wprt-team.has-bullets { padding-bottom: 60px; } .wprt-team.has-bullets.bullet30 { padding-bottom: 40px; } .wprt-team.has-bullets .cbp-nav-pagination { padding-top: 42px; display: block; } .wprt-team.has-bullets.bullet30 .cbp-nav-pagination { padding-top: 22px; } .wprt-team.has-arrows .cbp-nav-controls { display: block; } .wprt-team.has-arrows.arrow50 #team-wrap .cbp-nav-controls { top: -80px; } .wprt-team.has-arrows.arrow60 #team-wrap .cbp-nav-controls { top: -90px; } /* Projects -------------------------------------------------------------- */ #project-filter { text-align: center; margin-bottom: 50px; font-size: 0; font-family: "Droid Serif",sans-serif; } #project-filter .cbp-filter-item { padding: 0 15px; font-size: 14px; padding: 7px 20px; display: inline-block; color: #979797; cursor: pointer; position: relative; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } #project-filter .cbp-filter-item:hover, #project-filter .cbp-filter-item.cbp-filter-item-active { color: #fff; background-color: #ffbc13; } /* Project item */ .project-item figure { position: relative; float: left; overflow: hidden; width: 100%; text-align: center; } .project-item figure .link{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .project-item figure img { position: relative; display: block; max-width: 100%; } .project-item figure figcaption { padding: 2em; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .project-item figure figcaption::before, .project-item figure figcaption::after { pointer-events: none; } .project-item figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .project-item figure h2 { font-size: 18px; line-height: 26px; } .project-item figure h2:hover a { text-decoration: underline; color: #fff; } .project-item figure h2, .project-item figure p { margin: 0; } #projects .project-item .project-zoom { position: absolute; right: 0; top: 0; color: #4b4b4b; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; z-index: 2; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } #projects .project-item .project-zoom:hover { color: #fff; } #projects .project-item:hover .project-zoom { filter: alpha(opacity=100); opacity: 1; visibility: visible; } /* Sadie */ .project-item .effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } .project-item .effect-sadie h2 { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; opacity: 0; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .project-item .effect-sadie figcaption::before, .project-item .effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .project-item .effect-sadie p { position: absolute; bottom: 0; left: 0; padding-bottom: 1.8em; width: 100%; color: #ffbc13; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } .project-item .effect-sadie:hover h2 { opacity: 1; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0); transform: translate3d(0,-50%,0) translate3d(0,-40px,0); } .project-item .effect-sadie:hover figcaption::before , .project-item .effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* Honey */ .project-item .effect-honey { background: #4b4b4b; } .project-item .effect-honey img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .project-item .effect-honey:hover img { opacity: 0.5; } .project-item .effect-honey figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background-color: #ffbc13; content: ''; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } .project-item .effect-honey h2 { position: absolute; bottom: 0; left: 0; z-index: 999; padding: 1.4em 30px; width: 100%; text-align: left; color: #fff; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); opacity: 0; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .project-item .effect-honey figcaption::before, .project-item .effect-honey h2 { -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .project-item .effect-honey:hover figcaption::before, .project-item .effect-honey:hover h2 { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .project-item .effect-honey p { position: absolute; bottom: 0; left: 0; padding: 3.6em 30px; width: 100%; text-align: left; color: #fff; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); opacity: 0; -webkit-transition: -webkit-transform 0.5s, opacity 0.35s; transition: transform 0.5s, opacity 0.35s; } .project-item .effect-honey:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* Zoe */ .project-item .effect-zoe figcaption { top: auto; bottom: 0; padding: 1.5em 1.5em 1.8em; height: 4.8em; background: #f8f8f8; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .project-item .effect-zoe h2 { float: left; } .project-item .effect-zoe p { float: right; color: #ffbc13; display: inline-block; } .project-item .effect-zoe:hover p.icon-links a:hover, .project-item .effect-zoe:hover p.icon-links a:focus { color: #252d31; } .project-item .effect-zoe p.description { position: absolute; bottom: 8em; padding: 2em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */ } .project-item .effect-zoe h2, .project-item .effect-zoe p.cat { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); } .project-item .effect-zoe p.icon-links a span::before { display: inline-block; padding: 8px 10px; font-family: 'feathericons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .project-item .effect-zoe h2 { display: inline-block; } .project-item .effect-zoe h2:hover a { color: #ffbc13; } .project-item .effect-zoe:hover p.description { opacity: 1; } .project-item .effect-zoe:hover figcaption, .project-item .effect-zoe:hover h2, .project-item .effect-zoe:hover p.icon-links a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .project-item .effect-zoe:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .project-item .effect-zoe:hover p.cats { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } /* Oscar */ .project-item .effect-oscar { background: -webkit-linear-gradient(45deg, #fff 0%, #ffbc13 45%, #ffbc13 55%, #fff 100%); background: linear-gradient(45deg, #fff 0%,#ffbc13 45%, #ffbc13 55%, #fff 100%); } .project-item .effect-oscar img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .project-item .effect-oscar figcaption { padding: 3em 1em; -webkit-transition: background-color 0.35s; transition: background-color 0.35s; } .project-item .effect-oscar figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; } .project-item .effect-oscar h2 { margin: 20% 0 0 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .project-item .effect-oscar figcaption::before, .project-item .effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); } .project-item .effect-oscar:hover h2 { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .project-item .effect-oscar:hover figcaption::before, .project-item .effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .project-item .effect-oscar:hover figcaption { background-color: rgba(58,52,42,0); } .project-item .effect-oscar:hover img { opacity: 0.05; } /* Project Arrow & Bullets */ .wprt-project .cbp-nav-pagination, .wprt-project .cbp-nav-controls { display: none; } #projects .cbp-nav-pagination { position: static; } .wprt-project.has-bullets { padding-bottom: 60px; } .wprt-project.has-bullets.bullet30 { padding-bottom: 40px; } .wprt-project.has-bullets .cbp-nav-pagination { padding-top: 42px; display: block; } .wprt-project.has-bullets.bullet30 .cbp-nav-pagination { padding-top: 22px; } .wprt-project.has-arrows .cbp-nav-controls { display: block; } .wprt-project.has-arrows.arrow50 #projects .cbp-nav-controls { top: -80px; } .wprt-project.has-arrows.arrow60 #projects .cbp-nav-controls { top: -90px; } /* Service -------------------------------------------------------------- */ .service-item{ max-width: 370px; margin-left: auto; margin-right: auto; } .service-item .title { margin: 0 0 8px; } .service-item .title a:hover { color: #ffbc13; } .service-item .desc { margin: 0 0 20px; } .service-item-wrap { padding: 28px 0 0; } /* Service Arrow & Bullets */ .wprt-service .cbp-nav-pagination, .wprt-service .cbp-nav-controls { display: none; } #service-wrap .cbp-nav-pagination { position: static; } .wprt-service.has-bullets { padding-bottom: 60px; } .wprt-service.has-bullets.bullet30 { padding-bottom: 40px; } .wprt-service.has-bullets .cbp-nav-pagination { padding-top: 42px; display: block; } .wprt-service.has-bullets.bullet30 .cbp-nav-pagination { padding-top: 22px; } .wprt-service.has-arrows .cbp-nav-controls { display: block; } .wprt-service.has-arrows.arrow50 #service-wrap .cbp-nav-controls { top: -80px; } .wprt-service.has-arrows.arrow60 #service-wrap .cbp-nav-controls { top: -90px; } /* Contact Form 7 */ .wprt-contact-form-1 .wpcf7-form-control-wrap.name, .wprt-contact-form-1 .wpcf7-form-control-wrap.email, .wprt-contact-form-1 .wpcf7-form-control-wrap.phone, .wprt-contact-form-1 .wpcf7-form-control-wrap.subject { width: 48.702%; float: left; margin-bottom: 20px; } .wprt-contact-form-1 .wpcf7-form-control-wrap.name, .wprt-contact-form-1 .wpcf7-form-control-wrap.phone { margin-right: 2.598%; } .wprt-contact-form-1 .wpcf7-form-control-wrap.message textarea { height: 170px; margin-bottom: 20px; } .wprt-contact-form-1 .wrap-submit { text-align: center; } .wprt-contact-form-1 .wpcf7-form-control.wpcf7-submit { width: 200px; } .wprt-contact-form-1 .wpcf7-form-control.wpcf7-submit:hover { background-color: #2d2d2d; } .wprt-contact-form-1 .wpcf7-form-control-wrap { position: relative; } .wprt-contact-form-1 .wpcf7-form-control-wrap label.error { position: absolute; right: 15px; top: 12px; color: #d82e2e; font-size: 0.928em; } @media only screen and (max-width: 991px) { .wprt-contact-form-1 .wpcf7-form-control.wpcf7-submit { padding: 1.08em 0; font-size: 0.928em; } .wprt-contact-form-1 .wpcf7-form-control-wrap.name, .wprt-contact-form-1 .wpcf7-form-control-wrap.email, .wprt-contact-form-1 .wpcf7-form-control-wrap.phone, .wprt-contact-form-1 .wpcf7-form-control-wrap.subject { width: 100%; float: none; margin: 0 0 10px; display: block; } } /* Information -------------------------------------------------------------- */ .wprt-information ul { margin: 0; list-style: none; } .wprt-information ul li { position: relative; padding: 0 0 0 50px; border: 0; margin-bottom: 17px; } .wprt-information ul li:before { text-align: center; content: "\f015"; font-family: "FontAwesome"; font-size: 1.241em; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: #f8f8f8; } .wprt-information ul li.phone:before { content: "\f095"; } .wprt-information ul li.email:before { content: "\f0e0"; } /* General Bullets and Arrows -------------------------------------------------------------- */ /* Bullets Style 2 */ .bullet-style-2 #service-wrap .cbp-nav-pagination-item, .bullet-style-2 #projects .cbp-nav-pagination-item, .bullet-style-2 #testimonials-wrap .cbp-nav-pagination-item, .bullet-style-2 #partner-wrap .cbp-nav-pagination-item, .bullet-style-2 .widget_twitter .cbp-nav-pagination-item, .bullet-style-2 #team-wrap .cbp-nav-pagination-item, .bullet-style-2 #images-wrap .cbp-nav-pagination-item { background-color: transparent; border: 1px solid #ffbc13; border-radius: 0; margin: 0 5px; } .bullet-style-2 #service-wrap .cbp-nav-pagination-active, .bullet-style-2 #projects .cbp-nav-pagination-active, .bullet-style-2 #testimonials-wrap .cbp-nav-pagination-active, .bullet-style-2 #partner-wrap .cbp-nav-pagination-active, .bullet-style-2 #team-wrap .cbp-nav-pagination-active, .bullet-style-2 #images-wrap .cbp-nav-pagination-active { background-color: #ffbc13; } /* Arrows */ #service-wrap .cbp-nav-next, #service-wrap .cbp-nav-prev, #testimonials-wrap .cbp-nav-next, #testimonials-wrap .cbp-nav-prev, #projects .cbp-nav-next, #projects .cbp-nav-prev, #partner-wrap .cbp-nav-next, #partner-wrap .cbp-nav-prev, #team-wrap .cbp-nav-next, #team-wrap .cbp-nav-prev, #images-wrap .cbp-nav-next, #images-wrap .cbp-nav-prev { opacity: 1 !important; border-radius: 0; margin: 0; width: 30px; height: 30px; } #service-wrap .cbp-nav-next, #testimonials-wrap .cbp-nav-next, #projects .cbp-nav-next, #partner-wrap .cbp-nav-next, #team-wrap .cbp-nav-next, #images-wrap .cbp-nav-next { margin-left: 6px; } #service-wrap .cbp-nav-next:after, #service-wrap .cbp-nav-prev:after, #testimonials-wrap .cbp-nav-next:after, #testimonials-wrap .cbp-nav-prev:after, #projects .cbp-nav-next:after, #projects .cbp-nav-prev:after, #partner-wrap .cbp-nav-next:after, #partner-wrap .cbp-nav-prev:after, #team-wrap .cbp-nav-next:after, #team-wrap .cbp-nav-prev:after, #images-wrap .cbp-nav-next:after, #images-wrap .cbp-nav-prev:after { content: "\f104"; font-family: "FontAwesome"; color: #fff; text-align: center; width: 100%; height: auto; font-size: 18px; line-height: 30px; background-image: none; position: absolute; left: 0; top: 0; -webkit-transition: color ease .238s; -moz-transition: color ease .238s; transition: color ease .238s; } #service-wrap .cbp-nav-next:after, #testimonials-wrap .cbp-nav-next:after, #projects .cbp-nav-next:after, #partner-wrap .cbp-nav-next:after, #team-wrap .cbp-nav-next:after, #images-wrap .cbp-nav-next:after { content: "\f105"; } #service-wrap .cbp-nav-next:before, #service-wrap .cbp-nav-prev:before, #testimonials-wrap .cbp-nav-next:before, #testimonials-wrap .cbp-nav-prev:before, #projects .cbp-nav-next:before, #projects .cbp-nav-prev:before, #partner-wrap .cbp-nav-next:before, #partner-wrap .cbp-nav-prev:before, #team-wrap .cbp-nav-next:before, #team-wrap .cbp-nav-prev:before, #images-wrap .cbp-nav-next:before, #images-wrap .cbp-nav-prev:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; background-color: #ffbc13; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } #service-wrap .cbp-nav-next.cbp-nav-stop:before, #service-wrap .cbp-nav-prev.cbp-nav-stop:before, #testimonials-wrap .cbp-nav-next.cbp-nav-stop:before, #testimonials-wrap .cbp-nav-prev.cbp-nav-stop:before, #projects .cbp-nav-next.cbp-nav-stop:before, #projects .cbp-nav-prev.cbp-nav-stop:before, #partner-wrap .cbp-nav-next.cbp-nav-stop:before, #partner-wrap .cbp-nav-prev.cbp-nav-stop:before, #team-wrap .cbp-nav-next.cbp-nav-stop:before, #team-wrap .cbp-nav-prev.cbp-nav-stop:before, #images-wrap .cbp-nav-next.cbp-nav-stop:before, #images-wrap .cbp-nav-prev.cbp-nav-stop:before { background-color: #303030; } #service-wrap .cbp-nav-next.cbp-nav-stop:after, #service-wrap .cbp-nav-prev.cbp-nav-stop:after, #testimonials-wrap .cbp-nav-next.cbp-nav-stop:after, #testimonials-wrap .cbp-nav-prev.cbp-nav-stop:after, #projects .cbp-nav-next.cbp-nav-stop:after, #projects .cbp-nav-prev.cbp-nav-stop:after, #partner-wrap .cbp-nav-next.cbp-nav-stop:after, #partner-wrap .cbp-nav-prev.cbp-nav-stop:after, #team-wrap .cbp-nav-next.cbp-nav-stop:after, #team-wrap .cbp-nav-prev.cbp-nav-stop:after, #images-wrap .cbp-nav-next.cbp-nav-stop:after, #images-wrap .cbp-nav-prev.cbp-nav-stop:after { color: #aaa; } #service-wrap .cbp-nav-next:hover:before, #service-wrap .cbp-nav-prev:hover:before, #testimonials-wrap .cbp-nav-next:hover:before, #testimonials-wrap .cbp-nav-prev:hover:before, #projects .cbp-nav-next:hover:before, #projects .cbp-nav-prev:hover:before, #partner-wrap .cbp-nav-next:hover:before, #partner-wrap .cbp-nav-prev:hover:before, #team-wrap .cbp-nav-next:hover:before, #team-wrap .cbp-nav-prev:hover:before, #images-wrap .cbp-nav-next:hover:before, #images-wrap .cbp-nav-prev:hover:before { opacity: 0.8 } #service-wrap .cbp-nav-controls, #testimonials-wrap .cbp-nav-controls, #projects .cbp-nav-controls, #partner-wrap .cbp-nav-controls, #team-wrap .cbp-nav-controls, #images-wrap .cbp-nav-controls { top: -100px; } /* Arrows Style 2 */ .wprt-project.arrow-style-2 #projects .cbp-nav-next, .wprt-project.arrow-style-2 #projects .cbp-nav-prev, .wprt-service.arrow-style-2 #service-wrap .cbp-nav-next, .wprt-service.arrow-style-2 #service-wrap .cbp-nav-prev, .wprt-testimonials.arrow-style-2 #testimonials-wrap .cbp-nav-next, .wprt-testimonials.arrow-style-2 #testimonials-wrap .cbp-nav-prev, .wprt-team.arrow-style-2 #team-wrap .cbp-nav-next, .wprt-team.arrow-style-2 #team-wrap .cbp-nav-prev, .wprt-galleries-grid.arrow-style-2 #images-wrap .cbp-nav-next, .wprt-galleries-grid.arrow-style-2 #images-wrap .cbp-nav-prev { background-color: transparent; } .wprt-project.arrow-style-2 #projects .cbp-nav-next.cbp-nav-stop:before, .wprt-project.arrow-style-2 #projects .cbp-nav-prev.cbp-nav-stop:before, .wprt-service.arrow-style-2 #service-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-service.arrow-style-2 #service-wrap .cbp-nav-prev.cbp-nav-stop:before, .wprt-testimonials.arrow-style-2 #testimonials-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-testimonials.arrow-style-2 #testimonials-wrap .cbp-nav-prev.cbp-nav-stop:before, .wprt-team.arrow-style-2 #team-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-team.arrow-style-2 #team-wrap .cbp-nav-prev.cbp-nav-stop:before, .wprt-galleries-grid.arrow-style-2 #images-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-galleries-grid.arrow-style-2 #images-wrap .cbp-nav-prev.cbp-nav-stop:before { background-color: transparent; border: 2px solid #303030; } .wprt-project.arrow-style-2 #projects .cbp-nav-next:before, .wprt-project.arrow-style-2 #projects .cbp-nav-prev:before, .wprt-service.arrow-style-2 #service-wrap .cbp-nav-next:before, .wprt-service.arrow-style-2 #service-wrap .cbp-nav-prev:before, .wprt-testimonials.arrow-style-2 #testimonials-wrap .cbp-nav-next:before, .wprt-testimonials.arrow-style-2 #testimonials-wrap .cbp-nav-prev:before, .wprt-team.arrow-style-2 #team-wrap .cbp-nav-next:before, .wprt-team.arrow-style-2 #team-wrap .cbp-nav-prev:before, .wprt-galleries-grid.arrow-style-2 #images-wrap .cbp-nav-next:before, .wprt-galleries-grid.arrow-style-2 #images-wrap .cbp-nav-prev:before { background-color: transparent; border: 2px solid #ffbc13; } .wprt-project.arrow-style-2 #projects .cbp-nav-next:after, .wprt-project.arrow-style-2 #projects .cbp-nav-prev:after, .wprt-service.arrow-style-2 #service-wrap .cbp-nav-next:after, .wprt-service.arrow-style-2 #service-wrap .cbp-nav-prev:after, .wprt-testimonials.arrow-style-2 #testimonials-wrap .cbp-nav-next:after, .wprt-testimonials.arrow-style-2 #testimonials-wrap .cbp-nav-prev:after, .wprt-team.arrow-style-2 #team-wrap .cbp-nav-next:after, .wprt-team.arrow-style-2 #team-wrap .cbp-nav-prev:after, .wprt-galleries-grid.arrow-style-2 #images-wrap .cbp-nav-next:after, .wprt-galleries-grid.arrow-style-2 #images-wrap .cbp-nav-prev:after { color: #ffbc13; } .wprt-project.arrow-style-2 #projects .cbp-nav-next.cbp-nav-stop:after, .wprt-project.arrow-style-2 #projects .cbp-nav-prev.cbp-nav-stop:after, .wprt-service.arrow-style-2 #service-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-service.arrow-style-2 #service-wrap .cbp-nav-prev.cbp-nav-stop:after, .wprt-testimonials.arrow-style-2 #testimonials-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-testimonials.arrow-style-2 #testimonials-wrap .cbp-nav-prev.cbp-nav-stop:after, .wprt-team.arrow-style-2 #team-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-team.arrow-style-2 #team-wrap .cbp-nav-prev.cbp-nav-stop:after, .wprt-galleries-grid.arrow-style-2 #images-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-galleries-grid.arrow-style-2 #images-wrap .cbp-nav-prev.cbp-nav-stop:after { color: #4b4b4b; } /* Arrows Style 1 light */ .wprt-project.arrow-style-1.arrow-light #projects .cbp-nav-next.cbp-nav-stop:before, .wprt-project.arrow-style-1.arrow-light #projects .cbp-nav-prev.cbp-nav-stop:before, .wprt-service.arrow-style-1.arrow-light #service-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-service.arrow-style-1.arrow-light #service-wrap .cbp-nav-prev.cbp-nav-stop:before, .wprt-testimonials.arrow-style-1.arrow-light #testimonials-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-testimonials.arrow-style-1.arrow-light #testimonials-wrap .cbp-nav-prev.cbp-nav-stop:before, .wprt-team.arrow-style-1.arrow-light #team-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-team.arrow-style-1.arrow-light #team-wrap .cbp-nav-prev.cbp-nav-stop:before, .wprt-galleries-grid.arrow-style-1.arrow-light #images-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-galleries-grid.arrow-style-1.arrow-light #images-wrap .cbp-nav-prev.cbp-nav-stop:before { background-color: #f3f3f3; border: 2px solid #f3f3f3; } .wprt-project.arrow-style-1.arrow-light #projects .cbp-nav-next.cbp-nav-stop:after, .wprt-project.arrow-style-1.arrow-light #projects .cbp-nav-prev.cbp-nav-stop:after, .wprt-service.arrow-style-1.arrow-light #service-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-service.arrow-style-1.arrow-light #service-wrap .cbp-nav-prev.cbp-nav-stop:after, .wprt-testimonials.arrow-style-1.arrow-light #testimonials-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-testimonials.arrow-style-1.arrow-light #testimonials-wrap .cbp-nav-prev.cbp-nav-stop:after, .wprt-team.arrow-style-1.arrow-light #team-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-team.arrow-style-1.arrow-light #team-wrap .cbp-nav-prev.cbp-nav-stop:after, .wprt-galleries-grid.arrow-style-1.arrow-light #images-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-galleries-grid.arrow-style-1.arrow-light #images-wrap .cbp-nav-prev.cbp-nav-stop:after { color: #ddd; } .wprt-project.arrow-style-1.arrow-light #projects .cbp-nav-next.cbp-nav-stop:hover:after, .wprt-project.arrow-style-1.arrow-light #projects .cbp-nav-prev.cbp-nav-stop:hover:after, .wprt-service.arrow-style-1.arrow-light #service-wrap .cbp-nav-next.cbp-nav-stop:hover:after, .wprt-service.arrow-style-1.arrow-light #service-wrap .cbp-nav-prev.cbp-nav-stop:hover:after, .wprt-testimonials.arrow-style-1.arrow-light #testimonials-wrap .cbp-nav-next.cbp-nav-stop:hover:after, .wprt-testimonials.arrow-style-1.arrow-light #testimonials-wrap .cbp-nav-prev.cbp-nav-stop:hover:after, .wprt-team.arrow-style-1.arrow-light #team-wrap .cbp-nav-next.cbp-nav-stop:hover:after, .wprt-team.arrow-style-1.arrow-light #team-wrap .cbp-nav-prev.cbp-nav-stop:hover:after, .wprt-galleries-grid.arrow-style-1.arrow-light #images-wrap .cbp-nav-next.cbp-nav-stop:hover:after, .wprt-galleries-grid.arrow-style-1.arrow-light #images-wrap .cbp-nav-prev.cbp-nav-stop:hover:after { color: #eee; } /* Arrows Style 2 light */ .wprt-project.arrow-style-2.arrow-light #projects .cbp-nav-next.cbp-nav-stop:before, .wprt-project.arrow-style-2.arrow-light #projects .cbp-nav-prev.cbp-nav-stop:before, .wprt-service.arrow-style-2.arrow-light #service-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-service.arrow-style-2.arrow-light #service-wrap .cbp-nav-prev.cbp-nav-stop:before, .wprt-testimonials.arrow-style-2.arrow-light #testimonials-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-testimonials.arrow-style-2.arrow-light #testimonials-wrap .cbp-nav-prev.cbp-nav-stop:before, .wprt-team.arrow-style-2.arrow-light #team-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-team.arrow-style-2.arrow-light #team-wrap .cbp-nav-prev.cbp-nav-stop:before, .wprt-galleries-grid.arrow-style-2.arrow-light #images-wrap .cbp-nav-next.cbp-nav-stop:before, .wprt-galleries-grid.arrow-style-2.arrow-light #images-wrap .cbp-nav-prev.cbp-nav-stop:before { background-color: transparent; border: 2px solid #f3f3f3; } .wprt-project.arrow-style-2.arrow-light #projects .cbp-nav-next.cbp-nav-stop:after, .wprt-project.arrow-style-2.arrow-light #projects .cbp-nav-prev.cbp-nav-stop:after, .wprt-service.arrow-style-2.arrow-light #service-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-service.arrow-style-2.arrow-light #service-wrap .cbp-nav-prev.cbp-nav-stop:after, .wprt-testimonials.arrow-style-2.arrow-light #testimonials-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-testimonials.arrow-style-2.arrow-light #testimonials-wrap .cbp-nav-prev.cbp-nav-stop:after, .wprt-team.arrow-style-2.arrow-light #team-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-team.arrow-style-2.arrow-light #team-wrap .cbp-nav-prev.cbp-nav-stop:after, .wprt-galleries-grid.arrow-style-2.arrow-light #images-wrap .cbp-nav-next.cbp-nav-stop:after, .wprt-galleries-grid.arrow-style-2.arrow-light #images-wrap .cbp-nav-prev.cbp-nav-stop:after { color: #ddd; } .arrow-position-2 #service-wrap .cbp-nav-controls, .arrow-position-2 #testimonials-wrap .cbp-nav-controls, .arrow-position-2 #projects .cbp-nav-controls, .arrow-position-2 #partner-wrap .cbp-nav-controls, .arrow-position-2 #team-wrap .cbp-nav-controls, .arrow-position-2 #images-wrap .cbp-nav-controls { top: 50% !important; margin-top: -15px; width: 100%; } .arrow-position-2 #service-wrap .cbp-nav-next, .arrow-position-2 #testimonials-wrap .cbp-nav-next, .arrow-position-2 #projects .cbp-nav-next, .arrow-position-2 #partner-wrap .cbp-nav-next, .arrow-position-2 #team-wrap .cbp-nav-next, .arrow-position-2 #images-wrap .cbp-nav-next { position: absolute; margin-left: 0 !important; right: 0; top: 0; } .arrow-position-2 #service-wrap .cbp-nav-prev, .arrow-position-2 #testimonials-wrap .cbp-nav-prev, .arrow-position-2 #projects .cbp-nav-prev, .arrow-position-2 #partner-wrap .cbp-nav-prev, .arrow-position-2 #team-wrap .cbp-nav-prev, .arrow-position-2 #images-wrap .cbp-nav-prev { position: absolute; top: 0; left: 0; } @media only screen and (max-width: 767px) { .cbp-nav-controls { display: none !important; } .service-item{ max-width: 370px; margin-left: auto; margin-right: auto; } }