.portfolio-list li .portfolio-wrap a *,
.portfolio-list li .portfolio-wrap a,
a,
#header{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
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, font, 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 {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
body {
line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}  #container {
float: left;
margin: 0;
width: 100%;
padding: 0;
}
#content {
}
#primary,
#secondary {
float: right;
overflow: hidden;
width: 220px;
}
#secondary {
clear: right;
}
#footer {
clear: both;
width: 100%;
overflow: hidden;
background-color: #3a405a;
color: #fff;
} .one-column #content {
margin: 0 auto;
width: 100%;
} .single-attachment #content {
margin: 0 auto;
width: 900px;
} body,
input,
textarea,
.page-title span,
.pingback a.url {
font-family: "proxima-nova",sans-serif; 
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
font-family: "proxima-nova",sans-serif; 
}
input[type=submit] {
font-family: "proxima-nova",sans-serif;
}
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}  #access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
}
#wrapper {
background: #fff; 
width: 100%; 
} #footer-widget-area {
overflow: hidden;
}
#footer-widget-area .widget-area {
float: left;
margin-right: 20px;
width: 220px;
}
#footer-widget-area #fourth {
margin-right: 0;
}
#site-info {
float: left;
font-size: 14px;
font-weight: bold;
width: 700px;
}
#site-generator {
float: right;
width: 220px;
}  body,
input,
textarea {
color: #000;
font-size: 18px;
line-height: 1.5;
}
hr {
background-color: #e7e7e7;
border: 0;
clear: both;
height: 1px;
margin-bottom: 18px;
} p {
margin-bottom: 18px;
}
ul {
list-style: square;
margin: 0 0 18px 1.5em;
}
ol {
list-style: decimal;
margin: 0 0 18px 1.5em;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}
dl {
margin: 0 0 24px 0;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 18px;
}
strong {
font-weight: bold;
}
cite,
em,
i { }
big {
font-size: 131.25%;
}
ins {
background: #ffc;
text-decoration: none;
}
blockquote { padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
}
pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
overflow: auto;
padding: 1.5em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
input[type="text"], textarea {
border: 1px solid #595c73;
padding: 7px 15px;
border-radius: 10px;
}
input[type=submit]:hover{
opacity: 0.8;
}
input[type=submit] {
border: 0 solid !important;
cursor: pointer; margin-top: 11px;
background-color: #82B29A;
font-size: 16px;
border: none;
color: #fff!important;
font-weight: 500;
padding: 7px 0;
line-height: 1;
width: 108px;
margin: 0;
height: auto;
border-radius: 26px;
}
a {
color: #82B29A; 
text-decoration: none;
}
a:hover {
color: #82B29A; 
text-decoration: underline;
} .screen-reader-text {
position: absolute;
left: -9000px;
} #header {
padding: 25px 0 0 0;
display: inline-block;
width: 100%;
}
#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px 0;
width: 700px;
}
#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#site-description {
clear: right;
float: right; margin: 15px 0 18px 0;
width: 220px;
} #branding img {
border-top: 4px solid #000;
border-bottom: 1px solid #000;
display: block;
float: left;
} #access {
background: #000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}
#access .menu-header,
div.menu {
font-size: 13px;
margin-left: 12px;
width: 928px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
div.menu li {
float: left;
position: relative;
}
#access a {
color: #aaa;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
}
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #333;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
background: #333;
color: #fff;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #fff;
} #main {
clear: both; 
padding: 0;
}
#content {
margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
color: #231F20;
font-size: 19px;
line-height: 1.5;
} 
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
margin-bottom: 10px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
font-size: 15px;
line-height: 21px;
}
#content code {
font-size: 13px;
}
#content dt,
#content th {
color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4{
font-family: 'Alice', serif;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
color: #231F20;
line-height: 1.5em;
margin: 0 0 20px 0;
font-family: "Alice", serif;
}
#content h1{ 
font-weight: 400;
font-style: normal;
font-size: 65px;
line-height: 1;
} 
#content h2{ 
font-weight: 400;
font-style: normal;
font-size: 40px;
} 
#content h4{
font-size: 25px;
}
#content h5{
font-size: 19px;
}
#content table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
#content tr th,
#content thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
#content tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
}
#content tr.odd td {
background: #f2f7fc;
}
.page-title span {
color: #333;
font-size: 16px; font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
color: #888;
text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
color: #ff4b33;
}
#content .entry-title {
color: #000;
font-size: 21px;
font-weight: bold;
line-height: 1.3em; 
}
.entry-title a:link,
.entry-title a:visited {
color: #000;
text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
color: #ff4b33;
}
.entry-meta {
color: #888;
font-size: 13px;
}
.entry-meta abbr,
.entry-utility abbr {
border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
clear: both;
padding: 0;
}
#content .entry-summary p:last-child {
margin-bottom: 12px;
}
.entry-content fieldset {
border: 1px solid #e7e7e7;
margin: 0 0 24px 0;
padding: 24px;
}
.entry-content fieldset legend {
background: #fff;
color: #000;
font-weight: bold;
padding: 0 24px;
}
.entry-content input {
margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
margin-right: 24px;
}
.entry-content select {
margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
font-size: 10px;
}
.entry-content blockquote.left {
float: left;
margin-left: 0;
margin-right: 24px;
text-align: right;
width: 33%;
}
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
}
.page-link {
clear: both;
color: #000;
font-weight: bold;
margin: 0 0 22px 0;
word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
background: #f1f1f1;
color: #333;
font-weight: normal;
padding: 0.5em 0.75em;
text-decoration: none;
}
.home .sticky .page-link a {
background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
color: #ff4b33;
}
body.page .edit-link {
clear: both;
display: block;
}
#entry-author-info {
background: #f2f7fc;
border-top: 4px solid #000;
clear: both;
font-size: 14px;
line-height: 20px;
margin: 24px 0;
overflow: hidden;
padding: 18px 20px;
}
#entry-author-info #author-avatar {
background: #fff;
border: 1px solid #e7e7e7;
float: left;
height: 60px;
margin: 0 -104px 0 0;
padding: 11px;
}
#entry-author-info #author-description {
float: left;
margin: 0 0 0 104px;
}
#entry-author-info h2 {
color: #000;
font-size: 100%;
font-weight: bold;
margin-bottom: 0;
}
.entry-utility {
clear: both;
color: #888;
font-size: 13px;
line-height: 1.3;
}
.entry-meta a,
.entry-utility a {
color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
color: #ff4b33;
}
#content .video-player {
padding: 0;
} .home #content .format-aside p,
.home #content .category-asides p {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
margin-top: 0;
}
.home .hentry.format-aside,
.home .hentry.category-asides {
padding: 0;
}
.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
padding-top: 0;
} .format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
border: 10px solid #f1f1f1;
margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
float: left;
margin-right: 20px;
margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
padding-top: 4px;
} .attachment .entry-content .entry-caption {
font-size: 140%;
margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
content: '\00a0\2192';
}  img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%; height: auto; }
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 12px;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
max-width: 632px !important; padding: 4px;
text-align: center;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
.wp-smiley {
margin: 0;
}
.gallery {
margin: 0 auto 18px;
}
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl {
margin: 0;
}
.gallery img {
border: 10px solid #f1f1f1;
}
.gallery br+br {
display: none;
}
#content .attachment img { display: block;
margin: 0 auto;
} .navigation {
color: #888;
font-size: 12px;
line-height: 18px;
overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
color: #888;
text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
color: #ff4b33;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
#nav-above {
margin: 0 0 18px 0;
}
#nav-above {
display: none;
}
.paged #nav-above,
.single #nav-above {
display: block;
}
#nav-below {
margin: -18px 0 0 0;
} #comments {
clear: both;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
color: #000;
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
}
h3#comments-title {
padding: 24px 0;
}
.commentlist {
list-style: none;
margin: 0;
}
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 56px;
position: relative;
}
.commentlist li:last-child {
border-bottom: none;
margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
}
.comment-author {
}
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
}
.comment-author .says { }
.comment-meta {
font-size: 12px;
margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
color: #888;
text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
font-size: 12px;
padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
color: #ff4b33;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li {
border: none;
margin: 0;
}
.nopassword,
.nocomments {
display: none;
}
#comments .pingback {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
color: #888;
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 13px; } input[type=submit] {
color: #333;
}
#respond {
border-top: 1px solid #e7e7e7;
margin: 24px 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 1em;
}
.form-allowed-tags {
line-height: 1em;
}
.children #respond {
margin: 0 48px 0 0;
}
h3#reply-title {
margin: 18px 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
#respond .required {
color: #ff4b33;
font-weight: bold;
}
#respond label {
color: #888;
font-size: 12px;
}
#respond input {
margin: 0 0 9px;
width: 98%;
}
#respond textarea {
width: 98%;
}
#respond .form-allowed-tags {
color: #888;
font-size: 12px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
font-size: 14px;
width: auto;
} .widget-area ul {
list-style: none;
margin-left: 0;
}
.widget-area ul ul {
list-style: square;
margin-left: 1.3em;
}
.widget-area select {
max-width: 100%;
}
.widget_search #s { width: 60%;
}
.widget_search label {
display: none;
}
.widget-container {
margin: 0 0 18px 0;
}
.widget-title {
color: #222;
font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
text-decoration: underline;
}
.widget-area .entry-meta {
font-size: 11px;
}
#wp_tag_cloud div {
line-height: 1.6em;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
color: #222;
font-size: 14px;
font-weight: bold;
padding-bottom: 4px;
text-align: left;
}
#wp-calendar thead {
font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
padding: 3px 0 2px;
text-align: center;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
text-align: right;
}
.widget_rss a.rsswidget {
color: #000;
}
.widget_rss a.rsswidget:hover {
color: #ff4b33;
}
.widget_rss .widget-title img {
width: 11px;
height: 11px;
} #main .widget-area ul {
margin-left: 0;
padding: 0 20px 0 0;
}
#main .widget-area ul ul {
border: none;
margin-left: 1.3em;
padding: 0;
}
#primary {
}
#secondary {
} #footer-widget-area {
} #colophon {
border-top: 4px solid #000;
margin-top: -4px;
overflow: hidden;
padding: 18px 0;
}
#site-info {
font-weight: bold;
}
#site-info a {
color: #000;
text-decoration: none;
}
#site-generator { position: relative;
}
#site-generator a {
background: url(//hawksten.com/wp-content/themes/hawksten/images/wordpress.png) center left no-repeat;
color: #666;
display: inline-block;
line-height: 16px;
padding-left: 20px;
text-decoration: none;
}
#site-generator a:hover {
text-decoration: underline;
}
img#wpstats {
display: block;
margin: 0 auto 10px;
} pre {
-webkit-text-size-adjust: 140%;
}
code {
-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
-webkit-text-size-adjust: 120%;
}
#site-description {
-webkit-text-size-adjust: none;
} @media print {
body {
background: none !important;
}
#wrapper {
clear: both !important;
display: block !important;
float: none !important;
position: relative !important;
}
#header {
border-bottom: 2pt solid #000;
padding-bottom: 18pt;
}
#colophon {
border-top: 2pt solid #000;
}
#site-title,
#site-description {
float: none;
line-height: 1.4em;
margin: 0;
padding: 0;
}
#site-title {
font-size: 13pt;
}
.entry-content {
font-size: 14pt;
line-height: 1.6em;
}
.entry-title {
font-size: 21pt;
}
#access,
#branding img,
#respond,
.comment-edit-link,
.edit-link,
.navigation,
.page-link,
.widget-area {
display: none !important;
}
#container,
#header,
#footer {
margin: 0;
width: 100%;
}
#content,
.one-column #content {
margin: 24pt 0 0;
width: 100%;
}
.wp-caption p {
font-size: 11pt;
}
#site-info,
#site-generator {
float: none;
width: auto;
}
#colophon {
width: auto;
}
img#wpstats {
display: none;
}
#site-generator a {
margin: 0;
padding: 0;
}
#entry-author-info {
border: 1px solid #e7e7e7;
}
#main {
display: inline;
}
.home .sticky {
border: none;
}
} .grid-1n2{width: 50%;}
.grid-2n2{width: 100%;}
.grid-1n3{width: 33.33%;}
.grid-2n3{width: 66.66%;}
.grid-3n3{width: 100%;}
.grid-1n4{width: 25%;}
.grid-2n4{width: 50%;}
.grid-3n4{width: 75%;}
.grid-4n4{width: 100%;}
.grid-1n5{width: 20%;}
.grid-2n5{width: 40%;}
.grid-3n5{width: 60%;}
.grid-4n5{width: 80%;}
.grid-5n5{width: 100%;}
.grid-1n6{width: 16.66%;}
.grid-2n6{width: 33.33%;}
.grid-3n6{width: 50%;}
.grid-4n6{width: 66.66%;}
.grid-5n6{width: 83.33%;}
.grid-6n6{width: 100%;} .main_menu ul {
margin: 0 !important; 
text-align: center;
} 
.main_menu ul li{
list-style: none;
display: inline-block;
position: relative;
}
.main_menu ul li:hover .sub-menu{
display: block;
}
.main_menu ul li .sub-menu{
position: absolute; 
left: 0;
top: 33px;
display: none;
background:#dfdfdf;
padding-top: 10px;
padding-bottom: 10px;
} 
.main_menu ul li a { 
color: #000; 
font-size: 15.35px;
padding: 10px 13px;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
}
.main_menu ul li:hover > a,
.main_menu ul li a:hover,
.main_menu ul li.current-page-ancestor a,
.main_menu ul li.current-menu-item a, 
.main_menu ul li.page_item a,
.main_menu ul li.current-menu-parent a, 
.main_menu ul li.current_page_item a{ 
color:#5ff181; 
}    
.main_menu ul li.current-page-ancestor .sub-menu li a ,
.main_menu ul li.current-menu-item .sub-menu li a ,
.main_menu ul li.page_item .sub-menu li a ,
.main_menu ul li.current-menu-parent .sub-menu li a ,
.main_menu ul li.current_page_item .sub-menu li a { 
color:#130d52; 
}   
.main_menu ul li  .sub-menu li a:hover,
.main_menu ul li.current-menu-parent .sub-menu li.current_page_item a,
.main_menu ul li.current-page-ancestor .sub-menu li.current_page_item a{  
color:#5ff181; 
} .top-header{
float: left;
width: 100%;
text-align: center;
position: relative;
}
.ads {
position: absolute;
right: 0;
top: 29%;
float: right;
font-weight: 400; color: #130d52;
font-size: 23px;
line-height: 1.38;
}
.logo img{ width: 182px;
}
.main_menu {
float: left;
width: 100%;
margin-top: 22px;
}
.line-title hr{
background-color:#000;
}
.line-title h1 {
font-size: 23px;
color: #000; float: left;
background-color: #fff;
line-height: 1.38;
margin-bottom: -17px;
padding: 0 26px 10px 25px;
overflow: hidden;
background-repeat: no-repeat;
} 
.line-title{
width: 100%;
float: left;
margin-top: -9px;
}
.line-title.single-post { 
margin-top: 9px;
}
.line-title.about h1 {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-about.png); 
background-position: left 3px;
background-size: 21px auto;
padding-left: 27px;
}
.line-title.work h1 {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-about.png); 
background-position: left 4px;
background-size: auto 19px;
}
.line-title.services h1 {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-about.png); 
background-position: left 4px;
background-size: auto 18px;
}
.line-title.clients h1 {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-about.png); 
background-position: left 4px;
background-size: auto 19px;
padding-left: 27px;
}
.line-title.contact h1 {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-about.png);
background-position: left 4px;
background-size: auto 19px;
padding-left: 26px;
}
.line-title.notfound h1 {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-about.png);
background-position: left 4px;
background-size: auto 19px;
padding-left: 26px;
} .grid-flexy{
float: left;
}
#footer .grid-social ul li img{
width: 36px;
}
#footer .grid-social ul li a{ 
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#footer .grid-social ul li a:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#footer .grid-social ul li{
list-style: none;
display: inline-block;
margin: 0 11px 0 0;
float: left;
}
#footer .grid-social ul{
width: 100%;
text-align: center;
margin: 0;
}
.footer-wrap {
float: right;
padding: 38px 0 50px;
width: 75%;
}
#footer hr {
width: 94%;
float: right;
background-color: #7fffc5;
height: 2px;
}
#footer  p span{
font-weight: 600; }
#footer p {
color: #000;
font-weight: 500;
line-height: 1.5;
margin: 0 0 4px;
}
#footer .grid-contact p{
font-size: 16px;
}
#footer .grid-copyright p{
font-size: 13.43px;
}
#content #about-text-top p{
font-size: 21px;
line-height: 1.38;
}
#content #about-text-second p{
font-size: 17px;
line-height: 1.38;
}
.font-cabin p{
}
#service-right{
} #content #list ul {
margin: 0;
}
#content #list ul li {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-list.png);
background-position: left 8px;
background-size: 9px auto;
background-repeat: no-repeat;
list-style: none;
font-size: 17px;
line-height: 1.5;
padding-left: 19px;
margin: 0 0 7px;
}
#content #font15 p{
font-size: 15px;
}
#content #font16 p{
font-size: 16px;
}
#content #font17 p{
font-size: 17px;
}
#content #font18 p{
font-size: 18px;
}
#content #font19 p{
font-size: 19px;
}
#content #font20 p{
font-size: 20px;
}
#content #font21 p{
font-size: 21px;
}
#content #font22 p{
font-size: 22px;
}
#content #font23 p{
font-size: 23px;
}
#content #font24 p{
font-size: 24px;
} .vc_custom_1555246627770 {
margin-right: 126px !important;
}
.italic{ }
.underline  >.wpb_wrapper >*{ 
text-decoration: underline;
}
#contact-right {
color: #000;
}
.right{
float: right;
}
.left{
float: left;
} #content .wpcf7p{
width: 100%;
}
#content .wpcf7 .grid-left input[type="text"]{
width: 95%;
}
#content .wpcf7 input[type="number"], 
#content .wpcf7 input[type="tel"], 
#content .wpcf7 input[type="email"], 
#content .wpcf7 input[type="text"], 
#content .wpcf7 textarea {
padding: 6.5px 15px;
top: 0;
color: #fff;
font-size: 19px;
width: 100%;
border: 1px solid #595c73;
font-weight: 400;
margin: 0 0 11px;
background-color: #595c73;
border-radius: 10px;
}  
#content .wpcf7 textarea {
height: 126px;
width: 100%;
}
.wpcf7 textarea::placeholder ,
.wpcf7 input[type="email"]::placeholder ,
.wpcf7 input[type="text"]::placeholder {
color:#000;
} 
#content .wpcf7-form textarea.wpcf7-not-valid, 
#content .wpcf7-form  input.wpcf7-not-valid  {
border: 1px solid red!important;
}
#content .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip{display: none;}
#content .wpcf7-form input[type=submit]:hover { 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#content .wpcf7-form input[type=submit] {
border: 0 solid !important;
cursor: pointer;
float: right;
margin-top: 11px;
background-color: #82B29A;
font-size: 16px;
border: none;
color: #fff;
font-weight: 500;
padding: 7px 0;
line-height: 1;
width: 108px;
margin: 0;
height: 32px;
border-radius: 26px;
}
*{outline: none;}
body div.wpcf7-response-output {
margin: 0.5em 0.5em 1em;
width: 94%;
padding: 0.5em 2%;
float: left;
}
#clients .small.wpb_single_image img{
height: 29px;
}
#clients .wpb_single_image img {
max-width: 85%;
max-height: 76px;
}
#clients .vc_col-sm-1\/5 {
margin-bottom: 15px;
} #wrapper-home{  
margin-top: 20px;
padding: 0 30px;
margin: 0 auto;
width: 1200px;
max-width: 94%;
} 
#header-front .top-header { 
margin-top: 38px;
}
#header-front .logo img {
width: 182px;
}
body#front-temp{ 
background-color: #d5fcfd;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
} 
#front-temp .vc_btn3-container a:hover{
background-color:#4bfc6f;
}
#front-temp #container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
padding: 23px 0 0;
} 
#front-temp .vc_btn3-container a{ 
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#front-temp .vc_btn3-container a{
background-color: #62fe98;
border: 0 solid !important;
cursor: pointer;
margin-top: 11px;
font-size: 21px;
color: #000;
font-weight: 500;
padding: 12px 50px;
line-height: 1;
margin: 0;
border-radius: 50px;
}
#front-temp #content h1 { 
font-weight: 700; 
text-transform: capitalize;
} body#front-temp.page-template-page-front2 {
background-color: #b5e0f4; 
background-image: none!important;
}
body#front-temp.page-template-page-front2 .vc_btn3-container a:hover:before{
background-color: #62fe98;
}
body#front-temp.page-template-page-front2 .vc_btn3-container a:before{
content: "";
position: absolute;
background-color: #62fe98;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 50px;
left: 5px;
top: 5px;
}
body#front-temp.page-template-page-front2 .vc_btn3-container a:after{
content: "";
position: absolute;
background-color: #fff;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 50px;
left: 0;
top: 0;
}
body#front-temp.page-template-page-front2 .vc_btn3-container a:hover{
opacity: 0.8; 
}
body#front-temp.page-template-page-front2 .vc_btn3-container a{
background-color: #fff;
position: relative;
width: 190px;
margin: 0 0 10px;
}
body#front-temp.page-template-page-front2 #content h1 {
font-size: 71px;
color: #000;
font-weight: 100;
padding: 20px 0;
}
body#front-temp.page-template-page-front2 #clock-home{
margin-bottom: -10vh;
}
body#front-temp.page-template-page-front2 #header-front .top-header {
margin-top: 60px;
}
body#front-temp.page-template-page-front2 #content h2 {
font-size: 28px;
color: #000;
line-height: 1.5;
font-weight: 100;
padding: 0 0 28px; 
} .widget-area .xoxo a:hover {
color: #f37570;
}
.widget-area .xoxo a {
text-decoration: none;
color: #333;
}
#primary {
margin-top: 50px;
}
div#content .entry-title { 
font-size: 42px;
color: #4d4d4d;
line-height: 1.2;
} 
#content .form-submit input[type=submit]:hover { 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#content .form-submit input[type=submit] {
border: 0 solid !important;
cursor: pointer;
float: left;
margin-top: 11px;
background-color: #00ff8c;
font-size: 21px;
text-transform: uppercase;
border: none;
color: #000;
font-weight: 500;
padding: 14px 50px;
line-height: 1; 
width: auto;
margin: 0;
} #work-list .grid-work-wrap h4 a:hover { text-decoration: underline;
}
#work-list .grid-work-wrap h4 a {
font-size: 21px;
text-decoration: none;
color: #000;
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-arrow.png);
background-position: right center;
background-size: 10px auto;
background-repeat: no-repeat;
padding-right: 30px;
}  
#work-list .grid-work-wrap{
text-align: center;
padding-bottom: 95px;
}
.single-work .main_menu ul li#menu-item-30 a {
color: #b9b9b9;
}
#content .work-details-header h2{
margin: 0 0 9px;
}
#content.work-details h5 {
margin: 0;
font-weight: bold;
font-size: 125%; 
}
#content .work-details-header h4 { border-bottom: 1px solid #00ff8c;
color: #000;
float: left;
line-height: 1.2;
}
#content .work-details-header h1 { 
color: #808080; 
}
.work-details .navigation a:link, .work-details .navigation a:visited {
color: #7fffc5;
text-decoration: none;
font-size: 17px;
}
.work-details .navigation a[rel="prev"] span {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-prev.png);
background-position: left center;
background-size: auto 16px;
text-indent: -9999px;
display: inline-block;
float: left;
width: 26px;
background-repeat: no-repeat;
height: 18px;
}
.work-details #nav-below {
margin: 0 0 50px;
} 
.work-details .navigation a[rel="next"] span{ 
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-next.png);
background-position: right center;
background-size: auto 16px;
text-indent: -9999px;
display: inline-block;
float: right;
width: 26px;
background-repeat: no-repeat;
height: 18px;
}
#work-images {
margin-bottom: 55px;
}
.grid-work-img a:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
.grid-work-img a { 
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.right.wpb_column  {
float: right!important;
}
.left.wpb_column  {
float: left!important;
}
#image-desktop{}
#image-mobile{display: none} 
.text-white *,
.text-white{
color: #fff!important;
}
#content #services h3 a:hover{
color: #82B29A;
}
#content #services h3 a{
color: #3C405B;
text-decoration: none;
}
#content #services h3:after {
content: "";
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-arrow.svg);
background-size: 42px auto;
background-repeat: no-repeat;
padding-right: 0;
background-position: right center;
display: inline-block;
width: 59px;
height: 28px;
position: relative;
top: 7px;
}
#content #services h3 {
font-size: 30px;
margin-bottom: 10px;
line-height: 1.3;
color: #3C405B;
}
#services .wpb_row >.wpb_column >.vc_column-inner>.wpb_wrapper .wpb_text_column {
width: calc(100% - 50px);
padding-left: 20px;
margin: 0;
}
#services .wpb_row >.wpb_column >.vc_column-inner>.wpb_wrapper .wpb_single_image *{
width: 100%;
}
#services .wpb_row >.wpb_column >.vc_column-inner>.wpb_wrapper .wpb_single_image {
width: 50px;
margin: 0;
}
#services .wpb_row >.wpb_column >.vc_column-inner>.wpb_wrapper {
background-color: #eff1f0;
display: flex;
padding: 25px;
align-items: center;
}
#services .wpb_row >.wpb_column >.vc_column-inner{
}
#services .wpb_row >.wpb_column >.vc_column-inner>.wpb_wrapper,
#services .wpb_row >.wpb_column >.vc_column-inner{
height: 100%;
}
#services .wpb_row {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
} 
*{
box-sizing: border-box;
}
.item_p.item_p1{
display: block
}
.item_p{
display: none;
}
.portfolio-list li img {
position: relative;
z-index: 1;
width: 100%;
float: left;
}
.portfolio-list li .portfolio-wrap a {
position: relative;
z-index: 3;
width: 100%;
float: left;
overflow: hidden;
}
.portfolio-list li .portfolio-wrap a:hover:before{
opacity: 0;
}
.portfolio-list li .portfolio-wrap a:hover img {  
transform: scale(1.03);
}
.portfolio-list li .portfolio-wrap a:before{
content: "";
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
}
.portfolio-list li .portfolio-wrap{
width: 100%;
float: left;
position: relative;
height: 100%;
}
.portfolio-list li{
width: 33.33%;
float: left;
padding: 15px;
}
.portfolio-list{
margin: 0 -15px;
list-style: none;
display: flex;
flex-wrap: wrap;
}
img{
max-width: 100%;
}
.fancybox__caption { 
text-align: center;
}
.fancybox__caption h3,
#content .portfolio-text h3{
font-size: 25px;
font-weight: 400;
margin-bottom: 5px!important;
font-family: "Alice", serif;
}
.fancybox__caption h4,
#content .portfolio-text h4{
font-size: 20px;
font-weight: 300;
margin-bottom: 0!important;
font-family: "proxima-nova",sans-serif;
}
.portfolio-text h3,
.portfolio-text h4{
color: #fff!important;
line-height: 1.1!important;
}
.portfolio-text{
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding-left: 15px;
padding-bottom: 15px;
z-index: 5;
}
#header {
float: left;
width: 100%;
display: inline-block;
padding: 29px 0;
left: 0;
top: 0;
z-index: 99;
position: fixed;
background-color: #3a405a;
}
#header > .container {
width: 1170px;
margin: 0 auto;
display: block;
max-width: calc(100% - 30px);
position: relative;
}
.container {
width: 1170px;
margin: 0 auto;
display: block;
max-width: calc(100% - 30px);
position: relative;
}
.header-content {
display: flex;
align-items: center;
justify-content: center;
}
.main-logo img{
float: left;
}
.main-logo {
float: left;
width: 270px;
}
.header-right {
float: right;
position: relative;
width: calc(100% - 270px);
} #nav-icon4{width:32px;height:23px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;display:inline-block;vertical-align:middle;}
#nav-icon4 span{display:block;position:absolute;height:3px;width:100%;background:#fff;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon4 span:nth-child(1){top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-icon4 span:nth-child(2){top:9px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-icon4 span:nth-child(3){top:18px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-icon4.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg); top: -5px; left: 6px;}
#nav-icon4.open span:nth-child(2){width:0%;opacity:0;}
#nav-icon4.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:18px;left:5px;}
.menu_btn {
display: none;
} #main-menu {
clear: both;
float: right;
width: auto;
}
#main-menu ul {
float: right;
width: auto;
text-align: center;
margin: 0;
}
#main-menu ul.sub-menu li  a{
background-image: none!important;
} 
#main-menu ul li.contact-btn a.active,
#main-menu ul li.contact-btn a:hover{
background-color: #82B29A;
}
#main-menu ul li.contact-btn a{
border: 1px solid #82B29A;
border-radius: 26px;
color: #fff!important;
padding: 10px 25px;
}
#main-menu ul li:last-child{
margin-right: 0;
}
#main-menu ul li {
float: left;
list-style: outside none none;
position: relative;
display: inline-block;
margin: 0 13px;
}
#main-menu ul li:last-childX,
#main-menu ul li:last-childX a { 
margin-right: 0!important;
} #main-menu ul li .sub-menu li a{
color: #fff;
}
#main-menu ul li .sub-menu li {
display: block;
list-style: outside none none;
text-align: left;
position: relative;
width: 100%;
margin: 0;
} 
#main-menu ul li:hover .sub-menu{  
display: block;
}
#main-menu ul li .sub-menu {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background: #495172;
left: -14px;
position: absolute;
top: 42px;
width: auto;
z-index: 9995;
padding: 0;
display: none;
min-width: 230px;
padding: 12px 0;
box-shadow: 1px 1px 2px -3px #000;
}
#main-menu ul li.menu-item-has-childrenX > a:before {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/arrowdown.svg);
padding: 0px 0 0 16px;
background-size: 11px auto;
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 11px;
background-repeat: no-repeat;
background-position: top 8px right;
}
#main-menu ul li.menu-item-has-children > a:before {
content: "";
box-sizing: border-box;
height: 11px;
width: 11px;
border-style: solid;
border-color: white;
border-width: 0px 2px 2px 0px;
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
padding: 0;
top: 3px;
position: absolute;
right: 0;
}
#main-menu ul li.menu-item-has-children > a {
padding-right: 20px;
padding-bottom: 52px;
}
#main-menu ul li a {
color: #fff;
font-size: 18px;
overflow: hidden;
padding: 0;
text-decoration: none;
line-height: 1.5;
position: relative;
font-weight: 300;
}
#main-menu ul li .sub-menu a {
float: left;
padding: 8px 16px;
text-transform: inherit;
width: 100%;
box-sizing: border-box;
line-height: 1.3;
font-size: 15px;
}
#main-menu ul li.current-menu-item .sub-menu li a {
color:#fff;
background-color: transparent;
} 
#main-menu ul li .sub-menu li a:hover,
#main-menu ul li .sub-menu li a.current-menu-item,
#main-menu ul li.current-menu-item .sub-menu li a:hover,
#main-menu ul li.current-menu-parent .sub-menu li a.current-menu-item {
color: #81b199 !important;
} 
#main-menu ul ul li:hover > a,
#main-menu ul ul li a:hover,
#main-menu ul ul li.current-page-ancestor a,
#main-menu ul ul li.current-menu-item a,
#main-menu ul ul li.page_item a,
#main-menu ul ul li.current_page_item a{ 
color: #81b199 !important;  
} 
#main-menu ul li.current-menu-parent > a,
#main-menu ul li:hover > a,
#main-menu ul li a:hover,
#main-menu ul li.current-page-ancestor a,
#main-menu ul li.current-menu-item a,
#main-menu ul li.page_item a,
#main-menu ul li.current_page_item a{  
}
#main-menu ul li > a.active,
#main-menu ul li:hover > a,
#main-menu ul li a:hover{
color: #81b199;
}
#header.sticky-header {
box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.2);
background-color: #3a405a;
padding: 10px 0;
} 
#home.vc_row-has-fill>.vc_column_container>.vc_column-inner {
padding-top: 0;
}
#content #home h5{
color: #8aaea3!important;
} 
.vc_btn3-container a.vc_general.vc_btn3:hover {
color: #fff;
border-color: #82B29A;
background-color: #82B29A;
} 
.vc_btn3-container a.vc_general.vc_btn3 {
background-color: transparent;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-weight: normal;
line-height: 1;
padding: 16px 0;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
font-size: 18px;
border: 1px solid #82B29A;
max-width: 100%;
background-image: none;
border-radius: 26px;
color: #fff;
padding: 9px 31px;
font-weight: 300;
}
#footer-menu ul li a:hover{
color: #82B29A;
}
#footer-menu ul li a{
text-decoration: none;
color: #fff;
}
#footer-menu ul li:first-child{
padding-left: 0;
}
#footer-menu ul li:last-child{
padding-right: 0;
}
#footer-menu ul li{
float: left; 
padding: 0 10px;
}
#footer-menu ul{
list-style: none;
margin: 0;
padding: 0;
}
.footer-slogo {
float: left;
width: 400px;
}
.footer-data {
float: left;
width: calc(100% - 400px);
}
#footer-menu {
float: right;
padding-top: 26px;
}
.footer-slogo ul li.sp {
margin: 0 15px;
}
.footer-slogo ul li a:hover{
text-decoration: underline;
}
.footer-slogo ul li a{
color: #fff;
text-decoration: none;
}
.footer-slogo ul li {
float: left;
font-size: 18px;
font-weight: 300;
}
.footer-slogo ul {
list-style: none;
float: left;
margin: 10px 0 0;
padding: 0;
}
#footer .container{
border-top: 1px solid #fff;
padding-top: 60px;
}
#footer{
padding-bottom: 60px;
}
.wpb_text_column.container-8{
width: 800px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
position: relative;
}
.wpb_text_column.container-7{
width: 770px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
position: relative;
}
.wpb_text_column.container-5{
width: 569px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
position: relative;
} #content .vc_toggle>.vc_toggle_content { 
margin-top: 0;
}
#content .vc_toggle {
border-bottom: 1px solid #E6E7E8;
margin: 0; 
}
#content .vc_toggle:last-child {
border-bottom: 0 solid #E6E7E8; 
}
#content .vc_toggle_title h4 {
font-size: 20px;
color: #000;
font-weight: 400;
padding-left: 48px;
font-family: "proxima-nova",sans-serif;
} 
div.vc_toggle_size_md.vc_toggle_default .vc_toggle_title {
padding: 28px 20px;
display: inline-block;
color: #fff;
position: relative;
width: 100%;
box-sizing: border-box;
} 
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon:after,
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon:before {
display: none !important;
}
body .vc_toggle_size_md.vc_toggle_default.vc_toggle_active .vc_toggle_title .vc_toggle_icon {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-minus.svg); 
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-plus.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
text-indent: -9999px;
width: 16px;
height: 16px;
background-color: transparent;
border: none;
left: 20px;
right: auto;
top: 42px;
margin-left: 0;
}  .entry-content> .wpb-content-wrapper> div.vc_row[data-vc-full-width="true"][data-vc-stretch-content="true"] .vc_column_container>.vc_column-inner,
.entry-content> div.vc_row[data-vc-full-width="true"][data-vc-stretch-content="true"] .vc_column_container>.vc_column-inner{ 
width: 100%!important;
max-width: 100%;
margin-left: 0!important;
margin-right: 0!important;
left: 0!important;
} 
@media only screen and (min-width: 1170px){
.entry-content> .wpb-content-wrapper> div.vc_row:not([data-vc-full-width="true"]) >.vc_column_container>.vc_column-inner {
max-width: 100%;
}
}
.entry-content> .wpb-content-wrapper> div.vc_row:not([data-vc-full-width="true"]),
.entry-content> div.vc_row:not([data-vc-full-width="true"]){
width: 1170px; 
max-width: 100%;
margin: 0 auto;
}
.entry-content> .wpb-content-wrapper>div.vc_row[data-vc-full-width="true"],
.entry-content> div.vc_row[data-vc-full-width="true"]{
width: 100%!important;
max-width: 100%;
margin-left: 0!important;
margin-right: 0!important;
left: 0!important;
} 
.entry-content> .wpb-content-wrapper> div.vc_row[data-vc-full-width="true"] >div>div>div>.vc_column_container>.vc_column-inner ,
.entry-content> .wpb-content-wrapper> div.vc_row > .vc_column_container>.vc_column-inner,
.entry-content> div.vc_row[data-vc-full-width="true"] >div>div>div>.vc_column_container>.vc_column-inner ,
.entry-content> div.vc_row > .vc_column_container>.vc_column-inner{  
width: 1170px;
max-width: calc(100% - 30px); 
margin-left: auto;
margin-right: auto; 
padding: 0;    
} 
.entry-content> .wpb-content-wrapper> div.vc_row.container-10 > .vc_column_container>.vc_column-inner{
width: 1170px;
}
.entry-content> .wpb-content-wrapper>  div.vc_row, 
.entry-content> div.vc_row {
padding: 100px 0 65px;
} 
.wpb_text_column ul {
list-style: none;
padding: 0;
margin-left: 0;
} 
.wpb_text_column ul li {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-tick.svg);
background-size: 17px;
background-repeat: no-repeat;
padding-left: 23px;
background-position: left top 3px;
}
.vc_row.list_services {
width: 850px;
margin: 0 auto;
max-width: 100%;
}
.vc_row.container-7{
width: 770px;
max-width: 100%;
margin: 0 auto;
}
.explor.wpb_single_image *{
height: 100%;
} 
.explor.wpb_single_image {
margin: 0 auto;
position: absolute;
width: 101px;
height: 101px;
bottom: -118px;
left: 0;
right: 0;
}
#wrapper{
overflow: hidden;
}
#about-us, 
#home{ 
overflow: visible;
z-index: 3;
}
.wpb_single_image .vc_figure *,
.wpb_single_image .vc_figure { 
width: 100%;
}
.clients_logo{
padding: 22px 0;
}
#content .as-icon h4{
color: #82B29A!important;
}
#content .as-icon h4:after {
content: "";
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-arrow2.svg);
background-size: 42px;
background-repeat: no-repeat;
padding-right: 59px;
background-position: right center;
display: inline;
}
#content #contact-us h4{
font-family: "proxima-nova",sans-serif;
font-size: 24px;
font-weight: 300;
} 
.contact_blocks label{
color: #fff;
font-size: 18px;
font-weight: 300;
}
.footer-logo img{
width: 303px;
} 
#content #home h4 {
color: #82B29A!important;
display: inline-block;
font-family: "proxima-nova",sans-serif;
} 
#content h5,
#content #clients h5,
#content #about-us h5,
#content #services h5,
#content #portfolio h5 { 
font-family: "proxima-nova",sans-serif;
}
#wprmenu_menu[style="display: block;"] ~ #wprmenu_bar .wprmenu_icon i.wpr_open {
display: none;
}
#wprmenu_menu[style="display: block;"] ~ #wprmenu_bar .wprmenu_icon i.wpr_close {
display: block;
}
#wprmenu_bar .wprmenu_icon .menu_close_icon span {
content: "\e117"!important;
display: block!important;
}
#special_menu #wprmenu_bar {
background: transparent;
}
#special_menu {
width: 100%;
float: left;
position: relative;
}
div#wprmenu_bar .wprmenu_icon {
padding-top: 0;
margin-top: 0;
padding-right: 0; 
overflow: inherit; 
} 
div#wprmenu_bar .wprmenu_icon i {
font-size: 35px;
cursor: pointer;
line-height: 1;
}
div#wprmenu_menu ul li a {
font-size: 17px!important; 
}
div#wprmenu_menu ul li a:hover,
div#wprmenu_menu ul li.current-menu-item a {
color: #82B29A;
}
div#wprmenu_bar {
position: absolute;
width: 32px;
left: 0;
float: right;
padding: 0;
left: auto;
top: 1px;
right: 0;
}
div#wprmenu_menu.top {
position: absolute;
top: 27px; 
width: 250px;
left: auto;
right: 0;
max-width: 100%;
}
#wprmenu_bar .wprmenu_icon.menu-open #nav-icon3 span:nth-child(1) {
top: 15px;
width: 0%;
left: 50%;
}
#wprmenu_bar .wprmenu_icon.menu-open #nav-icon3 span:nth-child(3),
#wprmenu_bar .wprmenu_icon.menu-open #nav-icon3 span:nth-child(2) {
top: 9px;
} 
#wprmenu_bar .wprmenu_icon.menu-open #nav-icon3 span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#wprmenu_bar .wprmenu_icon.menu-open #nav-icon3 span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#wprmenu_bar .wprmenu_icon.menu-open #nav-icon3 span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
} #wprmenu_bar .wprmenu_icon #nav-icon3 span:nth-child(1) {
top: 0px;
}
#wprmenu_bar .wprmenu_icon #nav-icon3 span:nth-child(2),
#wprmenu_bar .wprmenu_icon #nav-icon3 span:nth-child(3) {
top: 10px;
}
#wprmenu_bar .wprmenu_icon #nav-icon3 span:nth-child(4) {
top: 20px;
}
#wprmenu_bar .wprmenu_icon #nav-icon3.open span:nth-child(1) {
top: 15px;
width: 0%;
left: 50%;
}
#wprmenu_bar .wprmenu_icon #nav-icon3.open span:nth-child(3),
#wprmenu_bar .wprmenu_icon #nav-icon3.open span:nth-child(2) {
top: 10px;
}
#wprmenu_bar .wprmenu_icon #nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#wprmenu_bar .wprmenu_icon #nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#wprmenu_bar .wprmenu_icon #nav-icon3.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
#wprmenu_bar .wprmenu_icon #nav-icon3 {
width: 32px;
height: 32px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#wprmenu_bar .wprmenu_icon #nav-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
border-radius: 6px;
}
.contact_blocks .text { 
padding-top: 19px;
}
#content .wpcf7 form .wpcf7-response-output { 
font-size: 16px;
color: #fff;
border-radius: 10px;
}
.error404 #main .container{
}
.error404 .notfound h1{
font-size: 46px;
color: #82B29A;
} 
.search #main{
margin: 0 auto;
width: 1170px;
max-width: calc(100% - 30px);
}
.home #header.sticky-header { 
background-color: #3a405a; 
}
.home #header { 
background-color: transparent;
}
.home #wrapper{
padding: 0;
}
#wrapper {
padding: 200px 0 80px;
float: left;
}
@media only screen and (min-width: 768px) {
.contact_blocks .text {
padding-left: 100px; 
}
.about-img{
padding-left: 60px;
}
#content #home h4 { 
margin: 30px 0; 
}
}
#ast-scroll-top {
display: none;
position: fixed;
text-align: center;
cursor: pointer;
z-index: 99;
width: 2.1em;
height: 2.1em;
line-height: 2.1;
color: #ffffff;
border-radius: 2px;
content: "";
outline: inherit;
overflow: hidden;
}
.ast-scroll-to-top-right {
right: 30px;
bottom: 30px;
}
#ast-scroll-top a {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/arrow-23-32.png);
position: absolute;
width: 100%;
height: 100%;
background-size: 54% auto;
text-indent: -9999px;
background-position: center top 9px;
background-repeat: no-repeat;
left: 0;
top: 0;
}
#ast-scroll-top {
color: var(--ast-global-color-5);
background-color: #82B29A;
font-size: 24px;
font-size: 1.3333333333333rem;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
} .blog-main-section {
padding: 70px 0px 60px 0px;
}
.blog-main-section .row {
display: flex;
gap: 40px;
}
.sidebar-section {
width: 20%;
}
.right-blog-listing {
width: 80%;
}
.single-latest-post {
width: 48.5%;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
border-radius: 10px;
position: relative;
}
.content-post-part {
padding: 20px 20px 60px 20px;
}
.post-thumb img {
width: 100%;
border-radius: 10px 10px 0px 0px;
height: 220px;
object-fit: cover;
}
.all-posts {
display: flex;
gap: 20px;
flex-flow: wrap;
}
h3.post-title {
font-family: "Alice", serif;
color: #231F20;
font-size: 26px;
line-height: 32px;
padding: 10px 0px 15px 0px;
}
span.category {
color: #82B29A;
font-family: "Alice", serif;
font-weight: 400;
font-size: 22px;
}
.content-post-part a {
text-decoration: none;
}
a.read-more-btn {
background-color: #82B29A;
color: #fff;
border-radius: 50px;
padding: 6px 24px;
font-size: 18px;
font-weight: 400;
position: absolute;
bottom: 20px;
}
a.read-more-btn:hover {
background-color: #fff;
color: #82B29A;
border: 1px solid #82B29A;
}
.sidebar-section li {
list-style: none;
padding: 0px;
margin: 0px;
}
.sidebar-section ul {
margin: 0px;
}
body.archive li#recent-posts-2, body.blog li#recent-posts-2 {
display: none;
}
.sidebar-section li#archives-2, .sidebar-section li#recent-posts-2 {
padding-top: 25px;
}
.sidebar-section li#recent-posts-2 ul li {
padding-bottom: 15px;
}
li#recent-posts-2 ul li a {
font-size: 20px;
line-height: 25px;
}
.sidebar-section h3 {
font-family: "Alice", serif;
color: #231F20;
font-size: 26px;
font-weight: 400;
}
.sidebar-section li a {
font-size: 22px;
font-weight: 400;
}
.pagination {
margin: 0 auto;
display: flex;
justify-content: center;
gap: 13px;
margin-top: 30px;
}
.blog-main-banner {
background-color: #3a405a !important;
padding: 120px 0px;
}
.blog-main-banner.main-blog-page h1 {
font-size: 65px;
line-height: 75px;
}
.blog-main-banner h1 {
font-weight: 400;
font-style: normal;
font-size: 40px;
color: #fff;
font-family: "Alice", serif;
line-height: 50px;
}
.post-thumb-full img {
padding-bottom: 20px;
width: 100%;
}
.sidebar-section li a:hover {
text-decoration: none;
}
.single-post .right-blog-listing h2,  .single-post .right-blog-listing h3{
font-family: "Alice", serif;
font-weight: 400;
padding-bottom: 15px;
}
.single-post .right-blog-listing h3 {
font-size: 24px;
}
.single-post .right-blog-listing ul li:before{
content: "";
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/icon-tick.svg);
background-size: 17px;
background-repeat: no-repeat;
padding-left: 25px;
background-position: left top 6px;
}
.single-post .right-blog-listing ul {
list-style: none;
margin-left: 0px;
} @media (max-width: 1000px) {
.single-latest-post {
width: 48%;
}
.blog-main-banner.main-blog-page h1 {
font-size: 50px;
line-height: 60px;
}
h3.post-title {
font-size: 22px;
line-height: 28px;
}
.blog-main-banner {
padding: 80px 0px;
}
.blog-main-banner h1 {
font-size: 30px;
line-height: 36px;
}
}
@media (max-width: 767px) {
.blog-main-section .row {
gap: 10px;
}
.blog-main-section .row {
flex-flow: column;
}
.sidebar-section {
width: 100%;
}
.right-blog-listing {
width: 100%;
}
.blog-main-section {
padding: 50px 0px 40px 0px;
}
.sidebar-section h3 {
font-size: 22px;
}
.sidebar-section li#archives-2, .sidebar-section li#recent-posts-2{
padding-top: 15px;
}
.sidebar-section {
padding-bottom: 20px;
}
}
@media (max-width: 650px) {
.single-latest-post {
width: 100%;
}
.blog-main-banner.main-blog-page h1 {
font-size: 40px;
line-height: 50px;
}
.blog-main-banner {
padding: 60px 0px;
}
}