/*
 Theme Name:   Naked Wordpress Child
 Theme URI:    http://bckmn.com/naked-wordpress
 Description:  Naked Wordpress Child Theme
 Author:       April Blodgett
 Template:     naked-wordpress-master
 Version:      1.0
 License:      GNU General Public License
 Text Domain:  naked-wordpress-child
*/














html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {color: #444; font-family: helvetica, arial, sans-serif; line-height: 1.5em; display:block; background-color:#fff; overflow-x: hidden}
ol, ul {margin: 0 0 0.5em;}
img {max-width: 100%;}
a[href^=tel]{ color:inherit;  text-decoration:none;}
.grid {padding: 0 20px; min-width:250px;}
.row {}
table {border-collapse: collapse; border-spacing: 0;}
.disp_only_phones{display:inline;} 	
.disp_no_phones{display:none;} /*don't show to phones*/
.disp{display:none;} /*don't show to phones & ipads*/
.disp_desk{display:none;} /*only show on desktop*/
.disp_no_desk{display:inline;} /*don't show to desk*/
p {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {line-height: 1.2em; padding:0; margin:0;}
h1 {font-family: 'Montserrat', sans-serif; font-weight:400;  color:#fff; margin-top:1.5em; font-size:1em; line-height:1.1em;}
h2 {font-family: 'Montserrat', sans-serif; font-weight:700; font-size: 2em; color:#fff; margin-top:.5em;}
h3 {font-family: 'Montserrat', sans-serif; font-weight:700;  font-size:2.3em; text-align:left; color:#000;}
h4, #reply-title {font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; text-transform:uppercase; font-size:2em; margin-bottom:1em; text-align:center; font-style:normal;}
h5{font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; text-transform:uppercase; font-size:2em; margin-bottom:1em; text-align:left; padding-bottom:.2em; border-bottom:2px solid #b5b5b6; color:#414141;} 
h6 {font-size: 1em;}
.body_copy{text-align:center; font-family: "freight-micro-pro", serif;   font-weight: 400; color:#666565; font-size:1.2em; line-height:1.7em;}
.green{color:#21dbb6;}
.body_text{font-family: 'Montserrat', sans-serif; font-weight:400; color:#000; font-size:1em; line-height:1.7em; margin-top:1em;}

.tac{text-align:center;}	
.italic{font-style:italic;}
b {font-weight:bold;}
.uppercase{text-transform:uppercase;}
.clear{clear:both;}
input.placeholder {color: #DDD !important;}
a{transition: color 0.35s ease-in-out 0s;}

.header_wrap{font-family: 'Montserrat', sans-serif; font-weight:400; position:fixed; z-index:4; background-color:#000; width:100%;  max-height:64px; }
.header_grid{min-width:270px;}
.main_logo{display:block; width:30px; max-width:30px; float:left; text-align:center;  background-color:#000; padding:.5em;  margin-top:.5em; margin-bottom:1em; margin-left:.5em;}
.main_logo a, .full_logo a, .next_page a, .previous_page a{transition: opacity 0.45s ease-in-out 0s;}
.main_logo a:link, .main_logo a:visited, .full_logo a:link, .full_logo a:visited{opacity:1;}
.main_logo a:hover, .main_logo a:active, .full_logo a:hover, .full_logo a:active{opacity:.7;}
.full_logo{float:left; margin-top:1.1em; margin-left:0em; max-width:100px; }
.header_nav{display:block; width:20%; float:right; text-align:right; margin-right:2%; margin-top:.7em; }
.mobile_nav{display:block; width:50px; text-align:center; margin-right:10px; padding-top:1.3em; float:right; margin-top:-2px;  }
.mobile_nav a:link, .mobile_nav a:visited{opacity:1; }
.mobile_nav a:hover, .mobile_nav a:active{opacity:.5; }
.header_desktop_nav ul{list-style:none;}
.header_desktop_nav li{float:left; text-transform:uppercase; font-size:12px; }

.social_media_link a{transition: background-color 0.35s ease-in-out 0s;}
.social_media_link a:link, .social_media_link a:visited {display:block; width:43px; float:right; text-align:center;  background-color:#000; padding-top:.5em; padding-bottom:.3em; border-right:1px solid #1f1f1f; }
.social_media_link a:hover, .social_media_link a:active {display:block; width:43px; float:right; text-align:center;  background-color:#151515; padding-top:.5em; padding-bottom:.3em;border-right:1px solid #1f1f1f;}
.lin a {border-left:1px solid #1f1f1f;}

.header_desktop_nav a:link, .header_desktop_nav a:visited{color:#807e7e; text-decoration:none; letter-spacing:.1em; }
.header_desktop_nav a:hover, .header_desktop_nav a:active{color:#fff!important; text-decoration:none; letter-spacing:.1em; }
.header_desktop_nav .current-menu-item a{color:#fff;}
.header_border_bottom{ border-top:5px solid #558ad7;}
.delimiter {float: right;color: #807e7e; padding-left:.6em; padding-right:.6em;} 
.sub-menu .delimiter {display: none;}
#menu-item-94 .delimiter {display: none;}
/*mobile nav*/
.mask { position: fixed; top: 0; left: 0; z-index: 15; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8);}
nav.menu { position: fixed; z-index: 20; background-color: #21dbb6; overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
nav.menu ul {list-style-type: none;  margin: 0;  padding: 0;}
nav.menu a {color: #fff;}
button.close-menu {background-color: #000; }
button.close-menu:focus {outline: none}
/* slide menu left and right */
nav.slide-menu-right{top: 0;  width:300px;   height:100%;}
nav.slide-menu-right li a:link, nav.slide-menu-right li a:visited{display:block; text-align:center; font-size:1em; border-bottom: solid 1px #10c6a2; border-top: solid 1px #10c6a2;}
nav.slide-menu-right li a:hover, nav.slide-menu-right li a:active{display:block; background-color:#10c6a2; font-size:1em; text-align: center; border-bottom: solid 1px #10c6a2; border-top: solid 1px #10c6a2;}
nav.slide-menu-right li:first-child{   border-top: none}
nav.slide-menu-right li:last-child{  border-bottom: none}
nav.slide-menu-right a{  display: block;  padding: 10px; font-size: 18px; text-decoration:none;}
nav.slide-menu-left button.close-menu, nav.slide-menu-right button.close-menu { display:block; margin:auto; text-align:center; padding: 10px 30px; background-color: #000;  color: #fff;}
nav.slide-menu-right{right: -300px}
body.smr-open nav.slide-menu-right {  right: 0}

.hero_bg{position:fixed; width:100%; z-index:1; height:560px; margin-top:30px; background-image: url('images/hero_bg_mobile.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */}
.profile_pic{padding-bottom:15px; padding-top:.1em;}

.hero_grad_wrap{display:block; position:relative; z-index:3; width:240px; margin:auto; margin-top:2em; text-align:center;}
.hero_circle{display:block; position:relative; z-index:5; float:left;  margin-top:-11px; margin-left:3px;}
.hero_grad{display:block; position:relative; z-index:4; float:left; width:225px; height:3px;  background-image: linear-gradient(to right, #1ac8f7 , #f6e301);}
.hero_arrow{display:block; position:relative; z-index:5; float:right;  margin-top:-12px;  margin-right:0px;}

.yellow_cta_center a, .yellow_cta_left a{transition: background-color 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; font-family: 'Montserrat', sans-serif; font-weight:700; }
.yellow_cta_center a:link, .yellow_cta_center a:visited {display:block; width:230px;  margin:auto; padding-top:1em; padding-bottom:1em; font-size:1em; text-align:center; background-color:#f6e301; letter-spacing:.05em; color:#000; margin-top:.5em; text-decoration:none;}
.yellow_cta_center a:hover, .yellow_cta_center a:active{display:block; color:#fff; width:230px;   margin:auto; padding-top:1em; padding-bottom:1em; font-size:1em; text-align:center;  background-color:#dac900; letter-spacing:0em; color:#000; margin-top:.5em; text-decoration:none;}

.black_outline a{transition: background-color 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; text-decoration:none; border:3px solid #000; width:300px; font-family: 'Montserrat', sans-serif; font-weight:700;}
.black_outline a:link, .black_outline a:visited {display:block; color:#000; padding-top:1em; padding-bottom:1em; font-size:1em; text-align:center; background-color:#fff; letter-spacing:.05em;  margin-top:2em;  }
.black_outline a:hover, .black_outline a:active{display:block;  color:#fff; padding-top:1em; padding-bottom:1em; font-size:1em; text-align:center;  background-color:#000; letter-spacing:0em;  margin-top:2em;  }

.chameleon{display:block; margin:auto; max-width:75%; text-align:center;}
.giraffe{display:block; margin:auto; max-width:75%; text-align:center; margin-top:-7em; margin-bottom:1em;}
.cheetah{display:block; margin:auto; margin-top:-14em; margin-bottom:2em; width:75%; text-align:center; }
.octopus{display:block; margin:auto; margin-top:-14em; margin-bottom:2em; width:75%; text-align:center; }


.footer_bg{color:#9ea0a0; padding:1em; padding-top:2em; padding-bottom:1em;background-image: url('images/black_grid_bg.jpg');background-repeat:repeat;}
.footer_logo{margin:auto; margin-top:1.5em; margin-bottom:2em; width:140px; text-align:center;}
.bottom_footer_bg{background-color:#1ac8f7; color:#000; padding-top:.5em; padding-bottom:.5em;}
.bottom_footer_icon{display:block; width:120px; margin:auto;text-align:center; margin-top:1em; margin-bottom:.8em;}
.bottom_footer_text_left{ text-align:center; margin-top:.5em; margin-bottom:1em; font-family: 'Montserrat', sans-serif; font-weight:400;  font-size:.9em;}
.bottom_footer_right{display:none; font-family: 'Montserrat', sans-serif; font-weight:400;  font-size:.9em;}
.footer_question{font-family: "freight-micro-pro", serif;   font-weight: 400; font-size:1.3em; padding-top:1.5em;}
.footer_answer{font-family: "freight-micro-pro", serif;  font-style:italic; font-weight: 400; font-size:1.3em; letter-spacing:.05em; margin-top:.3em;}
.footer_bg a:link, .footer_bg a:visited{color:#fff; text-decoration:none;}
.footer_bg a:hover, .footer_bg a:active{color:#9ea0a0; text-decoration:none;}
.blue_cta a, .blue_cta_left a, .blue_cta_right a{transition: background-color 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; font-family: 'Montserrat', sans-serif; font-weight:700; }
.blue_cta a:link, .blue_cta a:visited {display:block; width:80%; margin:auto; padding:.5em; font-size:1.2em; text-align:center; margin-top:2em; background-color:#1bc8f7; letter-spacing:.05em; }
.blue_cta a:hover, .blue_cta a:active{display:block; color:#fff; width:80%; margin:auto; padding:.5em; font-size:1.2em; text-align:center; margin-top:2em; background-color:#00a5e9; letter-spacing:0em;}
.blue_cta_left a:link, .blue_cta_left a:visited {display:block; margin:auto; width:230px;  color:#fff; text-decoration:none; padding:.5em; font-size:1.2em; text-align:center; margin-top:2em; background-color:#1bc8f7; letter-spacing:.05em;}
.blue_cta_left a:hover, .blue_cta_left a:active{display:block; margin:auto; color:#fff; width:230px;  padding:.5em; font-size:1.2em; text-align:center; margin-top:2em; background-color:#00a5e9;letter-spacing:0em;}
.blue_cta_right a:link, .blue_cta_right a:visited {display:block; width:230px;  color:#fff; text-decoration:none; padding:.5em; font-size:1.2em; text-align:center; margin-top:2em; background-color:#1bc8f7; float:right; letter-spacing:.05em;}
.blue_cta_right a:hover, .blue_cta_right a:active{display:block; color:#fff; width:230px;  padding:.5em; font-size:1.2em; text-align:center; margin-top:2em; background-color:#00a5e9; float:right; letter-spacing:0em;}
.social_wrap_footer{display:block; width:205px; margin:auto; margin-top:0em; margin-bottom:5em;}

.social_icon{display:block; float:right; margin-left:.5em;}
.social_icon a{transition: opacity 0.45s ease-in-out 0s;}
.social_icon a:link, .social_icon a:visited{opacity:1;}
.social_icon a:hover, .social_icon a:active {opacity:.5;}

.yellow_cta a, .yellow_cta_left a{transition: background-color 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; font-family: 'Montserrat', sans-serif; font-weight:700; }
.yellow_cta a:link, .yellow_cta a:visited {display:block; width:80%;  margin:auto; padding-top:1em; padding-bottom:1em; font-size:1em; text-align:center; background-color:#f6e301; letter-spacing:.05em; color:#000;}
.yellow_cta a:hover, .yellow_cta a:active{display:block; color:#fff; width:80%;   margin:auto; padding-top:1em; padding-bottom:1em; font-size:1em; text-align:center;  background-color:#dac900; letter-spacing:0em; color:#000;}
.footer_starter{display:block; font-family: 'Montserrat', sans-serif; font-weight:700; color:#fff; font-size:2em; line-height:1.2em;}
.footer_circle{display:block; text-align:center; margin-top:14px;}
.footer_grad{display:block; margin:auto; text-align:center; width:3px; height:5em;  margin-top:-10px; background-image: linear-gradient(180deg, #1ac8f7 , #f6e301);}
.footer_arrow{display:block; text-align:center; margin-top:-13px;}

.skills_bg{color:#9ea0a0; background-image: url('images/black_grid_bg.jpg');background-repeat:repeat;}
.skills_text{font-family: 'Montserrat', sans-serif; font-weight:400; color:#fff; text-align:center; line-height:1.1em; font-size:1em;}
.skill_wrap{width:33%; float:left; margin-bottom:1.5em;}
.skill_wrap a{transition: border 0.45s ease-in-out 0s, opacity 0.45s ease-in-out 0s;}
.skill_wrap a:link, .skill_wrap a:visited{display:block; width:80%; margin:auto; padding-bottom:1em; text-decoration:none; border:2px solid #000; opacity:1}
.skill_wrap a:hover, .skill_wrap a:active{display:block; width:80%; margin:auto; padding-bottom:1em; text-decoration:none; border:2px solid #fff; opacity:.8;}
.skills_right{padding-top:1.5em; padding-bottom:1.5em;}

.intro_bg{padding-top:4em; padding-bottom:4em; }
.why_bg{padding-top:4em; padding-bottom:4em; }
.main_level{background-image: url('images/white_grid_bg.jpg');background-repeat:repeat; }


.work_black_bg{display:block; width:55%; height:400px; background-color:#000; position:relative; z-index:1; margin-top:2em;}
.headline_wrap_work{display:block; position:relative; margin-top:-430px;  font-size:1.2em; z-index:3; width:220px; padding:1em; padding-top:2em; padding-bottom:2em; text-align:center; background-color:#fff;  font-family: 'Montserrat', sans-serif; font-weight:300; color:#000; box-shadow:0px 0px 4px #c3c3c3; text-transform:uppercase; letter-spacing:.1em;}
.work_grad{display:block; position:relative; z-index:2; margin-top:-60px; margin-right:18px; float:right; width:50%; height:3px;  background-image: linear-gradient(to right, #7a79ee , #1ac8f7);}
.work_arrow{display:block; position:relative; z-index:2; width:15px; margin-top:-60px;  float:right; margin-right:10px;}



.process_black_bg{display:block; position:relative; z-index:1; width:90%; margin-left:10%; height:670px; margin-top:4em; background-color:#000; }
.headline_wrap_process{display:block; position:relative; z-index:3; margin-top:-80px;  margin-bottom:2em; font-size:1.2em; z-index:3; width:300px; padding:1em; padding-top:2em; padding-bottom:2em; text-align:center; background-color:#fff;  font-family: 'Montserrat', sans-serif; font-weight:300; color:#000; box-shadow:0px 0px 4px #c3c3c3; text-transform:uppercase; letter-spacing:.1em;}

.process_wrap{display:block; position:relative; z-index:2; margin-top:-720px; }
.process_mobile_wrap{width:80%; float:right;}
.quote_wrap{display:block; box-shadow:0px 0px 4px #c3c3c3; height:400px; background-color:#fff;  } 
.quote_mark_wrap{display:block; float:left; width:18%; color:#000; font-size:4em; padding-top:.4em; padding-bottom:.2em; text-align:center; margin-left:10%; background-color:#f6e301; font-family: ivyjournal, sans-serif; font-weight: 700;}
.quote_text_wrap{display:block; width:70%; margin:auto; margin-top:1em; font-family: ivyjournal, sans-serif; font-weight: 700; padding:1em; background-color:#f6e301; font-size:1.5em; line-height:1.1em;}
.quote_text_mark_wrap{display:block; width:5%; float:left;}
.quote_text{display:block; width:92%; float:right;}
.quote_text_bill{display:block; width:95%; float:right;}
.white_text{color:#fff;}
.yellow_text{color:#f6e301;}
.yellow_bg{background-color:#f6e301;}
.black_bg{background-color:#000;}
.white_bg{background-color:#fff;}
.purple_text{color:#8180fc;}
.purple_bg{background-color:#8180fc;}
.black_text{color:#000;}
.green_bg{background-color:#22dbb6;}
.green_text{color:#22dbb6;}
.blue_bg{background-color:#1ac8f7;}
.blue_text{color:#1ac8f7;}

.quote_name_wrap{display:block;  width: 302px; margin:auto; text-align:center;  font-family: 'Montserrat', sans-serif; font-size:.5em;  line-height:.9em;}
.quote_name_wrap_bill{display:block;  width: 302px; margin:auto; text-align:center;  font-family: 'Montserrat', sans-serif; font-size:.5em;  line-height:.9em;}


.quote_name{font-weight:300; font-size:.6em; color:#000;}
.quote_title{font-weight:400; font-size:.5em; margin-top:.4em; color:#000;}
.quote_company{font-weight:400; font-size:.5em; color:#000;}
.quote_text_limit{display:block; height:260px; padding-top:3em; }

.mobile_quote_wrap{display:block;  padding:2em; margin-top:1em; margin-bottom:3em; font-family: ivyjournal, sans-serif; font-weight: 700; font-size:1.8em; line-height:1.3em;}
.mobile_quote_name{font-family: 'Montserrat', sans-serif; font-weight:300; font-size:.3em; margin-top:1em;}
.mobile_quote_wrap_push{display:block;  padding:2em; margin-top:5em; margin-bottom:3em; font-family: ivyjournal, sans-serif; font-weight: 700; font-size:1.8em; line-height:1.3em;}


.process_number{display:block; width:10%; float:left; text-align:center; background-color:#8180fc; font-family: 'Montserrat', sans-serif; font-weight:300; color:#fff; font-size:.9em;}
.process_title{display:block; width:88%; float:right; font-family: 'Montserrat', sans-serif; font-weight:700; color:#fff; font-size:1.1em; letter-spacing:.05em; text-transform:uppercase;}
.process_text{display:block; font-family: 'Montserrat', sans-serif; font-weight:400; color:#fff; font-size:.9em; line-height:1.1em; margin-top:.5em;}
.process_hr{display:block; width:100%; height:1px; background-color:#2d2d2d; margin-top:1em; margin-bottom:1em;}

.process_arrow_wrap{display:block; margin:auto; width:250px; margin-left:20%; margin-top:2em;}
.process_arrow{display:block; position:relative; z-index:2;   float:left;}
.process_circle{display:block; position:relative; z-index:2;   float:right; }
.process_grad{display:block; position:relative; z-index:2; margin-top:-9px;  margin-left:7px; width:94%; height:3px;  background-image: linear-gradient(to right, #22dbb6 , #f6e301);}

.head_turn_wrap{margin-top:4em;}


.choose_black_bg{display:block; width:95%; height:600px; background-color:#000; position:relative; z-index:1; margin-top:2em;}
.choose_wrap{display:block; width:100%; position:relative; z-index:3; margin-top:-630px; }
.headline_wrap_choose{display:block; position:relative;  font-size:1.2em; z-index:3; width:300px; padding:1em; padding-top:2em; padding-bottom:2em; text-align:center; background-color:#fff;  font-family: 'Montserrat', sans-serif; font-weight:300; color:#000; box-shadow:0px 0px 4px #c3c3c3; text-transform:uppercase; letter-spacing:.1em;}
.choose_title{display:block;  margin-left:2em; font-family: 'Montserrat', sans-serif; font-weight:700; color:#fff; font-size:1.1em; margin-top:1.3em; letter-spacing:.05em; text-transform:uppercase;}
.choose_text{display:block; margin-left:2em;  font-family: 'Montserrat', sans-serif; font-weight:400; color:#fff; font-size:.9em; line-height:1.1em; margin-top:.3em;}

.choose_grad_wrap{margin-top:2em;}
.choose_arrow{display:block; float:left;}
.choose_grad{display:block; width:90%; height:3px; float:left; margin-top:27px; margin-left:-10px; background-image: linear-gradient(to right, #8180fc , #1ac8f7);}
.choose_circle{display:block; float:left; margin-top:16px; margin-left:-2px}









.portfolio_wrap{padding:1em; padding-top:2em; padding-bottom:2em;}
.work_bg{padding-top:5em; padding-bottom:7em;}
.port_bg{width:46%;float:left; margin:2%; box-shadow: 1px 1px 5px #888888;}
.port_bg a{transition: opacity 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; }
.port1_bg{background-image: url('images/port1.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:100px; }
.port2_bg{background-image: url('images/port2.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:100px; }
.port3_bg{background-image: url('images/port3.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:100px; }
.port4_bg{background-image: url('images/port4.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:100px; }
.port5_bg{background-image: url('images/port5.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:100px; }
.port6_bg{background-image: url('images/port6.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:100px; }
.port7_bg{background-image: url('images/port1.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:100px; }
.port8_bg{background-image: url('images/port1.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:100px; }
.port9_bg{background-image: url('images/port1.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:100px; }
.port_bg a:link, .port_bg a:visited{display:block; opacity:0; color:#fff; width:100%; height:60px; text-decoration:none; text-align:center; padding-top:40px; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; letter-spacing:.05em; font-size:.7em;}
.port_bg a:hover, .port_bg a:active{opacity:1; background-image: url('images/port_bg.png'); background-repeat:repeat; color:#fff; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; letter-spacing:0em; font-size:.7em;}


.project_page_wrap, .blog_main_wrap, .single_post_wrap{padding-top:6em;}
.project_page_wrap img{height:auto;}
.project_page_wrap p{ font-family: "freight-micro-pro", serif;   font-weight: 400; color:#666565; font-size:1em; line-height:1.5em; margin-bottom:1em;}
.next_page_wrap{border-top:2px solid #b5b5b6; border-bottom:2px solid #b5b5b6; padding-top:.5em; padding-bottom:.5em; margin-bottom:2em;}
.next_page_wrap a{color:#000; text-decoration:none; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; font-size:1em; color:#000; text-transform:uppercase;}
.previous_page{float:left;}
.next_page{float:right;}
.next_page a{background-image: url('images/next_arrow.jpg'); background-position: right center; background-repeat:no-repeat; padding-right:2em;}
.previous_page a{background-image: url('images/previous_arrow.jpg'); background-position: left center; background-repeat:no-repeat; padding-left:2em;}
.next_page a:link, .next_page a:visited, .previous_page a:link, .previous_page a:visited{opacity:1}
.next_page a:hover, .next_page a:active, .previous_page a:hover, .previous_page a:active{opacity:.5}
.project_page_wrap h3, .project_page_wrap h4{text-align:left;}

.blog_link_wrap{padding-bottom:2em; border-bottom:1px solid #c0c0c1;}
.blog_main_wrap{margin-bottom:2em;}
.blog_main_wrap h1{font-size:1.6em; line-height:.9em; margin-top:1.8em;}
.blog_main_wrap h1 a:link, .blog_main_wrap h1 a:visited{font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; font-size:1em; color:#12bcea; text-align:left; text-transform:uppercase; text-decoration:none; }
.blog_main_wrap h1 a:hover, .blog_main_wrap h1 a:active {font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; font-size:1em; color:#000; text-align:left; text-transform:uppercase; text-decoration:none; }
.blog_main_wrap img{margin-bottom:-2em;}
.blog_main_wrap  a:link img, .blog_main_wrap  a:visited img{opacity:1;}
.blog_main_wrap a:hover img, .blog_main_wrap  a:active img{opacity:.5;}
.category_link li{display:inline-block; padding-left:.5em; padding-right:.5em; padding-top:.1em; padding-bottom:.1em; border:1px solid #c0c0c1; font-family: "freight-micro-pro", serif;   font-weight: 400; text-transform:capitalize; margin-bottom:.5em;}
.category_link a:link, .category_link a:visited{text-decoration:none; color:#000; }
.category_link a:hover, .category_link a:active{text-decoration:none; color:#000;  opacity:.5; }
.category_link ul{list-style:none; margin-top:.5em;}
.post-meta p{font-family: "freight-micro-pro", serif;   font-weight: 400;  text-transform:capitalize; font-style:italic; color:#424243; font-size:.9em;  }
.post-meta b{ font-weight: 700;}
.the-content{font-family: "freight-micro-pro", serif;   font-weight: 400; color:#424243; margin-top:1.5em; margin-bottom:1.5em;}
.blog_main_wrap .the-content a:link, .blog_main_wrap .the-content a:visited {color:#000; font-weight:700;}
.blog_main_wrap .the-content a:hover, .blog_main_wrap .the-content a:active {color:#12bcea; font-weight:700;}

.side_bar ul{list-style:none; margin-bottom:2em; margin-top:-1.5em;}
.side_bar li{line-height:1em; margin-bottom:.5em; font-family: "freight-micro-pro", serif;   font-weight: 400;}
.side_bar a:link, .side_bar a:visited {font-family: "freight-micro-pro", serif;   font-weight: 400; color:#666565; text-decoration:none; text-transform:capitalize; opacity:1;}
.side_bar a:hover, .side_bar a:active {opacity:.5;}
.side_bar h3, .side_bar h4{text-align:left;}
.blog_main_wrap img, .single_post_wrap img{height:auto;}
.single_post_wrap{margin-bottom:4em;}
.single_post_wrap h1 {font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; margin-top:.5em; font-size:1.7em; color:#12bcea; text-align:center; text-transform:uppercase; text-decoration:none; line-height:.9em;}
.single_post_wrap .post-meta p{font-family: "freight-micro-pro", serif;   font-weight: 400;  text-transform:capitalize; font-style:italic; color:#424243; font-size:.9em; text-align:center; }
.blog_outro_wrap{background-color:#f6f6f6; padding:1em; font-family: "freight-micro-pro", serif;   font-weight: 400;  font-style:italic; font-size:1em; letter-spacing:.05em; line-height:1.5em; margin-bottom:2em;}
.single_post_wrap .the-content ol, .single_post_wrap .the-content ul{margin-left:1em;}
.single_post_wrap .the-content strong{font-weight: 700;}
.single_post_wrap .the-content ol, .single_post_wrap .the-content ul, .single_post_wrap .the-content p{margin-top:1em; font-size:1.1em; line-height:1.5em;}
.single_post_wrap .the-content ol li, .single_post_wrap .the-content ul li{margin-top:.5em;}
.single_post_wrap .the-content em{font-style:italic;}
.single_post_wrap .the-content a{color:#1bc8f7; font-weight:700;}

.arrow_box {position: relative;margin-top:2em; margin-bottom:3em; background: #ffffff;border-bottom: 1px solid #d4d8dd;}
.arrow_box:after, .arrow_box:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arrow_box:after {border-color: rgba(255, 255, 255, 0);border-top-color: #ffffff;border-width: 15px;margin-left: -15px;}
.arrow_box:before {border-color: rgba(212, 216, 221, 0);border-top-color: #d4d8dd;border-width: 16px;margin-left: -16px;}
.past-page a{font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; text-transform:uppercase; background-image: url('images/next_arrow.jpg'); background-position: right center; background-repeat:no-repeat; padding-right:2em; float:right; color:#000; text-decoration:none;}
.next-page a{font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; text-transform:uppercase; float:left; color:#000; text-decoration:none; background-image: url('images/previous_arrow.jpg'); background-position: left center; background-repeat:no-repeat; padding-left:2em;}
.pagination_wrap{padding-top:.5em; padding-bottom:.5em; border-bottom:1px solid #bbbaba; margin-bottom:2em;}
.past-page a:link, .past-page a:visited, .next-page a:link, .next-page a:visited{opacity:1;}
.past-page a:hover, .past-page a:active, .next-page a:hover, .next-page a:active{opacity:.5;}


/*FORM STYLES*/
input,  textarea {width:100%;min-width:100%;max-width:100%;margin:0;margin:0 0 10px;padding:8px; font-size:1em; border:1px solid #000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  box-sizing:border-box; }
#commentform{font-family: "freight-micro-pro", serif;   font-weight: 400; margin-top:1em; }
.comment-form-author{width:48%; float:left; font-family: "freight-micro-pro", serif;   font-weight: 400;}
.comment-form-email{width:48%; float:right; font-family: "freight-micro-pro", serif;   font-weight: 400; clear:right;}
select {width:100%;margin:0;padding:6px; margin:0 0 10px; height:40px; border:1px solid #000; font-size:1em;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  }
input:focus, textarea:focus {background:#f3f3f3; outline:none;}
.form-submit input{display:block; max-width:250px; min-width:250px; border:0; color:#fff; text-transform:uppercase; font-size:1.2em; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; padding-top:1em; padding-bottom:1em; -webkit-box-sizing: -moz-box-sizing: border-box;  box-sizing:border-box;  /*remove gradient in mobile browsers*/background: -webkit-gradient(linear, left top, right top, from(#1bc8f7), to(#1bc8f7));background: -webkit-linear-gradient(left, #1bc8f7, #1bc8f7);background: -moz-linear-gradient(left, #1bc8f7, #1bc8f7);background: -ms-linear-gradient(left, #1bc8f7, #1bc8f7);background: -o-linear-gradient(left, #1bc8f7, #1bc8f7); }
.form-submit input:focus, .form-submit input:hover{display:block; width:80%; background:#000; outline:none; /*remove gradient in mobile browsers*/background: -webkit-gradient(linear, left top, right top, from(#0ea6cf), to(#0ea6cf));background: -webkit-linear-gradient(left, #0ea6cf, #0ea6cf);background: -moz-linear-gradient(left, #0ea6cf, #0ea6cf);background: -ms-linear-gradient(left, #0ea6cf, #0ea6cf);background: -o-linear-gradient(left, #0ea6cf, #0ea6cf); }
.comment-notes{display:none;}
/*END FORM STYLES*/
#comments{display:none;}
ol.commentlist {list-style:none;}
.comment-author img{display:none;}
.comment-author{font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; font-size:1.1em; text-transform:uppercase;}
.comment-meta a{font-family: "mr-eaves-xl-modern", sans-serif; font-weight:400; color:#414141; text-transform:uppercase; text-decoration:none; font-size:.9em;}
.commentlist p{font-family: "freight-micro-pro", serif;   font-weight: 400; color:#414141; margin-top:.5em;}
.comment-body {padding:1.5em;  border:1px solid #000; margin-top:1em; }
.reply { padding-top:1em;}
.reply a:link, .reply a:visited {text-decoration:none; font-family: "mr-eaves-xl-modern", sans-serif; font-weight:400; color:#1bc8f7; text-transform:uppercase;}
.reply a:hover, .reply a:active {text-decoration:none; font-family: "mr-eaves-xl-modern", sans-serif; font-weight:400; color:#000; text-transform:uppercase;}
#respond h3{font-size:1.6em; margin-top:2em;}
#reply-title a{text-decoration:none; color:#000;}
#respond small a:link, #respond small a:visited {text-decoration:none; color:#1bc8f7;}
#respond small a:hover, #respond small a:active {text-decoration:none; color:#000;}
ul.children{list-style:none;}
.children .comment-body {padding:1em;  border:1px solid #000; margin-top:1em; margin-bottom:1em; margin-left:2em;}
p.form-submit{clear:both; padding-top:1em;}

.toggle-box {  display: none;}
.toggle-box + label {  cursor: pointer;display: block;  font-weight: bold; line-height: 21px; margin-bottom: 5px; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; text-transform:uppercase;}
.toggle-box + label + div { display: none;  margin-bottom: 10px;}
.toggle-box:checked + label + div { display: block;}
.toggle-box + label:before {color:#000; content: "+"; display: block; float: left; font-weight: bold; height: 20px; line-height: 20px; margin-left:5px; text-align: center; width: 20px;}
.toggle-box + label {display:block;   background-color:#fff; color:#000; border-top:1px solid #000; border-bottom:1px solid #000; font-size:1.1em; padding-top:.5em; padding-bottom:.5em; text-decoration:none; font-weight:bold;  text-align:left; margin-top:1.5em; margin-bottom:1.5em;}
.toggle-box + label:hover {display:block;   background-color:#293c40; color:#fff; font-size:1.1em; padding-top:.5em; padding-bottom:.5em; text-decoration:none; font-weight:bold; text-align:left; margin-top:1.5em; margin-bottom:1.5em;}
.toggle-box:hover + label:before  { color:#fff; }
.toggle-box:checked + label:before {content: "\2212";} 

.graphic_1{display:block; margin:auto; margin-top:-5em; text-align:center; max-width:150px;}
.graphic_2{margin-top:-5em; text-align:center;}
.why_bg{background-image: url('images/triangles_mobile3.png'); background-position:bottom; background-repeat:repeat-x;}
.blog_main_wrap, .project_page_wrap, .single_post_wrap{background-image: url('images/triangles_mobile.png'); background-position:bottom; background-repeat:repeat-x;}
.why_bg{padding-bottom:7em; margin-bottom:-2em;}
.shop_wrap{width:225px; margin:auto; margin-top:1em; text-align:center; box-shadow: 1px 1px 5px #888888; }
.shop_wrap a{transition: opacity 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; }
.shop_wrap1{background-image: url('images/moolit-forest-prints.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap2{background-image: url('images/moolit-forest-pillows.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap3{background-image: url('images/moolit-forest-pouches.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap4{background-image: url('images/cut1.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap5{background-image: url('images/cut2.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap6{background-image: url('images/cut3.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap7{background-image: url('images/tri1.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap8{background-image: url('images/tri2.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap9{background-image: url('images/tri3.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap10{background-image: url('images/sharp1.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap11{background-image: url('images/sharp2.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap12{background-image: url('images/sharp3.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */ height:225px; }
.shop_wrap a:link, .shop_wrap a:visited{display:block; opacity:0; color:#fff; width:100%; height:140px; text-decoration:none; text-align:center; padding-top:90px; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; letter-spacing:.05em; font-size:.7em;}
.shop_wrap a:hover, .shop_wrap a:active{opacity:1; background-image: url('images/shop_bg.png'); background-repeat:repeat; color:#fff; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; letter-spacing:0em; font-size:.7em;}

.bottom_footer_text_left a:link, .bottom_footer_text_left a:visited{color:#444444; text-decoration:none;}
.bottom_footer_text_left a:hover, .bottom_footer_text_left a:active{color:#383838; text-decoration:none;}

div.wpcf7-mail-sent-ok  {background-color:#21dbb6; border:none !important; padding:.8em; color:#fff;  font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 400; color:#fff; text-align:center; line-height:1.1em; font-size:1.3em; margin-top:-1em;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f7dd09;
    background-color:#f7dd09;
    color:#000;
    font-family: "mr-eaves-xl-modern", sans-serif; padding:.8em; font-weight: 400;  text-align:center; line-height:1.1em; font-size:1.3em;
	margin-top:-1em;
}
span.wpcf7-not-valid-tip {
    color: #ffffff;
    display: block;
    font-size: 1em;
    padding-left:1em; padding-right:1em;
    padding-top:.2em; padding-bottom:.2em;
    font-weight: normal;
     font-family: "mr-eaves-xl-modern", sans-serif; text-align:center; font-weight: 400;   line-height:1.1em; font-size:1.1em;
     background-color:#000; margin-top:-.6em;
text-transform:uppercase;
}

.wpcf7-submit{transition: background-color 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; }
.wpcf7-submit {display:block;  margin:auto; width:230px; max-width:230px; min-width:230px;  color:#fff; text-decoration:none; padding:.7em; font-size:1.2em; text-align:center; margin-top:1em; background-color:#1bc8f7;  letter-spacing:.05em; border:none;}
.wpcf7-submit:hover{display:block; margin:auto; color:#fff;  width:230px; max-width:230px; min-width:230px; padding:.7em; font-size:1.2em; text-align:center; margin-top:1em; background-color:#00a5e9;  letter-spacing:0em; border:none;}

.project_page_wrap .form_quote{ font-family: "freight-micro-pro",serif; font-size: 1.2em; font-style: italic; font-weight: 400;letter-spacing: 0.05em;line-height: 1.1em; margin-bottom:-.2em;}
.project_page_wrap  .form_quote_name{ color: #5f5f60; font-family: "mr-eaves-xl-modern",sans-serif; font-size: 0.9em; margin-top: 0.5em; font-weight: 900; }
.project_page_wrap   .form_quote_place{color: #5f5f60;font-family: "mr-eaves-xl-modern",sans-serif; margin-top:-1.5em; font-size:.8em; margin-bottom:-.5em;}
.circle{float:left; border-radius: 50%; width: 128px;  height: 90px;text-align:center;margin:auto;margin-right:5px;margin-left:5px; color:#fff !important;padding-top:40px;line-height:.8em; }
.port_circles{max-width:276px; margin:auto;}
.skyrocket_color .circle{background-color:#de2006;}
.snappower_color .circle{background-color:#95da0d;}
.gungho_color .circle{background-color:#000;}
.choice_color .circle{background-color:#1a3c41;}
.rto_color .circle{background-color:#224fb3;}
.debt_color .circle{background-color:#282e3a;}
.mvmnt_color .circle{background-color:#4ac3de;}
.green_footer_link_wrap a{transition: background-color 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; }
.green_footer_link_wrap a, .green_footer_link_wrap a:link, .green_footer_link_wrap a:visited{display:block; margin:auto;  background-color:#21dbb6; text-decoration:none; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; color:#fff; text-align:center;font-size:1.2em; letter-spacing:.05em; padding-top:1em; padding-bottom:1em;}
.green_footer_link_wrap a:hover, .green_footer_link_wrap a:active{display:block; margin:auto;  background-color:#0dbc99; text-decoration:none; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; color:#fff; text-align:center;font-size:1.2em; letter-spacing:0em; padding-top:1em; padding-bottom:1em;}
.center_link{border-top:2px solid #79e9d3; border-bottom:2px solid #79e9d3;}
.bennett_cta a{transition: background-color 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; text-transform:uppercase;}
.bennett_cta a, .bennett_cta a:link, .bennett_cta a:visited{display:block; margin:auto;  margin-top:1em; margin-bottom:2em;  background-color:#000000; text-decoration:none; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; color:#fff; text-align:center;font-size:1.2em; letter-spacing:.05em; padding-top:1em; padding-bottom:1em;}
.bennett_cta a:hover, .bennett_cta a:active{display:block; margin:auto;   margin-top:1em; margin-bottom:2em; background-color:#4d4d4d; text-decoration:none; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; color:#fff; text-align:center;font-size:1.2em; letter-spacing:0em; padding-top:1em; padding-bottom:1em;}





.arrow-1 {
  width:100%;
  height:25px;
  display: flex;
}
.arrow-1:before {
  content: "";
background: rgb(98,198,242);
background: linear-gradient(90deg, rgba(98,198,242,1) 0%, rgba(109,215,184,1) 50%, rgba(243,226,76,1) 100%);
  width:15px;
  clip-path: polygon(0 10px,calc(100% - 15px) 10px,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 10px),0 calc(100% - 10px));
  animation: a1 1.2s forwards;



}
@keyframes a1 {
  90%,100%{flex-grow: 1}
}




/*------------------------------520-------------------------------------*/
@media screen and (min-width: 520px) {
.skill_wrap{width:33%; }
.port_bg a:link, .port_bg a:visited{font-size:1em;}
.port_bg a:hover, .port_bg a:active{ font-size:1em;}

.port_bg{width:31.333%;float:left; margin:1%;}

.shop_wrap{width:215px; float:left; margin:auto; margin-top:2em; margin:5px; text-align:center; box-shadow: 1px 1px 5px #888888; }
.shop_wrap a:link, .shop_wrap a:visited{height:137px;}
.shop_main_wrap{max-width:450px; margin:auto; text-align:center;}

}
/*------------------------------end 520-------------------------------------*/





/*------------------------------720-------------------------------------*/
@media screen and (min-width: 720px) {
body { font-size: 0.875em; padding: 0; }
.grid{ margin:0 auto; padding:0 10px; width:700px; }
.row{ clear:left; }
.disp_no_phones{display:inline;} 
.disp_only_phones{display:none;} 
/* Slots Setup */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-1-2,.slot-1-2-3,.slot-1-2-3-4,.slot-1-2-3-4-5,.slot-2-3,.slot-2-3-4,.slot-2-3-4-5,.slot-3-4,.slot-3-4-5,.slot-4-5,.slot-6,.slot-7,.slot-8,.slot-9,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-7-8,.slot-7-8-9,.slot-8-9{ display:inline; float:left; margin-left:20px; }
/* 6-Col Grid Sizes */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5{ width:100px; } /* Sixths */
.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5{ width:220px; } /* Thirds */
.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5{ width:460px; } /* Two-Thirds */
.slot-0-1-2-3-4,.slot-1-2-3-4-5{ width:580px; } /* Five-Sixths */
/* 4-Col Grid Sizes */
.slot-6,.slot-7,.slot-8,.slot-9{ width:160px; } /* Quarters */
.slot-6-7-8,.slot-7-8-9{ width:520px; } /* Three-Quarters */
/* 6-Col/4-Col Shared Grid Sizes */
.slot-0-1-2,.slot-1-2-3,.slot-2-3-4,.slot-3-4-5, .slot-6-7,.slot-7-8,.slot-8-9{ width:340px; } /* Halves */
.slot-0-1-2-3-4-5, .slot-6-7-8-9{ width: 100%; } /* Full-Width */
/* Zeroing Out Leftmost Slot Margins */
.slot-0,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-6,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-1 .slot-1,.slot-1-2 .slot-1,.slot-1-2 .slot-1-2,.slot-1-2-3 .slot-1,.slot-1-2-3 .slot-1-2,.slot-1-2-3 .slot-1-2-3,.slot-1-2-3-4 .slot-1,.slot-1-2-3-4 .slot-1-2,.slot-1-2-3-4 .slot-1-2-3,.slot-1-2-3-4 .slot-1-2-3-4,.slot-1-2-3-4-5 .slot-1,.slot-1-2-3-4-5 .slot-1-2,.slot-1-2-3-4-5 .slot-1-2-3,.slot-1-2-3-4-5 .slot-1-2-3-4,.slot-1-2-3-4-5 .slot-1-2-3-4-5,.slot-2 .slot-2,.slot-2-3 .slot-2,.slot-2-3 .slot-2-3,.slot-2-3-4 .slot-2,.slot-2-3-4 .slot-2-3,.slot-2-3-4 .slot-2-3-4,.slot-2-3-4-5 .slot-2,.slot-2-3-4-5 .slot-2-3,.slot-2-3-4-5 .slot-2-3-4,.slot-2-3-4-5 .slot-2-3-4-5,.slot-3 .slot-3,.slot-3-4 .slot-3,.slot-3-4 .slot-3-4,.slot-3-4-5 .slot-3,.slot-3-4-5 .slot-3-4,.slot-3-4-5 .slot-3-4-5,.slot-4 .slot-4,.slot-4-5 .slot-4,.slot-4-5 .slot-4-5,.slot-5 .slot-5,.slot-7 .slot-7,.slot-7-8 .slot-7,.slot-7-8 .slot-7-8,.slot-7-8-9 .slot-7,.slot-7-8-9 .slot-7-8,.slot-7-8-9 .slot-7-8-9,.slot-8 .slot-8,.slot-8-9 .slot-8,.slot-8-9 .slot-8-9{ margin-left:0 !important; } /* Important is to avoid repeating this in larger screen css files */
/* Row Clearfix */
.row:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.row{ zoom:1; }

h3, h4{text-align:left;}
.top_nav{color:#fff;}
.mobile_nav {margin-top:13px;}
.mobile_nav ul, mobile_nav:active ul { width: 25%;}
.header_grid{width:700px; margin:auto;}
.main_logo{width:50px;  margin-left:0%;}
.header_nav{width:45%; margin-top:.7em;}
.header_wrap{max-height:none; padding-top:.5em; padding-bottom:.5em;}
.footer_bg{ padding:1em; padding-top:4em; padding-bottom:4em;}
.bottom_footer_left{display:block; float:left; margin-bottom:0;}
.bottom_footer_icon{display:block;   margin-top:.5em; margin-bottom:5em;}
.bottom_footer_text_left{float:left; margin-top:.5em; text-align:left; }
.bottom_footer_right{display:block; margin-top:.5em; float:right;}
.footer_mid p{border-bottom:0; padding-top:0; padding-bottom:0; text-align:center;}
.blue_cta a:link, .blue_cta a:visited {width:25%;}
.blue_cta a:hover, .blue_cta a:active{width:25%;}
.blue_cta_left a:link, .blue_cta_left a:visited {float:left;}
.blue_cta_left a:hover, .blue_cta_left a:active{float:left;}
.center_link{border:0; border-left:2px solid #79e9d3; border-right:2px solid #79e9d3;}
.tar{text-align:right;}
.skill_wrap{width:16.6%; margin-bottom:0; margin-top:1.5em;}
.social_media_link a{width:50px;}
.social_wrap_footer{display:block; width:240px; margin:auto; margin-top:6em; margin-bottom:6em;}



.hero_bg{position:fixed; width:100%; z-index:1; height:560px; margin-top:30px; background-image: url('images/hero_bg.jpg');background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */}
.hero_grad_wrap{display:block;width:38%; margin:auto; text-align:center;}
.hero_circle{display:block; float:left; margin-top:12px; margin-left:2%;margin-right:-2.1%;}
.hero_grad{display:block; float:left; width:94%; height:3px; margin-left:2%; margin-top:1.5em; background-image: linear-gradient(to right, #1ac8f7 , #f6e301);}
.hero_arrow{display:block; float:left; margin-top:15px; margin-left:-5px;}

.yellow_cta_center a, .yellow_cta_left a{transition: background-color 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; font-family: 'Montserrat', sans-serif; font-weight:700; }
.yellow_cta_center a:link, .yellow_cta_center a:visited {display:block; width:270px;  margin:auto; padding-top:1em; padding-bottom:1em; font-size:1em; text-align:center; background-color:#f6e301; letter-spacing:.05em; color:#000; margin-top:.5em; text-decoration:none;}
.yellow_cta_center a:hover, .yellow_cta_center a:active{display:block; color:#fff; width:270px;   margin:auto; padding-top:1em; padding-bottom:1em; font-size:1em; text-align:center;  background-color:#dac900; letter-spacing:0em; color:#000; margin-top:.5em; text-decoration:none;}
.yellow_cta a, .yellow_cta_left a, .yellow_cta_right a{transition: background-color 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; font-family: 'Montserrat', sans-serif; font-weight:700; }
.yellow_cta a:link, .yellow_cta a:visited {display:block; width:30%; float:right; margin:auto; padding-top:1em; padding-bottom:1em; font-size:1em; text-align:center; background-color:#f6e301; letter-spacing:.05em; color:#000;}
.yellow_cta a:hover, .yellow_cta a:active{display:block; color:#fff; width:30%;  float:right; margin:auto; padding-top:1em; padding-bottom:1em; font-size:1em; text-align:center;  background-color:#dac900; letter-spacing:0em; color:#000;}
.footer_starter{display:block; width:30%; margin-top:-.5em; text-align:right; padding-right:.1em; float:left; font-family: 'Montserrat', sans-serif; font-weight:700; color:#fff; font-size:2em; line-height:1.2em;}
.footer_circle{display:block; float:left; margin-top:12px; margin-left:2%;margin-right:-2.1%;}
.footer_grad{display:block; float:left; width:35%; height:3px; margin-left:2%; margin-top:1.5em; background-image: linear-gradient(to right, #1ac8f7 , #f6e301);}
.footer_arrow{display:block; float:left; margin-top:15px; margin-left:-5px;}

.chameleon{max-width:100%; text-align:center;}
.cheetah { margin-top:3em; margin-bottom:0em; width:95%; text-align:left; }
.octopus{margin-top:0em; margin-bottom:0em; width:95%; text-align:center; }

.process_black_bg{display:block; position:relative; z-index:1; width:55%; margin-left:45%; height:650px; margin-top:4em; background-color:#000; }

.headline_wrap_work{ margin-left:150px; font-size:1.5em; width:300px;}
.headline_wrap_process{ float:right; margin-right:20px;  font-size:1.5em; width:300px; }
.process_mobile_wrap{width:100%; float:none;}
.work_grad{ margin-right:18px; float:right; width:30%;  }

.quote_img{display:block; width:40px; margin:auto; margin-bottom:1em;}
.quote_name_wrap{ top:358px; width: 220px; max-height:48px; font-size:13px;  line-height:.7em;}
.quote_name_wrap_bill{ top:358px; width: 340px; max-height:48px; font-size:13px;  line-height:.7em;}
.quote_text_wrap{width:70%; margin-top:1em;  padding:1em; font-size:1.3em; line-height:1.2em;}

.body_limit_left{margin-top:5em;}
.body_limit_left_oct{margin-top:3em;}


.process_wrap{ margin-top:-620px; }
.process_arrow_wrap{display:block; width:50%; margin-left:50%; margin-top:2em;}
.process_grad{ margin-top:-8px;  margin-left:7px; width:96%; }


.headline_wrap_choose{ font-size:1.5em;width:300px; }
.choose_black_bg{display:block; width:60%; height:580px; }
.choose_wrap{ margin-top:-620px; }

.friends_black_bg{display:block; position:relative; z-index:1; width:100%; background-color:#000; height:100px; margin-top:2em;}
.friends_wrap{display:block;  position:relative; z-index:3; margin-top:-120px;}
.headline_wrap_friends{display:block;  font-size:1.5em; float:left; width:300px; padding:1em; padding-top:3em; padding-bottom:3em; text-align:center; background-color:#fff;  font-family: 'Montserrat', sans-serif; font-weight:300; color:#000; box-shadow:0px 0px 4px #c3c3c3; text-transform:uppercase; letter-spacing:.1em;}

.social_wrap{display:block; width:34%; float:right; margin-top:3.5em;}
.social_icon{display:block; float:right; margin-left:.5em;}
.social_icon a{display:block; float:right; margin-left:.5em;}
.friends_grad{display:block; position:relative; z-index:2; float:left; width:16%; margin-top:4.5em; height:3px;  background-image: linear-gradient(to right, #8180fc , #f6e301);}
.friends_arrow{display:block; position:relative; z-index:2;  margin-top:4em; margin-left:-7px; float:left; }











.port1_bg, .port2_bg, .port3_bg, .port4_bg, .port5_bg, .port6_bg, .port7_bg, .port8_bg, .port9_bg{height:150px; }
.port_bg a:link, .port_bg a:visited{height:85px; padding-top:65px;font-size:1.2em;}
.port_bg a:hover, .port_bg a:active{font-size:1.2em;}
.portfolio_bg{padding-bottom:2em;}
.body_copy{text-align:left;}
.port_bg{width:31.33%;float:left; margin-left:1%; margin-right:1%;margin-top:1%; margin-bottom:1%; }
.portfolio_wrap{width:700px; margin:auto; text-align:center; margin-top:1em; margin-bottom:4em; padding:0;}
.skills_right{display:block; margin:auto; text-align:center; width:100%;  }
.green_headline_wrap{display:block; background-color:#21dbb6; width:20%; float:left; padding-top:5em; padding-bottom:5em;}
.swiper-pagination-bullet{ transition: border 0.35s ease-in-out 0s;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 50px;  left: 0; width: 100%;}
.swiper-pagination-bullet { height: 14px;  width: 14px;}
.swiper-pagination-bullet:hover { background-color:#fff; border:1px solid #fff;}
.project_page_wrap .port_bg{width:10.111%; float:left; margin-left:.5%; margin-right:.5%;}
.project_page_wrap .port_bg a:link, .project_page_wrap  .port_bg a:visited{display:block; opacity:0; color:#fff; width:100%; height:40px; text-decoration:none; text-align:center; padding-top:20px; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; letter-spacing:.05em; font-size:.7em;}
.project_page_wrap  .port_bg a:hover, .project_page_wrap .port_bg a:active{opacity:1; background-image: url('images/port_bg.png'); background-repeat:repeat; color:#fff; font-family: "mr-eaves-xl-modern", sans-serif; font-weight: 900; letter-spacing:0em; font-size:.7em;}
.project_page_wrap .port1_bg, .project_page_wrap .port2_bg, .project_page_wrap .port3_bg, .project_page_wrap .port4_bg, .project_page_wrap .port5_bg, .project_page_wrap .port6_bg, .project_page_wrap .port7_bg, .project_page_wrap .port8_bg, .project_page_wrap .port9_bg{height:60px; }
.single_post_wrap h1 { font-size:2em; }
.single_post_wrap .post-meta p, .post-meta p{font-size:1em; }
.single_post_wrap .the-content ol, .single_post_wrap .the-content ul{margin-left:3em;}
#reply-title{text-align:left;}
.graphic_1{margin-top:-5em; text-align:center; max-width:none;}
.graphic_2{display:block; margin:auto; max-width:400px; text-align:center; margin-top:-1em; margin-bottom:5em;}
.intro_bg{padding-bottom:2em;}
.why_bg{padding-bottom:2em; margin-bottom:-2em;}
.choose2{margin-top:1em;}
.next_page_wrap {margin-top:1em;}
.intro_bg .body_copy{max-width:490px;}
.why_bg .body_copy{max-width:490px;}

.header_nav a { position: relative; color: #000;text-decoration: none;}
.header_nav a:hover {color: #000;}
.header_nav a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -3px; left: 0; background-color: #000; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.header_nav a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}

.why_bg{background-image: url('images/triangles_3.png'); background-position:bottom right; background-repeat:no-repeat;}
.blog_main_wrap, .project_page_wrap, .single_post_wrap{background-image: url('images/triangles_4.png'); background-position:bottom; background-repeat:repeat-x;}

.shop_wrap{width:31%;float:left; margin:1%; box-shadow: 1px 1px 5px #888888;}
.shop_wrap a{transition: opacity 0.35s ease-in-out 0s, letter-spacing 0.45s ease-in-out 0s; }
.shop_wrap1, .shop_wrap2, .shop_wrap3, .shop_wrap4, .shop_wrap5, .shop_wrap6, .shop_wrap7, .shop_wrap8, .shop_wrap9, .shop_wrap10, .shop_wrap11, .shop_wrap12{height:150px;}
.shop_wrap a:link, .shop_wrap a:visited{ height:90px; float:none; padding-top:60px; letter-spacing:.05em; font-size:.9em;}
.shop_wrap a:hover, .shop_wrap a:active{letter-spacing:0em; font-size:.9em;}
.shop_main_wrap{max-width:none;}


.project_page_wrap .blue_cta_left a:link, .blue_cta_left a:visited {max-width:190px;}
.project_page_wrap .portfolio_wrap{margin-left:-5px;}
.form-submit input{max-width:40%; min-width:40%;}
.half_left{display:block; width:48%; float:left; margin-right:1%;}
.half_right{display:block; width:48%; float:left; margin-left:1%;}
.wpcf7-submit, .wpcf7-submit:hover  { width:330px; max-width:330px; min-width:330px;}

.port_circles{max-width:none;}
.circle{ width: 108px;  height: 80px;margin-right:1px;margin-left:1px; padding-top:30px;line-height:.8em; }



}
/*------------------------------END 720-------------------------------------*/








/*------------------------------986-------------------------------------*/
@media screen and (min-width: 986px) {
body { font-size: 100%; }
.grid{ width:966px; }
.disp{display:inline}
.disp_only_phones{display:none;} 
/* Slots Setup */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-1-2,.slot-1-2-3,.slot-1-2-3-4,.slot-1-2-3-4-5,.slot-2-3,.slot-2-3-4,.slot-2-3-4-5,.slot-3-4,.slot-3-4-5,.slot-4-5,.slot-6,.slot-7,.slot-8,.slot-9,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-7-8,.slot-7-8-9,.slot-8-9{ display:inline; float:left; margin-left:30px; }
/* 6-Col Grid Sizes */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5{ width:136px; } /* Sixths */
.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5{ width:302px; } /* Thirds */
.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5{ width:634px; } /* Two-Thirds */
.slot-0-1-2-3-4,.slot-1-2-3-4-5{ width:800px; } /* Five-Sixths */
/* 4-Col Grid Sizes */
.slot-6,.slot-7,.slot-8,.slot-9{ width:219px; } /* Quarters */
.slot-6-7-8,.slot-7-8-9{ width:717px; } /* Three-Quarters */
/* 6-Col/4-Col Shared Grid Sizes */
.slot-0-1-2,.slot-1-2-3,.slot-2-3-4,.slot-3-4-5, .slot-6-7,.slot-7-8,.slot-8-9{ width:468px; } /* Halves */
.disp_only_tab{display:none;}

.header_grid{width:966px; overflow:hidden;}
.header_desktop_nav li{font-size:14px; font-weight: 400;}
.header_desktop_nav a:link, .header_desktop_nav a:visited, .header_desktop_nav a:hover, .header_desktop_nav a:active{font-size:1.1em; }
.full_logo{ margin-top:1em; margin-left:.2em; max-width:120px; }
.bottom_footer_icon{ width:140px; margin-bottom:4em;}
.footer_starter{margin-top:.2em; }
.footer_circle{ margin-top:14px; }
.footer_arrow{ margin-top:16px; }
.social_wrap_footer{width:260px;}

.port1_bg, .port2_bg, .port3_bg, .port4_bg, .port5_bg, .port6_bg, .port7_bg, .port8_bg, .port9_bg{height:180px; }
.port_bg a:link, .port_bg a:visited{height:100px; padding-top:80px;font-size:1.2em;}
.port_bg a:hover, .port_bg a:active{font-size:1.2em;}
.portfolio_wrap{width:966px;}

.headline_wrap_work{ margin-left:150px; font-size:1.5em; width:400px;}
.headline_wrap_process{ margin-right:70px;  font-size:1.5em; width:400px; }
.work_grad{ margin-right:18px; float:right; width:50%; margin-top:-65px; }
.work_arrow{ margin-top:-65px;}
.quote_name_wrap{ top:370px; width: 302px; max-height:48px; font-size:.7em;  line-height:.9em;}
.quote_name_wrap_bill{ top:370px; width: 468px; max-height:48px; font-size:.7em;  line-height:.9em;}
.quote_text_wrap{width:70%; margin-top:0; font-size:1.5em; line-height:1.3em;}


.body_limit_left{display:block; width:80%; float:right; margin-top:7em;}
.body_limit_left_oct{display:block; width:80%; float:right; margin-top:5em;}


.quote_wrap{ height:400px; } 
.process_black_bg{ height:700px;}
.process_wrap{margin-top:-680px; }

.process_arrow_wrap{display:block; width:50%; margin-left:50%; margin-top:2em;}
.process_grad{ margin-top:-10px;  margin-left:7px; width:97%; }
.quote_text_limit{height:244px;}

.choose_black_bg{ height:630px; }
.choose_wrap{ margin-top:-660px;}

.friends_black_bg{ height:100px; margin-top:4em;}
.friends_wrap{margin-top:-140px;}
.social_wrap{width:25%;  margin-top:4em;}
.social_icon{margin-left:.5em;}
.friends_grad{ width:38%; margin-top:5em;}
.friends_arrow{ margin-top:4.5em; margin-left:-7px;  }

.cheetah { margin-top:0em}



.blog_outro_wrap{padding:3em; line-height:1.7em;}
.single_post_wrap .the-content{padding-left:3em; padding-right:3em;}
.graphic_2{ margin-top:-5em; margin-bottom:2em;}
.indent_wrap{padding-left:3em; padding-right:3em;}
.shop_wrap{width:31%;float:left; margin:1%; box-shadow: 1px 1px 5px #888888;}
.shop_wrap1, .shop_wrap2, .shop_wrap3, .shop_wrap4, .shop_wrap5, .shop_wrap6, .shop_wrap7, .shop_wrap8, .shop_wrap9, .shop_wrap10, .shop_wrap11, .shop_wrap12{height:210px; }
.shop_wrap a:link, .shop_wrap a:visited{ height:120px;  padding-top:90px; letter-spacing:.05em; font-size:.9em;}
.shop_wrap a:hover, .shop_wrap a:active{letter-spacing:0em; font-size:.9em;}
.project_page_wrap .blue_cta_left a:link, .blue_cta_left a:visited {max-width:none;}
.circle{ width: 140px; height: 100px;margin-right:5px;margin-left:5px; padding-top:40px; }


}
/*------------------------------END 986-------------------------------------*/







/*------------------------------1236-------------------------------------*/
@media screen and (min-width: 1236px) {
body {font-size: 1.125em; }
.grid{width:1206px; }
.disp_only_phones{display:none;} 
.disp{display:inline}
.disp_desk{display:inline}
.disp_no_desk{display:none;}
/* 6-Col Grid Sizes */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5{ width:176px; } /* Sixths */
.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5{ width:382px; } /* Thirds */
.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5{ width:794px; } /* Two-Thirds */
.slot-0-1-2-3-4,.slot-1-2-3-4-5{ width:1000px; } /* Five-Sixths */
/* 4-Col Grid Sizes */
.slot-6,.slot-7,.slot-8,.slot-9{ width:279px; } /* Quarters */
.slot-6-7-8,.slot-7-8-9{ width:897px; } /* Three-Quarters */
/* 6-Col/4-Col Shared Grid Sizes */
.slot-0-1-2,.slot-1-2-3,.slot-2-3-4,.slot-3-4-5, .slot-6-7,.slot-7-8,.slot-8-9{ width:588px; } /* Halves */

.header_grid{width:1206px;}
.full_logo{float:left; margin-top:1em; margin-left:.2em; max-width:140px; }
.footer_circle{ margin-top:14px; }
.footer_arrow{ margin-top:17px; }
.hero_bg{height:700px; margin-top:30px;}
.prop_header{font-size:1em;}

h2 {font-size: 3em;}


.process_black_bg{height:780px; margin-top:4em;  }
.process_wrap{margin-top:-730px; }
.quote_wrap{ height:475px; } 

.quote_name_wrap{ top:457px; width: 382px; max-height:48px; font-size:.7em;  line-height:.9em;}
.quote_name_wrap_bill{ top:457px; width: 588px; max-height:48px; font-size:.7em;  line-height:.9em;}
.quote_text_wrap{width:70%; margin-top:0;  padding:1em; font-size:1.7em; line-height:1.3em;}
.quote_text_limit{height:305px;}

.process_black_bg{ height:820px;}
.process_wrap{margin-top:-790px; }
.process_arrow_wrap{display:block; width:50%; margin-left:50%; margin-top:2em;}
.process_grad{ margin-top:-10px;  margin-left:7px; width:97.5%; }

.choose_black_bg{ height:700px; }
.headline_wrap_choose{ width:350px;}
.choose_wrap{ margin-top:-730px; }
.choose_grad_wrap{margin-top:4em;}

.work_black_bg{height:500px; }
.headline_wrap_work{margin-top:-530px; }

.work_grad{ margin-top:-70px; }
.work_arrow{ margin-top:-70px;}


.friends_wrap{margin-top:-140px;}
.headline_wrap_friends{ width:350px;}
.social_wrap{width:22%;  margin-top:4em;}
.friends_grad{ width:43%; margin-top:5em;}
.friends_arrow{ margin-top:4.5em;  }





.port1_bg, .port2_bg, .port3_bg, .port4_bg, .port5_bg, .port6_bg, .port7_bg, .port8_bg, .port9_bg{height:230px; }
.port_bg a:link, .port_bg a:visited{height:130px; padding-top:100px;font-size:1.2em;}
.port_bg a:hover, .port_bg a:active{font-size:1.2em;}
.portfolio_wrap{width:1206px;}
.bottom_footer_icon{ margin-top:.7em;}

.body_limit{width:80%;}
.body_limit_left{width:80%; float:right;}
.quote_max_wrap{width:1300px; margin:auto;}
.blog_outro_wrap{padding:4em; line-height:1.7em;}
.single_post_wrap .the-content{padding-left:4em; padding-right:4em;}
.why_bg .body_copy{max-width:570px;}
.project_page_wrap .port_bg a:link, .project_page_wrap  .port_bg a:visited{ height:55px;  padding-top:25px;  letter-spacing:.05em; font-size:.9em;}
.project_page_wrap  .port_bg a:hover, .project_page_wrap .port_bg a:active{ letter-spacing:0em; font-size:.9em;}
.project_page_wrap .port1_bg, .project_page_wrap .port2_bg, .project_page_wrap .port3_bg, .project_page_wrap .port4_bg, .project_page_wrap .port5_bg, .project_page_wrap .port6_bg, .project_page_wrap .port7_bg, .project_page_wrap .port8_bg, .project_page_wrap .port9_bg{height:80px; }
.main_logo{max-width:40px;}
.skills_right{max-width:1200px;}
.shop_wrap{width:31%;float:left; margin:1%; box-shadow: 1px 1px 5px #888888;}
.shop_wrap1, .shop_wrap2, .shop_wrap3, .shop_wrap4, .shop_wrap5, .shop_wrap6, .shop_wrap7, .shop_wrap8, .shop_wrap9, .shop_wrap10, .shop_wrap11, .shop_wrap12{height:250px; }
.shop_wrap a:link, .shop_wrap a:visited{ height:140px;  padding-top:110px; letter-spacing:.05em; font-size:.9em;}
.shop_wrap a:hover, .shop_wrap a:active{letter-spacing:0em; font-size:.9em;}
.circle{width: 150px; height: 105px;margin-right:10px;margin-left:10px; padding-top:45px;}


}
/*------------------------------END 1236-------------------------------------*/