/*
* Website Name: Serif Addons
* Author: Neil Judges
* Author URI: http://serifaddons.com
* Version: 4.0
*/

@font-face{    font-family:'Open Sans Light';    src:url('fonts/OpenSans-Light-webfont.eot');    src:url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),         url('fonts/OpenSans-Light-webfont.woff') format('woff'),         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight:normal; font-style:normal}::-moz-selection{background-color:#1CA5AF;color:#FFF}::selection{background-color:#1CA5AF;color:#FFF}#nav-bar{ padding:0; background:#F4F4F4; border-top:5px solid #C03; border-bottom:1px solid #D3D3D3; min-height:70px; position:fixed; top:0;left:0; width:100%; z-index:198}::-webkit-scrollbar{width:16px;height:16px} ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height:0px;display:block;background-color:transparent} ::-webkit-scrollbar-track-piece {background-color:#f2f2f2}::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#CBCBCB;border:2px solid #f2f2f2}#wrapper{ width:100%; position:absolute; margin:0 auto}.container{ width:958px; margin:0 auto; background:#F4F4F4; border:1px solid #fff}nav.primary{ width:auto; margin:40px 0 30px 140px; display:table}nav.primary ul li { float:left; list-style:none}nav.primary ul li a{ display:block; padding:5px 8px; margin-right:12px; text-align:center; cursor:pointer; list-style-type:none; color:#282828; text-decoration:none; font-family:'Open Sans Light',sans-serif; font-size:14.0px; text-transform:uppercase; transition:all 0.25s; -moz-transition:all 0.25s; -webkit-transition:all 0.25s; -o-transition:all 0.25s}nav.primary ul li a:hover{ background:#C03; padding:5px 8px; color:#fff; transition:all 0.25s; -moz-transition:all 0.25s; -webkit-transition:all 0.25s; -o-transition:all 0.25s}.main{ padding:0; margin:0 0 15px 15px; display:block}.entry{ position:relative; float:left; margin:15px; cursor:pointer; width:280px; height:210px; padding:0}.entry img{ border:none}.portfolio{margin:0}.magnifier{ background:rgba(28,165,175,1) url(images/view.png) no-repeat center; position:absolute; top:10px; left:10px; bottom:10px; right:10px; opacity:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out}.entry:hover .magnifier{opacity:1}img{ max-width:100%}.isotope-item{ z-index:2}.isotope-hidden.isotope-item{ pointer-events:none; z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s}.isotope{-webkit-transition-property:height,width; -moz-transition-property:height,width; transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity; -moz-transition-property: -moz-transform,opacity; transition-property: transform,opacity}#spacer{ width:100%; height:125px; background:transparent}*{margin:0;padding:0}#widget-body{color:#777;font-family:"Open Sans Light",sans-serif;font-size:19.0px;line-height:1.37em}.widget{width:100%;margin:0px;padding:0px;margin-bottom:15px}.widget a{color:#535353;text-decoration:none}.widget a:hover{color:#535353}.tabnav li{display:inline;list-style:none;padding-left:0px}.tabnav li a{text-decoration:none;text-transform:uppercase;color:#777;font-weight:normal;padding:8px 16px;outline:none}  .tabnav li a:hover{background:#1CA5AF;color:#FFF;text-decoration:none}.tabnav li a:active,.tabnav li.ui-tabs-selected a{background:#C03;color:#FFF;text-decoration:none}.tabdiv{margin-top:20px;padding:0px}.tabdiv li{margin-left:0px} .tablinks li{ display:block;list-style:none;padding:10px 12px; background:#fff; margin-bottom:8px}   .tablinks li span{ float:right; background:#C03; -webkit-transition:background 0.25s linear; -moz-transition:background 0.25s linear; -ms-transition:background 0.25s linear; -o-transition:background 0.25s linear; transition:background 0.25s linear; color:#fff; padding:10px 20px; margin:-10px -12px 0 0}  .tablinks li span:hover {background:#DC1C4A;text-decoration:none}.ui-tabs-hide{display:none}    .toggle-panel{ margin:1.5rem 0}.js .toggle-panel[aria-expanded="false"] >:first-child+*{ visibility:hidden}.js .toggle-panel[aria-expanded="true"] >:first-child+*{ visibility:visible}.js .toggle-panel >:first-child{ cursor:pointer}.toggle-panel-content{ overflow:hidden}.toggle-panel-content >*{ overflow:auto}.toggle-panel-content >* video{ -webkit-transform-style:preserve-3d}.toggle-panel-content.transition{ -webkit-transition-duration:0.25s; -moz-transition-duration:0.25s; -o-transition-duration:0.25s; transition-duration:0.25s; -webkit-transition-property:height,padding-bottom,padding-top,visibility; -moz-transition-property:height,padding-bottom,padding-top,visibility; -o-transition-property:height,padding-bottom,padding-top,visibility; transition-property:height,padding-bottom,padding-top,visibility}.toggle-panel.boxed{ background-color:#F4F4F4; border-top:1px solid #D3D3D3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#777; font-family:"Open Sans Light",sans-serif; font-size:12px; outline:none; padding:24px; right:0; width:100%; z-index:999}.toggle-panel.boxed[aria-expanded="false"]{ padding-bottom:0; padding-top:0}.toggle-panel.boxed[aria-expanded="true"] >:first-child{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg)}.toggle-panel.boxed.bottom{ bottom:0}.toggle-panel.boxed.bottom >:first-child{ top:-56px}.toggle-panel.boxed >:first-child{ display:none}.toggle-panel.boxed >:first-child+*{ margin-top:0}.toggle-panel.boxed >:last-child{ margin-bottom:0}.js .toggle-panel.boxed{ margin:0; position:fixed}.js .toggle-panel.boxed.apple-green >:first-child{ background-color:#8DB600}.js .toggle-panel.boxed.avocado >:first-child{ background-color:#568203}.js .toggle-panel.boxed.azure >:first-child{ background-color:#007FFF}.js .toggle-panel.boxed.carrot-orange >:first-child{ background-color:#ED9121}.js .toggle-panel.boxed >:first-child{ background-color:#222; border:none; color:#FFF; display:block; font-size:24px; line-height:30px; height:30px; margin:0; padding:0; position:absolute; right:24px; text-align:center; width:30px}.js .toggle-panel.boxed >:first-child+* >* >:first-child{ margin-top:0}.js .toggle-panel.boxed >:first-child+* >* >:last-child{ margin-bottom:0}.js .toggle-panel.boxed.tomato >:first-child{ background-color:#C03}.toggle-panel.boxed.top{ top:0}.toggle-panel.boxed.top >:first-child{ bottom:-48px}.toggle-panel.boxed.transition{ -webkit-transition-duration:0.25s; -moz-transition-duration:0.25s; -o-transition-duration:0.25s; transition-duration:0.25s; -webkit-transition-property:height,padding-bottom,padding-top,visibility; -moz-transition-property:height,padding-bottom,padding-top,visibility; -o-transition-property:height,padding-bottom,padding-top,visibility; transition-property:height,padding-bottom,padding-top,visibility}.toggle-panel.boxed.transition >:first-child{ -webkit-transition-delay:0.25s; -moz-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s; -webkit-transition-duration:0.25s; -moz-transition-duration:0.25s; -o-transition-duration:0.25s; transition-duration:0.25s}#social-icons{  position:relative; float:right; margin:-34px auto 0 auto}#social-icons img{ margin-left:10px; border:none}#serif-templates a{  position:relative;  display:block;  left:0px;width:456px;height:331px;background:url(images/serif-templates.png) no-repeat;background-position:0px 15px;text-indent:-9999px;-webkit-transition:0.10s ease-in-out;-moz-transition:0.10s ease-in-out; -o-transition:0.10s ease-in-out; transition:0.10s ease-in-out; z-index:1}#serif-templates a:hover{background-position:0px 0px}