body{-webkit-text-size-adjust:none;-webkit-transition:all .5s}
body,h1,h2,h2 a,h2 a:visited,h3,h4,h5,h6,p,input,select,textarea{color:#4c4c4c;margin:0;padding:0;text-decoration:none;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:10.5pt;line-height:1.4;font-weight:400}
input,select,textarea,.breadcrumb,.sticky,.taxonomy-description,.wp-caption{background-color:#fafafa;border:1px solid #ddd;font-size:12px}
input:focus,select:focus,textarea:focus,.breadcrumb:focus,.sticky:focus,.taxonomy-description:focus,.wp-caption:focus{outline:none}
ol,ol li,ul,ul li{list-style-type:none;margin:0;padding:0}
ol li{list-style-type:decimal}
ul li{list-style-type:square}
h1,h2,h3,h4,h5,h6{color:#ef3829;font-size:1em;font-weight:700;margin:0;padding:0}
h3,h4,h5,h6{font-weight:400}
a{color:#ef3829;text-decoration:none}
a:hover{text-decoration:underline}
a:focus{outline:none}
a img{border:none}
button:focus,div:focus,img:focus{outline:none}
.site-container{margin:0 auto;padding-right:20px;padding-left:20px;width:920px;width:87.5%;width:calc(100% - 40px);padding-right:6%;padding-right:calc(20px);padding-left:6%;padding-left:calc(20px)}
.site-header{float:left;margin-bottom:40px}
.site-header .wrap{width:140px}
.site-header .wrap .box{background:#ef3829;padding-top:0;-webkit-border-bottom-right-radius:15px;-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomright:15px;-moz-border-radius-bottomleft:15px;border-bottom-right-radius:15px;border-bottom-left-radius:15px}
.site-header .wrap .box .site-logo{height:120px;width:140px;margin-top:0;background-size:140px 120px;background:url(//designsbysm.com/wp-content/themes/designsbysm/images/logo.png) no-repeat center 4px}
.site-header .wrap .title-area{float:left;padding:0;margin-top:10px}
.site-header .wrap .title-area p,.site-header .wrap .title-area a{color:#000;line-height:1.2;margin-bottom:0}
.site-header .wrap .title-area .site-title{margin-top:20px}
.site-header .wrap .title-area .site-title a,.site-header .wrap .title-area .site-title a:hover{text-decoration:none;font-size:.85em;font-weight:700}
.site-header .wrap .title-area .site-description{margin-bottom:0px;font-size:.85em}
.site-header .wrap .title-area .site-contact{margin-top:10px;font-size:.85em}
.svg .site-header .wrap .box .site-logo{background:url(//designsbysm.com/wp-content/themes/designsbysm/images/logo.svg) no-repeat center 4px}
.content-sidebar-wrap{float:left;width:100%}
.content{float:left;margin-bottom:20px;width:100%}
.content .images .action{background:#f7941e}
.content .images .action.top{height:40px;margin-bottom:3px}
.content .images .action.top .grids{float:right;margin-right:10px}
.content .images .action.top .grids .toggle{color:#fff;padding:11px 5px;cursor:pointer;display:inline-block}
.content .images .action.top .grids .toggle i{margin-right:3px}
.content .images .action.top .grids .toggle:hover{color:#a95f06}
.content .images .action.top .grids .toggle:first-child{margin-right:10px}
.content .images .action.bottom{min-height:65px;-webkit-border-bottom-right-radius:15px;-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomright:15px;-moz-border-radius-bottomleft:15px;border-bottom-right-radius:15px;border-bottom-left-radius:15px}
.content .images .action.bottom .services{color:#fff;text-align:center;font-size:14px;padding:24px 15px}
@media all and (min-width: 600px){.content .images .action.bottom .services{font-size:16px}}@media all and (min-width: 800px){.content .images .action.bottom .services{font-size:18px}}.content .images .action.bottom .services .bullet{color:rgba(255,255,255,.7)}
.content .images .action.bottom .services .bullet:last-child{display:none}
.content .images .project .thumb,.content .images .collateral .thumb{position:relative;float:left;overflow:hidden}
.content .images .project .thumb img,.content .images .collateral .thumb img{margin-bottom:-5px;background:#f5f5f5}
.content .images .project .thumb .overlay,.content .images .collateral .thumb .overlay{display:none;background:#ef3829;position:absolute;top:0;left:0;height:101%;width:100%;-webkit-transition:all .1s ease;transition:all .1s ease}
.content .images .project .grid,.content .images .collateral .grid{margin-left:-3px}
.content .images .project .grid .thumb,.content .images .collateral .grid .thumb{margin-left:1%;margin-left:calc(0px + 3px);margin-bottom:1%;margin-bottom:calc(0px + 3px);width:32.3%;width:calc((100% / 3) - 3px)}
.content .images .project .grid .thumb .overlay h3,.content .images .collateral .grid .thumb .overlay h3{font-size:1.5em;color:#fff;float:left;margin:20px;border-bottom:3px solid rgba(255,255,255,.5);width:79.5%;width:calc(100% - 40px);display:none}
@media all and (min-width: 540px){.content .images .project .grid .thumb .overlay h3,.content .images .collateral .grid .thumb .overlay h3{display:block}}.content .images .project .collateral .thumb,.content .images .collateral .collateral .thumb{margin-bottom:1%;margin-bottom:calc(0px + 3px);width:100%}
.content .images .project .collateral .thumb img,.content .images .collateral .collateral .thumb img{background:#f5f5f5}
.content .images .project .collateral .thumb .overlay,.content .images .collateral .collateral .thumb .overlay{background:url(//designsbysm.com/wp-content/themes/designsbysm/images/magnify.png) no-repeat center center;background:url(//designsbysm.com/wp-content/themes/designsbysm/images/magnify.svg) no-repeat center center}
.home .content .images .collateral{display:none}
.home .content .images .collateral .grid{margin-left:-3px}
.home .content .images .collateral .grid .thumb{margin-left:1%;margin-left:calc(0px + 3px);margin-bottom:1%;margin-bottom:calc(0px + 3px);width:32.3%;width:calc((100% / 3) - 3px)}
.home .content .images .collateral .grid .thumb .overlay{background:url(//designsbysm.com/wp-content/themes/designsbysm/images/magnify.png) no-repeat center center;background:url(//designsbysm.com/wp-content/themes/designsbysm/images/magnify.svg) no-repeat center center}
.opacity .content .images .project .thumb .overlay,.opacity .content .images .collateral .thumb .overlay{display:block;opacity:0}
.opacity .content .images .project .thumb:hover .overlay,.opacity .content .images .collateral .thumb:hover .overlay{opacity:1}
.page-template-default .content-sidebar-wrap,.search .content-sidebar-wrap{width:84.25%;width:calc(100% - 140px)}
.page-template-default .content,.search .content{margin:35px 0 20px 40px}
.page-template-template-splash-php .content .text,.page-template-template-project-php .content .text,.cpt-project .content .text{width:180px;float:left;margin-left:40px;margin-top:35px}
.page-template-template-splash-php .content .images,.page-template-template-project-php .content .images,.cpt-project .content .images{width:66%;width:calc(520px - 20px);float:left;margin-left:40px}
.page-template-template-image-php .content .text,.page-template-template-image-php .content .images,.page-template-template-about-php .content .text,.page-template-template-about-php .content .images,.error404 .content .text,.error404 .content .images{width:44%;width:calc(50% - 40px);float:left;margin-left:40px}
.page-template-template-image-php .content .text,.page-template-template-about-php .content .text,.error404 .content .text{margin-top:35px}
.page-template-template-about-php .content .skills .skill{margin-bottom:10px;background:#f5f5f5;border-radius:5px;overflow:hidden}
.page-template-template-about-php .content .skills .skill .value{background:#f7941e;color:#fff;padding:5px 0;width:0;white-space:nowrap}
.page-template-template-about-php .content .skills .skill .value .label{margin-left:10px}
.page-template-template-questionnaire-php .content .text{width:740px;float:left;margin-left:40px;margin-top:10px}
.content img{max-width:100%;height:auto;width:auto}
.site-footer{display:none}
nav{background:#ef3829;overflow:hidden}
nav .wrap{color:#fff;overflow:hidden}
nav a,nav a:hover{cursor:pointer;text-decoration:none}
nav li:hover ul ul,nav li.sfHover ul ul{left:-9999px}
nav li:hover,nav li.sfHover{position:static}
nav .sf-sub-indicator{background:none}
nav div.expand{float:left;color:#fff;font-size:14px;padding:9px 20px 11px;width:140px;display:block;cursor:pointer}
nav div.open{background:#f7941e}
nav div.open+ul,nav div.open+div ul{display:block}
nav ul{float:left;width:100%;display:none}
nav li{float:left;list-style-type:none}
nav li a{color:#fff;display:block;font-size:14px;font-weight:400;padding:.5em 20px;margin-bottom:5px;width:100px;position:relative}
nav li a:hover,nav li a:active{color:#ef3829;background:#fff;opacity:.7}
nav .current_page_item a,nav .current_page_item a:hover,nav .current-cat a,nav .current-cat a:hover,nav .current-menu-item a,nav .current-menu-item a:hover{color:#fff;opacity:1;background:#ef3829 url(//designsbysm.com/wp-content/themes/designsbysm/images/page_current.png) no-repeat left center;background:#ef3829 url(//designsbysm.com/wp-content/themes/designsbysm/images/page_current.svg) no-repeat left center}
.portfolio-nav-list ul,.collateral-nav-list ul{margin-bottom:20px}
.portfolio-nav-list ul li,.collateral-nav-list ul li{list-style-type:none;background:#f5f5f5;padding:5px 15px;margin-bottom:5px;border-radius:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portfolio-nav-list ul li.current,.portfolio-nav-list ul li:hover,.collateral-nav-list ul li.current,.collateral-nav-list ul li:hover{background:#f7941e;color:#fff}
.portfolio-nav-list ul a,.collateral-nav-list ul a{color:#4c4c4c}
.portfolio-nav-list ul a:hover,.collateral-nav-list ul a:hover{text-decoration:none;color:#fff}
.portfolio-nav-list ul a:first-child li,.collateral-nav-list ul a:first-child li{border-top-left-radius:0}
.portfolio-nav-list ul a{float:left;width:49%;width:calc(50% - 5px);margin-right:5px}
.collateral-nav-list{display:none}
.collateral-nav-list ul li{width:49%;width:calc(50% - 35px);float:left;margin-right:5px;cursor:pointer}
.collateral-nav-list ul li:first-child{border-top-left-radius:0}
.entry-content{overflow:hidden;margin-bottom:40px}
.entry-content a,.entry-content a:visited{text-decoration:none;font-weight:700}
.entry-content a:hover,.entry-content a:visited:hover{color:#f7941e}
.entry-content p{padding:0 0 20px}
.clear{clear:both}
.search-form input[type=search],.search-form input[type=text]{width:87.5%;width:calc(100% - 120px);margin-bottom:40px;margin-right:20px;font-size:13px;padding:4px 5px;outline:none;-webkit-appearance:none}
div.gform_wrapper .gfield_required{color:#ef3829}
div.gform_wrapper .gform_footer{padding:0;margin:0}
div.gform_wrapper input,div.gform_wrapper select,div.gform_wrapper textarea{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px !important;padding:4px 5px !important}
div.gform_wrapper textarea{width:97.5%}
div.gform_wrapper .gfield{margin-bottom:30px !important}
div.gform_wrapper .no-labels label{display:none !important}
div.gform_wrapper .no-labels .ginput_complex{margin-bottom:-10px}
div.gform_wrapper .left_label .gfield_password_strength,div.gform_wrapper .right_label .gfield_password_strength{margin-left:30.5%;margin-left:calc(29% + 15px)}
.gform_confirmation_message{background:#f7941e;color:#fff;border-radius:15px;padding:40px;font-size:24px;font-weight:400;margin-top:0}
#gforms_confirmation_message{background-color:#ebf4eb;padding:10px;border-top:1px solid #97c8a7;border-bottom:1px solid #97c8a7}
.hide{overflow:hidden;display:none}
a.morelink{font-size:12px}
a.morelink:hover{text-decoration:none;color:#4c4c4c}
input[type=submit],input[type=reset],input[type=button],#submit,.gform_wrapper .gform_button{-webkit-appearance:none;cursor:pointer;background:#4c4c4c;color:#fff;padding:5px 20px !important;border-radius:6px;transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out}
input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,#submit:hover,.gform_wrapper .gform_button:hover{background:#ef3829}
.red{color:#ef3829}
p.project-info.links{padding-bottom:0}
ul.project-info.links li{list-style:none;margin-left:0;margin-bottom:5px}
ul.project-info.links li a{font-weight:400;color:#4c4c4c}
ul.project-info.links li a i{color:#ef3829}
ul.project-info.links li a:hover{color:#f7941e}
ul.project-info.links li a:hover i{color:#f7941e}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
.selector{margin-bottom:40px}