@font-face {
font-family: 'Fontin-Bold';
src: url(//www.jahandesign.com/wp-content/themes/JahanDesign/fonts/fontin-bold-webfont.eot);
src: url(//www.jahandesign.com/wp-content/themes/JahanDesign/fonts/fontin-bold-webfont.eot?) format('eot'),
url(//www.jahandesign.com/wp-content/themes/JahanDesign/fonts/fontin-bold-webfont.woff) format('woff'),
url(//www.jahandesign.com/wp-content/themes/JahanDesign/fonts/fontin-bold-webfont.ttf) format('truetype'),
url(//www.jahandesign.com/wp-content/themes/JahanDesign/fonts/fontin-bold-webfont.svg#Fontin-Bold) format('svg');
font-weight: normal;
font-style: normal;
}
a { color: #89BA0F; }
a:hover { color: #A8DA2E; }
h1, h2, h3, h4, h5 { font-family: 'Fontin-Bold',Helvetica,serif; }
h2, h3, h4 { padding-top: .5em; padding-bottom: .5em; }
.drop-cap div + p::first-letter { font-family: 'Fontin-Bold',Helvetica,serif; font-size: 3.8em; float: left; margin-right: .1em; } #top-header .container { text-align: center; }
#et-info,
#et-secondary-menu { float: none; display: inline-block; }
#et-info { margin-right: 20px; }
#top-menu li li { padding: 0; }
#top-menu li li a { width: 240px; } #top-menu a::before,
#top-menu a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
#top-menu a::before {
margin-right: 7px; content: '|'; -webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
#top-menu a::after {
margin-left: 7px; content: '|'; -webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
#top-menu a:hover::before,
#top-menu a:hover::after,
#top-menu a:focus::before,
#top-menu a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
} .et_pb_fullscreen .et_pb_fullwidth_header_container { width: 100%; }
.et_pb_fullwidth_header .et-pb-icon.scroll-down { animation: fullwidth-header-bounce 2.2s ease-out infinite; }
@keyframes fullwidth-header-bounce {
0% { transform:translateY(0%); }
12.5% { transform:translateY(20%); }
25% { transform:translateY(0%); }
37.5% { transform:translateY(20%); }
50% { transform:translateY(0%); }
}  .vertical-tabs .et_pb_tab_active a { color: #94c127 !important; }
.vertical-tabs ul.et_pb_tabs_controls { float: left; width: 25%; display: block; }
.vertical-tabs .et_pb_all_tabs { display: flex; width: 70%; }
.vertical-tabs .et_pb_all_tabs .et_pb_active_content { width: 100%; }
.vertical-tabs .et_pb_tabs_controls li { display: block; width: 100%; border: none; }
.vertical-tabs .et_pb_tabs_controls li a { display: block; width: 100%; padding: 10px 20px ; }
.vertical-tabs ul.et_pb_tabs_controls:after { content: none; }
@media all and (max-width: 768px) {
.vertical-tabs ul.et_pb_tabs_controls.clearfix { float: left; width: 100%; display: inherit; background-color: #fff; }
.vertical-tabs .et_pb_tabs_controls li { display: inline-block; width: auto; }
.vertical-tabs .et_pb_all_tabs { display: flex; width: 100%; }
} .et_pb_filterable_portfolio .et_pb_portofolio_pagination { border-top: none; }
.hide-category-nav.et_pb_filterable_portfolio .et_pb_portfolio_filters { display: none; }  #et-main-area { overflow: hidden; } .big-triangle:after,
.big-triangle:before { content:''; position: absolute; bottom: 0;  width: 50%; z-index: 100; -moz-transform:rotate(0.000001deg); -webkit-transform:rotate(0.000001deg); -o-transform:rotate(0.000001deg); -ms-transform:rotate(0.000001deg); transform:rotate(0.000001deg); }
.big-triangle:before { right: 50%; border-right: 1000px solid transparent; border-left: 1000px solid; }
.big-triangle:after { left: 50%; border-left: 1000px solid transparent; border-right: 1000px solid; }
.bg-purple.big-triangle:after,
.bg-purple.big-triangle:before { border-bottom: 80px solid #5D003D; }
.bg-white.big-triangle:after,
.bg-white.big-triangle:before { border-bottom: 80px solid #F2F2F2; }
.bg-green.big-triangle:after,
.bg-green.big-triangle:before { border-bottom: 80px solid #517200; } .et_pb_toggle_close h5.et_pb_toggle_title { color: #6D9900; }
.et_pb_toggle_open h5.et_pb_toggle_title { color: #89BA0F; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); z-index: 99; }
.et_pb_fullwidth_portfolio.et_pb_bg_layout_dark .et_pb_portfolio_image .et_overlay { background: rgba(177,89,144, 0.6); } .et_pb_column .et_pb_slider_fullwidth_off .et_pb_slide_image { border-right: 2px dashed #88ba0f; }
@media only screen and (max-width: 767px) {
.et_pb_slide_image { border-right: medium none !important; margin-bottom: 0; padding-bottom: 0; }
}
.et_pb_slide_image { width: 67.25%; }
.et_pb_slide_description .et_pb_slide_title { }
.et-pb-active-slide .et_pb_slide_image, 
.et_pb_slide:first-child .et_pb_slide_image img.active { animation-name: none; }
.et-pb-active-slide .et_pb_slide_description { animation-name: fadeRight; }
.et_pb_slide_with_image .et_pb_slide_description { width: 27.25%; }
.et_pb_slider_0 a.et_pb_more_button { margin-bottom: 0; } .processus .et_pb_blurb_content { max-width: 100%; }
.processus.et_pb_blurb_position_left .et_pb_blurb_container { padding-left: 50px; }
.processus .et-pb-icon { font-size: 240px; } .et_pb_pricing_content_top { padding-bottom: 10px; }
.et_pb_pricing li { line-height: 1.4em; padding: 0 0 .5em 14px; font-size: 16px; }
.et_pb_dollar_sign { margin-top: -.7em; margin-left: 0 !important; font-style: italic; }
.et_pb_sum:after{ content: ' €';  font-size: .4em; } #left-area,
.single .et_pb_post { margin-bottom: 0; padding-bottom: 0; } .et_pb_posts .et_pb_post a img { max-width: 210px!important; float: left; padding-right: 20px; }
@media only screen and (max-width: 980px) {
.et_pb_posts .et_pb_post a img { float:none; max-width: 250px!important; }
} .et_pb_contact_form_container h1 { font-size: 26px !important; }
.et_pb_contact_captcha_question:before { content: "test robots : "; }
.et_pb_contact_captcha_question { padding: 5px 10px; background-color: rgba(0, 0, 0, 0.2); color: #fff; }
.et-pb-contact-message { padding: 0 20px; margin-bottom: 10px;  background-color: rgba(255, 255, 255, 0.5); color: red; }
.et_pb_contact_right p input { max-width: 50px; padding: 11px; } .wpcf7-text, 
.wpcf7-textarea, 
.wpcf7-captchar,
.wpcf7-select { background-color: #eee !important; border: 3px solid #88ba0f !important; width: 100% !important; -moz-border-radius: 6px !important; -webkit-border-radius: 6px !important; border-radius: 6px !important; font-size: 22px; color: #888 !important; padding: 16px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wpcf7-list-item { }
.wpcf7-text .half { width: 48%; }
.wpcf7-submit { float: right; margin: 8px auto 0; padding: 8px 20px; color: #fff !important; background-color: #89BA0F; border: 3px solid #89BA0F; border-radius: 50px; text-transform: uppercase; cursor: pointer; font-size: 20px; font-weight: bold; letter-spacing: 1px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.wpcf7-submit:hover { color: #fff; background-color: rgba(0,0,0,0.2); border-color: #fff; }    .footer-widget p { padding-bottom: .1em; }
.footer-widget .fa { color: #89BA0F; }
.footer-widget a { color: #C1EB58; }
.et_bloom .et_bloom_optin_3 .et_bloom_form_content { background-color: transparent !important; }
.et_bloom_header_outer { display: none; }
#footer-info { float: none; text-align: center; } @media all and (min-width: 1405px) {
} @media all and (min-width: 1100px) and (max-width: 1405px) {
} @media all and (min-width: 981px) and (max-width: 1100px) {
} @media all and (min-width: 981px) {
} @media all and (min-width: 768px) and (max-width: 980px) {
} @media all and (max-width: 980px) {
} } @media all and (max-width: 479px) {
}  .dvcs_portfolio .et_pb_portfolio_filters { text-align: center; }
.dvcs_portfolio .et_pb_portfolio_filters > ul { display: inline-block; box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01); }
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,
.dvcs_portfolio .et_pb_portofolio_pagination ul li a {
border: 2px solid #f9f9f9;
margin: -2px -2px 0 0;
background-color: #fff;
-webkit-transition: all 0.65s ease;
-o-transition: all 0.65s ease;
transition: all 0.65s ease;
}
.dvcs_portfolio .et_pb_portofolio_pagination {
text-align: center;
border-top: none;
margin-top: 40px;
}
.dvcs_portfolio .et_pb_portofolio_pagination ul {
display: inline-block;
box-shadow: 0 0 55px 2px rgba(0,0,0,0.01);
}
.dvcs_portfolio .et_pb_portofolio_pagination ul li {
padding: 0;
}
.dvcs_portfolio .et_pb_portofolio_pagination ul li a {
padding: 10px 12px;
}   .dvcs_portfolio .et_pb_portfolio_item {
z-index: 1;
-webkit-transition: z-index 0.65s ease;
-o-transition: z-index 0.65s ease;
transition: z-index 0.65s ease;
}
.dvcs_portfolio .et_pb_portfolio_item:hover {
z-index: 999;
} .dvcs_portfolio .et_pb_portfolio_item h2{
margin-top: 0 !important;    
} .dvcs_portfolio h2.et_pb_module_header,
.dvcs_portfolio p.post-meta  {
position: absolute;
opacity: 0;
left: 50%;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
transform: translatex(-50%);
width: auto;
height: auto;
text-align: center;
padding: 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.dvcs_portfolio h2.et_pb_module_header {
top: 80px;
}
.dvcs_portfolio p.post-meta {
bottom: 80px;
}  .dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header,
.dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta {
opacity: 1;
-webkit-transition-delay: 0.55s;
-o-transition-delay: 0.55s;
transition-delay: 0.55s;
}
.dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header {
top: 40px;
}
.dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta {
bottom: 40px;
}  .dvcs_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {
z-index: 3;
opacity: 1;
}    @media (min-width: 981px) {
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
width: 24.625% !important;
margin: 0 .25% .25% 0 !important;
}
}
@media (max-width: 980px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 33.166% !important;
margin: 0 .25% .25% 0 !important;
}
.dvcs_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row {
margin-right: 0 !important;
}
}
@media (max-width: 767px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 49.75%!important;
margin: 0 .25% .25% 0!important;
}
}
@media (max-width: 479px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 100%!important;
margin: 0 0 1% 0!important;
}
}     .dvcs_portfolio.effect-book .et_pb_portfolio_filters li a.active,
.dvcs_portfolio.effect-book .et_pb_portfolio_filters li a:hover,
.dvcs_portfolio.effect-book .et_pb_portofolio_pagination ul li a.active,
.dvcs_portfolio.effect-book .et_pb_portofolio_pagination ul li a:hover {
background-color: #ffdc4f;
color: #fff !important;
}  .effect-book .et_portfolio_image {
-webkit-perspective: 35em;
perspective: 35em;
}
.effect-book .et_portfolio_image:before,
.effect-book .et_portfolio_image:after {
content:'';
position: absolute;
opacity: 0;
top: 0;
height: 100%;
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.65s ease;
-o-transition: all 0.65s ease;
transition: all 0.65s ease;
-webkit-transition-delay: 0.45s;
-o-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.effect-book .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-book .et_pb_portfolio_item:hover .et_portfolio_image:after {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.effect-book .et_portfolio_image:before {
background-image: -webkit-linear-gradient( left , transparent 65%, rgba(0, 0, 0, 0.1) 97%, rgba(0, 0, 0, 0.11) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(65%, transparent), color-stop(97%, rgba(0, 0, 0, 0.11)), to(rgba(0, 0, 0, 0.11)));
background-image: -webkit-linear-gradient(left, transparent 65%, rgba(0, 0, 0, 0.1) 97%, rgba(0, 0, 0, 0.11) 100%);
background-image: -o-linear-gradient(left, transparent 65%, rgba(0, 0, 0, 0.1) 97%, rgba(0, 0, 0, 0.11) 100%);
background-image: linear-gradient(to right, transparent 65%, rgba(0, 0, 0, 0.1) 97%, rgba(0, 0, 0, 0.11) 100%);
left: 0;
-webkit-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.effect-book .et_portfolio_image:after {
background-image: -webkit-linear-gradient( right , transparent 65%, rgba(0, 0, 0, 0.14) 98%, rgba(0, 0, 0, 0.1) 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(65%, transparent), color-stop(98%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
background-image: -webkit-linear-gradient(right, transparent 65%, rgba(0, 0, 0, 0.14) 98%, rgba(0, 0, 0, 0.1) 100%);
background-image: -o-linear-gradient(right, transparent 65%, rgba(0, 0, 0, 0.14) 98%, rgba(0, 0, 0, 0.1) 100%);
background-image: linear-gradient(to left, transparent 65%, rgba(0, 0, 0, 0.14) 98%, rgba(0, 0, 0, 0.1) 100%);
right: 0;
-webkit-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.effect-book .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-book .et_pb_portfolio_item:hover .et_portfolio_image:after {
background-color: #ffdc4f; opacity: 1;
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}    .dvcs_portfolio .et_pb_portfolio_filters {
text-align: center;
}
.dvcs_portfolio .et_pb_portfolio_filters > ul {
display: inline-block;
box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);
}
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,
.dvcs_portfolio .et_pb_portofolio_pagination ul li a {
border: 2px solid #f9f9f9;
margin: -2px -2px 0 0;
background-color: #fff;
-webkit-transition: all 0.65s ease;
-o-transition: all 0.65s ease;
transition: all 0.65s ease;
}
.dvcs_portfolio .et_pb_portofolio_pagination {
text-align: center;
border-top: none;
margin-top: 40px;
}
.dvcs_portfolio .et_pb_portofolio_pagination ul {
display: inline-block;
box-shadow: 0 0 55px 2px rgba(0,0,0,0.01);
}
.dvcs_portfolio .et_pb_portofolio_pagination ul li {
padding: 0;
}
.dvcs_portfolio .et_pb_portofolio_pagination ul li a {
padding: 10px 12px;
}   .dvcs_portfolio .et_pb_portfolio_item {
z-index: 1;
-webkit-transition: z-index 0.65s ease;
-o-transition: z-index 0.65s ease;
transition: z-index 0.65s ease;
}
.dvcs_portfolio .et_pb_portfolio_item:hover {
z-index: 999;
} .dvcs_portfolio .et_pb_portfolio_item h2{
margin-top: 0 !important;    
} .dvcs_portfolio h2.et_pb_module_header,
.dvcs_portfolio p.post-meta  {
position: absolute;
opacity: 0;
left: 50%;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
transform: translatex(-50%);
width: auto;
height: auto;
text-align: center;
padding: 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.dvcs_portfolio h2.et_pb_module_header {
top: 80px;
}
.dvcs_portfolio p.post-meta {
bottom: 80px;
}  .dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header,
.dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta {
opacity: 1;
-webkit-transition-delay: 0.55s;
-o-transition-delay: 0.55s;
transition-delay: 0.55s;
}
.dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header {
top: 40px;
}
.dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta {
bottom: 40px;
}  .dvcs_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {
z-index: 3;
opacity: 1;
}    @media (min-width: 981px) {
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
width: 24.625% !important;
margin: 0 .25% .25% 0 !important;
}
}
@media (max-width: 980px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 33.166% !important;
margin: 0 .25% .25% 0 !important;
}
.dvcs_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row {
margin-right: 0 !important;
}
}
@media (max-width: 767px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 49.75%!important;
margin: 0 .25% .25% 0!important;
}
}
@media (max-width: 479px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 100%!important;
margin: 0 0 1% 0!important;
}
}     .dvcs_portfolio.effect-rectangles .et_pb_portfolio_filters li a.active,
.dvcs_portfolio.effect-rectangles .et_pb_portfolio_filters li a:hover,
.dvcs_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a.active,
.dvcs_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a:hover {
background-color: #043b9a;
color: #fff !important;
}  .effect-rectangles .et_pb_portfolio_item,
.effect-rectangles .et_portfolio_image {
overflow: hidden;
}
.effect-rectangles h2.et_pb_module_header,
.effect-rectangles p.post-meta {
z-index: 4;
}
.effect-rectangles .et_pb_portfolio_item > a {
display: block;
position: relative;
overflow: hidden;
}
.effect-rectangles .et_pb_portfolio_item > a:before,
.effect-rectangles .et_pb_portfolio_item > a:after,
.effect-rectangles .et_portfolio_image:before,
.effect-rectangles .et_portfolio_image:after {
content:'';
position: absolute;
opacity: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.65s ease;
-o-transition: all 0.65s ease;
transition: all 0.65s ease;
}
.effect-rectangles .et_portfolio_image:before {
top: 0;
right: 0;
height: 50%;
width: 50%;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.effect-rectangles .et_portfolio_image:after {
bottom: 0;
left: 0;
height: 50%;
width: 50%;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.effect-rectangles .et_pb_portfolio_item > a:before {
top: -1%;
left: -1%;
height: 51%;
width: 51%;
margin: 0 !important;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 1;
}
.effect-rectangles .et_pb_portfolio_item > a:after {
bottom: -1%;
right: -1%;
height: 51%;
width: 51%;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.effect-rectangles .et_pb_portfolio_item:hover > a:before,
.effect-rectangles .et_pb_portfolio_item:hover > a:after,
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after {
-webkit-transform: translate(0, 0) scale(1);
-ms-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after {
background-color: #043b9a; opacity: 1;
}
.effect-rectangles .et_pb_portfolio_item:hover > a:before,
.effect-rectangles .et_pb_portfolio_item:hover > a:after{
background-color: #0877c1; opacity: 1;
}    .dvcs_portfolio .et_pb_portfolio_filters {
text-align: center;
}
.dvcs_portfolio .et_pb_portfolio_filters > ul {
display: inline-block;
box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);
}
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,
.dvcs_portfolio .et_pb_portofolio_pagination ul li a {
border: 2px solid #f9f9f9;
margin: -2px -2px 0 0;
background-color: #fff;
-webkit-transition: all 0.65s ease;
-o-transition: all 0.65s ease;
transition: all 0.65s ease;
}
.dvcs_portfolio .et_pb_portofolio_pagination {
text-align: center;
border-top: none;
margin-top: 40px;
}
.dvcs_portfolio .et_pb_portofolio_pagination ul {
display: inline-block;
box-shadow: 0 0 55px 2px rgba(0,0,0,0.01);
}
.dvcs_portfolio .et_pb_portofolio_pagination ul li {
padding: 0;
}
.dvcs_portfolio .et_pb_portofolio_pagination ul li a {
padding: 10px 12px;
}   .dvcs_portfolio .et_pb_portfolio_item {
z-index: 1;
-webkit-transition: z-index 0.65s ease;
-o-transition: z-index 0.65s ease;
transition: z-index 0.65s ease;
}
.dvcs_portfolio .et_pb_portfolio_item:hover {
z-index: 999;
} .dvcs_portfolio .et_pb_portfolio_item h2{
margin-top: 0 !important;    
} .dvcs_portfolio h2.et_pb_module_header,
.dvcs_portfolio p.post-meta  {
position: absolute;
opacity: 0;
left: 50%;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
transform: translatex(-50%);
width: auto;
height: auto;
text-align: center;
padding: 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.dvcs_portfolio h2.et_pb_module_header {
top: 80px;
}
.dvcs_portfolio p.post-meta {
bottom: 80px;
}  .dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header,
.dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta {
opacity: 1;
-webkit-transition-delay: 0.55s;
-o-transition-delay: 0.55s;
transition-delay: 0.55s;
}
.dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header {
top: 40px;
}
.dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta {
bottom: 40px;
}  .dvcs_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {
z-index: 3;
opacity: 1;
}    @media (min-width: 981px) {
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
width: 24.625% !important;
margin: 0 .25% .25% 0 !important;
}
}
@media (max-width: 980px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 33.166% !important;
margin: 0 .25% .25% 0 !important;
}
.dvcs_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row {
margin-right: 0 !important;
}
}
@media (max-width: 767px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 49.75%!important;
margin: 0 .25% .25% 0!important;
}
}
@media (max-width: 479px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 100%!important;
margin: 0 0 1% 0!important;
}
}     .dvcs_portfolio.effect-rectangles-scale .et_pb_portfolio_filters li a.active,
.dvcs_portfolio.effect-rectangles-scale .et_pb_portfolio_filters li a:hover,
.dvcs_portfolio.effect-rectangles-scale .et_pb_portofolio_pagination ul li a.active,
.dvcs_portfolio.effect-rectangles-scale .et_pb_portofolio_pagination ul li a:hover {
background-color: #049a98;
color: #fff !important;
}  .effect-rectangles-scale .et_pb_portfolio_item,
.effect-rectangles-scale .et_portfolio_image {
overflow: hidden;
}
.effect-rectangles-scale h2.et_pb_module_header,
.effect-rectangles-scale p.post-meta {
z-index: 4;
}
.effect-rectangles-scale .et_pb_portfolio_item > a {
display: block;
position: relative;
overflow: hidden;
}
.effect-rectangles-scale .et_pb_portfolio_item > a:before,
.effect-rectangles-scale .et_pb_portfolio_item > a:after,
.effect-rectangles-scale .et_portfolio_image:before,
.effect-rectangles-scale .et_portfolio_image:after {
content:'';
position: absolute;
opacity: 0;
width: 50%;
-webkit-transform: scale(0.05);
-ms-transform: scale(0.05);
transform: scale(0.05);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.effect-rectangles-scale .et_portfolio_image:before {
top: -1%;
right: 0;
height: 51%;
}
.effect-rectangles-scale .et_portfolio_image:after {
bottom: 0;
left: 0;
height: 50%;
}
.effect-rectangles-scale .et_portfolio_image:before,
.effect-rectangles-scale .et_portfolio_image:after {
-webkit-transition-delay: 0.175s;
-o-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.effect-rectangles-scale .et_pb_portfolio_item > a:before {
top: -1%;
left: 0;
height: 51%;
margin: 0 !important;
z-index: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.effect-rectangles-scale .et_pb_portfolio_item > a:after {
bottom: 0;
right: 0;
height: 50%;
-webkit-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.effect-rectangles-scale .et_pb_portfolio_item:hover > a:before,
.effect-rectangles-scale .et_pb_portfolio_item:hover > a:after,
.effect-rectangles-scale .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-rectangles-scale .et_pb_portfolio_item:hover .et_portfolio_image:after {
-webkit-transform: translate(0, 0) scale(1);
-ms-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
.effect-rectangles-scale .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-rectangles-scale .et_pb_portfolio_item:hover .et_portfolio_image:after {
background-color: #049a98; opacity: 1;
}
.effect-rectangles-scale .et_pb_portfolio_item:hover > a:before,
.effect-rectangles-scale .et_pb_portfolio_item:hover > a:after{
background-color: #049a98; opacity: 1;
}    .dvcs_portfolio .et_pb_portfolio_filters {
text-align: center;
}
.dvcs_portfolio .et_pb_portfolio_filters > ul {
display: inline-block;
box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);
}
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,
.dvcs_portfolio .et_pb_portofolio_pagination ul li a {
border: 2px solid #f9f9f9;
margin: -2px -2px 0 0;
background-color: #fff;
-webkit-transition: all 0.65s ease;
-o-transition: all 0.65s ease;
transition: all 0.65s ease;
}
.dvcs_portfolio .et_pb_portofolio_pagination {
text-align: center;
border-top: none;
margin-top: 40px;
}
.dvcs_portfolio .et_pb_portofolio_pagination ul {
display: inline-block;
box-shadow: 0 0 55px 2px rgba(0,0,0,0.01);
}
.dvcs_portfolio .et_pb_portofolio_pagination ul li {
padding: 0;
}
.dvcs_portfolio .et_pb_portofolio_pagination ul li a {
padding: 10px 12px;
}   .dvcs_portfolio .et_pb_portfolio_item {
z-index: 1;
-webkit-transition: z-index 0.65s ease;
-o-transition: z-index 0.65s ease;
transition: z-index 0.65s ease;
}
.dvcs_portfolio .et_pb_portfolio_item:hover {
z-index: 999;
} .dvcs_portfolio .et_pb_portfolio_item h2{
margin-top: 0 !important;    
} .dvcs_portfolio h2.et_pb_module_header,
.dvcs_portfolio p.post-meta  {
position: absolute;
opacity: 0;
left: 50%;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
transform: translatex(-50%);
width: auto;
height: auto;
text-align: center;
padding: 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.dvcs_portfolio h2.et_pb_module_header {
top: 80px;
}
.dvcs_portfolio p.post-meta {
bottom: 80px;
}  .dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header,
.dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta {
opacity: 1;
-webkit-transition-delay: 0.55s;
-o-transition-delay: 0.55s;
transition-delay: 0.55s;
}
.dvcs_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header {
top: 40px;
}
.dvcs_portfolio .et_pb_portfolio_item:hover p.post-meta {
bottom: 40px;
}  .dvcs_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {
z-index: 3;
opacity: 1;
}    @media (min-width: 981px) {
.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
width: 24.625% !important;
margin: 0 .25% .25% 0 !important;
}
}
@media (max-width: 980px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 33.166% !important;
margin: 0 .25% .25% 0 !important;
}
.dvcs_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row {
margin-right: 0 !important;
}
}
@media (max-width: 767px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 49.75%!important;
margin: 0 .25% .25% 0!important;
}
}
@media (max-width: 479px) {
.dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
width: 100%!important;
margin: 0 0 1% 0!important;
}
}     .dvcs_portfolio.effect-strips .et_pb_portfolio_filters li a.active,
.dvcs_portfolio.effect-strips .et_pb_portfolio_filters li a:hover,
.dvcs_portfolio.effect-strips .et_pb_portofolio_pagination ul li a.active,
.dvcs_portfolio.effect-strips .et_pb_portofolio_pagination ul li a:hover {
background-color: #a565fd;
color: #fff !important;
}  .effect-strips .et_pb_portfolio_item,
.effect-strips .et_portfolio_image {
overflow: hidden;
}
.effect-strips h2.et_pb_module_header,
.effect-strips p.post-meta {
z-index: 4;
}
.effect-strips .et_pb_portfolio_item > a {
display: block;
position: relative;
overflow: hidden;
}
.effect-strips .et_pb_portfolio_item > a:before,
.effect-strips .et_pb_portfolio_item > a:after,
.effect-strips .et_portfolio_image:before,
.effect-strips .et_portfolio_image:after {
content:'';
position: absolute;
opacity: 0;
height: 102%;
width: 26%;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.effect-strips .et_portfolio_image:before {
top: -1%;
left: 25%;
}
.effect-strips .et_portfolio_image:after {
bottom: 0;
left: 50%;
}
.effect-strips .et_portfolio_image:before  {
-webkit-transition-delay: 0.105s;
-o-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.effect-strips .et_portfolio_image:after {
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.effect-strips .et_pb_portfolio_item > a:before {
top: -1%;
left: 0;
margin: 0 !important;
z-index: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.effect-strips .et_pb_portfolio_item > a:after {
bottom: 0;
right: 0;
-webkit-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.effect-strips .et_pb_portfolio_item:hover > a:before,
.effect-strips .et_pb_portfolio_item:hover > a:after,
.effect-strips .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-strips .et_pb_portfolio_item:hover .et_portfolio_image:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.effect-strips .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-strips .et_pb_portfolio_item:hover .et_portfolio_image:after {
background-color: #a565fd; opacity: 1;
}
.effect-strips .et_pb_portfolio_item:hover > a:before,
.effect-strips .et_pb_portfolio_item:hover > a:after{
background-color: #a565fd; opacity: 1;
}