@charset "utf-8";
   body {
font-family: "Open Sans", sans-serif;
margin: 0;
padding: 0;
color: #444444;
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 30px;
font-weight: 400;
position: relative;
overflow-x: hidden;
}
body:not(.home) {
padding-top: 155px;
}
body:not(.home) {
padding-top: 155px;
}
#top {
position: absolute;
top: 1px;
}
section {
width: 100%;
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
.box-green-border .service-title {
font-family: "Raleway", sans-serif;
font-weight: 600;
}
h1 {
font-size: 48px;
}
.page-template h2 {
font-size: 36px;
line-height: 1;
text-align: left;
font-weight: 600;
font-style: normal;
color: #53b778;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 15px;
margin: 0 0 40px;
}
.page-template .design-process-section h2 {
text-align: center;
}
.blog-content h2.b-clor {
border-bottom: 1px solid #e9e9e9;
padding-bottom: 15px;
margin-bottom: 40px;
}
h2.text-align-center {
border: none;
padding-bottom: 0;
}
hr {
display: none;
}
h1 {
font-size: 48px;
margin: 33px 0;
}
h2 {
font-size: 36px;
margin-bottom: 25px 0;
}
h3 {
font-size: 22px;
line-height: 30px;
margin-bottom: 22px 0;
}
h4 {
font-size: 24px;
margin-bottom: 20px;
}
h5 {
font-size: 18px;
margin-bottom: 20px;
}
h6 {
font-size: 16px;
margin-bottom: 20px;
}
li {
list-style: square;
}
.blog-item-body ul>li {
list-style: square;
}
a {
text-decoration: none !important;
}
a,
button,
input {
outline: 0 !important;
}
.small-text {
font-size: 14px;
font-weight: 400;
}
.extra-small-text {
font-size: 13px;
font-weight: 400;
}
.regular-text {
font-size: 16px;
}
.medium-text {
font-size: 18px;
}
.semi-bold {
font-weight: 600;
}
.text-align-center {
text-align: center;
}
.no-margin {
margin: 0;
}
.modal {
background: #ffffff;
z-index: 99999;
}
.to-top {
width: 60px;
height: 60px;
display: block;
background: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: fixed;
right: 30px;
bottom: 30px;
opacity: 0;
text-align: center;
transition: all .3s;
z-index: 999;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}
.to-top.abs {
position: absolute;
right: 30px;
bottom: 85px;
z-index: 999999;
}
h1 {
font-size: 48px;
margin: 33px 0;
}
h2 {
font-size: 30px;
margin: 25px 0;
}
h3 {
font-size: 22px;
line-height: 30px;
margin: 22px 0;
}
h4 {
font-size: 20px;
margin: 25px 0;
}
h5 {
font-size: 18px;
margin: 30px 0;
}
h6 {
font-size: 16px;
margin: 36px 0;
}
.page-template-template-modernpage .to-top span.icon-chevron-up {
font-size: 23px;
line-height: 60px;
color: #008ccb;
}
.to-top.show-to-top {
opacity: 1;
}
a,
button,
p,
li,
input,
textarea {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
hr {
width: 100%;
border: none;
height: 1px;
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/line.png) repeat-x left center;
margin: 15px 0;
}
hr.dark-line {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/line-gray.png) repeat-x left center;
}
.o-hidden {
overflow: hidden;
}
.bg-white {
background: #fff;
padding: 87px 0 0;
}
.btn.btn-fill.full-width {
display: block;
margin: 30px auto 60px;
max-width: 360px;
width: 100%;
}
.btn.btn-fill.full-width:hover {
background: #fff;
color: #53b778;
} .box-green-border {
padding: 58px 10px 24px 30px;
border-bottom: 2px solid #53b778;
}
.multipage-agency .service-box {
overflow: hidden;
margin-bottom: 30px;
}
.service-box .box-green-border {
padding-top: 22px;
padding-bottom: 34px;
}
.margin-top-15 {
margin-top: 15px;
}
.margin-top-5 {
margin-top: 5px;
}
.margin-top-40 {
margin-top: 40px;
}
.box-green-border a,
.box-green-border h3,
.box-green-border .service-title {
font-size: 24px;
display: block;
color: #323a45;
font-weight: 600;
margin-bottom: 16px;
text-decoration: none !important;
transition: all .3s;
}
.box-green-border:hover a,
.box-green-border a:focus,
.box-green-border:hover span {
color: #53b778;
text-decoration: none;
}
.box-green-border p {
font-size: 16px;
color: #444444;
line-height: 26px;
}
.box-green-border span {
font-size: 68px;
color: #323a45;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.box-green-border a span,
.box-green-border span {
display: block;
margin: 0 0 38px;
line-height: 53px;
}
.clearlist,
.clearlist li {
list-style: none;
padding: 0;
margin: 0;
background: none;
} .b-clor {
color: #53b778;
}
.base-color-bg {
background-color: #53b778;
}
.grey-dark {
color: #323a45;
}
.grey-dark-bg {
background: #323a45;
}
.text-color-light {
color: #444444;
}
.light-gray-font-color {
color: #777777;
} ::-webkit-input-placeholder {
color: #777777 !important;
font-weight: 400;
font-size: 14px;
opacity: 1;
}
:-moz-placeholder {
color: #777777 !important;
font-weight: 400;
font-size: 14px;
opacity: 1;
}
::-moz-placeholder {
color: #777777 !important;
font-weight: 400;
font-size: 14px;
opacity: 1;
}
:-ms-input-placeholder {
color: #777777 !important;
font-weight: 400;
font-size: 14px;
opacity: 1;
}
::-ms-input-placeholder {
color: #777777 !important;
font-weight: 400;
font-size: 14px;
opacity: 1;
}
:placeholder-shown {
color: #777777 !important;
font-weight: 400;
font-size: 14px;
opacity: 1;
}
form .customised-formgroup {
position: relative;
margin-bottom: 0;
color: #323a45;
padding: 8px 0;
}
form .customised-formgroup input,
form .customised-formgroup textarea {
border: medium none;
width: 100%;
overflow: hidden;
height: 44px;
padding: 10px 25px;
border-bottom: 2px solid #d5d5d5;
}
form .customised-formgroup textarea:focus,
form .customised-formgroup input:focus {
outline: none;
}
form .customised-formgroup input:focus,
form .customised-formgroup textarea:focus {
border-color: #53b778;
}
form .customised-formgroup input::-webkit-input-placeholder {
font-weight: 400;
line-height: normal;
}
form .customised-formgroup input:-moz-placeholder {
font-weight: 400;
line-height: normal;
}
form .customised-formgroup input::-moz-placeholder {
font-weight: 400;
}
form .customised-formgroup input:-ms-input-placeholder {
font-weight: 400;
line-height: normal;
}
form .customised-formgroup textarea::-webkit-input-placeholder {
font-weight: 400;
line-height: normal;
}
form .customised-formgroup textarea:-moz-placeholder {
font-weight: 400;
line-height: normal;
}
form .customised-formgroup textarea::-moz-placeholder {
font-weight: 400;
line-height: normal;
}
form .customised-formgroup textarea:-ms-input-placeholder {
font-weight: 400;
line-height: normal;
}
form .customised-formgroup span {
position: absolute;
top: 22px;
left: 0;
font-size: 17px;
color: #444444;
}
form .customised-formgroup span.icon-user {
font-size: 16px;
}
form .customised-formgroup span.icon-envelope {
font-size: 18px;
}
form .customised-formgroup span.icon-telephone {
font-size: 17px;
}
form .customised-formgroup textarea {
resize: none;
height: 108px;
}
div.wpcf7 .ajax-loader {
display: none !important;
}
#respond form::after,
#respond form::before {
display: table;
content: " ";
}
#respond form::after {
clear: both;
}
#respond form .btn {
margin-bottom: 60px;
}
#respond .comment-reply-title small a {
font-size: 14px;
color: #999999;
}
#respond .comment-reply-title small a:hover {
color: #444444;
}
div.wpcf7-mail-sent-ok {
font-size: 15px;
line-height: 20px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
margin-top: 20px !important;
} .btn {
font-size: 14px !important;
line-height: 46px !important;
background: #53b778;
border-radius: 0;
padding: 0 15px !important;
text-transform: uppercase;
border: 2px solid #53b778;
letter-spacing: 0;
color: #fff;
font-weight: 600;
transition: all .5s;
text-align: center;
}
.rev_btn {
background: #53b778;
border: 2px solid #53b778;
color: #ffffff;
}
a.rev_btn span.icon-chevron-right {
color: #ffffff;
}
.rev_btn:hover {
background: transparent;
}
.rev_btn_nofill {
background: transparent;
border: 2px solid #53b778;
color: #53b778;
}
.rev_btn_nofill:hover {
background: #53b778;
color: #ffffff;
}
.btn.btn-nofill,
.page-template-template-modernpage .menu-btn.active .btn.btn-fill {
background: transparent;
color: #53b778;
border: 2px solid #53b778;
}
.main-slider .btn.btn-fill {
margin-right: 14px;
}
.tparrows {
top: 60% !important;
background: transparent !important;
}
.tparrows::before {
font-size: 40px !important;
}
.btn.btn-fill .icon-chevron-right {
margin-left: 5px;
font-size: 13px;
}
.btn.btn-nofill .icon-chevron-right {
margin-left: 5px;
}
.btn.btn-fill:hover,
.btn.btn-fill:active {
background: transparent;
color: #53b778;
}
.btn.btn-nofill:hover,
body:not(.multipage-agency) .btn.btn-nofill:active {
background: #53b778;
color: #fff;
}
.multipage-agency .btn.btn-nofill:active {
background: transparent !important;
}
.btn.btn-nofill.grey-dark-text,
.btn.btn-nofill.grey-dark-text:focus {
color: #323a45;
}
.rev_slider .btn {
transition: all .5s !important;
}
.product-section .img_container .overlay .btn {
color: #ffffff;
}
.rev_btn {
transition: background-color .5s !important;
}
a.rev_btn span.icon-chevron-right {
color: #ffffff;
} header {
background: #f5f6f7;
margin-top: 1px;
}
header .contact-info ul {
margin-bottom: 0;
}
header .contact-info ul li {
padding: 0;
}
header .contact-info ul li:last-child {
margin-left: 20px;
padding-left: 20px;
position: relative;
}
header .contact-info ul li:last-child::before {
content: " ";
width: 2px;
height: 100%;
display: block;
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/images/separator.png) center center no-repeat;
position: absolute;
left: 0;
top: 0;
}
header .contact-info ul li a {
font-size: 16px;
line-height: 44px;
color: #777777;
display: block;
}
header [class^="icon-"] {
margin-right: 10px;
vertical-align: middle;
line-height: 44px;
float: left;
font-weight: 600;
}
header .contact-info ul li a:hover {
color: #53b778;
}
header .form-element {
position: relative;
}
header .form-inline .form-control {
width: 100%;
max-width: 300px;
height: 44px;
font-size: 16px;
line-height: 20px;
background: transparent;
border: none;
box-shadow: none;
padding: 12px 25px;
}
header .form-inline button {
position: absolute;
left: 0;
top: 0;
line-height: 44px;
background: transparent;
border: none;
margin: 0;
padding: 0;
}
@media (min-width: 1200px) {
.navbar-right {
max-width: 910px;
}
}
.navbar {
background: #ffffff;
border: none;
transition: all 1s;
}
.navbar-brand>img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 160px;
}
.fixed-header,
.affix {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 10;
box-shadow: 0 0 7px rgba(0, 0, 0, .12);
-webkit-animation: smoothHeader 1s forwards;
animation: smoothHeader 1s forwards;
transition: all .5s;
}
.hide-header {
-webkit-animation: hideHeader 1s forwards;
animation: hideHeader 1s forwards;
}
.header-wrapper {
top: 0;
left: 0;
right: 0;
z-index: 10;
background: #fff;
position: absolute;
box-shadow: 0 0 7px rgba(0, 0, 0, .12);
z-index: 99999;
transition: all 1s;
}
.header-wrapper.sticky-header {
position: fixed;
}
.page-template-template-modernpage .header-wrapper .social_icons {
margin-bottom: 0;
}
.page-template-template-modernpage .header-wrapper .social_icons li {
line-height: 14px;
margin-bottom: 0;
} .h1 {
font-size: 60px;
line-height: 60px;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
}
.h2 {
font-size: 30px;
line-height: 40px;
color: #c8c8c8;
font-weight: 500;
}
.top-carousel .carousel-caption h2 {
color: #c8c8c8;
padding: 10px 0 45px;
}
.top-carousel .carousel-control.left,
.top-carousel .carousel-control.right {
background-image: none;
opacity: 1;
top: 0;
bottom: 0;
width: 8%;
}
.top-carousel .btn.btn-nofill {
margin: 0 27px;
}
.top-carousel a.semi-bold.page-scroll {
text-transform: uppercase;
color: #fff;
font-size: 14px;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.top-carousel a:hover,
.top-carousel a:focus {
text-decoration: none;
color: #fff;
}
.carousel-content .medium-btn.btn-fill:hover,
.carousel-content .medium-btn.btn-fill:focus {
background: transparent;
color: #fff;
}
.list-with-megamenu {
position: static !important;
}
.main-menu .navbar-nav>li>a:hover .dropdown-menu {
display: block !important;
} .clients {
background: #f5f6f7;
height: 120px;
margin-bottom: 30px;
}
.multipage-agency .clients {
margin-bottom: 0;
}
.clients div {
height: 100%;
position: relative;
}
.clients .container {
padding: 0;
}
.clients .vc_column-inner {
padding: 0 !important;
}
.clients .owl-carousel .owl-item {
height: 100%;
position: relative;
}
.clients .owl-carousel .owl-item>div {
width: 100%;
height: auto;
position: absolute;
top: 60px;
transform: translateY(-50%);
}
.clients .owl-carousel .owl-item img {
max-width: 110px;
margin: 0 auto;
}
.clients .owl-prev,
.clients .owl-next {
opacity: 1;
display: block;
position: absolute;
top: -19%;
margin-top: -50px;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
text-align: center;
color: #111;
z-index: 6;
cursor: pointer;
}
.clients .owl-prev::before,
.clients .owl-next::before {
display: none;
}
.clients .owl-prev {
left: 0;
}
.clients .owl-next {
right: 0;
}
.clients .owl-carousel:hover .owl-prev {
left: 0;
}
.clients .owl-carousel:hover .owl-next {
right: 0;
}
.clients .owl-pagination {
display: none;
}
.owl-theme .owl-nav {
margin-top: 0;
}
.clients .owl-theme .owl-nav [class*="owl-"] {
background: transparent;
}
.clients .owl-nav .icon-chevron-left,
.clients .owl-nav .icon-chevron-right {
color: #111111;
}
.clients .owl-nav .icon-chevron-left {
color: #111111 !important;
}
.clients .owl-prev:hover,
.clients .owl-next:hover {
color: #53b778 !important;
}
.p-0 {
padding: 0;
} .vc_row:not(:first-child) .bg-white.services_section {
padding-top: 67px;
}
.small-agency-services .service-box {
margin-bottom: 30px;
}
.services_single .service_sections {
margin-bottom: 36px;
}
.service_sections .box-green-border a {
text-transform: none;
}
.services_single .box-green-border {
margin-bottom: 20px;
}
.banner {
background-position: center center;
}
.banner .banner-txt {
padding: 80px 0 87px;
color: #fff;
}
.banner .banner-txt h1 {
margin: 0 0 30px;
}
.banner .banner-txt p {
font-size: 18px;
margin: 30px 0;
}
.rev_btn_fill,
.rev_btn_fill span {
font-weight: 600 !important;
}
.services hr {
margin-bottom: 40px;
}
.services .box-green-border {
position: relative;
padding-top: 33px;
padding-bottom: 34px;
}
.page-template-template-modernpage .services .box-green-border {
margin-bottom: 30px;
}
.multipage-agency .service-box .box-green-border {
margin-bottom: 0;
}
.services .box-green-border a {
line-height: 26px;
}
.services .box-green-border {
overflow: hidden;
}
.services .box-green-border .service-overlay {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 105%;
transition: all .5s;
}
.services .box-green-border:hover .service-overlay {
top: 0;
}
.services .box-green-border .service-overlay ul {
width: 100%;
height: 100%;
background: #f5f6f7;
padding: 30px 40px;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.services .box-green-border .service-overlay ul li a {
font-size: 16px;
line-height: 36px;
color: #444444;
font-weight: 400;
padding: 0 0 0 30px;
margin: 0;
text-transform: none;
position: relative;
}
.services .box-green-border .service-overlay ul li a i {
font-size: 18px;
line-height: 35px;
color: #323a45;
position: absolute;
left: 0;
top: 0;
transition: all .3s;
}
.services .box-green-border .service-overlay ul li a:hover,
.services .box-green-border .service-overlay ul li a:hover i {
color: #53b778;
} .portfolio {
position: relative;
}
.home.page-template-template-modernpage.multipage-agency .portfolio.bg-white {
padding-top: 67px;
}
.small-agency-portfolio {
padding-top: 57px;
}
.protfolio-item {
position: relative;
margin-bottom: 5px;
}
.portfolio .text-inner {
width: 100%;
position: absolute;
top: 50%;
left: 0;
color: #fff;
text-align: center;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 2s;
transition: 2s;
}
.protfolio-item:hover .text-inner {
display: block;
}
.portfolio .medium-text {
margin: 30px 0 81px;
}
.protfolio-item:hover .por-overley,
.featured-img-wrapper:hover .por-overley {
-webkit-transform: scale(1);
transform: scale(1)
}
.protfolio-item .por-overley {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
.more-portfolio .btn.btn-fill.full-width {
margin-bottom: 30px;
} .case-studies-section {
margin-top: 30px;
padding-bottom: 80px;
}
.case-studies-carousel {
position: relative;
}
.case-studies-carousel .carousel-inner>.item {
min-height: 600px;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.case-studies-carousel .carousel-inner>.item>img {
min-width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.case-studies-carousel .carousel-caption {
position: static;
text-align: left;
}
.case-studies-carousel .carousel-caption h2 {
margin-top: 25px;
border: none;
color: #ffffff;
}
.case-studies-carousel .carousel-caption p {
margin: 32px 0;
max-width: 440px;
color: #ffffff;
}
.case-studies-carousel .carousel-caption a,
.case-studies-carousel .carousel-caption a span {
color: #fff;
font-size: 14px;
}
.case-studies-carousel .carousel-caption span {
float: left;
margin: 10px;
text-transform: uppercase;
}
.case-studies-carousel .carousel-caption a span.icon-play-circle {
font-size: 40px;
font-weight: 400;
margin: 0;
}
.case-studies-carousel .carousel-indicators {
bottom: -60px;
width: 100%;
left: 0;
margin-left: 0;
margin-bottom: 0;
}
.case-studies-carousel .carousel-indicators li {
height: 90px;
width: 90px;
border: 3px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
margin-right: 30px;
position: relative;
}
.case-studies-carousel .carousel-indicators li:last-child {
margin-right: 0;
}
.case-studies-carousel .carousel-indicators li.active {
margin: 1px 30px 1px 1px;
}
.case-studies-carousel .carousel-indicators li:last-child.active {
margin-right: 0;
}
.case-studies-carousel .carousel-indicators li img {
margin: 15px auto;
filter: grayscale(100%) brightness(200%) contrast(36%);
transition: filter 0.3s ease 0s, -webkit-filter 0.3s ease 0s;
position: absolute;
bottom: -43px;
left: 0;
right: 0;
z-index: 0;
}
.case-studies-carousel .carousel-indicators li.active img {
filter: none;
}
.case-studies-carousel .carousel-indicators #slide-0 {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/case-data-slide-0.jpg) no-repeat center center;
}
.case-studies-carousel .carousel-indicators #slide-1 {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/case-data-slide-1.png) no-repeat center center;
}
.case-studies-carousel .carousel-indicators #slide-2 {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/case-data-slide-2.png) no-repeat center center;
}
#case_studies-detail-content+.clearfix {
display: none;
}
.case-study-box .box-content-with-img {
margin-top: 0;
margin-bottom: 30px;
border: 1px solid #e9e9e9;
}
.case-studies-content .box-content-with-img {
border: 1px solid #e9e9e9;
} .why-us {
padding: 159px 0 60px;
}
.home .common-form-section {
padding-bottom: 70px;
}
.page-template-template-modernpage .team-members {
padding-bottom: 0;
}
.common-form-section h3 {
margin: 5px 0 30px;
color: #323a45;
}
.common-form-section ul {
list-style: none;
padding: 0;
margin: 33px 0;
}
.common-form-section ul li {
font-size: 16px;
line-height: 48px;
list-style: none;
}
.common-form-section ul li span {
font-size: 30px;
line-height: 47px;
margin-right: 12px;
hyphens: none;
vertical-align: middle;
}
.common-form-section .btn {
margin: 30px 0;
}
.common-form-section .btn-fill {
width: 100%;
margin: 38px 0 20px !important;
}
.common-form-section .btn.full-width {
margin-top: 29px !important;
}
.common-form-section form {
border-top: 3px solid #323a45;
margin: 0 auto;
width: 100%;
}
.multipage-agency .common-form-section.service-description-section form {
margin-top: 10px;
}
.common-form-section form .form-element-wrapper {
padding-left: 30px;
padding-right: 30px;
}
.common-form-section form h3 {
margin: 35px 0 10px;
}
.multipage-agency .common-form-section.service-description-section h3 {
margin-top: 3px;
}
.common-form-section .regular-text {
line-height: 26px;
}
form .form-control,
form .form-control:focus {
box-shadow: none;
border-radius: 0;
}
.common-form-section .customised-formgroup input::-webkit-input-placeholder {
color: #777777;
}
.common-form-section .customised-formgroup input:-moz-placeholder {
color: #777777;
}
.common-form-section .customised-formgroup input::-moz-placeholder {
color: #777777;
}
.common-form-section .customised-formgroup input:-ms-input-placeholder {
color: #777777;
}
.common-form-section .customised-formgroup textarea::-webkit-input-placeholder {
color: #777777;
}
.common-form-section .customised-formgroup textarea:-moz-placeholder {
color: #777777;
}
.common-form-section .customised-formgroup textarea::-moz-placeholder {
color: #777777;
}
.common-form-section .customised-formgroup textarea:-ms-input-placeholder {
color: #777777;
} .success-number {
padding-top: 10px;
margin-bottom: 30px;
background-attachment: fixed;
}
.multipage-agency .success-number {
margin-bottom: 0;
}
.success-number .counter-text {
padding-bottom: 55px;
}
.success-number .counter-inner {
padding: 59px 0 0;
}
.success-number .counter-inner .icon-holder::after {
background: #fff none repeat scroll 0 0;
content: " ";
display: block;
height: 100%;
margin: 0 30px;
position: absolute;
top: 0;
right: 8%;
width: 1px;
}
.success-number .counter-inner .icon-holder {
position: relative;
width: 40%;
color: #fff;
}
.success-number .counter-inner .icon-holder span {
font-size: 60px;
line-height: 60px;
}
.success-number .counter-text p {
font-size: 14px;
line-height: 30px;
text-transform: uppercase;
margin-top: 8px;
color: #fff;
}
.success-number .no_count {
font-size: 36px;
font-weight: normal;
line-height: 30px;
}
.success-number h2 {
color: #fff;
border: none !important;
margin-bottom: 0;
padding-bottom: 0;
} .blogs.classic-blog .btn.btn-fill.full-width {
margin-top: 50px;
}
.blogs {
padding-bottom: 30px;
}
.blogs .box-green-border span {
color: #777777;
font-size: 14px;
line-height: 22px;
}
.blogs .box-green-border {
padding-left: 0;
padding-top: 41px;
padding-bottom: 33px;
}
.blogs .box-green-border a {
margin: 13px 0 16px;
}
.blogs .box-green-border a:first-child span {
font-weight: 400;
}
.blogs .blog-left {
background: #f5f6f7;
margin: 45px 0 0;
position: relative;
overflow: hidden;
}
.blog-left .featured-tag {
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.blogs .blog-left .box-green-border {
border-bottom: none;
padding: 40px 10px 40px 30px;
min-height: auto;
}
.blogs .btn.full-width {
margin-top: -10px;
margin-bottom: 60px;
}
.blgos .owl-dots .owl-dot .span {
width: 20px;
height: 20px;
display: block;
background: red;
}
.page-template-template-modernpage.multipage-agency .blog-single-2 .bg-white {
padding-top: 55px;
}
.page-template-template-modernpage.multipage-agency .blog-content.blog-single-2 .bg-white .btn.btn-fill.full-width {
margin-bottom: 30px;
} .team_members {
padding-bottom: 30px;
}
.page-template-template-modernpage.multipage-agency .bg-white.team_members {
padding-bottom: 30px;
}
.page-template-template-modernpage.multipage-agency .bg-white.hosting-features {
padding-top: 55px;
}
.team_members .content {
margin-bottom: 30px;
}
.team_members .content .img_container {
position: relative;
cursor: pointer;
}
.team_members .content .img_container .por-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: transform .5s ease;
-moz-transition: transform .5s ease;
-ms-transition: transform .5s ease;
-o-transition: transform .5s ease;
transition: transform .5s ease;
}
.multipage-agency .team_members .content .img_container .por-overlay {
background: rgba(255, 255, 255, .9);
}
.team_members .content .img_container:hover .por-overlay {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.text-inner .btn.btn-nofill {
margin: 0;
}
.team_members .content .img_container .por-overlay .text-inner {
position: absolute;
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%);
}
.team_members .member_details {
background: #f5f6f7;
}
.multipage-agency .team_members .member_details {
background: transparent;
}
.team_members .member_details h3 {
font-size: 16px;
line-height: 30px;
color: #323a45;
margin: 0;
text-align: center;
font-weight: 400;
padding: 20px 0;
border-bottom: 1px solid #e9e9e9;
}
.team_members .member_details h3 .member_intro {
font-size: 24px;
line-height: 30px;
color: #323a45;
font-weight: 600;
display: block;
}
.team_members .member_details h3 .member_intro:hover {
color: #53b778;
}
.team_members .member_details .social_icons,
.team-modal-content .social_icons {
margin-top: 0;
padding: 20px 0;
}
.team_members .member_details .social_icons li,
.team-modal-content .social_icons li {
line-height: 30px;
}
.team_members .member_details .social_icons li a,
.team-modal-content .social_icons li a {
width: 30px;
line-height: 30px;
background: #c6cbd2;
display: block;
border-radius: 50%;
}
.team_members .member_details .social_icons li a i,
.team-modal-content .social_icons li a i {
font-size: 14px;
line-height: 30px;
color: #ffffff;
margin: 0;
display: block;
}
.team_members .member_details .social_icons li a:hover,
.team-modal-content .social_icons li a:hover {
background: #53b778;
}
.team-modal-content .social_icons {
border-top: 1px solid #e9e9e9;
margin: 0 0 20px;
}
.team-modal-content .social_icons li:first-child {
padding-left: 0;
}
.team-modal-content h2 {
margin-top: 0;
margin-bottom: 10px;
}
.team-modal-content p.gray-text {
margin-bottom: 25px;
}
.team-modal-content .list-with-arrow {
margin-bottom: 20px;
}
.team_members .dark-line {
margin-bottom: 60px;
}
.team_members .join-our-team-btn {
width: 100%;
display: block;
margin-bottom: 30px;
}
.team_members .btn.btn-fill.full-width {
display: inline-block;
}
.modal-body .img_container {
margin-bottom: 30px;
}
.modal-body .img_container img {
width: 100%;
}
.team-modal .modal-body {
padding-bottom: 20px;
} .join-our-team .regular-text {
margin-bottom: 60px;
} .available-positions {
padding-bottom: 30px;
}
.page-template-template-modernpage.multipage-agency .bg-white.available-positions {
padding-bottom: 30px;
}
.available-positions .content {
margin-bottom: 30px;
}
.available-positions .content h3 {
font-size: 24px;
line-height: 30px;
color: #ffffff;
text-transform: capitalize;
font-weight: 600;
background: #323a45;
padding: 20px 30px;
margin: 0;
}
.available-positions .dark-line {
margin-bottom: 60px;
}
.available-positions .content h3 span {
display: block;
font-size: 15px;
font-weight: 400;
}
.available-positions .content .inner_content {
padding: 20px 30px;
background: #f5f6f7;
}
.available-positions .content .btn.btn-fill {
width: auto;
margin: 15px 0 15px !important;
} .pricing-plans hr {
margin-bottom: 35px;
}
.pricing-plans .bg-white {
padding-bottom: 30px;
}
.pricing-plans .pricing {
text-align: center;
border: 1px solid #e9e9e9;
padding: 0 0 37px;
margin: 15px 0 0;
}
.pricing-plans .pricing li {
line-height: 35px;
list-style: none;
}
.pricing-plans .pricing .price {
font-family: "Raleway", sans-serif;
font-size: 24px;
line-height: 30px;
color: #323a45;
font-weight: 600;
padding: 42px 30px 40px;
border-bottom: 1px solid #e9e9e9;
margin-bottom: 36px;
}
.pricing-plans .pricing .price span {
display: block;
font-size: 60px;
line-height: 1;
color: #53b778;
font-weight: 600;
padding: 15px 0 0;
}
.pricing-plans .pricing .price sup {
font-size: 35px;
}
.pricing-plans .pricing .price [class^="flaticon-"]::before {
font-size: 78px;
line-height: 1;
margin-bottom: 35px;
display: block;
margin-left: 0;
font-weight: 400;
}
.pricing-plans .btn.btn-fill {
width: 100%;
margin-bottom: 30px;
margin-top: 0;
} footer {
position: relative;
margin-top: 30px;
}
footer .customise-form .customised-formgroup input,
footer .customise-form .customised-formgroup textarea {
padding: 5px 45px;
height: 38px !important;
border: none;
}
footer .customise-form .customised-formgroup {
border: none;
background: #fff;
text-align: left;
padding: 6px 0;
}
footer .customise-form .customised-formgroup span {
left: 20px;
top: 16px;
font-size: 16px;
}
footer .customise-form .customised-formgroup span.icon-envelope {
font-size: 18px;
top: 14px;
}
footer .customise-form .customised-formgroup input::-webkit-input-placeholder {
color: #777777;
}
footer .customise-form .customised-formgroup input:-moz-placeholder {
color: #777777;
}
footer .customise-form .customised-formgroup input::-moz-placeholder {
color: #777777;
}
footer .customise-form .customised-formgroup input:-ms-input-placeholder {
color: #777777;
}
footer .customise-form .customised-formgroup textarea::-webkit-input-placeholder {
color: #777777;
}
footer .customise-form .customised-formgroup textarea:-moz-placeholder {
color: #777777;
}
footer .customise-form .customised-formgroup textarea::-moz-placeholder {
color: #777777;
}
footer .customise-form .customised-formgroup textarea:-ms-input-placeholder {
color: #777777;
}
footer .grey-dark-bg {
color: #fff;
padding: 53px 0 48px;
}
footer .grey-dark-bg h2 {
margin: 0;
color: #ffffff;
text-align: center;
border-bottom: none;
}
footer .grey-dark-bg form {
padding: 53px 0 48px;
}
footer .btn.btn-fill.full-width {
margin: 0;
}
footer .btn.btn-fill.full-width:hover {
background: transparent;
}
footer h4.regular-text {
margin: 0 0 17px;
font-weight: 400;
}
footer .regular-text {
color: #444444 !important;
font-size: 16px;
line-height: 26px;
display: inline-block;
}
footer .light-ash-bg {
background: #eaeaea;
color: #777777;
padding: 58px 0 49px;
}
.multipage-agency footer .light-ash-bg {
padding-bottom: 0;
}
.multipage-agency footer .light-ash-bg .container {
padding: 0;
}
.multipage-agency footer .footer-bottom {
padding: 30px 15px 26px;
}
.multipage-agency footer .footer-bottom p {
line-height: 85px;
color: #bebebe;
}
footer .light-ash-bg ul {
padding: 0;
list-style: disc;
margin-bottom: 0;
}
footer .light-ash-bg ul {
padding-left: 15px;
}
footer .light-ash-bg ul li ul {
padding-left: 0;
}
footer .light-ash-bg ul li {
list-style: disc;
border-bottom: 1px solid #e1e1e1;
}
.multipage-agency footer .light-ash-bg ul {
padding-left: 0;
}
.multipage-agency footer .light-ash-bg ul li {
list-style: none;
border: none;
}
footer .light-ash-bg ul li.big-width {
width: 25%;
}
footer .light-ash-bg ul ul li {
width: 100%;
border-bottom: 1px solid transparent;
}
footer .light-ash-bg ul ul li:first-child {
line-height: 15px;
}
footer .light-ash-bg ul a.text-color-light {
color: #444444;
line-height: 17px;
margin-bottom: 17px;
text-transform: capitalize;
}
footer .light-ash-bg ul ul li:first-child a:hover {
text-decoration: none;
}
footer .light-ash-bg ul li {
font-size: 13px;
}
footer .light-ash-bg ul li a {
font-size: 14px;
margin: 0;
color: #777777;
line-height: 36px;
text-transform: capitalize;
display: inline-block;
}
footer .light-ash-bg ul a:hover {
color: #53b778;
}
footer .light-ash-bg .logo {
margin-bottom: 25px;
margin-top: 2px;
}
footer .light-ash-bg ul.social-links,
ul.social-links {
margin: 7px 0;
}
footer .light-ash-bg ul.social-links {
margin-top: 8px;
display: block;
}
footer .light-ash-bg ul.social-links li,
ul.social-links li {
float: left;
width: auto;
margin-right: 10px;
text-align: center;
}
footer .light-ash-bg ul.social-links li:last-child {
margin-right: 0;
}
.blog-post-share ul.social-links {
font-size: 18px;
font-weight: 600;
padding: 0;
margin-top: 20px;
}
.blog-post-share ul.social-links li a {
width: 30px;
height: 30px;
}
footer .light-ash-bg ul.social-links li a,
ul.social-links li a {
background: #c6cbd2;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
width: 32px;
height: 32px;
display: block;
line-height: 32px;
color: #fff;
text-decoration: none;
}
footer .light-ash-bg ul.social-links li a i {
line-height: 32px;
}
footer .light-ash-bg ul.social-links li a:hover,
footer .light-ash-bg ul.social-links li a:focus,
footer .light-ash-bg ul.social-links li a:active,
ul.social-links li a:hover,
ul.social-links li a:focus,
ul.social-links li a:active {
background: #53b778;
color: #fff;
}
footer .light-ash-bg ul.social-links li:last-child,
ul.social-links li:last-child {
margin-right: 0;
}
footer .top-btn {
position: absolute;
left: 0;
right: 0;
width: 50px;
height: 50px;
margin: 0 auto;
top: -25px;
background: #fff;
border-radius: 50%;
box-shadow: 1px -2px 5px 0px rgba(198, 198, 198, 0.59);
}
footer .top-btn span {
position: absolute;
left: 0;
right: 0;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
footer a.top-btn:hover,
footer a.top-btn:focus,
footer a.top-btn:active {
text-decoration: none;
}
footer .customise-form p {
font-size: 16px;
margin-top: 21px;
margin-bottom: 8px;
}
footer .light-ash-bg ul.social-links li {
margin-bottom: 10px;
}
footer .light-ash-bg ul.social-links li,
ul.social-links li {
margin-bottom: 10px;
}
.multipage-agency .footer-bottom p {
border-top: 1px solid #444444;
}
.multipage-agency .mc4wp-response {
position: relative;
}
.multipage-agency .mc4wp-alert {
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
color: green;
}
.multipage-agency .mc4wp-alert p {
line-height: 30px;
}
.page-template-template-modernpage.multipage-agency .mc4wp-alert.mc4wp-success p {
color: green;
}
.page-template-template-modernpage.multipage-agency .mc4wp-alert.mc4wp-error p,
.page-template-template-modernpage.multipage-agency .mc4wp-alert.mc4wp-notice p {
color: red;
}  .service-website-design {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/services_website-design.jpg) no-repeat center center;
}
.banner-inner {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
}
.banner-inner .container {
height: 400px;
position: relative;
}
.banner-inner .container .banner-txt {
width: 100%;
position: absolute;
top: 50%;
left: 0;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-inner .banner-txt p {
margin-bottom: 35px;
}
.banner-inner .banner-txt p:last-child {
margin-bottom: 0;
} .service-low-padding {
padding-top: 67px;
}
.service-low-padding.margin-b-40 {
margin-bottom: 40px;
}
.service-description-section {
padding-bottom: 0;
}
.why-us .wpb_content_element {
margin-bottom: 0;
}
.service-description-section h3 {
margin-bottom: 25px;
}
.service-description-section ul {
margin: 34px 0 31px;
}
.service-description-section .btn {
margin-bottom: 0 !important;
} .bg-white.design-process-section {
padding-top: 85px;
}
.design-process-section .text-align-center {
line-height: 25px;
margin-bottom: 12px;
}
.design-process-section h2.text-align-center {
border-bottom: none;
}
.design-process-content {
border: 1px solid #e9e9e9;
position: relative;
padding: 16px 34% 30px 30px;
}
.design-process-content img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
max-height: 100%;
}
.design-process-content h3 {
margin-bottom: 16px;
}
.design-process-content p {
line-height: 26px;
margin-bottom: 12px;
}
.process-model {
list-style: none;
padding: 0;
position: relative;
max-width: 325px;
margin: 32px auto 26px;
border: none;
z-index: 0;
}
.process-model li::after {
background: #e5e5e5 none repeat scroll 0 0;
bottom: 0;
content: "";
display: block;
height: 4px;
margin: 0 auto;
position: absolute;
right: -30px;
top: 33px;
width: 85%;
z-index: -1;
}
.process-model li.visited::after {
background: #57b87b;
}
.process-model li:last-child::after {
width: 0;
}
.process-model li {
display: inline-block;
width: 32%;
text-align: center;
float: none;
}
.process-model.row {
max-width: 425px;
}
.process-model.row li,
.process-model.row li.active {
display: inline;
}
.nav-tabs.process-model>li.active>a,
.nav-tabs.process-model>li.active>a:hover,
.nav-tabs.process-model>li.active>a:focus,
.process-model li a:hover,
.process-model li a:focus {
border: none;
background: transparent;
}
.process-model li a {
padding: 0;
border: none;
color: #444444;
}
.process-model li.active a,
.process-model li.active a:hover,
.process-model li.active a:focus,
.process-model li.visited a,
.process-model li.visited a:hover,
.process-model li.visited a:focus {
color: #57b87b;
}
.process-model li.active p,
.process-model li.visited p {
font-weight: 600;
}
.process-model li span {
display: block;
height: 68px;
width: 68px;
text-align: center;
margin: 0 auto;
background: #f5f6f7;
border: 2px solid #e5e5e5;
line-height: 65px;
font-size: 30px;
border-radius: 50%;
}
.process-model li.active span,
.process-model li.visited span {
background: #fff;
border-color: #57b87b;
}
.process-model li p {
font-size: 14px;
margin-top: 11px;
transition: none;
}
.process-model.contact-us-tab li.visited a,
.process-model.contact-us-tab li.visited p {
color: #444444 !important;
font-weight: normal
}
.process-model.contact-us-tab li::after {
display: none;
}
.process-model.contact-us-tab li.visited span {
border-color: #e5e5e5;
color: #444444;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.design-process-section .tab-content {
margin-bottom: 0;
}
.wpb_wrapper .process-model.more-icon-preocess li br {
display: none;
} .featured-design-section img {
margin-bottom: 30px;
}
.featured-design-section .btn.btn-fill.full-width {
margin-top: 30px;
margin-bottom: 60px;
}
.featured-design-section .btn.btn-fill.full-width:hover {
background: #fff;
}
.featured-img-wrapper {
position: relative;
}
.page-template-template-modernpage.multipage-agency .bg-white.featured-design-section-cms {
padding-top: 50px;
} .service-mobile-app-bn {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/mobile-app-design-banner.jpg) no-repeat center center;
} .process-model.more-icon-preocess {
max-width: 600px;
}
.process-model.more-icon-preocess li {
width: 19%;
}
.long-box-wrapper {
margin-bottom: 90px;
}
.long-box-wrapper.case-studies-details-section {
margin-bottom: 60px;
}
.box-content-with-img img {
width: 100%;
}
.long-box-wrapper .box-content-with-img {
margin-top: 0;
border: 1px solid #e9e9e9;
}
.long-box-wrapper .box-content-with-img .box-content-text .btn {
margin-top: -26px;
}
.blogs .blog-left {
position: relative;
overflow: hidden;
}
.is-featured {
overflow: hidden !important;
position: relative !important;
}
.portflio-content .box-content-with-img::after,
.is-featured::after {
content: " featured ";
position: absolute;
top: 20px;
right: -41px;
width: 150px;
height: 28px;
background: #53b778;
font-size: 12px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
text-transform: uppercase;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.box-content-with-img .box-content-text {
padding: 25px 29px 29px;
}
.box-content-with-img .box-content-text h3 {
margin-top: 9px;
margin-bottom: 15px;
color: #323a45;
}
.box-content-with-img .box-content-text h3 a {
color: #323a45;
line-height: 30px;
}
.box-content-with-img:hover .box-content-text h3 a {
color: #53b778;
text-decoration: underline;
}
.box-content-with-img ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 20px;
margin-top: 5px;
}
.list-with-arrow {
padding: 0;
}
.box-content-with-img ul li,
.list-with-arrow li {
position: relative;
margin-bottom: 4px;
padding-left: 15px;
line-height: 30px;
list-style: none;
font-size: 16px;
line-height: 26px;
}
.box-content-with-img p {
line-height: 26px;
}
.box-content-with-img ul li:before,
.list-with-arrow li:before {
content: "\e93c";
font-family: "linearicons" !important;
position: absolute;
top: 1px;
left: 0;
z-index: 0;
display: block;
font-size: 10px;
}
.case-studies-content {
margin-top: 0;
}
.case-studies-content .box-content-with-img {
margin-bottom: 0;
}
.multipage-agency .case-studies-content .case-study-box .btn.btn-fill.full-width {
margin: 40px auto 0;
} .content-management-system hr,
.featured-ecommerce-webistes hr {
margin-bottom: 40px;
}
.content-management-system .content {
margin: 0 0 30px;
}
.content-management-system .content h3 {
font-size: 24px;
line-height: 100px;
color: #ffffff;
background: #323a45;
text-transform: capitalize;
padding: 0 30px;
position: relative;
margin: 0;
}
.content-management-system .content img {
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.content-management-system .content .content_inner {
list-style: none;
padding: 25px 30px;
background: #f5f6f7;
margin-bottom: 0;
}
.content-management-system .content .content_inner li {
font-size: 16px;
line-height: 34px;
color: #444444;
padding-left: 20px;
position: relative;
list-style: none;
}
.content-management-system .content .content_inner li span {
font-size: 12px;
line-height: 34px;
position: absolute;
left: 0;
top: 0;
}
.mobile-app-featured {
padding-top: 49px;
} .features-of-ecommerce-webiste {
padding: 90px 0 0;
}
.features-of-ecommerce-webiste h2 {
margin: 0 0 60px !important;
text-align: center;
}
.features-of-ecommerce-webiste .content,
.join-our-team .content {
font-size: 18px;
line-height: 26px;
color: #444444;
font-weight: 600;
}
@media (max-width: 1199px) {
.features-of-ecommerce-webiste .content,
.join-our-team .content {
margin-bottom: 50px;
}
}
.features-of-ecommerce-webiste .icon_holder,
.join-our-team .icon_holder {
width: 165px;
height: 165px;
display: block;
background: #f5f6f7;
text-align: center;
border-radius: 50%;
margin: 0 auto 25px;
position: relative;
}
.features-of-ecommerce-webiste .content span,
.join-our-team .content span {
font-size: 80px;
color: #444444;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.features-of-ecommerce-webiste .content .icon-truck,
.join-our-team .content .icon-truck {
top: 43%;
} .featured-ecommerce-webistes {
padding-bottom: 20px;
}
.featured-ecommerce-webistes .content {
margin-bottom: 40px;
position: relative;
}
.featured-ecommerce-webistes .content .img_container {
margin-bottom: 10px;
position: relative;
}
.featured-ecommerce-webistes .content .img_container span {
position: absolute;
top: 50%;
right: -53px;
font-size: 30px;
line-height: 69px;
color: #ffffff;
text-align: center;
width: 75px;
box-sizing: border-box;
background: #53b778;
border: 3px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .40);
-moz-box-shadow: 0 2px 15px rgba(0, 0, 0, .40);
-ms-box-shadow: 0 2px 15px rgba(0, 0, 0, .40);
-o-box-shadow: 0 2px 15px rgba(0, 0, 0, .40);
box-shadow: 0 2px 15px rgba(0, 0, 0, .40);
z-index: 1024;
}
.featured-ecommerce-webistes .content .img_container .overlay {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity .3s;
}
.featured-ecommerce-webistes .content .img_container .overlay .inner_overlay {
width: 100%;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
padding: 0 15px;
}
.featured-ecommerce-webistes .content .img_container:hover .overlay {
opacity: 1;
}
.featured-ecommerce-webistes .content .before_after {
width: 100%;
display: block;
background: #f5f6f7;
font-size: 18px;
line-height: 60px;
color: #444444;
font-weight: 500;
text-transform: uppercase;
text-align: center;
}
.featured-ecommerce-webistes .content .before_after:hover {
background: #53b778;
color: #ffffff;
}
.featured-ecommerce-webistes .btn.btn-fill {
width: 100%;
max-width: 360px;
text-align: center;
margin-top: 20px;
margin-bottom: 40px;
}
.box-content-with-img.modern {
border-radius: 4px;
-webkit-border-radius: 4px;
overflow: hidden !important;
} .parallax-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 100%;
-ms-flex-pack: distribute;
justify-content: space-around;
position: relative;
width: 100%;
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.parallax-container section {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
overflow: hidden;
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.parallax-container section:nth-child(1) .image {
transition-duration: 0s !important;
-webkit-transition-duration: 0s !important;
}
.banner-inner.seo-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/seo-banner.jpg);
}
.banner-inner.website-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/services_website-design.jpg);
}
.banner-inner.mobile-app-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/mobile-app-design-banner.jpg);
}
.banner-inner.pay-per-click-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/pay-per-click-banner.jpg);
}
.banner-inner.social-media-marketing-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/social-media-marketing-banner.jpg);
}
.banner-inner.case-studies-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/case-studies-banner.jpg);
}
.banner-inner.portfolio-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/portfolio/portfolio-banner.jpg);
}
.banner-inner.case-studies-details-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/case-studies/case-studies-details-banner.jpg);
}
.banner-inner.contact-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/contact/contact-banner.jpg);
}
.banner-inner.about-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/about/about-banner.jpg);
}
.banner-inner.logo-branding-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/services_single_banner.jpg);
}
.banner-inner.graphic-design-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/graphic-design-banner.jpg);
}
.banner-inner.content-management-system-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/content_management_system_banner.jpg);
}
.banner-inner.effective-ecommerce-website-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/ecommerce_banner.jpg);
}
.banner-inner.email-marketing-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/email_marketing_banner.jpg);
}
.banner-inner.awards-and-recognition-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/about/awards-and-recognition-banner.jpg);
}
.banner-inner.join-our-team-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/team/join_our_team_banner.jpg);
}
.banner-inner.video-production-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/services/video_production_banner.jpg)
}
.banner-inner.search-results-banner {
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/search-results-banner.jpg);
}
.success-number .image,
.seo-banner {
background-image: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/success.jpg);
}
.stuff {
z-index: 999;
width: 100%;
background: url(//www.kreuzbergcity.de/wp-content/themes/cynic/css/images/success.jpg) center top no-repeat;
background-attachment: fixed;
background-size: cover;
} .product-section .btn.btn-fill.full-width {
margin-top: 4px;
margin-bottom: 60px;
}
.pro-controls {
color: #eee;
text-align: center;
margin-bottom: 5px
}
.pro-controls .filter {
color: #777777;
font-size: 16px;
border: none;
background: none;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
padding: 3px 0;
margin: 3px 22px;
outline: none;
border-bottom: 2px solid transparent;
}
.pro-controls .filter.active:focus,
.pro-controls .filter.active:hover,
.pro-controls .filter.active,
.pro-controls .filter:hover,
.pro-controls .filter:focus {
color: #53b778;
border-bottom: 2px solid #53b778;
}
.pro-item-img {
width: 100%;
height: 360px;
background-repeat: no-repeat !important;
background-position: center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
position: relative;
}
.port-cat-con {
padding: 2% 0 0;
text-align: justify;
font-size: 0.1px;
transition-duration: 0s !important;
}
.multipage-agency .port-cat-con {
padding-top: 0;
transition: all .5s !important;
}
.port-cat-con .por-overley,
.featured-img-wrapper .por-overley {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
-webkit-transform: scale(0);
transform: scale(0);
}
.port-cat-con .por-overley .text-inner,
.featured-img-wrapper .por-overley .text-inner {
position: absolute;
width: 100%;
top: 50%;
left: 0;
padding: 0 15px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.video_popup .por-overley {
background: rgba(0, 0, 0, .4);
padding-top: 0;
}
.video_popup .por-overley .text-inner {
top: 51%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.video_popup .video-popup {
font-size: 120px;
line-height: 120px;
color: #ffffff;
}
.video_popup .video-popup span.icon-play-circle {
color: #ffffff;
}
.port-cat-con .mix {
float: left;
margin: 0;
margin-bottom: 60px;
text-align: left;
display: none;
position: relative;
}
.port-cat-con .mix:hover .por-overley {
-webkit-transform: scale(1);
transform: scale(1);
}
.portflio-content .box-content-with-img {
position: relative;
max-width: 360px;
margin-top: 0;
margin-bottom: 0;
border: 1px solid #e9e9e9;
}
.featured-tag {
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.product-section .grid {
padding-bottom: 41px;
transition: all .5s;
}
.product-section .grid-item {
width: 33.333333%;
padding: 15px;
}
.product-section .img_container {
position: relative;
}
.product-section .img_container img {
width: 100%;
}
.product-section .img_container .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
transform: scale(0);
transition: all .5s;
cursor: pointer;
}
.product-section .img_container .overlay a {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-section .img_container:hover .overlay {
transform: scale(1);
}
.product-section .filter-button-group {
text-align: center;
margin: 53px 0 10px;
}
.product-section .filter-button-group button {
border: none;
background: transparent;
font-size: 16px;
margin: 0 23px 10px;
padding: 0;
border-bottom: 2px solid transparent;
}
.product-section .filter-button-group button:hover,
.product-section .filter-button-group button:focus,
.product-section .filter-button-group button.is-checked {
color: #53b778;
border-color: #53b778;
}
.portflio-content .gray-text {
font-size: 14px;
color: #777777;
line-height: 16px;
}
.portflio-content .regular-text {
margin-bottom: 4px;
}
.portflio-content .semi-bold a {
cursor: pointer;
}
.potfolio-modal .thumb-list {
margin-left: -5px;
margin-right: -5px;
}
.potfolio-modal .thumb-list li {
width: calc(33.333333% - 10px);
cursor: pointer;
margin: 0 5px !important;
padding: 0;
}
.thumb-list li:last-child {
margin: 0;
}
.list-inline.thumb-list {
text-align: left;
}
.getguoteModal-dialog.potfolio-modal {
width: 1140px;
}
.port-modal-content p {
margin-bottom: 25px;
line-height: 26px;
}
.port-modal-content p.gray-text {
margin-bottom: 17px;
color: #777777;
line-height: normal;
}
.potfolio-modal .modal-content .list-with-arrow li::before {
font-size: 11px;
color: #444444;
}
.potfolio-modal .modal-body {
padding: 50px;
padding-bottom: 30px;
}
.video-modal .modal-body {
padding: 0;
text-align: center;
}
.potfolio-modal .modal-content .list-with-arrow li {
padding-left: 17px !important;
margin-bottom: 8px !important;
}
.port-modal-content h2 {
margin-bottom: 15px;
padding-bottom: 0;
border: none;
}
.port-modal-content .regular-text a {
font-weight: 600;
}
.potfolio-modal .modal-content h3 {
margin-top: 33px;
}
.potfolio-modal .modal-content iframe {
width: 100% !important;
height: 35vh;
max-width: 900px;
margin: 0 auto;
}
.modal-header .close {
position: absolute;
top: 20px;
right: 18px;
z-index: 9;
}
.multipage-agency .modal-header .close {
top: 20px;
right: 20px;
}
.video-modal .modal-header .close {
position: absolute;
top: -40px;
right: 115px;
z-index: 9;
}
.modal-content .list-with-arrow {
margin-top: 27px;
}
.potfolio-modal .modal-content .btn.btn-fill {
margin-top: 27px;
}
.modal-backdrop {
background: #fff;
opacity: 1 !important;
}
.potfolio-modal .thumb-list img {
border: 1px solid transparent;
width: 100%;
}
.potfolio-modal .thumb-list .selected img {
border: 1px solid #53b778;
}
.potfolio-modal .carousel-inner>.item {
min-height: 516px;
background-position: center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.portfolio-loading {
text-align: center;
}
.video-modal .modal-content {
border: none;
}
.portfolio .btn.btn-fill.full-width {
margin-top: 20px;
}
.page-template-template-modernpage .portfolio .btn.btn-fill.full-width {
margin-top: -10px;
}
.full-portfolio {
padding-top: 57px;
} #more-case-studies {
padding-bottom: 53px;
}
#more-case-studies .box-content-with-img {
margin-top: 90px;
}
#more-case-studies .pagination-case {
margin-top: 60px;
}
.dis-table {
width: 100%;
display: flex;
flex-direction: row;
border: 1px solid #e9e9e9;
}
.dis-table>div {
margin: auto;
width: 50%;
}
.dis-table>div img {
width: 100%;
}
.dis-table>div.text-box {
padding: 0 60px;
}
.dis-table>div.text-box.pull-left {
order: -1;
}
.dis-table>div.text-box.less-padding {
padding: 0 40px;
}
div.text-box ul li,
.dis-table>div.text-box p {
line-height: 30px;
font-size: 16px;
}
.score-table {
background: #323a45;
padding: 40px;
}
.score-table ul {
list-style: outside none none;
padding: 0;
margin: 0;
max-width: 80%;
margin: 0 auto;
}
.score-table ul li {
position: relative;
width: 50%;
color: #fff;
font-size: 24px;
font-weight: 500;
padding-left: 34px;
float: left;
margin-bottom: 5px;
list-style: none;
}
.score-table ul li:last-child {
margin-bottom: 0;
}
.score-table ul li:before {
content: "\e999";
font-family: "linearicons" !important;
position: absolute;
top: 1px;
left: 0;
z-index: 0;
display: block;
font-size: 24px;
color: #53b778;
} .pagination-case {
text-align: center;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-radius: 0;
}
.pagination>li>a,
.pagination>li>span {
color: #444444;
width: 40px;
height: 40px;
text-align: center;
display: inline-block;
line-height: 27px;
}
.pagination-case .pagination {
margin: 0 0 50px;
}
#more-case-studies .pagination-case .pagination {
margin-bottom: 0;
}
.margin-btm-60 {
margin-bottom: 60px;
} .contact-banner .banner-txt {
padding-bottom: 100px;
padding-top: 117px;
}
.contact-form form {
border-top: none;
padding-left: 0;
margin-top: 20px;
}
.contact-info-box {
border: 1px solid #d5d5d5;
max-width: 360px;
padding: 29px 22px;
margin-bottom: 20px;
}
.multipage-agency .contact-info-box {
max-width: 100%;
}
.contact-info-box span {
font-size: 36px;
display: inline-block;
padding-right: 25px;
border-right: 1px solid #d5d5d5;
color: #53b778;
line-height: 50px;
}
.contact-info-box span.icon-envelope {
font-size: 40px;
}
.contact-info-box>div {
display: inline-block;
margin-left: 21px;
}
.contact-info-box h6 {
margin: 0;
font-size: 24px;
font-weight: 600;
color: #444444;
}
.contact-info-box p {
margin: 0;
font-size: 16px;
color: #444444;
line-height: 26px;
}
.contact-info-box-wrapper {
margin-top: 42px;
}
.contact-info-box ul {
margin: 0;
padding: 0;
}
.multipage-agency .contact-form-wrapper .contact-info-box {
margin: 0 0 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.multipage-agency .contact-info-box:last-child {
-webkit-justify-content: center;
justify-content: center;
}
.multipage-agency .contact-info-box ul::before,
.multipage-agency .contact-info-box ul::after {
content: "";
display: block;
clear: both;
}
.contact-info-box .social-links li {
margin-bottom: 0;
list-style: none;
}
.contact-form-wrapper .btn-fill {
width: auto;
color: #fff;
font-size: 14px;
font-weight: 600;
margin-bottom: 0 !important;
}
.contact-form-wrapper .wpb_content_element {
margin-bottom: 0 !important;
}
.contact-form-wrapper .customise-form.contact-form p {
display: none !important;
}
.customise-form .email_form {
margin-top: 23px;
}
.map-container iframe {
width: 100%;
display: block;
position: relative; }
.google-map-location {
margin-bottom: 80px;
}
.multipage-agency .google-map-location {
margin-bottom: 60px;
}
.google-map-location .tab-pane img {
min-height: 500px;
position: static;
width: 100%;
}
.google-map-location .tab-pane p {
text-align: center;
margin-bottom: 33px;
}
.tab-content iframe {
margin-bottom: 50px;
width: 100%;
}
.multipage-agency .tab-content iframe {
margin-bottom: 0;
}
.icon-Asset-1 {
font-size: 23px !important;
}
.tab-content .tab-pane {
position: relative;
}
.tab-content.map_tab .tab-pane::after {
content: " Click on the map to navigate ";
position: absolute;
width: 100%;
max-width: 280px;
bottom: 40px;
left: 50%;
padding: 0;
background: #fff;
display: block;
font-size: 14px;
line-height: 50px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
text-align: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
box-shadow: 0 1px 4px -1px rgba(0, 0, 0, .3);
transition: all .5s linear;
}
.tab-content .tab-pane.clicked::after {
opacity: 0;
z-index: -1025;
}
.contact-info-box .social-links li a span {
font-size: 16px;
color: #fff;
padding: 0;
border: none;
position: static;
margin: 0;
line-height: 20px;
}
.contact-info-box .social-links li a {
text-align: center;
text-decoration: none;
line-height: 34px;
height: 32px;
width: 32px;
}
.contact-us-tab li p {
margin-top: 36px;
}
.process-model.contact-us-tab {
margin-bottom: 19px;
margin-top: 35px;
max-width: 390px;
}
.contact-form-wrapper .vc_column_container>.vc_column-inner {
padding-top: 0;
} .getguoteModal-dialog {
width: 830px;
max-width: 100%;
}
.getguoteModal-dialog .modal-header {
border: none;
padding: 0;
}
.getguoteModal-dialog .modal-header span {
font-size: 24px;
}
.getguoteModal-dialog .customise-form .customised-formgroup span,
.contact-form.customise-form .customised-formgroup span {
top: 19px;
line-height: 22px;
}
.customise-form .icon-user {
font-size: 16px;
}
.customise-form .icon-envelope,
.customise-form .icon-laptop,
.customise-form .icon-bubble {
font-size: 18px;
}
.customise-form .icon-bubble {
top: 18px;
line-height: normal !important;
}
.getguoteModal-dialog .customise-form .customised-formgroup span.icon-bubble {
top: 16px;
}
.customise-form .icon-telephone {
font-size: 17px;
}
.customise-form.contact-form .customised-formgroup {
margin-bottom: 15px;
}
.customised-formgroup .error {
font-size: 13px;
color: #f00;
}
.customise-form.contact-form .btn-fill {
margin-top: 26px !important;
}
.common-form-section .btn.full-width span {
margin-left: 8px;
font-weight: 600;
}
.modal-content {
border: 1px solid #d5d5d5;
border-radius: 0;
box-shadow: none;
}
.modal-body {
padding: 27px 50px 50px 50px;
}
.modal-content h3 {
color: #323a45;
font-size: 24px;
margin-top: 23px;
line-height: 18px;
margin-bottom: 13px;
}
.modal-content .btn.btn-fill {
margin: 30px 0 0;
}
#getAQuoteModal .modal-content .btn.btn-fill {
margin-top: 51px;
margin-bottom: 30px;
}
#getAQuoteModal .modal-content h3 {
margin-bottom: 0;
}
#getAQuoteModal .modal-content .list-with-arrow {
margin-bottom: 70px;
}
.cynic-normal-menu #getAQuoteModal .modal-content .list-with-arrow,
.multipage-agency #getAQuoteModal .modal-content .list-with-arrow {
margin-bottom: 77px;
}
.modal-content .btn.btn-fill span {
margin-left: 5px;
}
#getAQuoteModal .modal-body {
padding-bottom: 24px;
}
.btn.btn-fill span {
font-size: 12px;
margin-left: 5px;
}
.customise-form .customised-formgroup input,
.contact-form .customised-formgroup input {
height: 50px;
}
.modal-content form .customised-formgroup textarea,
.customise-form .customised-formgroup textarea {
height: 93px;
}
.modal-content ul {
margin-top: 10px;
margin-bottom: 10px;
}
.modal-content li {
font-size: 16px;
font-weight: normal;
color: #444444;
line-height: 26px;
}
.modal-content .list-with-arrow li {
padding-left: 23px;
margin-bottom: 9px;
}
.modal-content li:before {
color: #53b778;
font-size: 13px;
}
.modal-content .contact-info-box-wrapper {
margin-top: 88px;
}
.contact-info-box:last-child,
.multipage-agency .contact-info-box:last-child {
margin-bottom: 0;
}
.google-map-location h2 {
line-height: 31px;
} .verticl-center-modal {
text-align: center;
padding: 0 !important;
}
.verticl-center-modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.modal-dialog {
margin: 0;
}
.verticl-center-modal .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
padding: 0 15px;
}
.multipage-agency .verticl-center-modal .modal-dialog {
padding: 0;
} .about-content p {
margin-bottom: 25px;
}
.about-box {
border: 1px solid #e9e9e9;
text-align: center;
padding: 40px;
position: relative;
padding-top: 90px;
margin-bottom: 45px;
margin-top: 85px;
display: block;
}
.about-box .regular-text {
color: #444444;
}
.page-template-template-modernpage.multipage-agency .bg-white.more-about-us {
padding-bottom: 15px;
padding-top: 45px;
}
.about-box p {
line-height: 26px;
}
.about-img {
text-align: right;
}
.about-img img {
display: inline-block;
}
.round-icon-wrapper {
height: 160px;
width: 160px;
background: #f5f6f7;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: -75px;
left: 0;
right: 0;
z-index: 0;
margin: 0 auto;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.about-content p:last-child {
margin-bottom: 0;
}
.round-icon-wrapper span {
font-size: 80px;
color: #444444;
line-height: 160px;
transition: all .3s;
}
.about-box h3 {
font-size: 24px;
font-weight: 600;
}
.about-box h3 a {
color: #323a45;
}
.about-box:hover .round-icon-wrapper {
background: #53b778;
color: #fff;
}
.about-box:hover .round-icon-wrapper span {
color: #fff;
}
.about-box:hover h3 a {
color: #53b778;
}
.awards-and-recognitions {
padding-bottom: 30px;
}
.awards-and-recognitions h2 {
margin-bottom: 34px;
}
.awards-and-recognitions .dark-line {
margin-bottom: 30px;
}
.awards_list>.vc_column-inner {
padding-left: 0;
padding-right: 0;
}
.awards-and-recognitions .awards_list .img_container {
width: 100%;
height: 262.5px;
background: #f5f6f8;
padding: 15px;
margin: 0 auto 30px;
position: relative;
}
.awards-and-recognitions .awards_list .img_container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
max-width: 100%;
}
.compose-mode .vc_vc_row_inner {
padding-top: 0;
} .blog-title {
background: #323a45;
padding: 47px 0;
}
.blog-title h1 {
color: #fff;
margin: 0;
}
.page-section .blog-content.author-sec {
margin-bottom: 0;
}
.box-content-with-img {
margin-top: 25px;
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.blog-content .box-content-with-img {
background: #f5f6f7;
margin: 0 0 30px;
}
.blog-content .box-content-text {
border: none;
}
.blog-content .box-content-with-img span {
margin-right: 12px;
}
.blog-content .btn.btn-fill.full-width {
margin-bottom: 0;
}
.blog-content .general .btn.btn-fill.full-width {
margin-bottom: 60px;
}
.blog-content .box-content-with-img h3 {
margin-top: 13px;
}
.gray-title {
color: #323a45;
margin: 0;
}
.blog-details-content ul {
list-style: none;
padding: 0;
margin-bottom: 25px;
}
.blog-details-content ul li {
display: inline-block;
margin-right: 15px;
}
.blog-details-content ul li span {
margin-right: 10px;
}
.blog-details-content p {
margin-bottom: 30px;
}
.blog-details-content img {
margin-bottom: 50px;
}
.blog-details-content h2 {
margin-top: 0;
margin-bottom: 10px;
font-size: 24px;
color: #323a45;
}
.blog-details-content ul li a {
color: #444444;
}
.blog-details-content ul li a:hover {
color: #53b778;
}
.bloger-name {
font-size: 18px;
font-weight: 600;
color: #323a45;
text-transform: uppercase;
}
.blog-design-category {
padding-bottom: 60px;
}
.blog-seo-cat {
padding-bottom: 60px;
}
.blog-design-category .gray-text span {
margin-right: 8px;
}
.margin-btm-0 {
margin-bottom: 0 !important;
}
.blog-description,
.blogger-img {
float: left;
}
.blogger-img {
width: 90px;
margin-top: 5px;
padding-left: 15px;
}
.blog-description {
width: calc(100% - 140px);
margin-left: 30px;
}
.blog-description p {
line-height: 26px;
}
.blog-description a:first-child {
line-height: normal;
color: #444444;
}
.blog-description a:first-child:hover {
color: #53b778;
}
.blog-rel-post {
padding-top: 0;
}
.blog-rel-post .box-content-with-img {
margin-bottom: 0;
}
.blog-post-share .lower-margin {
padding-top: 70px;
}
.author-sec .container-fluid {
padding: 0;
}
.author-sec .btn-holder {
margin-top: 75px;
}
.author-sec .btn-holder .medium-btn2.btn.btn-nofill {
color: #53b778;
}
.author-sec .btn-holder .medium-btn2.btn.btn-nofill:hover,
.author-sec .btn-holder .medium-btn2.btn.btn-nofill:focus {
color: #ffffff;
}
.author-sec #comments .row {
margin-top: 30px;
}
.author-sec #comments .children {
padding-left: 50px;
}
.author-sec #comments .comment-respond {
margin-bottom: 0;
}
.leave-a-reply-padding {
padding-top: 72px;
} .mfp-title {
position: absolute;
color: #FFF;
background: red;
}
.mfp-bg {
background: #fff;
opacity: 1;
}
.mfp-iframe-holder .mfp-close {
color: #ffffff;
height: 32px;
line-height: 30px;
opacity: 0.2;
padding: 0;
text-align: center;
width: 33px;
opacity: 1;
}
.mfp-iframe-holder .mfp-close:hover {
opacity: .8;
}
.mfp-iframe-scaler iframe {
box-shadow: none;
} .get-privacy-terms .bg-white {
padding-top: 0;
}
.get-privacy-terms .modal-content {
padding-bottom: 17px;
padding-top: 26px;
margin-top: 30px;
}
.get-privacy-terms .modal-content p {
line-height: 26px;
margin-bottom: 34px;
color: #323a45;
}
.get-privacy-terms .modal-content h3 {
color: #323a45;
}
.get-privacy-terms .modal-body {
padding-bottom: 2px;
}
.get-privacy-terms .bg-white.privecy-content {
padding-top: 0;
}
.page-template-template-modernpage.multipage-agency .bg-white.privecy-content {
padding-bottom: 20px;
} .blog-item {
margin-bottom: 60px;
position: relative;
}
.blog-item-date {
width: 100px;
padding: 10px;
position: absolute;
top: 0px;
left: -130px;
font-size: 12px;
font-weight: 300;
letter-spacing: 1px;
line-height: 1.2;
text-transform: uppercase;
text-align: center;
color: #999;
border-right: 1px solid #eee;
}
.date-num {
display: block;
margin-bottom: 3px;
font-size: 18px;
font-weight: 400;
color: #555;
}
.blog-media {
margin-bottom: 30px;
}
.blog-media .video,
.blog-media iframe {
width: 100%;
}
.blog-item-title {
margin: 0 0 .5em 0;
padding: 0 0 16px 0;
font-size: 30px;
font-weight: 600;
text-transform: uppercase;
color: #323a45;
border-bottom: 1px solid #e9e9e9;
line-height: 36px;
}
.bg-white h2.blog-item-title {
margin: 0 0 8px 0;
}
.blog-item-title a {
text-decoration: none;
}
.blog-item-title a:hover {
color: #53b778;
text-decoration: none;
}
.blog-item-data {
margin-bottom: 30px;
font-size: 14px;
color: #aaa;
}
.blog-item-data .separator {
margin: 0 5px;
display: none;
}
.blog-item-data a {
color: #444444;
text-decoration: none;
white-space: nowrap;
margin-left: 3px;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.blog-item-data a:hover {
color: #53b778;
text-decoration: none;
}
.blog-item-data a:first-child {
margin-right: 10px;
}
.blog-post-data {
margin-top: 10px;
text-transform: uppercase;
font-size: 11px;
color: #aaa;
}
.blog-item-data a i {
font-size: 18px;
position: relative;
top: 3px;
margin-right: 3px;
}
.blog-item-body {
font-size: 16px;
font-weight: 300;
color: #5f5f5f;
line-height: 1.8;
margin-bottom: 30px;
}
.page-template-template-modernpage.multipage-agency.single .blog-content .blog-item-body h2 {
margin: 25px 0;
}
.blog-item-body h1 {
color: #323a45;
}
.blog-item-body h2 {
color: #323a45;
border-bottom: none;
padding-bottom: 0;
}
.blog-item-body p a {
text-decoration: underline !important;
}
.blog-item-more {
border: 1px solid #eaeaea;
padding: 5px 10px;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #777;
letter-spacing: 1px;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.blog-item-more:hover {
text-decoration: none;
border-color: #111;
}
a.blog-item-more {
color: #777;
text-decoration: none;
}
a.blog-item-more:hover {
color: #111;
}
.blog-item-q {
background: none;
border: none;
padding: 0;
margin: 1em 0;
}
.blog-item-q p {
position: relative;
background: #f8f8f8;
padding: 17px 20px;
font-size: 18px;
font-weight: 300;
font-style: normal;
letter-spacing: 0;
}
.blog-item-q p a {
color: #555;
text-decoration: none;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.blog-item-q:hover a,
.blog-item-q p a:hover {
text-decoration: none;
color: #777;
}
.blog-item-q p:before,
.blog-item-q p:after {
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.blog-item-q p:before {
content: '"';
position: absolute;
top: 10px;
left: 10px;
}
.blog-item-q p:after {
content: '"';
}
.blog-item-q p:hover:before,
.blog-item-q p:hover:after {
color: #777;
}
.blog-page-title {
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.uncategorized.bg-white {
margin-bottom: 60px;
}
.multipage-agency .blog-content h2.b-clor {
margin-top: 0;
}
.multipage-agency .blog-single-2 .bg-white:first-child {
padding-top: 0;
} .pagination {
font-size: 13px;
font-family: "Open Sans", arial, sans-serif;
}
.pagination.top-margin0 {
margin-top: -20px;
margin-bottom: 53px;
}
.pagination a {
display: inline-block;
min-width: 30px;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7px 14px;
border: 1px solid #eaeaea;
color: #999;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.pagination .fa {
margin-top: 1px;
font-size: 16px;
}
.pagination a:hover {
text-decoration: none;
border-color: #bbb;
color: #444;
}
.pagination a.active,
.pagination a.active:hover {
border-color: #bbb;
color: #444;
cursor: default;
}
.pagination a.no-active,
.pagination a.no-active:hover {
border-color: #efefef;
color: #bbb;
cursor: default;
} .comment-item {
padding-top: 30px !important;
border-top: 1px dotted #e9e9e9;
font-size: 14px;
overflow: hidden;
}
.comment-item:first-child {
padding-top: 0;
border-top: none;
}
.media-body {
overflow: hidden;
}
.comment-avatar {
width: 50px;
margin-right: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.comment-item-data {
margin: 0 0 5px;
text-transform: uppercase;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #777;
}
.comment-item-data a {
color: #777;
text-decoration: none;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.comment-item-data a:hover {
color: #000;
text-decoration: none;
}
.comment-author {
display: inline-block;
margin-right: 20px;
font-size: 11px;
font-weight: 700;
}
.comment-author a {
color: #999;
} .sidebar {
margin-top: 10px;
}
.cynic-normal-menu .sidebar {
margin-top: 0;
}
.cynic-normal-menu .widget form {
margin-top: 0;
}
.widget {
margin-bottom: 60px;
}
.widget .img-left {
margin: 0 10px 10px 0;
}
.widget .img-right {
margin: 0 0 10px 10px;
}
.widget-title {
margin-bottom: 20px;
padding-bottom: 16px;
font-size: 24px;
font-weight: 600;
color: #323a45;
border-bottom: 2px solid #53b778;
}
.widget-body {
font-size: 13px;
color: #777;
}
.widget-text {
line-height: 1.7;
}
.multipage-agency .widget ul li {
list-style: none;
} .search-wrap {
position: relative;
}
.search-field {
width: 100% !important;
height: 40px !important;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #f5f6f7;
border: 0;
}
.search-button {
width: 42px;
height: 40px;
line-height: 38px;
margin-top: -20px;
position: absolute;
top: 50%;
right: 1px;
overflow: hidden;
background: transparent;
border: none;
outline: none;
color: #999;
font-size: 14px;
}
.search-button:hover {
color: #111;
}
.search-button:hover+.search-field {
border-color: #ccc;
} .widget-menu {
font-size: 16px;
}
.widget-menu li {
padding: 5px 0 5px 15px;
}
.widget-menu li::before {
color: #444444;
content: "\e93c";
font-family: "linearicons";
font-size: 12px;
left: 13px;
position: absolute;
}
.widget-menu li a {
color: #555;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.widget-menu li a:hover,
.widget-menu li a.active {
color: #53b778;
}
.widget-menu li small {
font-size: 11px;
color: #aaa;
} .tags a {
display: inline-block;
margin: 0 2px 5px 0;
padding: 5px 7px;
border: 1px solid #e9e9e9;
color: #444444;
font-size: 16px;
font-weight: 400;
text-decoration: none;
letter-spacing: 1px;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.tags a:hover {
text-decoration: none;
border-color: #53b778;
color: #53b778;
} .widget-comments {
color: #777777;
font-size: 16px;
}
.widget-comments li {
padding: 12px 0 12px 40px;
border-bottom: 1px dotted #eaeaea;
}
.widget-comments li span {
display: block;
font-size: 14px;
}
.multipage-agency .widget_recent_comments ul {
padding-left: 0;
}
.multipage-agency .widget_recent_comments li {
padding-left: 45px;
position: relative;
}
.widget-comments li::before,
.multipage-agency .widget_recent_comments li a::before,
.multipage-agency .widget_recent_comments li span a::before {
color: #444444;
content: "\e7d8";
font-family: "linearicons";
font-size: 30px;
left: 13px;
position: absolute;
transition: all .5s;
}
.multipage-agency .widget_recent_comments li a::before,
.multipage-agency .widget_recent_comments li span a::before {
left: 0;
top: 7px;
}
.widget-comments li a {
color: #555;
text-decoration: none;
-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.widget-comments li a:hover {
color: #53b778;
} .widget-posts {
color: #aaa;
}
.widget-posts li {
font-size: 12px;
padding: 12px 0;
border-bottom: 1px dotted #eaeaea;
}
.widget-posts li .widget-posts-descr::before,
.multipage-agency .widget_recent_entries li a::before,
.multipage-agency .widget_archive li a::before,
.multipage-agency .widget_categories li a::before,
.multipage-agency .widget_meta li a::before {
content: "\e93c";
font-family: "linearicons";
font-size: 12px;
position: absolute;
left: 10px;
color: #444444;
}
.widget-posts li a {
font-size: 16px;
display: block;
color: #444444;
text-decoration: none;
-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.widget-posts li a:hover {
color: #53b778;
}
.widget-posts-img {
float: left;
margin: 0 7px 0 0;
}
.widget-posts-descr {
overflow: hidden;
padding-left: 15px;
} .owl-carousel {
overflow: hidden;
}
.owl-buttons {
position: static;
}
.owl-prev,
.owl-next {
opacity: 0;
display: block;
position: absolute;
top: 50%;
margin-top: -50px;
width: 105px;
height: 105px;
line-height: 105px;
font-size: 16px;
text-align: center;
color: #111;
z-index: 6;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
cursor: pointer;
}
.owl-prev i,
.owl-next i {
position: relative;
}
.owl-prev {
left: -50px;
}
.owl-next {
right: -50px;
}
.owl-prev:before,
.owl-next:before {
content: "";
display: block;
width: 66%;
height: 66%;
position: absolute;
top: 17px;
left: 0;
background: #fff;
color: #555555;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.owl-next:before {
left: auto;
right: 0;
}
.owl-prev .fa,
.owl-next .fa {
position: relative;
}
.owl-nav .icon-chevron-left {
color: #555555 !important;
}
.owl-prev:hover:before,
.owl-next:hover:before {
opacity: 0.87;
}
.owl-prev:active:before,
.owl-next:active:before {
opacity: 0.6;
}
.owl-carousel:hover .owl-prev {
opacity: 1;
left: -35px;
}
.owl-carousel:hover .owl-next {
opacity: 1;
right: -35px;
}
.owl-pagination {
display: block;
width: 100%;
position: absolute;
bottom: 30px;
left: 0;
text-align: center;
}
.owl-page {
display: inline-block;
padding: 6px 4px;
position: relative;
}
.owl-page span {
width: 6px;
height: 6px;
display: block;
background: rgba(255, 255, 255, .7);
position: relative;
z-index: 1000 !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.owl-page:hover span {
background: rgba(255, 255, 255, 1);
}
.owl-page.active span {
background: transparent;
bordeR: 1px solid rgba(255, 255, 255, .8);
-webkit-transform: scale(1.3333333);
-moz-transform: scale(1.3333333);
-o-transform: scale(1.3333333);
-ms-transform: scale(1.3333333);
transform: scale(1.3333333);
}
.item-carousel .owl-prev {
left: -125px;
}
.item-carousel .owl-next {
right: -125px;
}
section:hover .item-carousel.owl-carousel .owl-prev {
opacity: 1;
left: -80px;
}
section:hover .item-carousel.owl-carousel .owl-next {
opacity: 1;
right: -80px;
}
.item-carousel {
margin-bottom: -50px;
padding-bottom: 50px;
}
.item-carousel .owl-pagination {
bottom: 0;
}
.work-full-slider .owl-pagination,
.content-slider .owl-pagination {
bottom: 15px;
}
.single-carousel,
.small-item-carousel {
margin-bottom: 35px;
}
.single-carousel .owl-pagination,
.small-item-carousel .owl-pagination {
position: relative;
left: 0;
top: 35px;
margin: 0;
}
.single-carousel.black .owl-page span,
.small-item-carousel.black .owl-page span {
background: rgba(0, 0, 0, .15);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.single-carousel.black .owl-page:hover span,
.small-item-carousel.black .owl-page:hover span {
background: rgba(0, 0, 0, .4);
}
.single-carousel.black .owl-page.active span,
.small-item-carousel.black .owl-page.active span {
background: rgba(0, 0, 0, .4);
}
.single-carousel.black .owl-prev,
.single-carousel.black .owl-next,
.small-item-carousel.black .owl-prev,
.small-item-carousel.black .owl-next {
color: rgba(0, 0, 0, .2);
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.single-carousel.black .owl-prev:hover,
.single-carousel.black .owl-next:hover,
.small-item-carousel.black .owl-prev:hover,
.small-item-carousel.black .owl-next:hover {
color: rgba(0, 0, 0, .35);
}
.single-carousel .owl-prev,
.small-item-carousel .owl-prev {
left: -125px;
}
.single-carousel .owl-next,
.small-item-carousel .owl-next {
right: -125px;
}
section:hover .single-carousel .owl-prev,
section:hover .small-item-carousel .owl-prev {
opacity: 1;
left: -80px;
}
section:hover .single-carousel .owl-next,
section:hover .small-item-carousel .owl-next {
opacity: 1;
right: -80px;
}
.black-arrows .owl-prev,
.black-arrows .owl-next {
color: #fff;
}
.black-arrows .owl-prev:before,
.black-arrows .owl-next:before {
background: rgba(0, 0, 0, 1);
}
#portfolio-cat:after {
content: '';
display: inline-block;
width: 100%;
}
.blog-media .owl-dots .owl-dot {
width: 10px;
height: 10px;
float: left;
background: #ffffff;
margin: 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.blog-media .owl-dots {
position: absolute;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.blog-media .owl-dots .owl-dot.active {
opacity: .5;
}
.multipage-agency .blog-single-2 .vc_column-inner {
padding: 0;
}
.multipage-agency.cynic-normal-menu .blog-single-2 .vc_column-inner {
padding: 0 15px;
} .error-404 {
padding: 73px 0 59px;
}
.under-construction {
padding: 79px 0 61px;
}
.error-404 .error_message {
font-size: 30px;
line-height: 40px;
color: #323a45;
font-weight: 600;
}
.error-404 .error_message a {
color: #53b778;
}
.error-404 .error_message span {
font-size: 120px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
display: block;
margin-bottom: 30px;
}
.error-404 .error_message img {
margin-top: 90px;
}
.contact-us-now {
padding: 35px 0;
}
.contact-us-now .btn {
width: 100%;
max-width: 360px;
margin-bottom: 40px;
}
.contact-us-now h3 {
font-size: 30px;
line-height: 100px;
color: #ffffff;
margin: 0;
} .under-construction .container {
padding: 0;
}
.under-construction .under-construction-message {
font-size: 60px;
line-height: 80px;
color: #323a45;
font-weight: 600;
}
.under-construction .under-construction-message i {
display: block;
font-size: 120px;
color: #53b778;
margin: 30px 0;
}
.under-construction .under-construction-message span {
display: block;
font-size: 30px;
font-weight: 600;
} .search-results-banner .form-group {
width: 100%;
max-width: 555px;
position: relative;
}
.search-results-banner input {
width: 100%;
height: 58px;
border: none;
border-bottom: 2px solid #53b778;
font-size: 16px;
line-height: 58px;
padding: 0 55px;
}
.search-results-banner input:hover,
.search-results-banner input:focus {
border-bottom: 2px solid #53b778;
}
.search-results-banner .form-group .icon-magnifier {
position: absolute;
width: 55px;
line-height: 60px;
top: 0;
left: 0;
display: block;
color: #444444;
text-align: center;
}
.search-results-banner .form-group button {
width: 50px;
height: 56px;
line-height: 58px;
background: transparent;
position: absolute;
top: 0;
right: 0;
border: none;
color: #53b778;
border-left: 1px solid #e9e9e9;
}
.search-results-banner .form-group button:hover,
.search-results-banner .form-group button:focus {
background: #53b778;
color: #ffffff;
}
.search-results {
padding: 75px 0 29px;
}
.search-results .pagination {
padding: 0 15px;
}
.search-results .dark-line {
margin-bottom: 40px;
display: block;
}
.search-results .content {
display: block;
margin-bottom: 40px;
padding: 20px 30px;
border-bottom: 2px solid #53b778;
transition: background-color .3s;
}
.search-results .content:hover {
background: #f5f6f7;
}
.search-results .content h3,
.search-results .content a {
font-size: 24px;
line-height: 1.5;
color: #323a45;
display: block;
font-weight: 600;
text-transform: capitalize;
margin: 10px 0 10px;
}
.search-results .content h3,
.search-results .content a:hover {
color: #53b778;
}
.search-results footer {
margin-top: 0px;
}
.search-results .content p {
font-size: 16px;
}
.success-number .wpb_content_element {
margin-bottom: 10px;
}
#more-about .wpb_content_element {
margin-bottom: 0;
}
.home .wpb_content_element {
margin-bottom: 0px;
}
.home .clients.vc_row-has-fill>.vc_column_container>.vc_column-inner {
padding: 0;
}
.home .success-number.vc_row-has-fill>.vc_column_container>.vc_column-inner {
padding-bottom: 9px;
}
.home .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner {
padding-top: 0;
} .text-loading {
position: relative;
}
.text-loading::after {
content: " Please wait... ";
display: block;
position: absolute;
bottom: -45px;
left: 50%;
font-size: 13px;
color: #777777;
font-weight: normal;
text-transform: none;
text-align: center;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.loading-img {
display: none;
}
.single-portfolio .potfolio-modal {
margin: 90px 0 30px;
} .cynic-no-results {
padding-bottom: 70px;
}
.cynic-no-results h2 {
border: none;
padding-bottom: 0;
}
.tp-caption.Cynicmobiletitle,
.Cynicmobiletitle,
.tp-caption.Cynicmobilesubtitle,
.Cynicmobilesubtitle,
.tp-caption.Dmmobiletitle.tp-resizeme {
display: none !important;
}
.drop-megamenu {
position: static !important;
}
.btn-holder-navigation {
margin-bottom: 90px;
} #page-faqs .banner-inner .btn {
text-transform: none !important;
}
.faqs-content2 {
padding-top: 17px;
}
.faqs-content2 h2 {
margin-top: 0;
}
.faqs-content hr {
margin-bottom: 40px;
}
.faqs-content .panel-group {
margin-bottom: 40px;
}
.faqs-content2:last-child .panel-group {
margin-bottom: 60px;
}
.faqs-content .panel-group .panel {
border-radius: 0;
padding: 0 50px;
}
.faqs-content .panel-default>.panel-heading {
border: none;
background: #ffffff;
padding: 0;
}
.faqs-content .panel-default>.panel-heading+.panel-collapse>.panel-body {
border: none;
font-size: 16px;
color: #323a45;
font-weight: 500;
}
.faqs-content .panel-title>a,
.faqs-content .panel-title>small,
.faqs-content .panel-title>.small,
.faqs-content .panel-title>small>a,
.faqs-content .panel-title>.small>a {
font-size: 16px;
line-height: 25px;
color: #323a45;
position: relative;
padding: 24px 0;
display: block;
}
.faqs-content .panel-body {
padding: 0 0 20px;
}
.faqs-content .panel-group .panel+.panel {
margin-top: 20px;
}
.faqs-content .panel-title>a i {
position: absolute;
top: 27px;
left: -34px;
}
.faqs-content .panel-title>a .icon-plus {
display: block;
}
.faq .reporting-page-faqs {
margin-bottom: 60px;
} .testimonial hr {
margin-bottom: 60px;
}
.testimonial .content {
border: 1px solid #e9e9e9;
padding: 25px 20px 30px;
margin-bottom: 30px;
}
.testimonial .clients-rating {
unicode-bidi: bidi-override;
color: #c5c5c5;
font-size: 15px;
width: 92px;
height: 26px;
position: relative;
padding: 0;
margin: 0 0 6px;
}
.testimonial .clients-rating i {
width: 15px;
}
.testimonial .clients-rating-top {
color: #eabe10;
padding: 0;
position: absolute;
z-index: 1;
display: block;
top: 0;
left: 0;
overflow: hidden;
height: 26px;
}
.testimonial .clients-rating-bottom {
padding: 0;
display: block;
z-index: 0;
height: 26px;
overflow: hidden;
}
.testimonial .content h5 {
font-size: 18px;
line-height: 30px;
color: #323a45;
padding: 0;
margin: 0 0 15px;
}
.testimonial .content p {
margin-bottom: 25px;
}
.testimonial .user-info {
font-size: 13px;
line-height: 1;
color: #606060;
font-style: italic;
}
.testimonial .btn.btn-fill.full-width {
margin: 30px auto 0;
}
.testimonial .img-container {
height: 30px;
display: flex;
flex-direction: row;
margin-top: 2px;
margin-bottom: 22px;
}
.testimonial .img-container img {
margin: auto;
margin-left: 0;
}
.carousel-inner::before {
content: url(//www.kreuzbergcity.de/wp-content/themes/cynic/images/loading.gif);
background-size: 50%;
color: #999999;
display: block;
position: absolute;
top: 38%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
}
.nav>li>a:not(.btn):focus {
background: transparent !important;
} .testimonial.bg-white {
padding-top: 87px;
}
.testimonial h2 img {
float: right;
}
.testimonial.last-reviews {
padding-bottom: 60px;
}
.page-template-template-modernpage.multipage-agency .bg-white.testimonial.last-reviews {
padding-bottom: 60px;
}
.hosting-plans {
padding-top: 50px;
padding-bottom: 30px;
}
.hosting-plans .content {
padding: 48px 50px 50px;
}
.business-consuting.start-project {
margin-bottom: 60px;
}
.hosting-plans h2,
.start-project h2 {
font-size: 36px;
line-height: 1;
color: #323a45;
margin: 0 0 20px;
border: none;
}
.page-template-template-modernpage.multipage-agency .hosting-plans h2,
.page-template-template-modernpage.multipage-agency .start-project h2 {
margin: 0 0 20px;
padding-bottom: 0;
}
.hosting-plans .price-lebel {
font-size: 24px;
line-height: 26px;
color: #323a45;
font-weight: 500;
margin-bottom: 30px;
}
.hosting-plans .price-lebel .price {
font-size: 24px;
color: #53b778;
font-weight: 700;
}
.hosting-plans .price-lebel sup {
color: #53b778;
font-size: 14px;
font-weight: 700;
}
.hosting-plans .price-lebel sub {
font-size: 14px;
}
.page-template-template-modernpage.multipage-agency .hosting-faq .bg-white.faqs-content {
padding-top: 55px;
} .hosting-page .faqs-content,
.hosting-page .hosting-features {
padding-top: 57px;
}
.hosting-content hr {
margin-bottom: 40px;
}
.hosting-pricing .content {
max-width: 450px;
margin: 0 auto 30px;
}
.hosting-pricing .plan-title {
font-size: 24px;
line-height: 80px;
color: #ffffff;
background: #323a45;
padding: 0 30px;
}
.hosting-pricing .plan-title span {
font-weight: 600;
}
.hosting-pricing .price {
font-size: 18px;
line-height: 36px;
color: #323a45;
font-weight: 500;
padding: 35px 0 27px;
}
.hosting-pricing .pricing-inner {
padding: 0 30px 27px;
border: 1px solid #e9e9e9;
border-radius: 0 0 5px 5px;
}
.hosting-features .hosting-features-inner h3 {
margin-top: 0;
margin-bottom: 20px;
color: #323a45;
}
.hosting-features .content {
border: 1px solid #e9e9e9;
padding: 44px 30px 40px 110px;
position: relative;
margin-bottom: 30px;
}
.hosting-features .content>i {
font-size: 60px;
line-height: 1;
color: #53b778;
position: absolute;
top: 50px;
left: 30px;
}
.hosting-pricing .pricing-inner span,
.hosting-features .hosting-features-inner span {
display: block;
font-size: 16px;
line-height: 26px;
color: #606060;
font-weight: 400;
position: relative;
padding-left: 25px;
margin-bottom: 10px;
}
.hosting-pricing .pricing-inner span i,
.hosting-features .hosting-features-inner span i {
position: absolute;
top: 1px;
left: 0;
font-size: 16px;
line-height: 26px;
}
.hosting-pricing .pricing-inner .price span {
font-size: 30px;
color: #53b778;
font-weight: 700;
display: block;
padding: 0 0 0 20px;
position: relative;
}
.hosting-pricing .pricing-inner .price span sup {
position: absolute;
top: 14px;
left: 0;
font-size: 28px;
}
.hosting-pricing .btn.btn-fill.full-width {
margin: 10px auto 0;
}
.hosting-pricing .plan-title.essential {
position: relative;
}
.hosting-pricing .plan-title.essential::before {
content: " Popular ";
position: absolute;
top: 20px;
right: 0;
width: 70px;
font-size: 12px;
font-weight: 400;
line-height: 30px;
background: #53b778;
text-align: left;
padding-left: 10px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.hosting-pricing .plan-title.essential::after {
content: " ";
position: absolute;
top: 63px;
right: 20px;
width: 30px;
height: 0;
background: transparent;
border-bottom: 8px solid #323a45;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.hosting-plans .content {
background-color: #f5f6f7;
background-position: calc(100% - 50px) 31px;
background-repeat: no-repeat;
} .concepts .flex-wrapper {
display: flex;
flex-direction: row;
margin-bottom: 90px;
}
.concepts .flex-wrapper h3 {
font-size: 30px;
line-height: 42px;
color: #323a45;
margin-top: 0;
margin-bottom: 28px;
}
.concepts .flex-wrapper .flex-left {
order: -1;
}
.concepts .flex-wrapper .img-container img {
width: 100%;
margin-top: 10px;
}
.concepts .flex-wrapper .flex-content p {
margin-bottom: 25px;
}
.concepts .flex-wrapper .flex-content ul {
padding-left: 0;
}
.concepts .flex-wrapper .flex-content ul li {
line-height: 36px;
position: relative;
padding-left: 25px;
list-style: none;
}
.concepts .flex-wrapper .flex-content ul li i {
position: absolute;
top: 0;
left: 0;
line-height: 36px;
}
.start-project .content {
background: #f5f6f7;
padding: 46px 50px 47px;
}
.start-project .content h2 {
margin-bottom: 12px;
border: none;
padding-bottom: 0;
}
.start-project .content p {
margin: 0;
font-size: 18px;
}
.start-project .content .btn {
margin-top: 8px;
}
.start-project .content {
border-bottom: 2px solid #53b778;
}
.business-case-sudy {
padding-bottom: 60px;
}
.business-cat .btn.btn-fill.full-width {
margin-bottom: 0;
}
.page-template-template-modernpage.multipage-agency .bg-white.big-data-start {
padding-top: 60px;
}
.business-cat-faq {
padding-bottom: 20px;
} .big-data-page .data-features {
padding-bottom: 90px;
}
.big-data-page .data-features h2,
.reporting-page .data-features h2 {
margin-top: 0;
}
.big-data-page #big-data-analytics .container .flex-wrapper:last-child {
margin-bottom: 86px;
} .reporting-page .faqs {
margin-bottom: 50px;
}
.digital-strategy-page .business-case-sudy,
.content-writing-page .business-case-sudy,
.big-data-page .business-case-sudy {
margin-bottom: 30px;
}
.digital-strategy-page .business-case-sudy .btn.btn-fill.full-width,
.content-writing-page .business-case-sudy .btn.btn-fill.full-width,
.big-data-page .business-case-sudy .btn.btn-fill.full-width {
margin-bottom: 0;
} .page-template-template-modernpage {
position: relative;
}
.page-template-template-modernpage .bg-white {
padding-top: 67px;
}
.page-template-template-modernpage .portfolio {
padding-top: 67px;
}
.page-template-template-modernpage.multipage-agency .bg-white#portfolios,
.page-template-template-modernpage.multipage-agency .bg-white.cms-featured {
padding-top: 55px;
}
.page-template-template-modernpage.multipage-agency .bg-white.full-portfolio.portfolio {
padding-top: 25px;
}
.page-template-template-modernpage .tp-caption.Cynicbigtitle,
.Cynicbigtitle {
color: #ffffff;
}
.page-template-template-modernpage .tp-caption.CynicSubtitle,
.CynicSubtitle {
font-size: 24px;
line-height: 40px;
color: #c8c8c8;
font-weight: 600;
}
.page-template-template-modernpage .tparrows {
top: 55% !important;
}
.page-template-template-modernpage .tparrows::before {
font-size: 30px !important;
color: #999999;
transition: all .5s;
} .page-template-template-modernpage .pro-item-img,
.page-template-template-modernpage .por-overlay,
.page-template-template-modernpage .team-members .content .img_container,
.page-template-template-modernpage .pricing-plans .pricing,
.page-template-template-modernpage .blogs .box-content-with-img img,
.page-template-template-modernpage .blogModal .modal-content,
.page-template-template-modernpage .blog-details-content img,
.page-template-template-modernpage .modal-content,
.page-template-template-modernpage #carousel-bounding-box .carousel-inner>.item,
.page-template-template-modernpage .potfolio-modal .thumb-list img,
.page-template-template-modernpage .testimonial .content,
.page-template-template-modernpage #more-case-studies .box-content-with-img,
.page-template-template-modernpage .pagination .page-numbers,
.page-template-template-modernpage .dis-table,
.page-template-template-modernpage .score-table,
.multipage-agency .case-study-box .box-content-with-img,
.multipage-agency .about-content img,
.multipage-agency .team_members .content .img_container,
.multipage-agency .awards-and-recognitions .awards_list .img_container,
.multipage-agency .available-positions .content,
.multipage-agency .faqs-content .panel-group .panel,
.multipage-agency .widget_text img,
.multipage-agency .blog-media img,
.multipage-agency .search-form .search-field,
.multipage-agency .contact-info-box,
.multipage-agency .tab-content iframe,
.multipage-agency .design-process-content,
.multipage-agency .featured-ecommerce-webistes .content .img_container img,
.multipage-agency .featured-ecommerce-webistes .content .before_after,
.multipage-agency .content-management-system .content,
.multipage-agency .featured-ecommerce-webistes .content .img_container .overlay,
.multipage-agency .concepts .flex-wrapper .img-container img,
.multipage-agency .start-project .content,
.multipage-agency .hosting-pricing .content,
.multipage-agency .hosting-features .content,
.multipage-agency .hosting-plans .content,
.multipage-agency .pagination .page-numbers {
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.multipage-agency .about-box {
-webkit-border-radius: 5px;
border-radius: 5px;
}
.multipage-agency .about-content figure,
.multipage-agency .about-content figure div,
.multipage-agency .about-content img {
width: 100%;
}
#carousel-bounding-box .carousel-inner>.item {
min-height: 504px;
}
.page-template-template-modernpage .potfolio-modal .thumb-list img {
border: 2px solid transparent;
}
.page-template-template-modernpage #carousel-bounding-box .thumb-list .selected img {
border-width: 2px;
}
.page-template-template-modernpage .video_popup .video-popup span.icon-play-circle {
color: #999999;
}
.page-template-template-modernpage h2 {
color: #008ccb;
margin-bottom: 50px;
}
.page-template-template-modernpage .portfolio .text-content h3 span {
font-family: "Open Sans", sans-serif;
display: block;
font-size: 16px;
line-height: 26px;
color: #777777;
font-weight: 400;
margin: 5px 0 0;
}
.page-template-template-modernpage #map {
width: 100vw;
height: 400px;
}
.page-template-template-modernpage .main-menu .navbar-nav>li>a:not(.btn) {
border: none;
}
.page-template-template-modernpage .main-menu .navbar-nav>li>a:not(.btn):hover,
.page-template-template-modernpage .main-menu .navbar-nav>li.active>a:not(.btn) {
color: #53b778;
}
.page-template-template-modernpage .main-menu .navbar-nav>li {
margin-left: 30px;
}
.page-template-template-modernpage .box-green-border a span,
.page-template-template-modernpage .box-green-border span {
color: #53b778;
transition: all .5s;
}
.page-template-template-modernpage .box-green-border {
position: relative;
border-color: #008ccb;
}
.page-template-template-modernpage .box-green-border::after {
content: " ";
position: absolute;
left: 0;
bottom: -2px;
width: 0;
border-bottom: 2px solid #90c404;
transition: all .8s;
}
.page-template-template-modernpage .box-green-border:hover::after {
width: 100%;
}
.page-template-template-modernpage .portfolio .text-content {
padding: 25px 0;
border-bottom: 2px solid #008ccb;
position: relative;
}
.page-template-template-modernpage .text-content h3 {
margin: 0;
}
.page-template-template-modernpage .portfolio .text-content::after,
.page-template-template-modernpage .team-members .content::after,
.page-template-template-modernpage.multipage-agency .team_members .content::after,
.page-template-template-modernpage .box-content-with-img .box-content-text::after {
content: " ";
position: absolute;
width: 0;
left: 0;
bottom: -2px;
border-bottom: 2px solid #90c404;
transition: all .5s;
}
.page-template-template-modernpage.multipage-agency .blog-content .box-content-with-img .box-content-text::after {
display: none;
}
.page-template-template-modernpage .port-cat-con .mix:hover .text-content::after,
.page-template-template-modernpage .team-members .content:hover::after,
.page-template-template-modernpage.multipage-agency .team_members .content:hover::after,
.page-template-template-modernpage .box-content-with-img .box-content-text:hover::after {
width: 100%;
}
.page-template-template-modernpage .services .box-green-border {
overflow: visible;
}
.page-template-template-modernpage.multipage-agency .services .box-green-border {
height: 100%;
}
.page-template-template-modernpage .pro-controls {
margin-bottom: 17px;
}
.page-template-template-modernpage .pro-controls .filter {
margin: 0 10px 10px;
padding: 0;
border-radius: 0;
}
.page-template-template-modernpage .portfolio h2 {
margin-bottom: 45px;
}
.page-template-template-modernpage.multipage-agency .portfolio h2 {
margin-bottom: 40px;
}
.page-template-template-modernpage .case-studies-carousel .carousel-inner>.item {
padding: 0;
min-height: auto;
height: 530px;
background-position: center top !important;
}
.page-template-template-modernpage .case-studies-carousel .carousel-inner>.item .container {
height: 100%;
padding: 50px 15px;
}
.page-template-template-modernpage .case-studies-carousel .carousel-inner>.item .container .row {
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.page-template-template-modernpage .case-studies-carousel .carousel-caption h2 {
margin-top: 0;
margin-bottom: 15px;
padding: 0;
line-height: 35px;
color: #008ccb;
}
.page-template-template-modernpage .case-studies-carousel .carousel-caption {
margin: 0;
padding: 0;
text-shadow: none;
}
.team-members .vc_row.wpb_row.vc_row-fluid.container {
padding: 0;
}
.page-template-template-modernpage .case-studies-carousel .carousel-caption p {
margin: 0;
padding: 0;
color: #444444;
}
.page-template-template-modernpage .case-studies-carousel .carousel-caption a span {
color: #90c404;
font-weight: 400;
margin: 20px 0 0 10px;
line-height: 30px;
text-transform: uppercase;
}
.page-template-template-modernpage .case-studies-carousel .carousel-caption a span.icon-play-circle {
font-size: 30px;
font-weight: 500;
margin-left: 0;
}
.page-template-template-modernpage .case-studies-carousel .carousel-inner>.item .row {
position: relative;
}
.page-template-template-modernpage .case-studies-carousel .carousel-inner .floating-img {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 3px;
}
.page-template-template-modernpage.home .common-form-section.contact-form-wrapper {
padding: 0;
}
.page-template-template-modernpage .success-number h2 {
line-height: 60px;
color: #ffffff;
margin-bottom: 0;
border-bottom: 1px solid #4089aa !important;
}
.page-template-template-modernpage .box-content-with-img {
margin-top: 0;
overflow: visible;
}
.page-template-template-modernpage .box-content-with-img .box-content-text {
padding: 30px 0 22px;
}
.page-template-template-modernpage.multipage-agency .blog-content .box-content-with-img .box-content-text {
padding: 25px 29px 29px;
}
.page-template-template-modernpage.multipage-agency .case-study-box .box-content-with-img .box-content-text {
padding: 25px 30px 45px;
}
.page-template-template-modernpage.box-content-with-img.is-featured {
position: relative;
}
.page-template-template-modernpage.mulitpage-agency .box-content-with-img.is-featured {
position: relative;
overflow: hidden;
}
.page-template-template-modernpage .box-content-with-img:not(.is-featured)::after {
content: " ";
position: absolute;
width: 0;
left: 0;
bottom: -2px;
border-bottom: 2px solid #90c404;
transition: all .5s;
}
.page-template-template-modernpage.multipage-agency .blog-content .box-content-with-img::after {
display: none;
}
.page-template-template-modernpage.multipage-agency .case-study-box .box-content-with-img:not(.is-featured)::after,
.page-template-template-modernpage.multipage-agency .case-study-box .box-content-with-img .box-content-text::after {
content: " ";
display: none;
}
.page-template-template-modernpage .box-content-with-img:not(.is-featured):hover::after {
width: 100%;
}
.page-template-template-modernpage .box-content-with-img .box-content-text .gray-text {
font-size: 14px;
line-height: 22px;
color: #777777;
}
.page-template-template-modernpage .success-number .counter-text {
padding-bottom: 50px;
}
.page-template-template-modernpage.multipage-agency .reporting-page-faqs .faqs-content.bg-white {
padding-top: 55px;
} .page-template-template-modernpage .blogs {
padding-bottom: 40px;
}
.page-template-template-modernpage .blogs .box-content-with-img {
border-bottom: 2px solid #008ccb;
position: relative;
margin-bottom: 60px;
}
.services .box-green-border .service-overlay ul li {
list-style: none;
}
.services .box-green-border .service-overlay ul li a {
cursor: default;
}
.page-template-template-modernpage .services .box-green-border .service-overlay ul li a:hover,
.page-template-template-modernpage .services .box-green-border .service-overlay ul li a:hover i {
color: #444444 !important;
} .page-template-template-modernpage .team-members .content {
margin-bottom: 30px;
background: #ffffff;
border-bottom: 2px solid #008ccb;
position: relative;
}
.page-template-template-modernpage.multipage-agency .team_members .content {
margin-bottom: 30px;
background: #ffffff;
border-bottom: 2px solid #008ccb;
position: relative;
}
.page-template-template-modernpage .team-members .content:hover::after {
width: 100%;
}
.page-template-template-modernpage .team-members .content .img_container {
position: relative;
}
.page-template-template-modernpage .team-members .content .img_container img {
width: 100%;
}
.page-template-template-modernpage .team-members .content .img_container .por-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .9);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: transform .5s ease;
-moz-transition: transform .5s ease;
-ms-transition: transform .5s ease;
-o-transition: transform .5s ease;
transition: transform .5s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.page-template-template-modernpage .team-members .content .img_container:hover .por-overlay {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.page-template-template-modernpage .text-inner .btn.btn-nofill {
margin: 0;
}
.page-template-template-modernpage .team-members .content .img_container .por-overlay .text-inner {
position: absolute;
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%);
}
.page-template-template-modernpage .team-members .member_details h3 {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 30px;
color: #777777;
margin: 0;
text-align: center;
font-weight: 400;
padding: 20px 0;
cursor: pointer;
}
.page-template-template-modernpage .team-members .member_details h3 .member_intro {
font-family: "Raleway", sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: 600;
display: block;
}
.page-template-template-modernpage .team-members .member_details .social_icons,
.page-template-template-modernpage .team-modal-content .social_icons {
margin-top: 0;
padding: 20px 0;
}
.page-template-template-modernpage .team-members .member_details .social_icons li,
.page-template-template-modernpage .team-modal-content .social_icons li {
line-height: 30px;
}
.page-template-template-modernpage .team-members .member_details .social_icons li a,
.page-template-template-modernpage .team-modal-content .social_icons li a {
width: 30px;
line-height: 30px;
display: block;
border-radius: 50%;
}
.page-template-template-modernpage.multipage-agency .team-modal-content .social_icons {
margin-bottom: 0;
padding-bottom: 0;
}
.page-template-template-modernpage .team-members .member_details .social_icons li a i,
.page-template-template-modernpage .team-modal-content .social_icons li a i {
font-size: 14px;
line-height: 30px;
color: #ffffff;
margin: 0;
display: block;
}
.page-template-template-modernpage .team-modal-content .social_icons {
border-top: 1px solid #e9e9e9;
margin: 20px 0;
}
.page-template-template-modernpage .team-modal-content .social_icons li:first-child {
padding-left: 0;
}
.page-template-template-modernpage .team-modal-content h2 {
margin-top: 0;
margin-bottom: 0;
border: none;
}
.page-template-template-modernpage .team-modal-content p.gray-text {
margin-bottom: 20px;
color: #323a45;
font-weight: 400;
}
.page-template-template-modernpage .team-modal-content .list-with-arrow {
margin-bottom: 20px;
}
.page-template-template-modernpage .team-members .dark-line {
margin-bottom: 60px;
}
.page-template-template-modernpage .team-members .join-our-team-btn {
width: 100%;
display: block;
margin-bottom: 30px;
}
.page-template-template-modernpage .team-members .btn.btn-fill.full-width {
display: inline-block;
}
.page-template-template-modernpage .modal-body .img_container {
margin-bottom: 20px;
}
.page-template-template-modernpage .modal-body .img_container img {
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.page-template-template-modernpage .team-modal .modal-body {
padding: 40px 40px 10px;
} .page-template-template-modernpage.multipage-agency .pricing-plans {
padding-bottom: 30px;
}
.page-template-template-modernpage .pricing-plans .pricing {
margin: 45px 0 0;
}
.page-template-template-modernpage.multipage-agency .pricing-plans .pricing {
margin-top: 10px;
}
.page-template-template-modernpage .pricing-plans .btn.btn-fill {
margin-top: 10px;
}
.page-template-template-modernpage .pricing-plans .pricing .price [class^="flaticon-"]::before {
transition: all .5s;
}
.single-case_studies h2 {
margin: 0 0 40px;
padding-bottom: 15px;
border-bottom: 1px solid #e9e9e9;
}
.single-case_studies .case-study-overview h2 {
margin-bottom: 32px;
}
.single-case_studies .case-study-overview p:last-child {
margin-bottom: 0;
}
.scoreboard h2 {
margin-top: 0;
margin-bottom: 35px;
} .page-template-template-modernpage .contact-form-wrapper .container {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
position: relative;
top: -100px;
}
.page-template-template-modernpage .contact-form-wrapper .row {
margin: 0;
}
.page-template-template-modernpage.multipage-agency .contact-form-wrapper .row {
margin: 0 -15px;
}
.page-template-template-modernpage .contact-form-wrapper .flex-container>[class^="col-"] {
padding: 0;
}
.page-template-template-modernpage .contact-form-wrapper .flex-container {
display: flex;
flex-direction: row;
background: #ffffff;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
-ms-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
-o-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.page-template-template-modernpage .contact-form-wrapper .flex-container .vc_column-inner {
padding: 0;
}
.page-template-template-modernpage .contact-form-wrapper .flex-container .vc_column-inner,
.page-template-template-modernpage .contact-form-wrapper .flex-container .vc_column-inner .wpb_wrapper,
.page-template-template-modernpage .contact-form-wrapper .flex-container .wpb_content_element,
.page-template-template-modernpage .contact-form-wrapper .flex-container .vc_column-inner .contact-information {
height: 100% !important;
}
.page-template-template-modernpage .contact-form-wrapper .flex-container form .col-md-8 {
width: 100%;
padding: 0;
}
.page-template-template-modernpage .contact-form-wrapper .flex-container form .customised-formgroup br {
display: none
}
.page-template-template-modernpage:not(.multipage-agency) .contact-form-wrapper h2 {
border: none;
}
.page-template-template-modernpage .contact-form-wrapper form {
border: none;
}
.page-template-template-modernpage .contact-form-wrapper .customised-formgroup {
margin-bottom: 15px;
}
.page-template-template-modernpage .contact-form-wrapper .btn {
margin-top: 25px;
margin-bottom: 15px;
}
.page-template-template-modernpage .contact-form-wrapper .customise-form {
padding: 45px;
padding-top: 55px;
}
.page-template-template-modernpage.multipage-agency .contact-form-wrapper .customise-form {
padding: 0;
}
.page-template-template-modernpage .contact-form-wrapper .customise-form h3 {
margin-top: 0;
margin-bottom: 20px;
}
.page-template-template-modernpage .contact-form-wrapper .contact-information {
background: #008ccb;
height: 100%;
padding: 45px 60px;
color: #ffffff;
font-weight: 400;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-ms-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.page-template-template-modernpage .contact-form-wrapper .contact-information h3 {
color: #ffffff;
margin-top: 10px;
}
.page-template-template-modernpage .contact-form-wrapper .contact-information div:not(:last-child) {
margin-bottom: 34px;
}
.page-template-template-modernpage .contact-form-wrapper .contact-information div span,
.page-template-template-modernpage .contact-form-wrapper .contact-information div a {
display: block;
font-size: 18px;
line-height: 30px;
font-weight: 600;
color: #ffffff;
}
.page-template-template-modernpage .contact-form-wrapper .contact-information div a:hover {
opacity: .8;
}
.page-template-template-modernpage .contact-form-wrapper .contact-information .social-icons {
margin: 8px 0 0;
}
.page-template-template-modernpage .contact-form-wrapper .contact-information .social-icons li {
padding: 0;
margin-right: 5px;
}
.page-template-template-modernpage .contact-form-wrapper .contact-information .social-icons li a i {
font-size: 14px;
line-height: 25px;
width: 25px;
background: #ffffff;
display: block;
color: #008ccb;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.page-template-template-modernpage .common-form-section.why-us {
padding: 67px 0 81px;
}
.page-template-template-modernpage #top ul {
line-height: 14px;
margin-bottom: 0;
}
.page-template-template-modernpage header .social_icons li [class^="icon-"] {
line-height: 44px;
color: #b9b9ba;
display: block;
transition: all .5s;
}
.page-template-template-modernpage header .social_icons li a:hover [class^="icon-"] {
opacity: 1;
}
.page-template-template-modernpage header .contact-info ul li a span {
font-size: 16px;
line-height: 44px;
color: #777777;
transition: all .5s;
}
.page-template-template-modernpage .port-modal-content h2 {
line-height: 60px;
margin-bottom: 4px;
}
.page-template-template-modernpage .port-modal-content p.gray-text {
margin-bottom: 0;
color: #777777;
line-height: normal;
}
.page-template-template-modernpage button.close {
color: #777777;
opacity: .5;
}
.page-template-template-modernpage button.close:hover {
opacity: 1;
}
.page-template-template-modernpage .potfolio-modal .modal-body {
padding: 40px 25px;
padding-bottom: 20px;
}
.page-template-template-modernpage div.wpcf7-mail-sent-ok {
border-color: green;
text-align: left;
padding-left: 45px;
}
.page-template-template-modernpage ul.social-links li a:hover,
.page-template-template-modernpage footer .light-ash-bg ul.social-links li a:hover {
background-color: #90c404;
}
.page-template-template-modernpage .clients .owl-prev,
.page-template-template-modernpage .clients .owl-next {
color: #555555 !important;
opacity: .5;
}
.page-template-template-modernpage .clients .owl-prev:hover,
.page-template-template-modernpage .clients .owl-next:hover {
opacity: 1;
}
.page-template-template-modernpage .case-studies-carousel .carousel-indicators li {
background-color: #fff;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-webkit-filter: grayscale(1);
filter: grayscale(1);
background-size: cover;
}
.page-template-template-modernpage .case-studies-carousel .carousel-indicators li.active {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.page-template-template-modernpage .blogDetModal .gray-title {
font-size: 30px;
line-height: 1;
margin-bottom: 30px;
border: none;
}
.page-template-template-modernpage .modal-content {
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
border-color: #e9e9e9;
margin: 0 auto 30px;
text-align: left;
}
.page-template-template-modernpage.multipage-agency .modal-content {
margin-bottom: 0;
}
.page-template-template-modernpage .modal-content h2 {
margin-bottom: 4px;
padding-bottom: 0;
border: none;
}
.page-template-template-modernpage .modal-content .container-fluid {
padding: 0;
}
.page-template-template-modernpage .port-cat-con .por-overley,
.page-template-template-modernpage .featured-img-wrapper .por-overley {
background-color: rgba(255, 255, 255, .9);
}
.page-template-template-modernpage .case-studies-section {
margin-top: 40px;
margin-bottom: 0;
}
.page-template-template-modernpage .portfolio .load-more-portfolio {
margin-bottom: 60px;
}
.page-template-template-modernpage .services .box-green-border .service-overlay {
top: 0;
opacity: 0;
}
.page-template-template-modernpage .services .box-green-border:hover .service-overlay {
opacity: 1;
}
.page-template-template-modernpage.multipage-agency .services .box-green-border .service-overlay {
opacity: 1;
top: 101%;
}
.page-template-template-modernpage.multipage-agency .services .box-green-border:hover .service-overlay {
top: 0;
}
.page-template-template-modernpage .pro-item-img {
height: 260px;
}
.page-template-template-modernpage .pro-item-img:hover .por-overley {
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}
.page-template-template-modernpage .blogModal .getguoteModal-dialog.potfolio-modal {
width: 100%;
max-width: 860px !important;
margin: 0 auto;
}
.page-template-template-modernpage .blogModal .modal-content h2 {
margin-bottom: 30px;
}
.page-template-template-modernpage .team-modal-content h2 {
margin-top: 0;
margin-bottom: 0;
border: none;
}
.page-template-template-modernpage .team-modal-content p.gray-text {
margin-bottom: 20px;
font-weight: 400;
}
.page-template-template-modernpage .pricing-plans h2 {
margin-bottom: 35px;
}
.page-template-template-modernpage .pricing-plans .pricing .price sup {
font-size: 35px;
}
.page-template-template-modernpage footer {
width: 100%;
background: #ffffff;
position: absolute;
bottom: 0;
left: 0;
}
.page-template-template-modernpage footer p,
.page-template-template-modernpage footer p a {
font-size: 14px;
line-height: 85px;
color: #777777;
margin-bottom: 6px;
}
.page-template-template-modernpage.multipage-agency footer .customise-form p {
line-height: 30px;
margin-top: 40px;
}
.page-template-template-modernpage .blog-details-content img {
margin-bottom: 45px;
}
.page-template-template-modernpage .flex-container .common-form-section h3 {
margin: 5px 0 30px;
}
.page-template-template-modernpage .btn.btn-primary:hover {
background: transparent;
color: #53b778;
border-color: #53b778;
}
.page-template-template-modernpage .btn.btn-primary span {
font-size: 13px;
margin-left: 5px;
font-weight: 600;
}
.page-template-template-modernpage .why-us.common-form-section .customise-form h3 {
margin: 35px 0 10px;
}
.page-template-template-modernpage .why-us.common-form-section form {
margin-top: 10px;
}
.page-template-template-modernpage .services .box-green-border .service-overlay ul li a,
.page-template-template-modernpage .services .box-green-border .service-overlay ul li a i,
.page-template-template-modernpage .services .box-green-border .service-overlay ul li a:hover,
.page-template-template-modernpage .services .box-green-border .service-overlay ul li a:hover i {
color: #444444 !important;
}
.page-template-template-modernpage .blogModal .potfolio-modal .modal-content {
padding-bottom: 0;
margin-top: 30px;
}
.multipage-agency .services .box-green-border .service-overlay ul li a {
cursor: pointer;
}
.multipage-agency .services .box-green-border .service-overlay ul li a:hover,
.multipage-agency .services .box-green-border .service-overlay ul li a:hover i {
color: #53b778 !important;
transition: all .3s;
}
.page-template-template-modernpage .main-menu .navbar-nav>li>a:not(.btn),
.page-template-template-modernpage .main-menu .navbar-nav>li>a:not(.btn):hover {
border: none !important;
}
.page-template-template-modernpage.multipage-agency .main-menu .navbar-nav>li>a:not(.btn) {
border-bottom: 2px solid transparent !important;
}
.page-template-template-modernpage div.wpcf7-validation-errors,
.page-template-template-modernpage div.wpcf7-mail-sent-ok {
margin-top: 20px !important;
position: absolute;
bottom: 120px;
left: 60px;
padding-left: 0;
color: red;
border: none;
}
.page-template-template-modernpage.multipage-agency div.wpcf7-validation-errors,
.page-template-template-modernpage.multipage-agency div.wpcf7-mail-sent-ok {
bottom: 48px;
left: 15px;
width: 100%;
}
.page-template-template-modernpage .why-us div.wpcf7-validation-errors,
.page-template-template-modernpage .why-us div.wpcf7-mail-sent-ok {
position: absolute;
bottom: 61px;
left: 0;
text-align: center;
width: 100%;
padding-right: 0;
}
.page-template-template-modernpage.multipage-agency .why-us div.wpcf7-validation-errors,
.page-template-template-modernpage.multipage-agency .why-us div.wpcf7-mail-sent-ok {
bottom: 43px;
}
.page-template-template-modernpage.multipage-agency.home .why-us div.wpcf7-validation-errors,
.page-template-template-modernpage.multipage-agency.home .why-us div.wpcf7-mail-sent-ok {
bottom: 63px;
}
.page-template-template-modernpage.multipage-agency .modal-dialog div.wpcf7-validation-errors,
.page-template-template-modernpage.multipage-agency .modal-dialog div.wpcf7-mail-sent-ok {
bottom: 74px;
left: 15px;
width: 100%;
}
.page-template-template-modernpage div.wpcf7-mail-sent-ok {
color: green;
}
.page-template-template-modernpage .case-studies-carousel .carousel-inner .floating-img img {
box-shadow: 0 2px 10px rgba(0, 0, 0, .10);
}
.page-template-template-modernpage .get-privacy-terms h2 {
margin-bottom: 30px;
}
.mfp-wrap {
background: rgba(0, 0, 0, .5) !important;
z-index: 99999999 !important;
position: fixed !important;
top: 0 !important;
}
.blog-item-body img {
max-width: 100%;
height: auto;
}
.page-id-501 .container .row>p {
padding: 0 15px;
}
.default-op-footer {
background: #111;
}
.default-op-footer p {
font-size: 14px;
line-height: 80px;
color: #999999;
margin-bottom: 0;
}
.default-op-social {
text-align: right;
margin: 25px 0;
}
.default-op-social a {
width: 30px;
height: 30px;
text-align: center;
font-size: 14px;
line-height: 30px;
color: #eeeeee;
border-radius: 50%;
background: #555555;
display: inline-block;
margin-left: 5px;
transition: all .5s;
}
.default-op-social a:hover {
background: #53b778;
color: #ffffff;
}
.blogger-img img {
max-width: auto !important;
}
footer .light-ash-bg .widget_recent_comments ul li a {
line-height: 26px;
}
.page-template-template-modernpage.multipage-agency footer {
position: relative;
}
.page-template-template-modernpage.multipage-agency .bg-white {
padding: 85px 0 0;
}
.page-template-template-modernpage.multipage-agency .bg-white.design-process-section {
padding-top: 90px;
}
.multipage-agency .case-study-box .box-content-with-img {
border: none;
background: #f5f6f7;
}
.multipage-agency .case-study-box .box-content-with-img .btn {
margin-top: 15px;
} @-webkit-keyframes smoothHeader {
0% {
transform: translateY(-110px);
}
100% {
transform: translateY(0px);
}
}
@keyframes smoothHeader {
0% {
transform: translateY(-110px);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes hideHeader {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-110px);
}
}
@keyframes hideHeader {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-110px);
}
}
.page-id-501 .container .row>p {
padding: 0 15px;
} @media screen and (min-width:0\0) {
.potfolio-modal .thumb-list li {
width: calc(33.33333333% - 10px);
margin: 0 5px !important;
}
.to-top.abs {
position: absolute;
right: 30px;
bottom: 85px;
z-index: 999999;
}
}
@media screen and (min--moz-device-pixel-ratio:0) {
.page-template-template-modernpage .modal-content {
margin-top: 0;
}
}
.show-header {
position: fixed;
top: -44px;
transition: all .5s;
}
.hide-header {
top: -300px;
transition: all .5s;
}
.fixed-header-pos {
top: 32px;
transition: all .5s;
}
body.logged-in:not(.home) {
padding-top: 187px;
} .cynic-normal-menu:not(.page-template-unit-mode) #more-case-studies .pagination-case .pagination {
margin-bottom: -5px;
}
.cynic-normal-menu:not(.page-template-unit-mode) .google-map-location {
margin-bottom: 51px;
}
.cynic-normal-menu:not(.page-template-unit-mode) .blog-single-2 .bg-white:last-child {
padding-bottom: 30px;
}
.modal-body::after,
.modal-body::before {
content: " ";
display: block;
clear: both;
}
.cynic-normal-menu .about-content {
padding-bottom: 55px;
} .page-template-template-modernpage .classic-featured-portfolio .box-content-with-img {
border: 1px solid #e9e9e9;
margin-bottom: 30px !important;
}
.page-template-template-modernpage .classic-featured-portfolio .box-content-with-img .box-content-text {
padding: 25px 29px 29px;
}
.page-template-template-modernpage.multipage-agency .bg-white.full-portfolio.portfolio.classic-portfolio {
padding-top: 55px;
}
.page-template-template-modernpage .classic-services .box-green-border:hover::after,
.page-template-template-modernpage .classic-blog .box-green-border:hover::after,
.page-template-template-modernpage .team-members.classic-team .content::after,
.page-template-template-modernpage.multipage-agency .team_members.classic-team .content::after {
display: none;
}
.page-template-template-modernpage.multipage-agency .services.classic-services .box-green-border {
overflow: hidden;
}
.page-template-template-modernpage.multipage-agency .team_members.classic-team .member_details {
background: #f5f6f7;
}
.page-template-template-modernpage.multipage-agency .team_members.classic-team .content {
border-bottom: none;
}
.page-template-template-modernpage.multipage-agency .team_members.classic-team .member_details .social_icons,
.page-template-template-modernpage .team_members.classic-team .member_details .social_icons {
margin-bottom: 0;
}
.page-template-template-modernpage .team_members.classic-team .member_details .social_icons .classic-portfolio .port-cat-con .mix,
.classic-impressive-portfolio .port-cat-con .mix {
margin-bottom: 30px;
}
.page-template-template-modernpage .portfolio.classic-portfolio .btn.btn-fill.full-width,
.page-template-template-modernpage .portfolio.classic-impressive-portfolio .btn.btn-fill.full-width {
margin-top: 0;
}
.page-template-template-modernpage .potfolio-modal .modal-body>.row {
margin: 0;
}
.page-template-template-modernpage.multipage-agency:not(.single) .page-section.bg-white.blog-content {
padding-top: 65px;
}
.page-template-template-modernpage.multipage-agency .blog-single-2 .wpb_wrapper .bg-white:last-child {
padding-bottom: 30px;
}
body.logged-in.customize-partial-edit-shortcuts-shown .header-wrapper-extra-top-margin {
margin-top: 0;
}
body.logged-in.customize-partial-edit-shortcuts-shown:not(.home) {
padding-top: 155px;
}
.page-template-template-modernpage .success-number.classic-success-number h2 {
border-bottom: none !important;
}
.multipage-agency .classic-blog-v2 .blog-single-2 .vc_column-inner {
padding: 0 15px;
}
.page-template-template-modernpage .classic-case-study-carousel .case-studies-carousel .carousel-caption p {
margin: 20px 0 10px;
}
.box-content-with-img.modern {
border-radius: 0;
}
.classic-portfolio .port-cat-con,
.classic-impressive-portfolio .port-cat-con {
padding-bottom: 30px;
}
.team_members.classic-team {
padding-bottom: 0;
}
.page-template-template-modernpage.onepage-agency .main-menu .navbar-nav>li {
margin-left: 45px;
}
.page-template-template-modernpage .header-wrapper .social_icons li a {
line-height: 44px;
}
.post-format-gallery .owl-item img {
width: 100%;
height: 100%;
}