{"id":321,"date":"2018-11-07T17:05:29","date_gmt":"2018-11-07T17:05:29","guid":{"rendered":"http:\/\/www.castlecodeweb.com\/wp-mediaboxes\/?page_id=321"},"modified":"2018-11-07T17:27:43","modified_gmt":"2018-11-07T17:27:43","slug":"circular-fun","status":"publish","type":"page","link":"https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/circular-fun\/","title":{"rendered":"CIRCULAR <span>FUN<\/span>"},"content":{"rendered":" <style> \n #media-boxes-container-5be31e1de7746 .mb_global_skin.icon-1 { \n font-size : 15px !important; \n line-height : 50px !important; \n color : #e54e53 !important; \n font-family : FontAwesome !important; \n font-weight : 400 !important; \n text-decoration : none !important; \n font-style : normal !important; \n text-transform : none !important; \n text-align : center !important; \n letter-spacing : 0px !important; \n word-spacing : 0px !important; \n position : relative !important; \n top : 0px !important; \n left : 0px !important; \n width : 50px !important; \n height : 50px !important; \n display : inline-block !important; \n overflow : visible !important; \n float : none !important; \n clear : none !important; \n margin-top : 0px !important; \n margin-right : 0px !important; \n margin-bottom : 0px !important; \n margin-left : 0px !important; \n padding-top : 0px !important; \n padding-right : 0px !important; \n padding-bottom : 0px !important; \n padding-left : 0px !important; \n border-top-width : 0px !important; \n border-right-width : 0px !important; \n border-bottom-width : 0px !important; \n border-left-width : 0px !important; \n border-top-left-radius : 0px !important; \n border-top-right-radius : 0px !important; \n border-bottom-left-radius : 0px !important; \n border-bottom-right-radius : 0px !important; \n border-color : #ffffff !important; \n border-style : none !important; \n background-color : #ffffff !important; \nborder-radius: 50% !important; } \n #media-boxes-container-5be31e1de7746 .mb_global_skin.icon-1:hover { \nbackground: rgba(255,255,255,.3) !important;\ncolor: #fff !important;\ncursor: pointer !important;} \n <\/style> \n \n <style> \n #media-boxes-container-5be31e1de7746 .mb_global_skin.thumbnail-overlay { \n \n background-color    : rgba(0,0,0,0.2) !important; \n padding-top         : 0px !important; \n padding-right       : 0px !important; \n padding-bottom      : 0px !important; \n padding-left        : 0px !important; \n text-align          : center !important; \n vertical-align      : middle !important; \n } \n #media-boxes-container-5be31e1de7746 .mb_global_skin.media-box-content { \n display : none !important;  \n background-color    : #ffffff !important; \n padding-top         : 20px !important; \n padding-right       : 20px !important; \n padding-bottom      : 20px !important; \n padding-left        : 20px !important; \n text-align          : left !important; \n } \n <\/style> \n <style> \n #media-boxes-container-5be31e1de7746 .mb_hide_if_empty:empty{ display: none !important; \n } \n <\/style> \n \n\t\t\t\t\t\t\t\t\t\t<style>\n\t\t\t\t\t\t\t\t\t\t\t#media-boxes-container-5be31e1de7746 .media-boxes-load-more-button{\r\n\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    cursor: pointer;\r\n    width: 150px;\r\n    text-align: center;\r\n    color: white;\r\n    background-color: #333333;\r\n    font-size: 14px !important;\r\n    height: 15px;\r\n    padding: 10px 15px 10px 15px;\r\n    margin: 0px auto;\r\n    line-height: 15px;\r\n\r\n    -webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);\r\n       -moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);\r\n         -o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);\r\n        -ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);\r\n            box-shadow: 0 1px 1px rgba(34,25,25,0.2);\r\n\r\n    -webkit-box-sizing: content-box !important;\r\n       -moz-box-sizing: content-box !important;\r\n            box-sizing: content-box !important;\r\n\r\n}\r\n\r\n#media-boxes-container-5be31e1de7746 .media-boxes-loading{\r\n\r\n}\r\n\r\n#media-boxes-container-5be31e1de7746 .media-boxes-no-more-entries{\r\n\r\n    filter: alpha(opacity=20);\r\n    opacity: 0.2;\r\n\r\n}\r\n\n\t\t\t\t\t\t\t\t\t\t\t\/* make the boxes circular *\/\r\n#media-boxes-container-5be31e1de7746 .media-box-container{\r\n\t-webkit-border-radius: 500px !important;\r\n\t    -moz-border-radius: 500px !important;\r\n                      border-radius: 500px !important;\r\n}\r\n\r\n\/* change style of filter menu *\/\r\n#media-boxes-container-5be31e1de7746 .media-boxes-filters-container{\r\n\ttext-align: center;\r\n}\r\n#media-boxes-container-5be31e1de7746 .media-boxes-filter{\r\n        margin-bottom: 30px !important;\r\n}\r\n#media-boxes-container-5be31e1de7746 .media-boxes-filter>li {\r\n\tmargin: 0 !important;\r\n}\r\n#media-boxes-container-5be31e1de7746 .media-boxes-filter>li:last-child a{\r\n\tborder-right: 1px solid #EBEBEB;\r\n\tborder-radius: 0 4px 4px 0;\r\n}\r\n#media-boxes-container-5be31e1de7746 .media-boxes-filter>li:first-child a{\r\n\tborder-radius: 4px 0 0 4px;\r\n}\r\n#media-boxes-container-5be31e1de7746 .media-boxes-filter>li a {\r\n\tborder-bottom: 1px solid #EBEBEB;\r\n\t  border-left: 1px solid #EBEBEB;\r\n\t   border-top: 1px solid #EBEBEB;\r\n\t   border-right: none;\r\n\r\n\t-webkit-box-shadow: none;\r\n\t   -moz-box-shadow: none;\r\n  \t     -o-box-shadow: none;\r\n        -ms-box-shadow: none;\r\n  \t\t    box-shadow: none;\r\n}\r\n#media-boxes-container-5be31e1de7746 .media-boxes-filter>li a.selected {\r\n    -webkit-box-shadow: none !important;\r\n       -moz-box-shadow: none !important;\r\n        -ms-box-shadow: none !important;\r\n            box-shadow: none !important;\r\n}\r\n#media-boxes-container-5be31e1de7746 .media-boxes-filter>li a:hover{\r\n    background: #fff;\r\n    color: #e54e53;\r\n}\r\n\r\n#media-boxes-container-5be31e1de7746 .media-boxes-no-more-entries{\r\n\tdisplay: none;\r\n}\n\t\t\t\t\t\t\t\t\t\t<\/style>\n\t\t\t\t\t\t\t\t\t\n\t    \t\t\t\t\t<div id='media-boxes-container-5be31e1de7746'>\n\t    \t\t\t\t\t\t<div class='media-boxes-filters-container drop_zone_1'><\/div> \n\t    \t\t\t\t\t\t<div class='media-boxes-filters-container drop_zone_2'>\n\t\t                <ul class='media-boxes-filter media-boxes-filters-5be31e1de7746' data-id='filter_1'>\n\t\t                  <li><a href='#' class='selected' data-filter='*'>All<\/a><\/li>\n\t\t                  <li><a href='#'  data-filter='.category_category-10'>Category 1<\/a><\/li><li><a href='#'  data-filter='.category_category-11'>Category 2<\/a><\/li><li><a href='#'  data-filter='.category_category-12'>Category 3<\/a><\/li>\n\t\t                <\/ul>\n\t\t\t\t\t<\/div>\n    \t\t\t\t\t\t\t<div id='mediaboxes-grid-5be31e1de7746' class='media-boxes-grid' data-settings='{&quot;boxesToLoadStart&quot;:10,&quot;boxesToLoad&quot;:10,&quot;minBoxesPerFilter&quot;:0,&quot;lazyLoad&quot;:true,&quot;horizontalSpaceBetweenBoxes&quot;:40,&quot;verticalSpaceBetweenBoxes&quot;:-60,&quot;columns&quot;:4,&quot;resolutions&quot;:[{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:1440,&quot;columns&quot;:4},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:1280,&quot;columns&quot;:4},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:1024,&quot;columns&quot;:4},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:966,&quot;columns&quot;:3},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:768,&quot;columns&quot;:2},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:640,&quot;columns&quot;:2},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:480,&quot;columns&quot;:1}],&quot;waitUntilThumbWithRatioLoads&quot;:false,&quot;waitForAllThumbsNoMatterWhat&quot;:false,&quot;LoadingWord&quot;:&quot;Loading...&quot;,&quot;loadMoreWord&quot;:&quot;Load More&quot;,&quot;noMoreEntriesWord&quot;:&quot;No More Entries&quot;,&quot;thumbnailOverlay&quot;:true,&quot;overlayEffect&quot;:&quot;fade&quot;,&quot;overlaySpeed&quot;:200,&quot;overlayEasing&quot;:&quot;default&quot;,&quot;deepLinkingOnFilter&quot;:false,&quot;multipleFilterLogic&quot;:&quot;AND&quot;,&quot;filterContainer&quot;:&quot;.media-boxes-filters-5be31e1de7746&quot;,&quot;deepLinkingOnSearch&quot;:false,&quot;search&quot;:&quot;.media-boxes-search-5be31e1de7746&quot;,&quot;searchTarget&quot;:&quot;.media-box-content, .thumbnail-overlay&quot;,&quot;sortContainer&quot;:&quot;.media-boxes-sort-5be31e1de7746&quot;,&quot;popup&quot;:&quot;magnificpopup&quot;,&quot;showOnlyVisibleBoxesInPopup&quot;:false,&quot;considerFilteringInPopup&quot;:true,&quot;deepLinkingOnPopup&quot;:true,&quot;magnificpopup&quot;:{&quot;gallery&quot;:true,&quot;alignTop&quot;:false,&quot;preload&quot;:[0,3]},&quot;fancybox&quot;:{&quot;loop&quot;:false,&quot;margin&quot;:[44,0],&quot;keyboard&quot;:true,&quot;arrows&quot;:true,&quot;infobar&quot;:false,&quot;toolbar&quot;:true,&quot;buttons&quot;:[&quot;slideShow&quot;,&quot;fullScreen&quot;,&quot;thumbs&quot;,&quot;close&quot;],&quot;idleTime&quot;:3,&quot;protect&quot;:false,&quot;animationEffect&quot;:&quot;zoom&quot;,&quot;animationDuration&quot;:330,&quot;transitionEffect&quot;:&quot;fade&quot;,&quot;transitionDuration&quot;:330,&quot;slideShow&quot;:{&quot;autoStart&quot;:false,&quot;speed&quot;:40000},&quot;fullScreen&quot;:{&quot;autoStart&quot;:false},&quot;thumbs&quot;:{&quot;autoStart&quot;:false,&quot;hideOnClose&quot;:true},&quot;touch&quot;:{&quot;vertical&quot;:true,&quot;momentum&quot;:true}},&quot;animation_on_thumbnail_overlay_hover&quot;:[{&quot;item&quot;:&quot;.mb_global_skin.icon-1&quot;,&quot;animation&quot;:&quot;zoom-out&quot;}]}'>\n    \t\t\t\t\t\t\t\t    \n\t\t\t\t\t\t\t<div class='media-box  category_category-10' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=Os1G8RtqY2c' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/10\/img-9.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-10' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=5guMumPFBag' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/10\/img-10.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-11' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=UrIbxk7idYA' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/08\/img-32.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-12' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=2zqy21Z29ps' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/10\/img-39.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-10' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='http:\/\/vimeo.com\/22884674' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/10\/img-37.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-11' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=KVu3gS7iJu4' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/11\/img-57.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-12' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=vIu85WQTPRc' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/11\/img-58.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-10' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=ufsrgE0BYf0' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/11\/img-59.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t     \n    \t\t\t\t\t\t\t<\/div>\n    \t\t\t\t\t\t<\/div> \n<div class=\"headline\" style=\"margin-top: 200px;\">\n<h2>DIFFERENT <SPAN>LAYOUT<\/SPAN><\/h2>\n<p>You can play a little with the layout.<\/p>\n<\/div>\n <style> \n #media-boxes-container-5be320294022e .mb_global_skin.icon-1 { \n font-size : 15px !important; \n line-height : 50px !important; \n color : #e54e53 !important; \n font-family : FontAwesome !important; \n font-weight : 400 !important; \n text-decoration : none !important; \n font-style : normal !important; \n text-transform : none !important; \n text-align : center !important; \n letter-spacing : 0px !important; \n word-spacing : 0px !important; \n position : relative !important; \n top : 0px !important; \n left : 0px !important; \n width : 50px !important; \n height : 50px !important; \n display : inline-block !important; \n overflow : visible !important; \n float : none !important; \n clear : none !important; \n margin-top : 0px !important; \n margin-right : 0px !important; \n margin-bottom : 0px !important; \n margin-left : 0px !important; \n padding-top : 0px !important; \n padding-right : 0px !important; \n padding-bottom : 0px !important; \n padding-left : 0px !important; \n border-top-width : 0px !important; \n border-right-width : 0px !important; \n border-bottom-width : 0px !important; \n border-left-width : 0px !important; \n border-top-left-radius : 0px !important; \n border-top-right-radius : 0px !important; \n border-bottom-left-radius : 0px !important; \n border-bottom-right-radius : 0px !important; \n border-color : #ffffff !important; \n border-style : none !important; \n background-color : #ffffff !important; \nborder-radius: 50% !important; } \n #media-boxes-container-5be320294022e .mb_global_skin.icon-1:hover { \nbackground: rgba(255,255,255,.3) !important;\ncolor: #fff !important;\ncursor: pointer !important;} \n <\/style> \n \n <style> \n #media-boxes-container-5be320294022e .mb_global_skin.thumbnail-overlay { \n \n background-color    : rgba(0,0,0,0.2) !important; \n padding-top         : 0px !important; \n padding-right       : 0px !important; \n padding-bottom      : 0px !important; \n padding-left        : 0px !important; \n text-align          : center !important; \n vertical-align      : middle !important; \n } \n #media-boxes-container-5be320294022e .mb_global_skin.media-box-content { \n display : none !important;  \n background-color    : #ffffff !important; \n padding-top         : 20px !important; \n padding-right       : 20px !important; \n padding-bottom      : 20px !important; \n padding-left        : 20px !important; \n text-align          : left !important; \n } \n <\/style> \n <style> \n #media-boxes-container-5be320294022e .mb_hide_if_empty:empty{ display: none !important; \n } \n <\/style> \n \n\t\t\t\t\t\t\t\t\t\t<style>\n\t\t\t\t\t\t\t\t\t\t\t#media-boxes-container-5be320294022e .media-boxes-load-more-button{\r\n\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    cursor: pointer;\r\n    width: 150px;\r\n    text-align: center;\r\n    color: white;\r\n    background-color: #333333;\r\n    font-size: 14px !important;\r\n    height: 15px;\r\n    padding: 10px 15px 10px 15px;\r\n    margin: 0px auto;\r\n    line-height: 15px;\r\n\r\n    -webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);\r\n       -moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);\r\n         -o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);\r\n        -ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);\r\n            box-shadow: 0 1px 1px rgba(34,25,25,0.2);\r\n\r\n    -webkit-box-sizing: content-box !important;\r\n       -moz-box-sizing: content-box !important;\r\n            box-sizing: content-box !important;\r\n\r\n}\r\n\r\n#media-boxes-container-5be320294022e .media-boxes-loading{\r\n\r\n}\r\n\r\n#media-boxes-container-5be320294022e .media-boxes-no-more-entries{\r\n\r\n    filter: alpha(opacity=20);\r\n    opacity: 0.2;\r\n\r\n}\r\n\n\t\t\t\t\t\t\t\t\t\t\t\/* make the boxes circular *\/\r\n#media-boxes-container-5be320294022e .media-box-container{\r\n\t-webkit-border-radius: 500px !important;\r\n\t    -moz-border-radius: 500px !important;\r\n                      border-radius: 500px !important;\r\n}\r\n\r\n\/* change style of filter menu *\/\r\n#media-boxes-container-5be320294022e .media-boxes-filters-container{\r\n\ttext-align: center;\r\n}\r\n#media-boxes-container-5be320294022e .media-boxes-filter{\r\n        margin-bottom: 30px !important;\r\n}\r\n#media-boxes-container-5be320294022e .media-boxes-filter>li {\r\n\tmargin: 0 !important;\r\n}\r\n#media-boxes-container-5be320294022e .media-boxes-filter>li:last-child a{\r\n\tborder-right: 1px solid #EBEBEB;\r\n\tborder-radius: 0 4px 4px 0;\r\n}\r\n#media-boxes-container-5be320294022e .media-boxes-filter>li:first-child a{\r\n\tborder-radius: 4px 0 0 4px;\r\n}\r\n#media-boxes-container-5be320294022e .media-boxes-filter>li a {\r\n\tborder-bottom: 1px solid #EBEBEB;\r\n\t  border-left: 1px solid #EBEBEB;\r\n\t   border-top: 1px solid #EBEBEB;\r\n\t   border-right: none;\r\n\r\n\t-webkit-box-shadow: none;\r\n\t   -moz-box-shadow: none;\r\n  \t     -o-box-shadow: none;\r\n        -ms-box-shadow: none;\r\n  \t\t    box-shadow: none;\r\n}\r\n#media-boxes-container-5be320294022e .media-boxes-filter>li a.selected {\r\n    -webkit-box-shadow: none !important;\r\n       -moz-box-shadow: none !important;\r\n        -ms-box-shadow: none !important;\r\n            box-shadow: none !important;\r\n}\r\n#media-boxes-container-5be320294022e .media-boxes-filter>li a:hover{\r\n    background: #fff;\r\n    color: #e54e53;\r\n}\r\n\r\n#media-boxes-container-5be320294022e .media-boxes-no-more-entries{\r\n\tdisplay: none;\r\n}\n\t\t\t\t\t\t\t\t\t\t<\/style>\n\t\t\t\t\t\t\t\t\t\n\t    \t\t\t\t\t<div id='media-boxes-container-5be320294022e'>\n\t    \t\t\t\t\t\t<div class='media-boxes-filters-container drop_zone_1'><\/div> \n\t    \t\t\t\t\t\t<div class='media-boxes-filters-container drop_zone_2'>\n\t\t                <ul class='media-boxes-filter media-boxes-filters-5be320294022e' data-id='filter_1'>\n\t\t                  <li><a href='#' class='selected' data-filter='*'>All<\/a><\/li>\n\t\t                  <li><a href='#'  data-filter='.category_category-10'>Category 1<\/a><\/li><li><a href='#'  data-filter='.category_category-11'>Category 2<\/a><\/li><li><a href='#'  data-filter='.category_category-12'>Category 3<\/a><\/li>\n\t\t                <\/ul>\n\t\t\t\t\t<\/div>\n    \t\t\t\t\t\t\t<div id='mediaboxes-grid-5be320294022e' class='media-boxes-grid' data-settings='{&quot;boxesToLoadStart&quot;:16,&quot;boxesToLoad&quot;:4,&quot;minBoxesPerFilter&quot;:0,&quot;lazyLoad&quot;:true,&quot;horizontalSpaceBetweenBoxes&quot;:-40,&quot;verticalSpaceBetweenBoxes&quot;:0,&quot;columns&quot;:8,&quot;resolutions&quot;:[{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:1440,&quot;columns&quot;:8},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:1280,&quot;columns&quot;:8},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:1024,&quot;columns&quot;:8},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:966,&quot;columns&quot;:4},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:768,&quot;columns&quot;:2},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:640,&quot;columns&quot;:2},{&quot;columnWidth&quot;:&quot;auto&quot;,&quot;maxWidth&quot;:480,&quot;columns&quot;:1}],&quot;waitUntilThumbWithRatioLoads&quot;:false,&quot;waitForAllThumbsNoMatterWhat&quot;:false,&quot;LoadingWord&quot;:&quot;Loading...&quot;,&quot;loadMoreWord&quot;:&quot;Load More&quot;,&quot;noMoreEntriesWord&quot;:&quot;No More Entries&quot;,&quot;thumbnailOverlay&quot;:true,&quot;overlayEffect&quot;:&quot;fade&quot;,&quot;overlaySpeed&quot;:200,&quot;overlayEasing&quot;:&quot;default&quot;,&quot;deepLinkingOnFilter&quot;:false,&quot;multipleFilterLogic&quot;:&quot;AND&quot;,&quot;filterContainer&quot;:&quot;.media-boxes-filters-5be320294022e&quot;,&quot;deepLinkingOnSearch&quot;:false,&quot;search&quot;:&quot;.media-boxes-search-5be320294022e&quot;,&quot;searchTarget&quot;:&quot;.media-box-content, .thumbnail-overlay&quot;,&quot;sortContainer&quot;:&quot;.media-boxes-sort-5be320294022e&quot;,&quot;popup&quot;:&quot;magnificpopup&quot;,&quot;showOnlyVisibleBoxesInPopup&quot;:false,&quot;considerFilteringInPopup&quot;:true,&quot;deepLinkingOnPopup&quot;:true,&quot;magnificpopup&quot;:{&quot;gallery&quot;:true,&quot;alignTop&quot;:false,&quot;preload&quot;:[0,3]},&quot;fancybox&quot;:{&quot;loop&quot;:false,&quot;margin&quot;:[44,0],&quot;keyboard&quot;:true,&quot;arrows&quot;:true,&quot;infobar&quot;:false,&quot;toolbar&quot;:true,&quot;buttons&quot;:[&quot;slideShow&quot;,&quot;fullScreen&quot;,&quot;thumbs&quot;,&quot;close&quot;],&quot;idleTime&quot;:3,&quot;protect&quot;:false,&quot;animationEffect&quot;:&quot;zoom&quot;,&quot;animationDuration&quot;:330,&quot;transitionEffect&quot;:&quot;fade&quot;,&quot;transitionDuration&quot;:330,&quot;slideShow&quot;:{&quot;autoStart&quot;:false,&quot;speed&quot;:40000},&quot;fullScreen&quot;:{&quot;autoStart&quot;:false},&quot;thumbs&quot;:{&quot;autoStart&quot;:false,&quot;hideOnClose&quot;:true},&quot;touch&quot;:{&quot;vertical&quot;:true,&quot;momentum&quot;:true}},&quot;animation_on_thumbnail_overlay_hover&quot;:[{&quot;item&quot;:&quot;.mb_global_skin.icon-1&quot;,&quot;animation&quot;:&quot;zoom-out&quot;}]}'>\n    \t\t\t\t\t\t\t\t    \n\t\t\t\t\t\t\t<div class='media-box  category_category-10' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=Os1G8RtqY2c' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/10\/img-9.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-10' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=5guMumPFBag' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/10\/img-10.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-11' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=UrIbxk7idYA' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/08\/img-32.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-12' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=2zqy21Z29ps' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/10\/img-39.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-10' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='http:\/\/vimeo.com\/22884674' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/10\/img-37.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-11' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=KVu3gS7iJu4' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/11\/img-57.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-12' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=vIu85WQTPRc' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/11\/img-58.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t         \n\t\t\t\t\t\t\t<div class='media-box  category_category-10' >\n\t\t\t\t\t            \n\t\t\t\t\t\t\t\t\t\t<div class='media-box-image mb-open-popup'  data-type='iframe' data-src='https:\/\/www.youtube.com\/watch?v=ufsrgE0BYf0' data-title=''    >\n\t\t\t\t\t                \t\t<div  data-width='1' data-height='1'   data-thumbnail='https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-content\/uploads\/2018\/11\/img-59.jpg'><\/div>\n\t\t\t\t\t                \n\t\t\t\t\t                \t\t<div class='thumbnail-overlay  mb_global_skin'>\n\t\t\t\t\t                \t\t\t <div class='icon-1  fa-plus  mb_global_skin'  ><\/div> \n\t\t\t\t\t                \t\t<\/div>\n\n\t\t\t\t\t                \t\t\n\t\t\t\t\t            \t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t            <div class='media-box-content mb_global_skin'>\n\t\t\t\t\t            \t\n\t\t\t\t\t            <\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t            \n\t\t\t\t\t        <\/div>\n\t\t\t\t\t     \n    \t\t\t\t\t\t\t<\/div>\n    \t\t\t\t\t\t<\/div> \n","protected":false},"excerpt":{"rendered":"<p>DIFFERENT LAYOUT You can play a little with the layout.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-321","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-json\/wp\/v2\/pages\/321"}],"collection":[{"href":"https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-json\/wp\/v2\/comments?post=321"}],"version-history":[{"count":4,"href":"https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-json\/wp\/v2\/pages\/321\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-json\/wp\/v2\/pages\/321\/revisions\/337"}],"wp:attachment":[{"href":"https:\/\/www.castlecodeweb.com\/wp-mediaboxes\/wp-json\/wp\/v2\/media?parent=321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}