/* ------------------------------------------------------------------------
        This you can edit.
------------------------------------------------------------------------- */

/* ----------------------------------
        Default Theme
----------------------------------- */

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }

div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { padding-right: 13px; }
/*div.pp_default .pp_content { background-color: #fff; }*/
div.pp_default .pp_next:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.pp_default .pp_previous:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pp_default .pp_expand { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; display: none !important; } /* Expand button */
div.pp_default .pp_expand:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_default .pp_contract { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
div.pp_default .pp_contract:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_default .pp_close { width: 30px; height: 30px; cursor: pointer; } /* Close button */
div.pp_default #pp_full_res .pp_inline { color: #000; background-color: white; padding: 30px; } 
.pp_inline img {max-width: 100%; max-height: 100%; width: auto; height: auto;}
div.pp_default .pp_gallery ul li a { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px;}

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { height: 26px;  margin: -4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px;} /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }


div.pp_default .pp_loaderIcon { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/default/loader.gif) center center no-repeat; background-color: white;} /* Loader icon */


/* ----------------------------------
        Light Rounded Theme
----------------------------------- */


div.light_rounded .pp_top .pp_left { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_next:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_previous:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_expand { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_expand:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_contract { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_contract:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; } 
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.light_rounded .pp_arrow_previous { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_rounded .pp_bottom .pp_left { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

div.light_rounded .pp_loaderIcon { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */

/* ----------------------------------
        Dark Rounded Theme
----------------------------------- */

div.dark_rounded .pp_top .pp_left { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.dark_rounded .pp_content_container .pp_left { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
div.dark_rounded .pp_content_container .pp_right { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
div.dark_rounded .pp_content { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.dark_rounded .pp_arrow_previous { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_rounded .pp_bottom .pp_left { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

div.dark_rounded .pp_loaderIcon { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */


/* ----------------------------------
        Dark Square Theme
----------------------------------- */

div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }

div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */

div.dark_square .pp_expand { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_contract { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_close { width: 75px; height: 22px; background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.dark_square .pp_arrow_previous { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_square .pp_next:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_previous:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ----------------------------------
        Light Square Theme
----------------------------------- */

div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }

div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { width: 75px; height: 22px; background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.light_square .pp_arrow_previous { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_square .pp_next:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

div.light_square .pp_loaderIcon { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */


/* ----------------------------------
        Facebook style Theme
----------------------------------- */

div.facebook .pp_top .pp_left { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.facebook .pp_top .pp_middle { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
div.facebook .pp_top .pp_right { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
div.facebook .pp_content_container .pp_right { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
div.facebook .pp_content { background: #fff; } /* Content background */
div.facebook .pp_expand { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.facebook .pp_expand:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.facebook .pp_contract { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.facebook .pp_contract:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.facebook .pp_close { width: 22px; height: 22px; background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */

div.facebook .pp_arrow_previous { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }

div.facebook .pp_next:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.facebook .pp_previous:hover { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

div.facebook .pp_bottom .pp_left { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.facebook .pp_bottom .pp_middle { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
div.facebook .pp_bottom .pp_right { background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
        DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}


.pp_top {
    height: 20px;
    position: relative;
}
* html .pp_top { padding: 0 20px; }

.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_top .pp_middle {
    left: 0;
    position: static;
}

.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }

.pp_fade { display: none; }

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}

.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px 0;
}
.pp_description {
    display: none;
    margin: 0;
}

.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}

.pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap;
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
}

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    width: 14px;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative;
}

.pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap;
}

.pp_gallery ul a {
    border: 1px #000 solid;
    border: 1px rgba(0,0,0,0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }

.pp_gallery ul a img { border: 0; }

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

.pp_gallery li.default a {
    background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}

.pp_gallery li.default a img { display: none; }

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important;
}

a.pp_next {
    background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_previous {
    background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;	
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute; right: 0; top: 0; 
    display: block;
    line-height:22px;
}

.pp_bottom {
    height: 20px;
    position: relative;
}
* html .pp_bottom { padding: 0 20px; }

.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}

.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}

#pp_full_res {
    line-height: 1 !important;
}

#pp_full_res .pp_inline {
    text-align: left;
}

#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

div.ppt {
    color: #fff;
    display: none !important;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999;
}

@media screen and (max-width: 400px) {	
    #pp_full_res iframe {width: 100%; height: 100%;}
    .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
    div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
    div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
    .pp_content { width: 100%!important;}
    .pp_fade { width: 100%!important; height: 100%!important; }
    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
    #pp_full_res img { width: 100%!important; height: auto!important; max-height: none;}
    .pp_details {width: 94%!important;padding-left: 3%;padding-right: 4%;padding-top: 10px;padding-bottom: 25px;margin-top: -2px!important;}
    a.pp_close { right: 10px!important; top: 10px!important; }
}/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}/*------------------------------------------------------------------
[Table of contents]
1. Service CSS
2. Image/Text Slider CSS
3. Button CSS
4. Team CSS
5. Isotope CSS
6. Big Text
7. Skills CSS
8. Image PopUp (PreetyPhoto) CSS
9. Portfolio Page CSS
10. Pricing CSS
12. Single Portfolio
13. Timeline CSS
14. Responsive CSS
-------------------------------------------------------------------*/


/* ===================================
    1. Global CSS
====================================== */

.sticky-spacer {
    position: static !important;
}

.section-title-holder {
    width: 270px;
    position: relative;
    color: #fff;
    word-break: break-all;
    padding-top: 50px;
}

.section-content-holder {
    width: 690px;
    margin-top: 50px;
    max-width: 60%;
}

.no-padding .section-content-holder {
    margin-top: 0;
    width: 810px;
    max-width: 100%;
}

.no-padding .section-content-holder.float-right {
    float: left;
    margin-left: 88px;
}

.no-padding .section-content-holder.float-left {
    float: right;
    margin-right: 90px;
}

.no-padding .section-wrapper {
    padding: 0;
}

.no-padding .section-title-holder {
    padding-top: 125px;
    padding-bottom: 75px;
}

.section.page-split h2.entry-title {
    text-align: left;
    padding-top: 0;
    font-size: 80px;
}

.section .page-desc {
    text-align: center;
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 60px;
    word-break: break-word;
}

.section.page-split .section-title-holder .page-desc {
    text-align: left;
    margin-bottom: 40px;
    margin-top: 60px;
}

@media screen and (min-width: 768px) {

    .section.full-screen {
        min-height: calc(100vh - 77px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .transparent-menu .section.full-screen.fs-full-screen,
    .side-menu-layout .section.full-screen {
        min-height: 100vh;
    }        

    .section.full-screen .section-wrapper {
        margin: auto;
        padding: 0;
    }

}

.bg-holder {
    float: none !important;
}

.bg-holder.float-left .split-color {
    position: absolute;
    top: 0;
    transform: translateX(-104%);
    left: 405px;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #f1576b;
}

.bg-holder.float-right .split-color {
    position: absolute;
    top: 0;
    transform: translateX(100%);
    right: 360px;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #d41e5c;
}

.elementor-editor-preview.transparent-menu .sticky-wrapper,
.elementor-editor-active.transparent-menu .sticky-wrapper {
    height: 77px !important;
}

@media screen and (min-width: 768px) {
    .section .elementor-section.elementor-section-height-full,
    .section.full-height-section .section-wrapper {
        padding: 0;
        height: calc(100vh - 77px);
    }

    .transparent-menu .section .elementor-section.elementor-section-height-full.fs-full-screen,
    .transparent-menu .section.full-height-section.fs-full-screen .section-wrapper,
    .side-menu-layout .section .elementor-section.elementor-section-height-full,
    .side-menu-layout .section.full-height-section .section-wrapper {
        min-height: 100vh;
    }    

}

@media screen and (min-width: 1020px) {   
    .rotate-title,
    .rotate-number {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        text-align: right;
    }       

    .rotate-number {
        order: 1;
    }
}

.coco-demo6-title {
    word-break: break-all;
}

span.cocobasic-extra-border {
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:35%;
    background-color:#c7b299;
    z-index:1
}

span.cocobasic-extra-width {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100%;
    background-color:#c7b299
}

.coco-demo7-skills .skill-holder {
    margin-bottom: 0;
    position: relative

}

.coco-demo7-skills .skill-percent {
    position: absolute;
    right: 0;
    top: 30px;
}

.coco-demo7-skills .skill-text {
    margin-left: 0;
    margin-right: auto;
    float: none;
}

.coco-demo7-skills .skill {
    height: 30px;
    border-radius: 50px;
    overflow: hidden;
}

.coco-demo7-skills .skill-fill {
    height: 100%;
}

.coco-demo8-skills .v-skill-text {
    position: absolute;
    right: 5px;
    bottom: 55px;
    transform: rotate(-90deg) translate(50%, 50%);
    width: 1px;
}

.coco-demo8-text-slider .text-slider-header-quotes {
    display: none;
}

.coco-demo8-text-slider .text-slider-wrapper {
    max-width: 100%;
} 

.coco-demo8-text-slider .text-slider-wrapper .text-slide {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}

.coco-demo8-text-slider .text-slider-wrapper img.text-slide-img {
    order: 1;
    margin: auto;
    float: none;
}

.coco-demo8-text-slider .text-slider-wrapper .text-slide-name {
    order: 3;
    margin-top: 0;
    margin-bottom: 50px;
}

.coco-demo8-text-slider .text-slider-wrapper .text-slide-position {
    order: 2;
    margin-top: 30px;
}

.coco-demo8-text-slider p.text-slide-content {
    order: 4;
    text-align: center;
}

@media screen and (max-width: 1020px) {
    .coco-demo8-skills .v-skill {
        height: 30px !important;
        margin-bottom: 60px !important;
        margin-left: 0 !important;
    }

    .coco-demo8-skills .v-skill-text {
        transform: none;
        position: relative;
        bottom: 0;
        right: 0;
        left: 0;
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    .coco-demo8-skills .v-skill {
        width: 100%;
    }
}


/* ===================================
    1.1 Columns CSS
====================================== */

.one,  
.one_half,  
.one_third,  
.two_third, 
.three_fourth, 
.one_fourth {
    margin-right: 8%;
    float: left;
    position: relative;
    margin-bottom: 30px;
}

.last {
    margin-right: 0 !important;
    clear: right;
}

.one {
    float: none;
    display: block;
    clear: both;
    margin-right: 0;
}

.one_half {
    width: 46%;
}

.one_third {
    width: 28%;
}

.two_third {
    width: 64%;
}

.one_fourth {
    width: 19%;
}

.three_fourth {
    width: 73%;
}

.animate {
    opacity: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    -ms-transform: translate(0px,70px); 
    -webkit-transform: translate(0px,70px);
    transform: translate(0px,70px);
}

.animate.show-it {
    opacity: 1;
    -ms-transform: translate(0px,0px); 
    -webkit-transform: translate(0px,0px);
    transform: translate(0px,0px);
}

.wait-01s {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.wait-02s {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.wait-03s {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.wait-04s {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.wait-05s {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.wait-06s {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.wait-07s {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.wait-08s {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.wait-09s {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.wait-10s {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.wait-11s {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.wait-12s {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.wait-13s {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.wait-14s {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.wait-15s {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}


/* ===================================
    1. Service CSS
====================================== */

.service-holder {
    margin: 25px 0;
}

.service-holder:after {
    content: "";
    display: block;
    clear: both;    
}

.service-img {
    float: left;
    width: 30%;
    max-width: 90px;
}

.service-txt {
    float: left;
    margin-left: 25px;
    text-align: left;
    line-height: 25px;
    width: calc(100% - 115px);
}

.service-txt h4 {
    font-size: 19px;
    padding-bottom: 10px;
    padding-top: 0;
    color: #fff;
    font-weight: 600;
}



/* ===================================
    2. Image Slider CSS
====================================== */

.image-slider-wrapper {
    margin-bottom: 45px;
}

.elementor-widget .image-slider-wrapper {
    margin-bottom: 0;
}

.image-slider img.image-slide-img {
    width: 100% !important;
}

.slide-caption-text {
    text-align: center;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 0;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 17px;
    height: 17px;
    border-radius: 90%;
}

.owl-theme .owl-dots .owl-dot {
    border-radius: 90%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 4px solid transparent;
    margin: 3px;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #fff;
}

.owl-theme .owl-dots .owl-dot.active {
    border-color: #fff;
}

.owl-theme .owl-dots .owl-dot.active span {
    background-color: transparent !important;
}

.text-slider-wrapper {
    font-size: 24px;
    line-height: 35px;
    max-width: 90%;
    margin: 0 auto;
}

.text-slider-header-quotes {
    margin-bottom: -45px;
}

.text-slider-header-quotes:before {
    content: '\201C';
    font-family: 'Montserrat', sans-serif;
    font-size: 140px;
    line-height: 100%;
    font-weight: 700;    
}

.text-slider-wrapper .text-slide {
    text-align: left;
    font-size: 20px;
    line-height: 45px;
    font-style: italic;
    overflow: hidden;
}

.text-slider-wrapper .text-slide:after {
    content: "";
    display: table;
    clear: both;
}

.text-slider-wrapper .text-slide-name {
    font-size: 16px;
    font-style: normal;
    line-height: 100%;
    margin-top: 45px;
    font-weight: 600;
}

.text-slider-wrapper .text-slide-position {
    font-size: 12px;
    font-style: normal;
    line-height: 100%;
    font-weight: 600;
    letter-spacing: 4px;
    color: #777777;
}

.text-slider-wrapper .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 50px;
}

.text-slider-wrapper img.text-slide-img {
    width: 100px;    
    border-radius: 90%;
    float: left;
    margin-right: 25px;
}


/* ===================================
    3. Button CSS
====================================== */

a.button {
    display: inline-block;
    color: #fff !important;
    border: 2px solid #ffffff;
    text-align: left;
    padding-bottom: 17px;
    padding-top: 17px;
    padding-left: 50px;
    padding-right: 50px;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    margin-bottom: 17px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
}

a.button:hover {
    opacity: 0.5;
}


/* ===================================
    4. Latest Posts CSS
====================================== */

.blog-holder-scode {
    margin-top: 0;
}

.blog-holder-scode article:nth-of-type(2n) {
    margin-right: 0;
}

.blog-item-holder-scode {
    margin: 30px 0;
    width: 46%;
    display: inline-block;
    margin-right: 8%;
    vertical-align: text-top;
}

.blog-item-holder-scode .excerpt {
    margin-top: 20px;
}

.blog-item-holder-scode h4 {
    padding: 0;
    max-width: 930px;
    margin: 0 auto;
}

.blog-item-holder-scode h4 a {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.blog-item-holder-scode h4 a:hover {
    color: #fff;
    opacity: 0.5;
}

.blog-item-holder-scode .cat-links ul {
    list-style: none;
    padding: 0;    
}

.blog-item-holder-scode .cat-links ul li {
    display: inline-block;
}

.blog-item-holder-scode .cat-links ul li a:after {
    content: ",";    
    padding-right: 5px;
}

.blog-item-holder-scode .cat-links ul li:last-child a:after {
    display: none

}

.blog-item-holder-scode .cat-links ul a {
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.blog-item-holder-scode .cat-links ul li a:hover {
    opacity: 0.5;
}

.blog-item-holder-scode .entry-date.published, 
.blog-item-holder-scode .cat-links {
    display: inline-block;
    font-size: 14px;    
    margin-top: -10px;
}

.blog-item-holder-scode .entry-date.published:after {   
    content: "\2022";
    display: inline-block;
    margin: 0 7px 0 10px;
}

.blog-holder-scode .more-posts-link {
    vertical-align: text-bottom;
    display: inline-block;
    background: #864eff;
    border-radius: 5px;
    width: 255px;
    height: 90px;
}

.blog-holder-scode .more-posts-link a {
    display: block;
    text-align: center;
}

.blog-holder-scode .more-posts-link img {
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
    width: 60px;
    height: 60px;
    margin-top: 15px;
}

.blog-holder-scode .more-posts-link:hover img {
    transform: translateX(10px);
}



/* ===================================
    4. Team CSS
====================================== */

.member-item-wrapper {    
    width: 800px;    
    margin-top: 100px;
    margin-bottom: 50px;
    max-width: 95%;
}

.section.no-padding .member-content-wrapper {
    margin: 75px 0;    
}

.info-text {    
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 40px;
    font-weight: 100;
}

#team-holder {
    position: relative;
    margin-bottom: 50px;
}

.elementor-widget #team-holder {
    margin-bottom: 0;
}

.section.no-padding #team-holder {
    margin-bottom: 0;
}

.member-holder-wrapper {
    list-style: none;
    padding: 0;
    margin: 0;
}

.member-holder-wrapper li.one_third:nth-child(3n), 
.member-holder-wrapper li.one_half:nth-child(2n), 
.member-holder-wrapper li.one_fourth:nth-child(4n)  {
    margin-right: 0;
}

.member-info-holder {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.member-name {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    margin-bottom: 0;
}

.member-position {
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    margin-left: -2px;
    color: #fff;
    line-height: 100%;
}

.team-load-content-holder {
    opacity: 0;
    transform: translateY(70px);
    -webkit-transition: all .5s ease; 
    transition: all .5s ease; 
    max-width: 100%;
}

.no-padding .team-load-content-holder {
    width: 690px;
}

.section-content-holder.float-right .team-load-content-holder {
    margin-right: 0;
    margin-left: auto;    
}

.section-content-holder.float-left .team-load-content-holder {
    margin-right: auto;
    margin-left: 0;    
}

.team-load-content-holder.show {
    transform: translateY(0);
    opacity: 1;
}

.team-load-content-holder.show.viceversa {
    opacity: 0;
    transform: translateY(70px);
}

.member-holder {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1;
    transform: translateY(0px);
    text-align: center;
}

.member-holder.one_half {
    margin: 0;
    width: 50%;
}

.member-holder.one_third {
    margin: 0;
    width: calc(100% / 3);
}

.member-holder.one_fourth {
    margin: 0;
    width: calc(100% / 4);
}

.member-holder img.attachment-post-thumbnail {
    width: 100%;
    height: 100%;
    display: block;
}

.member-holder.hide {
    opacity: 0;
    transform: translateY(70px);    
}

.member-content-wrapper {
    display: none;
}

.member-content-wrapper.show {
    display: block;
}

.close-icon {
    background-image: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/close-left-arrow.png);
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    display: inline-block;
    background-color: rgba(191, 191, 191, 0.22);
    border-radius: 5px;
    margin-bottom: 20px;
    background-size: 70px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;    
    background-position: 50% 50%;
}

.close-icon:hover {
    background-position: calc(50% - 10px) 50%;
}

.member-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.member-mask:before {
    content: "";
    position: absolute;
    z-index: 1;
    border: 0px solid #fff;
    left: 50px;
    right: 50px;
    top: 50px;
    bottom: 50px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;    
}

.member-mask:hover:before,
.member-mask.animate-plus:before {
    opacity: 1;
}

.member-mask:hover {
    opacity: 1;
}

.member-mask.animate-plus {
    opacity: 1;
}

.member-holder a.img-link {
    position: relative;
    display: block;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}


/* ===================================
    5. Isotope CSS
====================================== */

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


/* ===================================
    6. Big Text
====================================== */

.big-text {    
    font-size: 44px;
    line-height: 60px;
    font-weight: 700;
}



/* ===================================
    7. Skills CSS
====================================== */

.skills-holder {
    position: relative;
    margin: 40px 0;
}

.elementor-widget .skills-holder {
    margin: 0;
}

.skill-holder {
    margin-bottom: 30px;
}

.skill-holder:after {
    clear: both;
    display: block;
    content: "";
}

.skill-percent {
    font-size: 48px;
    line-height: 100%;
    font-weight: 100;
    width: 100px;
    display: inline-block;    
    vertical-align: text-top;
}

.skill {
    width: 100%;
    height: 3px;
    background-color: rgba(202, 202, 202, 0.3);
    margin-bottom: 30px;
}

.skill-text {
    display: inline-block;
    width: calc(100% - 145px);
    margin-right: 0;
    float: right;
    vertical-align: text-top;
}

.skill-fill {
    width: 100%;
    height: 10px;
    background-color: #fff;
}

.skill-text span {
    font-size: 22px;
    line-height: 35px;
}


/* ===================================
    7.1 Vertical Skills CSS
====================================== */

.v-skills-holder {
    text-align: center;
    position: relative;
    padding-bottom: 100px;
}

.v-skill {
    width: 10%;
    height: 300px;
    background-color: #e6d2df;
    position: relative;
    display: inline-block;
    margin-right: 7%;
    z-index: 1;
    border-radius: 10px;
}

.v-skills-holder .v-skill:last-of-type {
    margin-right: 0 !important;
}

.v-skill-fill {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #59437A;
    border-radius: 0 0 7px 7px;
}

@media screen and (min-width: 1020px) {
    .v-skill-fill {
        width: 100% !important;
    }
}

.v-skill-info {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, 100%);
    text-align: center;
}

.v-skill-percent {
    color: #59437A;
    font-size: 63px;
    font-weight: 700;
    line-height: 100%;
}

.v-skill-text {
    color: #59437A;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 3px;
}



/* ===================================
    8. Milestones CSS
====================================== */


ul.milestones-holder {
    padding: 0;
    margin: 15px 0 0;
    list-style: none;
    text-align: center;
}

li.milestone {
    display: inline-block;
    position: relative;
    margin: 0 50px;
}

li.milestone:before {
    content: "/";
    display: inline-block;
    position: absolute;
    right: -55px;
    font-size: 55px;
    top: 0;
    line-height: 100%;
    font-weight: 100;
    transform: rotate(27deg);
    color: #5b5b5b;
}

li.milestone:last-child:before {
    display: none;
}

p.milestone-num {
    font-size: 65px;
    line-height: 100%;
    font-weight: 700;
    position: relative;
    display: inline-block;
}

p.milestone-text {
    font-size: 22px;
    line-height: 30px;
    color: #5b5b5b;
    max-width: 190px;
    margin: 0 auto;
}

p.milestone-num:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #fff;
}


/* ===================================
    8. Image PopUp (PreetyPhoto) CSS
====================================== */

div.pp_default .pp_loaderIcon {
    display: none !important;
}

div.pp_default a.pp_arrow_previous {
    background-image: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/nav_left.png);
    background-size: 20px 20px;    
    width: 20px;
    height: 20px;
    margin-top: 5px;
    font-size: 0;
    line-height: 0;
    text-indent: -99999999px;
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
}

div.pp_default a.pp_arrow_next {
    background-image: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/nav_right.png);
    background-size: 20px 20px;    
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 0;
    line-height: 0;
    text-indent: -99999999px;
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
}

div.pp_default a.pp_arrow_previous:hover {
    transform: translateX(-5px);
}

div.pp_default a.pp_arrow_next:hover {
    transform: translateX(5px);
}

div.pp_default .pp_close {
    background-image: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/close.png);
    background-size: 30px 30px;
    margin-top: 5px;
    text-indent: -99999999px;
    font-size: 0;
    line-height: 0;    
}

div.pp_default .pp_next:hover {
    background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/nav_right.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 20px;
}

div.pp_default .pp_previous:hover {
    background: url(//mafea.fr/wp-content/plugins/cocobasic-shortcode/images/nav_left.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 20px;    
}

div.pp_default .pp_nav .currentTextHolder {
    padding: 0 0 0 20px;
    color: #fff;
}

div.pp_default .pp_description {    
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    top: -30px;
    margin: 0;
    color: #fff;
    font-weight: 400;
}

a.video-popup-holder {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

a.video-popup-holder:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(191, 181, 174, 0.2);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 0;
}

a.video-popup-holder img.thumb {
    display: block;
    width: 100%;
}

.site-wrapper img.popup-play {
    position: absolute;
    top: 50%;
    left: 50%;
    top: 50%;
    left: 50%;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    width: 90px;
    opacity: 0.8;
    transform: translate(-50%,-50%);
    z-index: 1;
}

a.video-popup-holder:hover img.popup-play {
    opacity: 1;
}

a.video-popup-holder:hover:after {
    opacity: 0;
}



/* ===================================
    9. Portfolio Page CSS
====================================== */

#portfolio-wrapper .category-filter-list {
    margin-bottom: 30px;
    transition: all .5s ease;
}

#portfolio-wrapper .category-filter-list.hide {
    opacity: 0;
    transform: translateY(70px);
}

#portfolio-wrapper .category-filter-list > div {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 15px;
    padding: 5px 20px;
    transition: background-color .3s;
    cursor: pointer;
}

#portfolio-wrapper .category-filter-list > div:last-of-type {
    margin-right: 0;
}

#portfolio-wrapper .category-filter-list > div.is-checked, 
#portfolio-wrapper .category-filter-list > div:hover {
    background-color: #000000;
}

.grid {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    font-size: 0;
    line-height: 0;
}

.grid-sizer {
    width: 25%;
}

.grid-item {
    float: left;
    font-size: 0;
    line-height: 0;
    width: 100%;
    overflow: hidden;
}

.grid-item.p_one_fourth {
    width: 25%;
}

.grid-item.p_one_half {
    width: 50%;
}

.grid-item.p_one {
    width: 100%;
}

.grid-item img {
    width: 100% !important;
    height: auto;
    display: block;    
}

.grid-item .entry-holder {
    text-align: center;
    background-color: #fff;
    padding: 50px 20px;
}

.grid-item a.item-link:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

#portfolio-wrapper {
    overflow: hidden;
}

.portfolio-text-holder {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    z-index: 1;
    opacity: 0;
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
}

.portfolio-title {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
}

.portfolio-desc {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 2px;
}

.grid-item a.item-link:hover:after, 
.grid-item a.item-link:hover .portfolio-text-holder {
    opacity: 1;
}

.more-posts-portfolio-holder {
    min-height: 1px;
    margin-top: -1px;
    margin-bottom: 50px;
}

.elementor-widget .more-posts-portfolio-holder {
    margin-bottom: 0;
}

.no-padding .more-posts-portfolio-holder {
    margin-bottom: 0;
}

.site-wrapper .more-posts-portfolio-holder img {
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
}

.more-posts-portfolio-holder.hide {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    cursor: default;
}

.more-posts-portfolio, 
.no-more-posts-portfolio, 
.more-posts-portfolio-loading {
    color: #fff;
    background-color: #000000;
    padding: 17px 0;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 0;
    line-height: 0;
}

.more-posts-portfolio-loading img {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

.more-posts-portfolio {
    cursor: pointer;   
}

.more-posts-portfolio:hover {
    opacity: 0.8 !important;
}


.no-more-posts-portfolio, .more-posts-portfolio-loading {
    display: none; 
}

.no-more-posts-portfolio img {
    transform: rotate(45deg);
}

.portfolio-load-content-holder {
    opacity: 0;
    transform: translateY(70px);
    -webkit-transition: all .5s ease;    
    transition: all .5s ease;    
    max-width: 100%;
}

.no-padding .portfolio-load-content-holder {
    width: 690px;
}

.section-content-holder.float-right .portfolio-load-content-holder {
    margin-right: 0;
    margin-left: auto;    
}

.section-content-holder.float-left .portfolio-load-content-holder {
    margin-right: auto;
    margin-left: 0;    
}

.portfolio-load-content-holder.show {
    transform: translateY(0);
    opacity: 1;
}

.portfolio-load-content-holder.show.viceversa {
    opacity: 0;
    transform: translateY(70px);
}

.section.no-padding .portfolio-content-wrapper {
    margin: 75px 0;
}    

.portfolio-content-wrapper {
    display: none;
}

.portfolio-content-wrapper.show {
    display: block;
}

#portfolio-grid {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1;
    transform: translateY(0px);
}

#portfolio-grid.hide {
    opacity: 0;
    transform: translateY(70px);    
}

.grid-item a.item-link.animate-plus:after, 
.ajax-portfolio.animate-plus .portfolio-text-holder {
    opacity: 1;
}

@-moz-keyframes spin { 
    100% { 
        -moz-transform: rotate(360deg);
    } 
}

@-webkit-keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
    } 
}

@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    } 
}

a.item-link:before {
    content: "";
    position: absolute;
    z-index: 1;
    border: 0px solid #fff;
    left: 50px;
    right: 50px;
    top: 50px;
    bottom: 50px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

a.item-link:hover:before,
a.item-link.animate-plus:before {
    opacity: 1;
}


/* ===================================
    10. Social CSS
====================================== */

.social {
    display: inline-block;
    font-size: 25px;
    margin: 0 5px;
}

body .social a {
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

body .social a:hover {
    opacity: 0.5;
    color: #fff;
}


/* ===================================
    12. Pricing Table
====================================== */

.pricing-table {
    text-align: center;
    padding-bottom: 20px;
    overflow: hidden;
    color: #5b5b5b;
    background-color: #000000;
    margin-top: 30px;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
}

.pricing-table-title {
    background-color: #ff1e5c;
    color: #fff;
    font-size: 24px;
    padding: 40px 0;
    margin-bottom: 25px;
}

.pricing-table-price {
    font-size: 60px;
    line-height: 100%;
    color: #ffffff;
}

.pricing-table ul {
    padding: 0;
    list-style: none;
    margin-top: 25px;
}

.pricing-table ul li {
    padding: 10px 0;
}

.pricing-table-content-holder {
    padding: 0 10%;
    margin-bottom: 40px;
    margin-top: 30px;
}

.pricing-button {
    display: inline-block;
    color: #fff !important;
    border: 2px solid;
    text-align: left;
    padding-bottom: 17px;
    padding-top: 17px;
    padding-left: 50px;
    padding-right: 50px;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    margin-bottom: 17px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
}

.pricing-button:hover {
    opacity: 0.5;
}


/* ===================================
    12. Single Portfolio
====================================== */


.portfolio-item-wrapper {
    width: 800px;
    margin-top: 100px;
    margin-bottom: 50px;
    max-width: 95%;
}


/* ===================================
    13. Timeline CSS
====================================== */

ul.timeline-holder {
    margin: 0;
    padding: 0 0 10px 40px;
}

li.timeline-event {
    margin: 0 0 30px 60px;
    position: relative;
    padding-top: 5px;
    padding-left: 10px;
    list-style: none;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

li.timeline-event:hover {
    color: #fff;
}

li.timeline-event:before {
    content: "";
    width: 2px;
    height: calc(100% - 20px);
    position: absolute;
    background-color: #fff;
    left: -32px;
    top: 45px;
}

li.timeline-event:last-child:before {
    display: none;
}

li.timeline-event:last-child {
    margin-bottom: 0;
}

li.timeline-event:hover span.timeline-circle:before {
    background-color: #fff;
}

span.timeline-circle {
    position: absolute;
    top: 0;
    left: -30px;
}

span.timeline-circle:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 90%;
    border: 2px solid #fff;
    position: absolute;
    left: -16px;
    top: 5px;
    z-index: 1;
    -webkit-transition: .3s;
    transition: .3s;
}

.timeline-event-date {
    position: absolute;
    left: -100px;
    top: 2px;
    color: #ffffff;
    -webkit-transition: .3s;
    transition: .3s;
}

li.timeline-event:hover .timeline-event-date {
    transform: translateX(-10px);
}

.timeline-event-content {
    line-height: 160%;
    text-align: left;
}


/* ===================================
    14. Responsive CSS
====================================== */

@media screen and (max-width: 1270px) {

    li.milestone {
        margin: 0 20px;
    }  

    li.milestone:before {
        display: none;
    }

}

@media screen and (max-width: 1024px) {

    .bg-holder {
        display: none;
    }    

    .section-title-holder {
        padding-top: 35px !important;
        padding-bottom: 1px !important;
        float: none !important;
        display: block;
        position: relative !important;
        width: auto !important;
        top: 0 !important;
    }

    .section-title-holder:after {
        content: "";
        position: absolute;
        width: 101vw;
        height: 100%;
        left: -5%;
        top: 0;
        z-index: -1;
    }

    .page-split .section-wrapper {
        padding-top: 0 !important;
    }

    .section-title-holder .entry-title br, 
    .section.page-split .section-title-holder .page-desc br {
        display: none;
    }

    .section h2.entry-title {
        margin-bottom: 0 !important;        
    }

    .section.page-split .section-title-holder .page-desc {
        display: block;
        margin-top: 20px;
        margin-bottom: 31px;
    }    

    .sticky-spacer {
        height: auto !important;
        width: auto !important;
        position: relative !important;
        float: none !important;
    }    

    .section-content-holder {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 75px;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }  

    .section.no-padding #portfolio-wrapper,
    .section.no-padding #team-holder {
        margin-top: 20px;
    }

    .info-text {
        margin-bottom: 20px;
    }

    .info-text br {
        display: none;
    }  

    .portfolio-load-content-holder.show,
    .team-load-content-holder.show {
        margin-left: auto !important;
        margin-right: auto !important;
    } 

}

@media screen and (max-width: 1020px) {    

    .big-text br {
        display: none;
    }

    li.milestone {
        width: 40%;
        margin: 30px 0;
    }

    .section.page-split h2.entry-title {        
        font-size: 50px;
        line-height: 50px;
    }

    .v-skills-holder {
        position: relative;
        display: block;
        text-align: left;
        margin-top: 37px;
        padding-bottom: 0;
        margin-bottom: -60px;
    }

    .v-skill {
        width: 39%;
        max-width: 100%;
        height: 25px;
        margin: 50px 5% 0 5% !important;
    }

    .v-skill-fill {
        height: 100% !important;
        border-radius: 7px 0px 0px 7px;
    }

    .v-skill-info {
        position: relative;
        left: 0;
        bottom: 10px;
        transform: translateY(-100%);
        text-align: left;
    }

    .v-skill-text {
        left: 20px;
        bottom: 0;
        transform: none;
    }

}

@media screen and (max-width: 767px) {  

    .section-title-holder {
        padding-top: 35px;
    }

    .section.page-split h2.entry-title {
        max-width: 90%;
        font-size: 40px;
        line-height: 40px;
    }

    .section.page-split .section-title-holder .page-desc {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .big-text {
        font-size: 27px;
        line-height: 35px;
        text-align: center;
    }    

    .big-text br {
        display: none;
    }

    .blog-holder .more-posts-link {
        max-width: 175px;
        margin: 0 auto;
        float: none;
    }

    .blog-holder .more-posts-link img {
        padding: 15px;
    }    

    .section.full-screen .section-wrapper {
        transform: none;
    }

    .big-text {
        font-size: 30px;
        line-height: 35px;
    }

    a.button {
        padding-left: 35px;
        padding-right: 35px;
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .grid-item, 
    .grid-sizer {
        width: 100% !important;
    }   

    .info-text {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }  

    .blog-holder-scode article:first-of-type {
        margin-top: 0;
    }

    .blog-holder-scode article:last-of-type {
        margin-bottom: 0;
    }

    .blog-item-holder-scode {
        display: block;
        width: 100%;
        margin: 45px 0;
    } 

    .text-slider-wrapper {
        width: 100%;
    }

    .v-skill {
        width: 90%;
    }

    .coco-demo6-title br {
        display: none;
    }

}


@media screen and (max-width: 640px) { 

    .text-slider-wrapper .text-slide {
        font-size: 16px;
        line-height: 32px;
    }

    li.milestone {
        display: block;
        width: 100%;
        margin: 50px 0;
    }

    li.milestone:first-child {
        margin-top: 40px;
    }

    li.milestone:last-child {
        margin-bottom: 20px;
    }

    p.milestone-num {
        font-size: 40px;
    }

    p.milestone-text {
        font-size: 16px;
        line-height: 120%;
        max-width: 95%;
    }

    p.milestone-text br {
        display: none;
    }

    .skill-text {
        width: calc(100% - 110px);
    }

}