.container-search {
position: relative;
width: 80%;
max-width: 1080px;
margin: auto;
}
#main-content .container-search {
padding-top: 58px;
}
.container {
position: relative;
width: 80%;
max-width: 1080px;
margin: auto;
}
.et_full_width_page #main-content .container-search:before,
.et_full_width_portfolio_page #main-content .container-search:before {
display: none;
} .et_pb_filterable_portfolio .et_pb_portfolio_filters {
clear: both;
margin: 15px 0 15px 0;
} .et_pb_gutters1 .et_pb_column .et_pb_grid_item, .et_pb_gutters1 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
margin-bottom: 5px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
} #custom_pm.et_pb_portfolio_grid .project {
clear: none !important;
margin-right: 15px !important;
width: 30% !important;
} @media (min-width: 981px) {
#main-content .container:before {
background-color: transparent;
}
.tax-project_category.et_right_sidebar #left-area {
width: 100%;
}
.tax-project_category.et_right_sidebar #sidebar {
display: none;
}
} @media (min-width: 981px) {
#main-content .container:before {
background-color: transparent;
}
.tax-project_tag.et_right_sidebar #left-area {
width: 100%;
}
.tax-project_tag.et_right_sidebar #sidebar {
display: none;
} .et_pb_circle_counter canvas {
width: 75% ;
top: 3px ;
left: 12% ;
}
.et_pb_circle_counter .percent p {
padding: 23% 0;
} .et_pb_map {
height: 400px;
} h2 {
font-size: 22px;
}
h3 {
font-size: 20px;
}
} #custom_menu_pm .fullwidth-menu-nav {
text-align: center;
}
#custom_menu_pm .et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
padding: 15px 0px 0px !important;
}
#custom_menu_pm .fullwidth-menu li  {
font-size:15px;
} @media (min-width: 981px) {
.banniere-menu { display: block;
text-align: center;
bottom:0px;
position:relative;
}
}
@media all and (max-width: 980px) {
.banniere-menu {
display: none !important;
}
} @media all and (max-width: 980px) {
.et_pb_filterable_portfolio .et_pb_portfolio_items {
overflow: hidden;
position: relative;
width: 100%;
text-align: center;
}
} .et_vertical_nav.et_vertical_fixed.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 5px;
} .et_pb_bg_layout_dark.et_pb_slider_with_text_overlay .et_pb_slide_content {
background-color: transparent;
font-size: 2em;
font-weight: 600;
}
.et_pb_slider .et_pb_container {
width: 90%;
} #left-area .et_pb_post a img {
max-width: 70%;
vertical-align: bottom;
text-align: center;
margin: auto;
display: block;
}  .kb-zoomout .et_pb_slide .et_parallax_bg {
animation: zoomout 7s forwards;
-ms-animation: zoomout 7s forwards;
-webkit-animation: zoomout 7s forwards;
-0-animation: zoomout 7s forwards;
-moz-animation: zoomout 7s forwards;
}
.kb-zoomin .et_pb_slide .et_parallax_bg {
animation: zoomin 7s forwards;
-ms-animation: zoomin 7s forwards;
-webkit-animation: zoomin 7s forwards;
-0-animation: zoomin 7s forwards;
-moz-animation: zoomin 7s forwards;
}
.kb-zoomin-right .et_pb_slide .et_parallax_bg {
animation: zoomin-right 7s forwards;
-ms-animation: zoomin-right 7s forwards;
-webkit-animation: zoomin-right 7s forwards;
-0-animation: zoomin-right 7s forwards;
-moz-animation: zoomin-right 7s forwards;
}
.kb-zoomout-right .et_pb_slide .et_parallax_bg {
animation: zoomout-right 7s forwards;
-ms-animation: zoomout-right 7s forwards;
-webkit-animation: zoomout-right 7s forwards;
-0-animation: zoomout-right 7s forwards;
-moz-animation: zoomout-right 7s forwards;
}
.kb-zoomout .et_parallax_bg {
animation: zoomout 17s forwards;
-ms-animation: zoomout 17s forwards;
-webkit-animation: zoomout 17s forwards;
-0-animation: zoomout 17s forwards;
-moz-animation: zoomout 17s forwards;
}
.kb-zoomin .et_parallax_bg {
animation: zoomin 17s forwards;
-ms-animation: zoomin 17s forwards;
-webkit-animation: zoomin 17s forwards;
-0-animation: zoomin 17s forwards;
-moz-animation: zoomin 17s forwards;
}
.kb-zoomin-right .et_parallax_bg {
animation: zoomin-right 7s forwards;
-ms-animation: zoomin-right 17s forwards;
-webkit-animation: zoomin-right 17s forwards;
-0-animation: zoomin-right 17s forwards;
-moz-animation: zoomin-right 17s forwards;
}
.kb-zoomout-right .et_parallax_bg {
animation: zoomout-right 7s forwards;
-ms-animation: zoomout-right 17s forwards;
-webkit-animation: zoomout-right 17s forwards;
-0-animation: zoomout-right 17s forwards;
-moz-animation: zoomout-right 17s forwards;
}
@keyframes 
zoomout{
0% {
-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
-webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
animation-timing-function: linear;
}
100% {
-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
}
}
@keyframes zoomin{
0%{
-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
animation-timing-function: linear;
}
100%{
-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
-webkit-transform: scale3d(3.5, 3.5, 3.5) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
}
}
@keyframes zoomout-right{
0%{
-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
animation-timing-function: linear;
}
100%{
-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
}
}
@keyframes zoomin-right{
0%{
-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
animation-timing-function: linear;
}
100%{
-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
}
}.container-search {
position: relative;
width: 80%;
max-width: 1080px;
margin: auto;
}
#main-content .container-search {
padding-top: 58px;
}
.container {
position: relative;
width: 80%;
max-width: 1080px;
margin: auto;
}
.et_full_width_page #main-content .container-search:before,
.et_full_width_portfolio_page #main-content .container-search:before {
display: none;
} .et_pb_filterable_portfolio .et_pb_portfolio_filters {
clear: both;
margin: 15px 0 15px 0;
} .et_pb_gutters1 .et_pb_column .et_pb_grid_item, .et_pb_gutters1 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
margin-bottom: 5px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
} #custom_pm.et_pb_portfolio_grid .project {
clear: none !important;
margin-right: 15px !important;
width: 30% !important;
} @media (min-width: 981px) {
#main-content .container:before {
background-color: transparent;
}
.tax-project_category.et_right_sidebar #left-area {
width: 100%;
}
.tax-project_category.et_right_sidebar #sidebar {
display: none;
}
} @media (min-width: 981px) {
#main-content .container:before {
background-color: transparent;
}
.tax-project_tag.et_right_sidebar #left-area {
width: 100%;
}
.tax-project_tag.et_right_sidebar #sidebar {
display: none;
} .et_pb_circle_counter canvas {
width: 75% ;
top: 3px ;
left: 12% ;
}
.et_pb_circle_counter .percent p {
padding: 23% 0;
} .et_pb_map {
height: 400px;
} h2 {
font-size: 22px;
}
h3 {
font-size: 20px;
}
} #custom_menu_pm .fullwidth-menu-nav {
text-align: center;
}
#custom_menu_pm .et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
padding: 15px 0px 0px !important;
}
#custom_menu_pm .fullwidth-menu li  {
font-size:15px;
} @media (min-width: 981px) {
.banniere-menu { display: block;
text-align: center;
bottom:0px;
position:relative;
}
}
@media all and (max-width: 980px) {
.banniere-menu {
display: none !important;
}
} @media all and (max-width: 980px) {
.et_pb_filterable_portfolio .et_pb_portfolio_items {
overflow: hidden;
position: relative;
width: 100%;
text-align: center;
}
} .et_vertical_nav.et_vertical_fixed.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 5px;
} .et_pb_bg_layout_dark.et_pb_slider_with_text_overlay .et_pb_slide_content {
background-color: transparent;
font-size: 2em;
font-weight: 600;
}
.et_pb_slider .et_pb_container {
width: 90%;
} #left-area .et_pb_post a img {
max-width: 70%;
vertical-align: bottom;
text-align: center;
margin: auto;
display: block;
}  .kb-zoomout .et_pb_slide .et_parallax_bg {
animation: zoomout 7s forwards;
-ms-animation: zoomout 7s forwards;
-webkit-animation: zoomout 7s forwards;
-0-animation: zoomout 7s forwards;
-moz-animation: zoomout 7s forwards;
}
.kb-zoomin .et_pb_slide .et_parallax_bg {
animation: zoomin 7s forwards;
-ms-animation: zoomin 7s forwards;
-webkit-animation: zoomin 7s forwards;
-0-animation: zoomin 7s forwards;
-moz-animation: zoomin 7s forwards;
}
.kb-zoomin-right .et_pb_slide .et_parallax_bg {
animation: zoomin-right 7s forwards;
-ms-animation: zoomin-right 7s forwards;
-webkit-animation: zoomin-right 7s forwards;
-0-animation: zoomin-right 7s forwards;
-moz-animation: zoomin-right 7s forwards;
}
.kb-zoomout-right .et_pb_slide .et_parallax_bg {
animation: zoomout-right 7s forwards;
-ms-animation: zoomout-right 7s forwards;
-webkit-animation: zoomout-right 7s forwards;
-0-animation: zoomout-right 7s forwards;
-moz-animation: zoomout-right 7s forwards;
}
.kb-zoomout .et_parallax_bg {
animation: zoomout 17s forwards;
-ms-animation: zoomout 17s forwards;
-webkit-animation: zoomout 17s forwards;
-0-animation: zoomout 17s forwards;
-moz-animation: zoomout 17s forwards;
}
.kb-zoomin .et_parallax_bg {
animation: zoomin 17s forwards;
-ms-animation: zoomin 17s forwards;
-webkit-animation: zoomin 17s forwards;
-0-animation: zoomin 17s forwards;
-moz-animation: zoomin 17s forwards;
}
.kb-zoomin-right .et_parallax_bg {
animation: zoomin-right 7s forwards;
-ms-animation: zoomin-right 17s forwards;
-webkit-animation: zoomin-right 17s forwards;
-0-animation: zoomin-right 17s forwards;
-moz-animation: zoomin-right 17s forwards;
}
.kb-zoomout-right .et_parallax_bg {
animation: zoomout-right 7s forwards;
-ms-animation: zoomout-right 17s forwards;
-webkit-animation: zoomout-right 17s forwards;
-0-animation: zoomout-right 17s forwards;
-moz-animation: zoomout-right 17s forwards;
}
@keyframes 
zoomout{
0% {
-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
-webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
animation-timing-function: linear;
}
100% {
-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
}
}
@keyframes zoomin{
0%{
-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
animation-timing-function: linear;
}
100%{
-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
-webkit-transform: scale3d(3.5, 3.5, 3.5) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
}
}
@keyframes zoomout-right{
0%{
-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
animation-timing-function: linear;
}
100%{
-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
}
}
@keyframes zoomin-right{
0%{
-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
animation-timing-function: linear;
}
100%{
-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
-moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
}
}.jwl_one_half{width:48%;}
.jwl_one_third{width:30.66%;}
.jwl_two_third{width:65.33%;}
.jwl_one_fourth{width:22%;}
.jwl_three_fourth{width:74%;}
.jwl_one_fifth{width:16.8%;}
.jwl_two_fifth{width:37.6%;}
.jwl_three_fifth{width:58.4%;}
.jwl_four_fifth{width:67.2%;}
.jwl_one_sixth{width:13.33%;}
.jwl_five_sixth{width:82.67%;}
.jwl_one_half, .jwl_one_third, .jwl_two_third, .jwl_three_fourth, .jwl_one_fourth, .jwl_one_fifth, .jwl_two_fifth,
.jwl_three_fifth, .jwl_four_fifth, .jwl_one_sixth, .jwl_five_sixth {
position:relative;
margin-right:4%; 
float:left; 
}
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;} .rtl .jwl_one_half, .rtl .jwl_one_third, .rtl .jwl_two_third, .rtl .jwl_three_fourth, .rtl .jwl_one_fourth,
.rtl .jwl_one_fifth, .rtl .jwl_two_fifth, .rtl .jwl_three_fifth, .rtl .jwl_four_fifth, .rtl .jwl_one_sixth, .rtl .jwl_five_sixth {
float: right;
margin-right: inherit;
margin-left: 4%;
}
.rtl .last {
clear: left;
margin-left: 0 !important;
margin-right: inherit;
}