/* Theme Name: Custom Legal Marketing Theme URI: http://www.customlegalmarketing.com/ Author: Adviatech Author URI: http://www.customlegalmarketing.com/ Description: Designed exclusively for Custom Legal Marketing by Kristen Friend and programmed by Justin Torres. Version: 1.2.2 font-family: 'Noto Sans', sans-serif; font-family: 'Fjalla One', sans-serif; NOTE: Most of this document will be for the mobile version, desktop styling takes place at the end of the document */ html,body{height:100%;font-family: 'Noto Sans', Arial, sans-serif;} *{outline:none !important;} /* The almighty top-bar */ #top{background-color:rgb(115,115,115);padding-bottom:15px;} #brand a{display:block;width:100%;height:120px;text-indent:-9999em;background:url('images/logo-web.png') no-repeat;background-position:top center;} #quick{text-align:center;} #quick-login{margin:0 0 0 0;font-size:.8em;line-height:15px;} #quick-login a{display:block;color:#CCC;} #quick-phone{margin:7px 0 0 0;font-size:1.5em;color:#FFF;font-family: 'Fjalla One', sans-serif;} #primary-mobile #menu-toggle{ display:block; color:#FFF; text-decoration:none; font-weight:700; font-style:bold; text-align:center; } #primary-mobile .menuicon{ display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; height:45px; line-height:45px; text-indent:40px; background:no-repeat 0 0 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAtCAYAAAC53tuhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNBMDRGNEJCODk4MTFFNEFDNjg5OTYxMEUwRkQ1RDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNBMDRGNENCODk4MTFFNEFDNjg5OTYxMEUwRkQ1RDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCM0EwNEY0OUI4OTgxMUU0QUM2ODk5NjEwRTBGRDVEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCM0EwNEY0QUI4OTgxMUU0QUM2ODk5NjEwRTBGRDVEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpLupE8AAACkSURBVHjaYvz//z/DQAAmhgECoxaPWjxq8ajFoxaPWjw0Le4H4h9A/J9E/AOqFytgJKIh8B6IBcj02BsgFsUmwUKEZg8gjgZidhIt/QnESynx8fBKXMQEdQIQp5IZ1HOAeD65Qf0ViLnI9NgHIBYk18fZFPp4NHERHdTmFObjk4Oq5CImqBdAXc9Aho+XjCauUYtHLR61eNTiUYtHLR68FgMEGABWETgzOvEY6wAAAABJRU5ErkJggg=='); } #primary-mobile .menu-item{ list-style:none; font-size:.9em; font-weight:700; font-style:bold; text-transform:uppercase; } #primary-mobile .menu-item a{ display:block; color:#FFF; padding:5px; text-decoration:none; } #primary-mobile .menu-item a:hover{ text-decoration:underline; } #primary-mobile .menu-item a{ background:#ebebeb; } #primary-mobile .menu-item-2414 a{ /* DESIGN */ color:#32a6b7; } #primary-mobile .menu-item-2415 a{ /* MARKET */ color:#e25804; } #primary-mobile .menu-item-2419 a{ /* BUZZ */ color:#1a814d; } #primary-mobile .menu-item-2416 a{ /* ANALYZE */ color:#3b5995; } #primary-mobile .sub-menu .menu-item a{ color:#FFF; background:none; } #primary.section-container{border:none;margin:0;background:none;} #primary section{border:none;background:none;} #primary .title{border:none;background:none;} #primary .title a{color:#FFF;height:30px;line-height:30px;padding:0 12px;border:transparent 1px solid;border-bottom-width:0;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;} #primary .active .title a{font-weight:700;background:#ebebeb;border-color:#737373;} #primary .content .strong a{font-weight:700;} #primary .content .toppad{margin-top:15px;} #primary .content li{font-size:.9em;list-style:none;} #primary .content li a{color:#515151;} #primary .content li a:hover{ color:#808080;} #primary .nav-design .content{border-color:#32a6b7;} #primary .nav-design .content .strong a, #primary .nav-design.active .title a{color:#32a6b7;} #primary .nav-market .content{border-color:#e25804;left:-76px;} #primary .nav-market .content .strong a, #primary .nav-market.active .title a{color:#e25804;} #primary .nav-grow .content{border-color:#1ab7ea;left:-76px;} #primary .nav-grow .content .strong a, #primary .nav-grow.active .title a{color:#1ab7ea;} #primary .nav-engage .content{border-color:#1a814d;left:-158px;} #primary .nav-engage .content .strong a, #primary .nav-engage.active .title a{color:#1a814d;} #primary .nav-analyze .content{border-color:#3b5995;left:-237px;} #primary .nav-analyze .content .strong a, #primary .nav-analyze.active .title a{color:#3b5995;} #primary .nav-learn .content{border-color:#CC0000;left:-287px;} #primary .nav-learn .content .strong a, #primary .nav-learn.active .title a{color:#CC0000;} #primary .nav-contact{margin-left:12px !important;} #primary .nav-contact .title a{height:30px !important;color:#FFF;background:#e97707;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} #primary .nav-contact.active .title a:hover{ background:#242424;} a.bevel:hover{ background-image:linear-gradient(68deg, rgba(0, 0, 0, 0) 10px, #808080 10px), linear-gradient(112deg, rgba(0, 0, 0, 0) 10px, #808080 10px), linear-gradient(248deg, rgba(0, 0, 0, 0) 10px, #808080 10px), linear-gradient(292deg, rgba(0, 0, 0, 0) 10px, #808080 10px) !important;} #hovercontact{height:215px;display:none;background:#e97707 url('images/contact-hover-bg.png') 0 0 no-repeat;behavior:url('css/PIE.htc');-webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;} #hovercontact #toggler{float:right;width:40px;height:214px;} #hovercontact.open{background-position:0 -214px;} #hovercontact .gform_wrapper{float:left;width:600px;display:none;margin:.5em 0 0 40px;position:relative;} #hovercontact.open .gform_wrapper{display:block !important;} #hovercontact .gfield{width:300px;margin-bottom:12px;} #hovercontact .gfield_label{display:none;} #hovercontact .gfield input[type='text'], #hovercontact .gfield textarea{margin:0;padding:5px 0;background:#f4f4f4;border:#fda753 1px solid;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;} #hovercontact .gfield input[type='text'], #hovercontact .gfield textarea{width:260px;} #hovercontact #field_1_5{position:absolute;top:0px;right:0;} #hovercontact #input_1_5{height:115px;} #hovercontact .gfield_captcha_container{width:260px;} #hovercontact .gfield_captcha{width:120px;height:auto;float:left;} #hovercontact .gfield_captcha_input_container {float:right;} #hovercontact #input_1_4{float:right;width:115px;} #hovercontact .gform_footer{position:absolute;top:100px;right:40px;} #hovercontact .gform_button{width:90px;height:35px;line-height:35px;margin:.5em 0 0 0;padding:0;color:#2f2d2b;background:#f6b16d;border:0;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;} /* Jumbotron/Graphic/Text Sections */ .jumbotron, .jumbotron-secondary, .graphic-section{background:no-repeat top center transparent;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;} .graphic-section, .text-section{padding:40px 0;} .entry-title{font-weight:400;font-family: 'Fjalla One', sans-serif;} .graphic-section h1, .graphic-section h2, .graphic-section h3, .graphic-section h4, .text-section h1, .text-section h2, .text-section h3, .text-section h4{font-weight:400;font-family: 'Fjalla One', sans-serif;} .graphic-section .bevel, .text-section .bevel, .button-section .bevel, .text-buttons .bevel{width:100%;} .sector-market .jumbotron .orb, .sector-market .text-section:not(.text-features) .orb, .sector-market .orb-column .orb{background-color:#e97707 !important;} .sector-engage .jumbotron .orb, .sector-engage .text-section:not(.text-features) .orb, .sector-engage .orb-column .orb{background-color:#1a814d !important;} .sector-analyze .jumbotron .orb, .sector-analyze .text-section:not(.text-features) .orb, .sector-analyze .orb-column .orb{background-color:#3b5995 !important;} .sector-grow .jumbotron .orb, .sector-grow .text-section:not(.text-features) .orb, .sector-grow .orb-column .orb{background-color:#1ab7ea !important;} .orb-column{height:250px;padding-top:0;} .orb-column .orb{position:relative;top:50px;left:40px;height:250px;width:250px;padding:0 20px;opacity:0;} .orb-column.orb-right{text-align:right;} .orb-column.orb-right .orb{left:auto;right:40px;} .jumbotron-landing{padding:30px 0;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;} .jumbotron-landing .bevel{width:300px;text-transform:uppercase;} .jumbotron-landing .orb{width:460px;height:460px;padding:135px 30px 60px 30px;margin:30px 0;background-image:url('images/logo-small.png');background-repeat:no-repeat;background-position:top center;} .jumbotron-landing .orb .bevel{color:#32a6b7;background:#ebf6f8;} .jumbotron-landing .orb .primary{margin:20px 0;padding:25px 0;font-size:3em;border-top:#FFF 1px dotted;border-bottom:#FFF 1px dotted;} .jumbotron-landing .afterorb a.bevel{background:#e97707;} .jumbotron-landing .afterorb a.bevel:hover{color:#FFF;} .jumbotron-secondary{color:#FFF;} .jumbotron-secondary .orb-column .orb{width:215px;height:215px;padding:75px 10px 0 10px;} .jumbotron-secondary .orb-column .nc.orb{padding:50px 0 0 0;} .jumbotron-secondary .orb-column .orb .primary{font-size:2.5em;} .jumbotron-secondary .orb-column .orb .secondary .one{font-size:7em;line-height: .80em;} .jumbotron-secondary .orb-column .orb .secondary .two{font-size:2em;} .jumbotron-secondary .bevel{float:left;color:#121212;width:90px;margin:40px 0 0 0;font-size:2.2em;background:#FFF;} .jumbotron-secondary .bevel sup{font-style:italic;font-size:.6em;padding:5px 5px 0 0;} .jumbotron-secondary .entry-title{color:#FFF;padding:0 0 0 100px;font-size:2.8em;margin:40px 0 50px 0;line-height:1.1;text-transform:uppercase;} .jumbotron-secondary .text-right{font-size:.9em;} #jumbotron-under{color:#FFF;height:40px;background:#32a5b7;} #jumbotron-under .inline-list{line-height:40px;} #jumbotron-under .crumb-list a{color:#FFF;} #jumbotron-under .crumb{width:25px;height:40px;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAADICAYAAAAdi0rpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTZCNjcxOUY4QTVCMTFFNUFFQTRFREVGOTExNDVBMjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTZCNjcxQTA4QTVCMTFFNUFFQTRFREVGOTExNDVBMjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNkI2NzE5RDhBNUIxMUU1QUVBNEVERUY5MTE0NUEyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNkI2NzE5RThBNUIxMUU1QUVBNEVERUY5MTE0NUEyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps6CU6QAAANsSURBVHja7JxLSFRhFMfvaElgSS2yoEVFlDEEuYigXKRCraOdizZGBUJDLoqeStHTsCBCKBhoV9QuaBOEQVmbFhYhPQmKIIwhKSqhx/T74DgM5Mx9zD1fFOfAj0Fh5j/nfvd7/LxgplgsBpVq+dCV27x0wnp4EESoFz1df/yuLuQ9h+T1ZFBDhYW4b38DNsBGrRBXB+EXnICMVsgTuAprYItWiKs++A5HoV4r5BXkIQtbtUJcHYNv0A8NWiHv4AIsgR1aIa5OwyeZP41aIQUYhAWQ0wpxdQ7GYQ/M0wr5LJfNBezVCnE1BG9hl1w6lZBJmZiNZYto6iGuLruVXW7npVohP+CwTMw+rRBX12BUlpqsVkhRxqRelh2VEFc34R5slu1AJWRqY8vIxqYWUixDJcSNx3n4Cb1aIduhVVaBMY2QuTLzP8hmNm3NqDHkCMyHnTChcQuvgh6ZjHmtGT8og56TQU89xE28TXIeu6uxCs+Cs/AV9mltWr2ytJ+CNxohi+AAvIYzUd8U9xYegNnQLbtj6qeVdeAMZxiuaxzu6srWp1zcQYwa0i17xUVRidRDmuC4nB77k0yqKAPvDgnNsoQUNCRopYzBY7ik5Yzu3DsTdoetT4kvV9v4winZmRxpfh+ohMhx577zeALbzePN483jzePN483jzePN483jzePN483jzePN4/9Jjw/rpOTxtxYPRPT4jnghfHBD2YkxcdnzePN483jzePN483jzePN483jzePN483jzePP4/9/j//7z+NFnwyWPb23pCFRCgrLn8QS2m8ebx5vHm8ebx5vHm8ebx5vHm8ebx5vHm8ebx5vHJ7pc+7sKJY/Pr24MtDrRfx7Pty95/LZHX/x4PEE6Hk83/j2ebnQ8nm78ezzd6Hg83fj3eLrR8Xi6SeTxmWr/dmO6ooM5vLyUNW0ZwR9TP63wof49ns50PJ5u/Hs83eh4PN3493i60fF4uonk8bHnSYW54/ShDdYS/NA8vtql8uvxjMdY6gNPF87jn8uPKwiZUPX4SgE1XS668OvxdJG+x9NFyeMJSN/jCfDr8XQRyeNj3cJ04Tz+qfzpKSubl57HRw2I1QldOI8fgTsEdKZ+uCPAr8eLSsSq0MtFF01yYHATr0VOkXoenyQg9HLRhV+PD1ufqtVvAQYAu2PxOVwFFZ0AAAAASUVORK5CYII='); } #jumbotron-under .social-list{color:#FFF;float:right;margin:0;} #jumbotron-under .social-list li{margin:0 0 0 15px;} #jumbotron-under .orb{height:30px;width:30px;margin-top:5px;padding:2px;background:#1a8fa0;} #jumbotron-under .icons-social{width:25px;height:25px;background-size:25px;} #jumbotron-under .icons-social.twitter{background-position:0 0;} #jumbotron-under .icons-social.facebook{background-position:0 -25px;} #jumbotron-under .icons-social.google{background-position:0 -48px;} #jumbotron-under .icons-social.linkedin{background-position:0 -75px;} .sector-analyze #jumbotron-under{background:#3b5995;} .sector-analyze #jumbotron-under .crumb{background-position:0 -40px;} .sector-analyze #jumbotron-under .orb{background:#5f7fbe;} .sector-engage #jumbotron-under{background:#1a814d;} .sector-engage #jumbotron-under .crumb{background-position:0 -80px;} .sector-engage #jumbotron-under .orb{background:#06782e;} .sector-market #jumbotron-under{background:#e25804;} .sector-market #jumbotron-under .crumb{background-position:0 -120px;} .sector-market #jumbotron-under .orb{background:#e97707;} .sector-grow #jumbotron-under{background:#1ab7ea;} .sector-grow #jumbotron-under .crumb{background-position:0 -160px;} .sector-grow #jumbotron-under .orb{background:#62d0f4;} .graphic-section{color:#FFF;} .graphic-section .quoteital {font-size:1.3em;line-height:1.8em; padding-top:10px;width:95%;} .graphic-section p.italic {font-style:italic!important; line-height:1.8em !important;} .graphic-section p.author {font-style:italic!important; font-size:.9em !important;} .graphic-section .orb small{font-size:1em;display:block;margin:55px 0 30px 0;} .graphic-section .orb .primary{font-size:2em;} .graphic-section .lead{font-size:1.5em;} .graphic-section .cycle-pager li{display:block;float:left;} .graphic-section .bevel{color:#FFF;margin-top:15px;text-transform:uppercase;background:#32a6b7;} .sector-market .graphic-section .bevel{background:#e97707;} .sector-engage .graphic-section .bevel{background:#1a814d;} .sector-analyze .graphic-section .bevel{background:#3b5995;} .sector-grow .graphic-section .bevel{background:#1ab7ea;} .graphic-section:not(.graphic-lightbox) p, .graphic-cycle-wide p, .graphic-cycle-paged p {font-style:normal;} .graphic-cycle-testimonials p{font-style:normal; padding-left:15px;} .graphic-cycle-testimonials p.lead {font-style:italic !important; font-size:1.3em !important; line-height:1.8em !important;} .graphic-cycle-testimonials p.author {font-style:italic!important; font-size:.9em !important;} .graphic-cycle-testimonials .cycle-pager{display:inline-block;height:15px;overflow:visible;border-bottom:#b7b6b6 2px solid; margin-left:15px; margin-top:10px;} .graphic-cycle-testimonials .cycle-pager li{margin-left:45px;} .graphic-cycle-testimonials .cycle-pager li:first-child{margin-left:0;} .graphic-cycle-testimonials .cycle-pager .orb{text-indent:-9999em;height:30px;width:30px;border:#b7b6b6 2px solid;padding:0;background:#353535;} .graphic-cycle-testimonials .cycle-pager .cycle-pager-active .orb{background:#32a6b7;} .graphic-cycle-paged .cycle-pager{height:25px;} .graphic-cycle-paged .cycle-pager {padding-left:0;} .graphic-cycle-paged .cycle-pager li a{float:left;color:#FFF;font-size:1.2em;text-transform:uppercase;font-family: 'Fjalla One', sans-serif;} .graphic-cycle-paged .cycle-pager li.cycle-pager-active a{color:#b3b3b3;} .graphic-cycle-paged .cycle-pager .spacer{float:left;margin:0 7px;padding:0;height:15px;width:55px;border-bottom:#b7b6b6 1px solid;} .graphic-cycle-paged .cycle-pager .spacer .orb{text-indent:-9999em;margin:0;padding:0;height:8px;width:8px;border:#b7b6b6 1px solid;background:#32a6b7;} .graphic-cycle-paged .cycle-pager li:last-child .spacer{display:none;} .graphic-cycle-paged .cycle-pager .slide-1 .orb{margin-left:10%;} .graphic-cycle-paged .cycle-pager .slide-2 .orb{margin-left:45%;} .graphic-cycle-paged .cycle-pager .slide-3 .orb{margin-left:90%;} .graphic-cycle-wide .cycle-slideshow{width: 100%;margin-left: auto;margin-right: auto;margin-top: 0;margin-bottom: 0;max-width: 75em;} .graphic-cycle-wide img{width:100%;border:9px solid rgba(0,0,0,0.5);} .graphic-cycle-wide p.captionital {font-style:italic;} .graphic-cycle-wide p.quoteital {font-size:1.3em;font-style:italic;line-height:1.7em;} .graphic-cycle-wide .cycle-container{height:30px; padding-top:20px;} .graphic-cycle-wide .cycle-prev,.graphic-cycle-wide .cycle-next{display:inline-block;width:45px;height:30px;text-indent:-9999em;background:url('images/slide-arrows.png') no-repeat 0 0;} .graphic-cycle-wide .cycle-next{background-position:0 -30px;} .clients-cycle .cycle-prev:before { content: '\25c0 '; left: 0; } .clients-cycle .cycle-next:before { content: '\25b6 '; right: 0; } .graphic-lightbox .cards li{margin:0;padding:0;} .card-container{-webkit-perspective: 1000;-moz-perspective: 1000;perspective: 1000;} .card-container:hover .flipper, .card-container.hover .flipper {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);} .card-container, .front, .back {width:100%;height:260px;max-height:260px;} .flipper {-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-position: relative;-moz-position: relative;position: relative;} .front, .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;} .front {z-index: 2;text-align:center;} .front img{max-width:100%;} .back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);color:#fff;background:#32a6b7 url('images/card-bg.gif') 0 0 !important} .back{padding-top:45px;transform: rotateY(180deg);} .back p{margin:0 30px 1.25em 30px;} .back a{color:#fff;} .landing-terminal{color:#515151;} #terminal-tabs.section-container{border:none;margin:0;background:none;} #terminal-tabs section{border:none;background:none;} #terminal-tabs .title{width:100px;border:none;background:none;} #terminal-tabs .title .orb{width:85px;height:85px;padding:20px;background:#242424;} #terminal-tabs .title a{display:block;height:55px;line-height:55px;width:85px;color:#515151;padding:0;font-weight:400;font-size:1.2em;font-family: 'Fjalla One', sans-serif;text-align:center;} #terminal-tabs .content{color:#FFF;position:relative;border:none;padding:20px 30px;font-size:.8em;background:#32a6b7;} #terminal-tabs .content:after{content:' ';display:block;position:absolute;top:-20px;left:30px;width:0;height:0;border:10px solid transparent;border-bottom-color:#32a6b7;} #terminal-tabs .content ul{margin:0;} #terminal-tabs .content li{list-style:none;width:30%;} #terminal-tabs .content li a{color:#FFF;} #terminal-tabs .nav-design .title, #terminal-tabs .nav-market .title, #terminal-tabs .nav-engage .title{width:150px;} #terminal-tabs .nav-market .content:after{left:180px;} #terminal-tabs .nav-engage .content:after{left:330px;} #terminal-tabs .nav-analyze .content:after{left:485px;} .text-section, .text-section .entry-title{} .text-section .entry-title{text-transform:uppercase;line-height:40px;margin:15px 0;padding:30px 0;text-transform:uppercase;text-align:center;border-top:#7b7b7b 1px dotted;border-bottom:#7b7b7b 1px dotted;} .text-section .bevel{color:#FFF;background:#242424;text-transform:uppercase;margin-top:40px;} .text-section .bevel:hover{color:#FFF;} .text-section h2, .text-section h3, .text-section h4{color:#515151 !important;} .text-section h2{font-size:2em;} .text-section h3{font-size:1.5em;} .text-section h4{font-size:1.3em;} .text-section p{color:#515151;line-height:25px;} .text-section .icons-45{float:left;} .extra-padding-10{ padding-left:30px !important; padding-right:30px !important;} .text-benefits #benefits .inner{padding:18px 6px;} .text-benefits #benefits .orb{position:absolute;top:0;left:-10px;width:65px;height:65px;padding:11px;} .text-benefits #benefits h4{display:inline-block;padding:20px 0 0 70px;margin:0 0 1em 0;position:relative;} .text-benefits #benefits p{padding:0 1em;} .text-benefits .lead {line-height:1.7em} .text-pillars .inner{padding-top:10px;border-top:#32a6b7 3px solid; padding-left:10px; padding-right:10px; line-height:1.1em;} .text-pillars .lead {line-height:1.7em} .sector-market .text-pillars .inner{border-color:#e97707;} .sector-engage .text-pillars .inner{border-color:#1a814d;} .sector-analyze .text-pillars .inner{border-color:#3b5995;} .sector-grow .text-pillars .inner{border-color:#1ab7ea;} .text-features h3{color:#515151;text-transform:uppercase;margin-bottom:1em;} .text-features .orb{float:left;width:45px;height:45px;padding:7px;background:#e1dfe0;} .text-features p{margin-left:55px;min-height:120px;padding:0 5px;} .text-buttons{padding:20px 0;background:#f5f5f5;} .text-buttons .bevel{color:#FFF;background:#242424;text-transform:uppercase;} .text-buttons p{margin:10px 0;} /* Page */ .jumbotron-default{height:5px;} #page{padding:20px 0;} #content .entry-title a{color:#2f2f2f;} #content p{color:#5e5e5e;line-height:25px;} #content ul, #content ol{color:#5e5e5e;line-height:25px;margin-left:25px;overflow:auto;} #content .arrow-list li{list-style:none;padding:0 0 0 20px;position:relative;} #content .arrow-list li:after{content:' ';display:block;position:absolute;top:6px;left:-2px;width:0;height:0;border:6px solid transparent;border-left-color:#32a6b7;} #page-under{color:#FFF;background:#32a6b7;} #content a.read-more-button-blog{padding:8px 20px; margin-top:10px; float:left; border-radius:5px; float:left;font-family: 'Fjalla One', sans-serif;font-family: 'Fjalla One',sans-serif;font-weight: 400; font-size:1em; background:#111; color:#fff;} #content a.read-more-button-blog:hover{} #content .blog-f-image{ width:100%; height:auto;} #content .entry-date-wrapper{float:left; width:4%; margin-right:2%;} #content .entry-post-container{float:right; width:90%;} #content .entry-date{font-family: 'Fjalla One',sans-serif;font-weight: 400; font-size:1.5em; margin:0; text-align:center; float:left; width:100%;} #content .entry-meta{margin-top:1.4em;} #side .widget{margin:0 0 2em 0;} #side .widget .title{color:#5b5b5b;height:45px;line-height:45px;margin-bottom:1em;font-size:1.2em;font-family: 'Fjalla One', sans-serif;border-bottom:#545454 1px dotted;} #side .widget ul, #side .widget li{list-style:none;} #side .widget ul{padding:0;margin:.5em 0;} #side .widget li{padding:0;} #side .widget li a{color:#4b4b4b;font-weight:700;} #side .widget li ul{margin:.5em .75em;} #side .widget li ul li a{color:#0698af;font-weight:400;} .accordion{border-bottom:#545454 1px dotted;} .accordion .title{font-size:1.2em;border:#545454 0 dotted;border-top-width:1px;} .accordion .title{display:block;color:#0798ad;padding:1em;} .accordion .content{display:none;padding:1em 0;} .accordion .content.active{display:block;} .button-section .bevel{color:#FFF;background:#242424;width:200px;text-transform:uppercase;margin-top:40px;} .button-section .text-left{float:left;} .button-section .text-right{float:right;} .sector-offers.sector-ebooks .widget{color:#666666;padding:5px 10px 10px 10px;border-color:#32a6b7;border-style:solid;border-width:5px 1px 1px 1px;background:#F4F5F6;} /* Modal Form */ .gform_wrapper .gform_footer p, .gform_wrapper .gform_footer br { display: none; } .page-template-page-ajax-php .gform_wrapper .gfield_label { display:none; } .page-template-page-ajax-php .gform_wrapper .top_label input.medium, .page-template-page-ajax-php .gform_wrapper .top_label select.medium { width:calc(100% - 2em); } .page-template-page-ajax-php .gform_wrapper textarea.small { width:calc(100% - 2em); } .page-template-page-ajax-php .gform_wrapper ul li.gfield { width:100%; clear:none; float:left; padding:0 0 .5em 0; } .page-template-page-ajax-php .gform_wrapper label.gfield_label+div.ginput_container{ margin:0 !important; } .page-template-page-ajax-php .gform_wrapper ul li.gfield.w50{ width:50%; } .page-template-page-ajax-php .gform_wrapper .gfield_captcha_container img.gfield_captcha { float: left; width: 160px; height: 40px; } .page-template-page-ajax-php .gform_wrapper .gfield_captcha_input_container { padding: 0 0 0 2em; float: left; } .page-template-page-ajax-php .gform_wrapper .gfield_captcha_input_container input { width: 100%; } /* Custom Questionare Modification */ html #gform_wrapper_28.gform_wrapper .gfield_label { display: block; } html #gform_wrapper_28.gform_wrapper .ginput_container br, html #gform_wrapper_28.gform_wrapper .gf_progressbar p { display: none !important; } html #gform_wrapper_28.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, html #gform_wrapper_28.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] { margin-top: 13px; } @media only screen and (min-width: 641px) { html #gform_wrapper_28.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li, html #gform_wrapper_28.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li { width: 30% !important; } } .hero-content p{ font-family: 'Noto Sans', Arial, sans-serif; } .hero-content h1, .hero-content h2, .hero-content h3 { font-family: 'Fjalla One', Arial, sans-serif; } .text-black.hero-content , .text-black.hero-content h1, .text-black.hero-content h2, .text-black.hero-content h3 { color: #000; } .text-white.hero-content , .text-white.hero-content h1, .text-white.hero-content h2, .text-white.hero-content h3 { color: #fff; } .super.hero-content { min-height: 100%; min-height: 100vh; } .tiny-top { padding: 10vh 0; } .small-top { padding: 15vh 0; } .medium-top { padding: 20vh 0; } .big-top { padding: 25vh 0; } /* Footers */ #footer-social{color:#FFF;background-image:url('images/banner-crowd.jpg');} .home #footer-social{background-image:url('images/banner-terminal-seat.jpg');} #footer-social .entry-title{color:#FFF;margin:0;} #footer-social .social-list{margin:20px auto;text-align: center;} #footer-social .social-list li{margin:0;float: none;display: inline-block;} #footer-social .social-list .orb{height:40px;width:40px;padding:5px;} #footer-social .social-list .social-facebook a{margin:0 1.25em;} #footer-social #tweets{border-top:#7b7b7b 1px dotted;} #footer-social .tweet{padding:15px 0;list-style:none;border-bottom:#7b7b7b 1px dotted;} #footer-social .tweet strong{color:#bcbcbc;text-transform:uppercase;margin-right:10px;} #footer-secondary{color:#666666;font-size:.9em;padding:20px 0;background:#F4F5F6;} #footer-secondary .title{color:#A5A5A5;font-weight:900;margin-bottom:42px;} #footer-secondary p a, #footer-secondary li a, #footer-secondary strong a{color:#666666;} #footer-secondary li{list-style:none;} #footer-secondary .bevel{width:100%;color:#FFF;background:#acacac;} #recent-posts li{height:75px;} #recent-posts li img{float:left;border:#FFF 4px solid;-webkit-box-shadow: 0px 0px 1px 1px #cdcdcd;box-shadow: 0px 0px 1px 1px #cdcdcd;} #recent-posts li p{display:block;margin:0 0 0 54px;line-height:18px;} #recent-posts li a strong{color:#32a6b7;} #footer-bottom{color:#F4F5F6;background:#ACACAC;} #footer-bottom p{margin-top:25px;font-size:.8em;} #footer-bottom a{color:#F4F5F6;margin-right:7px;} #footer-bottom .social-list li{margin-left:30px;} #footer-bottom .social-list .orb{height:40px;width:40px;padding:5px;background:#808080;} /* Re-usables */ .orb{ display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; color:#FFF; text-align:center; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; behavior:url('css/PIE.htc'); background-color:#32a6b7; } .orb .primary, .orb .secondary {text-transform:uppercase;font-weight:400;font-family: 'Fjalla One', sans-serif;text-transform:uppercase;} .bevel{ display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; color:#FFF; height:45px; line-height:47px; font-size:1.5em; font-family: 'Fjalla One', sans-serif; text-align:center; } .clearfix{clear:both;*zoom:1;} .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after{clear: both;} .alignleft{float:left;margin-right:15px;} .alignright{float:right;margin-left:15px;} .icons-30{display:block;width:30px;height:30px;background-image:url('images/icons-grey-30.png');background-repeat:no-repeat;} .icons-30.person-find{background-position:0 0;} .icons-30.person-add{background-position:0 -30px;} .icons-30.person-chat{background-position:0 -60px;} .icons-30.graph{background-position:0 -90px;} .icons-30.polaroid{background-position:0 -120px;} .icons-30.gear{background-position:0 -150px;} .icons-30.application{background-position:0 -180px;} .icons-30.team{background-position:0 -210px;} .icons-30.chat-heart{background-position:0 -240px;} .icons-30.palette{background-position:0 -270px;} .icons-30.chat-waves{background-position:0 -300px;} .icons-30.pencil-paper{background-position:0 -330px;} .icons-30.bullhorn{background-position:0 -360px;} .icons-30.touchscreen{background-position:0 -390px;} .icons-30.iphone{background-position:0 -420px;} .icons-30.marker{background-position:0 -450px;} .icons-30.signal{background-position:0 -480px;} .icons-30.pencil{background-position:0 -510px;} .icons-30.newspaper{background-position:0 -540px;} .icons-30.pen-tip{background-position:0 -570px;} .icons-30.code{background-position:0 -600px;} .icons-30.chain-link{background-position:0 -630px;} .icons-30.shield{background-position:0 -660px;} .icons-30.lock{background-position:0 -690px;} .icons-30.tools{background-position:0 -720px;} .icons-30.lightbulb{background-position:0 -750px;} .icons-30.envelope{background-position:0 -780px;} .icons-45{display:block;width:45px;height:45px;background-image:url('images/icons-white-45.png');background-repeat:no-repeat;} .icons-45.pencil-45{background-position:0 0;} .icons-45.bullhorn-45{background-position:0 -45px;} .icons-45.player-45{background-position:0 -90px;} .icons-45.graph-45{background-position:0 -135px;} .icons-45.application-45{background-position:0 -180px;} .icons-45.tag-45{background-position:0 -225px;} .icons-45.team-45{background-position:0 -270px;} .icons-45.speach-bubble-45{background-position:0 -315px;} .icons-45.find-person-45{background-position:0 -360px;} .icons-45.grad-cap-45{background-position:0 -405px;} .icons-45.graph{background-position:0 -450px;} .icons-45.application{background-position:0 -495px;} .icons-45.team{background-position:0 -540px;} .icons-45.tag{background-position:0 -585px;} .icons-45.chat-heart{background-position:0 -630px;} .icons-45.palette{background-position:0 -675px;} .icons-45.chat-waves{background-position:0 -720px;} .icons-45.protest{background-position:0 -765px;} .icons-45.polaroid{background-position:0 -810px;} .icons-45.pencil-paper{background-position:0 -855px;} .icons-45.bullhorn{background-position:0 -900px;} .icons-45.player{background-position:0 -945px;} .icons-45.network{background-position:0 -990px;} .icons-45.touchscreen{background-position:0 -1035px;} .icons-45.iphone{background-position:0 -1080px;} .icons-45.marker{background-position:0 -1125px;} .icons-45.envelope{background-position:0 -1170px;} .icons-45.signal{background-position:0 -1215px;} .icons-45.pencil{background-position:0 -1260px;} .icons-45.newspaper{background-position:0 -1305px;} .icons-45.pen-tip{background-position:0 -1350px;} .icons-45.award{background-position:-1px -1395px;} .icons-45.gears{background-position:0 -1439px;} .icons-45.code{background-position:0 -1485px;} .icons-45.at{background-position:0 -1520px;} .icons-45.pen-paper{background-position:0 -1575px;} .icons-social{display:block;width:30px;height:30px;background-image:url('images/icons-social.png');background-repeat:no-repeat;} .icons-social.twitter{background-position:0 0;} .icons-social.facebook{background-position:0 -30px;} .icons-social.google{background-position:0 -60px;} .icons-social.linkedin{background-position:0 -90px;} .icons-social.youtube{background-position:0 -120px;} /* Desktop Layout */ @media only screen and (min-width: 768px){ /* The almighty top-bar */ #top{height:120px;position:fixed;top:0;left:0;right:0;padding:0;z-index:9999;background-color:rgba(115,115,115,.75);} #quick{height:75px;text-align:right;} #quick div{float:right;} #quick-phone{margin:25px 0 0 0;} #quick-login{margin:30px 0 0 30px;} #primary.section-container{height:45px;width:auto;float:right;} #primary section .title a{height:45px;} #primary section .content{height:auto;width:395px;padding:1.5em 1em .5em 1em;border-top-width:0;border-bottom-width:5px;background:#ebebeb;} #hovercontact{display:block;position:fixed;top:120px;right:0;z-index:9999;} /* Page Section Constants */ .jumbotron, .graphic-section{background-attachment:fixed;} .graphic-section .bevel, .text-section .bevel, .text-buttons .bevel{width:300px;} .jumbotron, .graphic-section{background-position:0 0;} .jumbotron-secondary .lead{padding-right:30px;} .jumbotron-secondary .text-right{padding-right:60px;} .jumbotron-landing{height:80%;min-height:850px;} .jumbotron-landing .orb{margin:200px 0 35px 0;} .tags{float:left; width:100%; margin:15px 0;} .jumbotron-secondary{min-height:500px;max-height:600px;padding-top:190px;} .graphic-section{padding:100px 0;} .text-section{padding:75px 0;} .text-section .entry-title{padding:25px 0;margin:15px 0 55px 0;} .text-section h2{font-size:2.4em;} .text-section h3{font-size:1.7em;} .text-section h4{font-size:1.5em;} .text-benefits #benefits{margin:30px auto 20px auto;border-top:#c0bebe 1px solid;border-bottom:#c0bebe 1px solid;} .text-benefits #benefits .inner{padding:30px 20px 20px 20px;height:220px;overflow:hidden;} .text-benefits #benefit-center .inner{min-height:200px;border-left:#c0bebe 1px solid;border-right:#c0bebe 1px solid;} .text-pillars #pillars{margin-top:40px;} .text-pillars .inner{padding-top:30px;} .text-pillars .pillar-left{margin-right:40px;} .text-pillars .pillar-right{margin-left:40px;} .text-features h3{padding-top:60px;border-top:#e1dfe0 5px solid;} .text-buttons{padding:60px 0 40px 0;} .landing-terminal{height:645px;max-height:645px;overflow:hidden;} .graphic-cycle-paged .cycle-pager{margin:100px 0 50px 0;} .graphic-cycle-wide .cycle-prev,.graphic-cycle-wide .cycle-next{top:175px;} .graphic-cycle-wide .cycle-prev{left:30px;} .graphic-cycle-wide .cycle-next{right:30px;} .card-container, .front, .back {width:400px;} /* Default Page */ .jumbotron-default{height:125px;} #page{padding:50px 0;} /* Footers */ #footer-social{padding:55px 0 60px 0 !important;} #footer-social .social-list{margin:40px auto;} #footer-social #tweets li{padding:25px 0;} #footer-default{padding:60px 0 40px 0;} #footer-secondary{padding:70px 0 50px 0;} #footer-secondary .bevel{margin-top:60px;} #footer-bottom .social-list{float:right;} #footer-bottom .social-list li{margin-top:25px;} } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }