html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
padding: 1em 0;
width: 100%
}
.wpb_single_image img {
width: auto
}
.home-invent-as-tra .wpb_single_image .vc_single_image-wrapper,
.content-is .wpb_single_image .vc_single_image-wrapper {
width: 100%;
margin: auto 0
}
.home-footer-form .wpb_single_image .vc_single_image-wrapper {
width: 100%;
margin: 0
}
.home-footer-form .wpb_single_image .vc_single_image-wrapper img {
width: 100%
}
.home-listing.unmatched .asap-container .wpb_single_image .vc_single_image-wrapper img {
max-width: 600px
}
.home-listing.content-is .asap-container .wpb_single_image .vc_single_image-wrapper img {
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 14px;
line-height: 1.5
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both
}
p {
margin-bottom: 1.5em
}
dfn,
cite,
em,
i {
font-style: italic
}
blockquote {
margin: 0 1.5em
}
q:before,
q:after {
content: '"' !important;
display: inline-block;
position: relative
}
address {
margin: 0 0 1.5em
}
pre {
background: #eee;
font-family: "courier 10 pitch", Courier, monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, andale mono, dejavu sans mono, monospace;
font-size: 15px
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help
}
mark,
ins {
background: #fff9c0;
text-decoration: none
}
big {
font-size: 125%
}
html {
box-sizing: border-box
}
*,
*:before,
*:after {
box-sizing: inherit
}
body {
background: #fff
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: ""
}
blockquote,
q {
quotes: "" ""
}
hr {
border: 0;
height: 1px;
margin-bottom: 1.5em
}
ul,
ol {
margin: 0 0 1.5em 3em
}
ul {
list-style: disc
}
ol {
list-style: decimal
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em
}
dt {
font-weight: 700
}
dd {
margin: 0 1.5em 1.5em
}
img {
height: auto;
max-width: 100%
}
table {
margin: 0 0 1.5em;
width: 100%
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px
}
select {
border: 1px solid #ccc
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #111
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color] {
padding: 3px
}
textarea {
padding-left: 3px;
width: 100%
}
a {
color: #52c1b1
}
a:visited {
color: #52c1b1
}
a:hover,
a:focus,
a:active {
color: #52c1b1
}
a:focus {
outline: thin dotted
}
a:hover,
a:active {
outline: 0
}
.wpb_gallery_slides img,
.wpb_gallery_slides .btn-filled.btn {
display: none !important
}
.vc_section .container ul {
list-style: none;
font-size: 16px;
margin: 0;
width: 100%
}
.vc_section .container li {
font-size: 18px
}
.flex-control-nav li:before {
display: none
}
.flex-control-nav li {
padding: 0
}
ul.colored_dots_g_2 {
float: right;
direction: rtl
}
.vc_section .container .colored_dots_g_2 li::before {
color: #5db1a1;
content: "\2022";
padding-right: 1em;
right: -8px;
position: relative;
top: 0
}
.vc_custom_1560258647111 figure {
margin: 0;
float: right
}
.vc_custom_1560258647111 .wpb_single_image .vc_single_image-wrapper {
margin: 0;
width: 100%
}
.vc_custom_1560258647111 .wpb_content_element {
margin: 0
}
.vc_custom_1560258647111 p {
font-size: 16px;
margin: 10px 0 0 !important
}
.page-template .good-inventory-section h4 {
font-weight: 700;
font-family: proxima_nova_rgregular;
color: #696969;
margin: 0;
font-size: 18px;
padding: 12px 0 6px
}
.good-inventory-section h2 {
margin-bottom: 30px
}
.everyone-perform .vc_col-sm-4 {
padding: 0 2%
}
.next-step figure img {
margin: auto;
display: table
}
/*.page-template .sku-stock .asap-container h3,*/
/*.page-template .inner-know .asap-container h3 {*/
/*margin: 0*/
/*}*/
.wpb_single_image.vc_align_left,
.wpb_single_image.vc_align_center {
margin: 0
}
.next-step h2 {
position: absolute;
text-align: center;
width: 100%;
color: #fff;
margin: 112px 0;
text-decoration: underline;
font-size: 32px !important
}
.home-listing-left.showCircle .home-main-image {
display: none
}
.home-main-image {
position: fixed;
top: 0;
height: 96%;
left: 0
}
.page-template .our-company .asap-container h4 {
margin: 0;
padding: 0;
color: #262626;
font-weight: 500;
font-size: 22px;
}
.our-company .vc_col-sm-9 {
border-left: 1px solid #ddd;
}
.our-company .wpb_wrapper .vc_row {
margin-bottom: 30px !important
}
.leadership .leadership-left {
background: #fff;
-webkit-box-shadow: 6px 6px 11px 0 #c9c9c9;
-moz-box-shadow: 6px 6px 11px 0 #c9c9c9;
box-shadow: 6px 6px 11px 0 #c9c9c9;
margin: 0 2% 0 18%;
width: 30%;
min-height: 614px
}
.leadership .leadership-right {
background: #fff;
-webkit-box-shadow: 6px 6px 11px 0 #c9c9c9;
-moz-box-shadow: 6px 6px 11px 0 #c9c9c9;
box-shadow: 6px 6px 11px 0 #c9c9c9;
margin: 0 18% 0 2%;
width: 30%;
min-height: 614px
}
.page-template .leadership h4 {
margin: 0;
padding: 0
}
.leadership .leadership-left .wpb_wrapper,
.leadership .leadership-right .wpb_wrapper {
float: right;
padding: 10px 0 0px
}
.leadership .wpb_single_image img {
max-width: 100px;
height: 100px
}
/*
.leadership figure:after {
content: "-";
background: #5ac2b1;
color: transparent;
height: 2px;
width: 50%;
position: absolute;
left: 25%;
margin-top: 10px;
top: 120px
}
*/
.leadership .asap-container .leadership-left h3,
.leadership .asap-container .leadership-right h3 {
font-size: 24px;
margin-bottom: 0;
padding-bottom: 0
}
.leadership .asap-container h4 {
font-size: 20px;
margin-bottom: 20px !important;
margin: 0 !important;
padding: 0 !important
}
.leadership .asap-container p {
padding: 20px 30px 0
}
.office-location .location-left {
margin: 0 2% 30px 18%;
width: 30%
}
.office-location .location-right {
margin: 0 18% 30px 2%;
width: 30%
}
.office-location .location-right h3,
.office-location .location-left h3 {
font-size: 24px !important;
margin-bottom: 0 !important;
padding-bottom: 0
}
.office-location .location-right p,
.office-location .location-left p {
font-size: 16px;
margin: 10px 0 !important
}
.inner-is .innerpage-rtl {
direction: rtl
}
.inner-is .innerpage-rtl .popular-inv {
float: right
}
.c-lead-button {
padding-bottom: 15px;
padding-top: 15px;
display: none!important;
position: relative;
bottom: 0;
width: 100%;
background: rgba(244, 244, 244, .8);
z-index: 999;
clear: both
}
.case-download {
background-image: url(../asap-systems/images/inventory-asset-tracking-cta1.svg);
background-size: 100% auto;
width: 190px;
display: inline-block;
height: 28px;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
margin-top: 20px;
color: transparent;
margin: 10px auto;
display: table
}
.case-download:hover {
background-position: bottom left;
color: transparent
}
.system-features h5 {
color: #696969;
font-family: proxima_nova_rgregular, sans-serif;
font-size: 18px;
width: 90%;
padding: 30px 10px 30px 30px;
font-weight: 700;
height: 80px;
float: left
}
.system-features-1 h5:before {
content: "-";
background-image: url(../asap-systems/images/inventory-asset-tracking-features-icon.png);
height: 60px;
width: 60px;
background-size: auto 122px;
background-repeat: no-repeat;
color: transparent;
line-height: 1;
display: block;
float: left;
margin: -14px 0 0 -69px;
position: absolute
}
.system-features-2 h5:before {
content: "-";
background-image: url(../asap-systems/images/inventory-asset-tracking-features-icon1.png);
height: 60px;
width: 60px;
background-size: auto 122px;
background-repeat: no-repeat;
color: transparent;
line-height: 1;
display: block;
float: left;
margin: -14px 0 0 -69px;
position: absolute
}
.system-features-1 h5:nth-child(n):before,
.system-features-2 h5:nth-child(n):before {
background-position: top left
}
.system-features-1 h5:nth-child(2n):before,
.system-features-2 h5:nth-child(2n):before {
background-position: top right
}
.system-features-1 h5:nth-child(3n):before,
.system-features-2 h5:nth-child(3n):before {
background-position: bottom left
}
.system-features-1 h5:nth-child(4n):before,
.system-features-2 h5:nth-child(4n):before {
background-position: bottom right
}
.system-features-2 {
}
.video-home-img a:after {
content: "-";
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon1.svg);
background-size: 100% auto;
background-position: top left;
padding: 22px 30px 38px;
color: transparent;
margin: -120px 0 50px 100px;
display: block;
width: 30px;
height: 30px;
z-index: 9;
position: relative;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease
}
.video-home-img:hover a:after {
background-position: bottom left
}
.banner-lead-button {
background-image: url(../asap-systems/images/inventory-asset-tracking-cta.svg);
background-size: 100% 96px;
width: 130px;
display: inline-block;
height: 48px;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
margin-top: 20px;
color: transparent !important
}
.banner-lead-button:hover {
background-position: bottom left;
color: transparent
}
.case-download {
background-image: url(../asap-systems/images/inventory-asset-tracking-cta1.svg);
background-size: 100% auto;
width: 190px;
display: inline-block;
height: 28px;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
margin-top: 20px;
color: transparent;
margin: 10px auto;
display: table
}
.case-download:hover {
background-position: bottom left;
color: transparent
}
.system-features h5 {
color: #696969;
font-family: proxima_nova_rgregular, sans-serif;
font-size: 18px;
width: 90%;
padding: 30px 10px 30px 30px;
font-weight: 700;
height: 80px;
float: left
}
.system-features-1 h5:before {
content: "-";
background-image: url(../asap-systems/images/inventory-asset-tracking-features-icon.png);
height: 60px;
width: 60px;
background-size: auto 122px;
background-repeat: no-repeat;
color: transparent;
line-height: 1;
display: block;
float: left;
margin: -14px 0 0 -69px;
position: absolute
}
.system-features-2 h5:before {
content: "-";
background-image: url(../asap-systems/images/inventory-asset-tracking-features-icon1.png);
height: 60px;
width: 60px;
background-size: auto 122px;
background-repeat: no-repeat;
color: transparent;
line-height: 1;
display: block;
float: left;
margin: -14px 0 0 -69px;
position: absolute
}
.system-features-1 h5:nth-child(n):before,
.system-features-2 h5:nth-child(n):before {
background-position: top left
}
.system-features-1 h5:nth-child(2n):before,
.system-features-2 h5:nth-child(2n):before {
background-position: top right
}
.system-features-1 h5:nth-child(3n):before,
.system-features-2 h5:nth-child(3n):before {
background-position: bottom left
}
.system-features-1 h5:nth-child(4n):before,
.system-features-2 h5:nth-child(4n):before {
background-position: bottom right
}
.system-features-2 {
}
.video-home-img a:after {
content: "-";
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon1.svg);
background-size: 100% auto;
background-position: top left;
padding: 22px 30px 38px;
color: transparent;
margin: -120px 0 50px 100px;
display: block;
width: 30px;
height: 30px;
z-index: 9;
position: relative;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease
}
.video-home-img:hover a:after {
background-position: bottom left
}
#top-banner {
background-image: url(../asap-systems/images/home-banner/inventory-asset-tracking-banner-image.jpg);
height: 434px;
background-size: 100% 100%;
background-repeat: no-repeat;
padding: 0
}
#n2-ss-2-arrow-previous,
#n2-ss-2-arrow-next {
display: none
}
.home .n2-ss-nowrap a div div {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-banner-cta.png);
background-size: cover;
width: 121px;
display: inline-block !important;
height: 46px;
color: transparent !important;
background-repeat: no-repeat;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease
}
.home .n2-ss-nowrap a:hover div div {
background-position: bottom left
}
.home .n2-ss-nowrap a:hover,
.home .n2-ss-nowrap a {
background: 0 0 !important;
padding: 0 !important
}
.download-url {
background-image: url(../asap-systems/images/inventory-asset-tracking-cta1.svg);
background-size: 100% 73px;
width: 250px;
display: inline-block;
height: 37px;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
margin-top: 5px;
color: transparent !important
}
.download-url:hover {
background-position: bottom left
}
.on-premises,
.cloud-based {
background-repeat: no-repeat;
right: -6px;
color: transparent;
background-size: 120px;
height: 120px;
display: block;
position: absolute;
width: 120px;
top: 78px
}
.on-premises {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-onpremises-icon.svg)
}
.cloud-based {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-cloud-icon.svg)
}
.home-footer-form input[type=submit] {
background-color: transparent;
border: none;
margin: auto;
display: table
}
@keyframes pulse {
0% {
transform: scale(0);
opacity: 0
}
33% {
transform: scale(1);
opacity: 1
}
100% {
transform: scale(3);
opacity: 0
}
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, .4)
}
70% {
-webkit-box-shadow: 0 0 0 10px transparent
}
100% {
-webkit-box-shadow: 0 0 0 0 transparent
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, .4);
box-shadow: 0 0 0 0 rgba(204, 169, 44, .4)
}
70% {
-moz-box-shadow: 0 0 0 10px transparent;
box-shadow: 0 0 0 10px transparent
}
100% {
-moz-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent
}
}
.wpb_posts_slider .wpb_gallery_slides {
background: 0 0;
overflow: hidden !important;
margin: 0
}
.testimonials h3.post-title {
text-align: center
}
.inventory-features1 h3:before {
content: "-";
color: transparent;
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon7.svg);
background-size: 130px 164px;
padding: 3px 30px;
background-position: left top;
background-repeat: no-repeat
}
.inventory-features2 h3:before {
content: "-";
color: transparent;
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon7.svg);
background-size: 130px 142px;
padding: 10px 30px;
display: inline-block;
background-position: left -40px;
background-repeat: no-repeat
}
.inventory-features3 h3:before {
content: "-";
color: transparent;
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon7.svg);
background-size: 130px 142px;
padding: 10px 30px;
display: inline-block;
background-position: left -96px;
background-repeat: no-repeat
}
.inventory-features4 h3:before {
content: "-";
color: transparent;
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon7.svg);
background-size: 130px 164px;
padding: 10px 30px;
display: inline-block;
background-position: -70px top;
background-repeat: no-repeat
}
.inventory-features5 h3:before {
content: "-";
color: transparent;
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon7.svg);
background-size: 130px 164px;
padding: 10px 30px;
display: inline-block;
background-position: -70px -54px;
background-repeat: no-repeat
}
.inventory-features6 h3:before {
content: "-";
color: transparent;
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon7.svg);
background-size: 130px 164px;
padding: 10px 30px;
display: inline-block;
background-position: -70px -114px;
background-repeat: no-repeat
}
.integration {
margin-bottom: 40px;
padding-top: 100px
}
.integration:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-logo11.png);
content: "-";
color: transparent;
background-size: auto 100%;
background-repeat: no-repeat;
width: 100%;
height: auto;
padding: 70px 0 0;
margin: 0;
position: absolute;
top: 0;
left: 0
}
.integration.logo1:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-logo11.png);
background-position: top center
}
.integration.logo2:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-logo12.png);
background-position: top center
}
.integration.logo3:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-logo13.png);
background-position: top center
}
.integration.logo4:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-logo14.png);
background-position: top center
}
.integration.logo5:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-logo15.png);
background-position: top center
}
.integration.logo6:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-logo16.png);
background-position: top center
}
.Industries {
margin-bottom: 40px;
padding-top: 100px
}
.Industries a:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon10.svg);
content: "-";
color: transparent;
background-size: auto 100%;
background-repeat: no-repeat;
width: 100%;
height: auto;
padding: 70px 0 0;
margin: 0;
position: absolute;
top: 0;
left: 0
}
.Industries.logo1 a:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon10.svg);
background-position: top center
}
.Industries.logo2 a:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon11.svg);
background-position: top center
}
.Industries.logo3 a:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon12.svg);
background-position: top center
}
.Industries.logo4 a:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon13.svg);
background-position: top center
}
.Industries.logo5 a:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon14.svg);
background-position: top center
}
.Industries.logo6 a:before {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon15.svg);
background-position: top center
}
.view-video a:hover {
background-position: bottom left
}
.trial-but {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-cta2.svg);
content: "-";
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
color: transparent !important;
background-size: 100% auto;
background-repeat: no-repeat;
float: right;
width: 110px;
height: 38px;
padding: 0;
margin: 0
}
.trial-but:hover {
background-position: bottom left
}
.login-but {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-cta1.svg);
content: "-";
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
color: transparent !important;
background-size: 100% auto;
background-repeat: no-repeat;
float: right;
width: 76px;
height: 38px;
padding: 0;
margin: 0 20px 0 0
}
.login-but:hover {
background-position: bottom left
}
.good-inventory-section2 .good-inventory {
background-image: url(../asap-systems/images/inventory-tracking-system-icon2.svg);
padding: 40px 46px;
background-repeat: no-repeat;
background-position: 0 center;
background-size: auto 100%;
height: 40px;
width: 60px;
background-color: #fff;
z-index: 99;
position: absolute;
right: 30px
}
.asset-tracking-v .good-inventory-section2 .good-inventory {
background-image: url(../asap-systems/images/asset-tracking-system-icon1.svg);
background-color: #f4f4f4
}
.good-inventory-section1 .good-inventory {
background-image: url(../asap-systems/images/inventory-tracking-system-icon6.svg);
padding: 40px 42px;
background-repeat: no-repeat;
background-position: center left;
background-size: auto 100%;
height: 40px;
width: 60px;
background-color: #fff;
z-index: 99;
position: absolute;
right: 30px
}
.asset-tracking-v .good-inventory-section1 .good-inventory {
background-color: #f4f4f4
}
.good-inventory-section3 .good-inventory {
background-image: url(../asap-systems/images/inventory-tracking-system-icon4.svg);
padding: 40px 52px;
background-repeat: no-repeat;
background-position: top right;
background-size: auto 100%;
height: 60px;
width: 60px;
background-color: #fff;
z-index: 99;
position: absolute;
right: 30px
}
.asset-tracking-v .good-inventory-section3 .good-inventory {
background-image: url(../asap-systems/images/asset-tracking-system-icon9.svg);
background-color: #f4f4f4;
height: 40px;
width: 50px
}
.good-inventory-section3 .vc_col-sm-4 .wpb_wrapper:after,
.good-inventory-section2 .vc_col-sm-4 .wpb_wrapper:after,
.good-inventory-section1 .vc_col-sm-4 .wpb_wrapper:after {
content: " ";
padding-bottom: 0;
width: 98%;
float: left;
z-index: 1;
color: transparent
}
.good-inventory-section2 .vc_col-sm-4 .wpb_wrapper {
width: 50%;
float: right
}
.page-template .everyone-perf1 h4 {
background: url(../asap-systems/images/inventory-system-icon.svg);
background-position: left;
padding-left: 57px;
background-repeat: no-repeat;
height: 50px;
margin-left: 0;
background-size: 48px 48px;
padding-top: 20px;
margin-bottom: 10px
}
.page-template .everyone-perf2 h4 {
background: url(../asap-systems/images/inventory-system-icon.svg);
background-position: left;
padding-left: 57px;
background-repeat: no-repeat;
height: 50px;
margin-left: 0;
background-size: 48px 48px;
padding-top: 20px;
margin-bottom: 10px
}
.page-template .everyone-perf3 h4 {
background: url(../asap-systems/images/inventory-system-icon.svg);
background-position: left;
padding-left: 57px;
background-repeat: no-repeat;
height: 50px;
margin-left: 0;
background-size: 48px 48px;
padding-top: 20px;
margin-bottom: 10px
}
.next-step .vc_row:first-child h3:after {
background: url(../asap-systems/images/inventory-tracking-system-arrow.svg);
background-position: left;
padding-left: 30px;
background-repeat: no-repeat;
height: 50px;
background-size: auto 100%;
content: "-";
color: transparent;
margin-top: -2px;
position: absolute;
margin-left: 6px
}
.next-step .vc_row:first-child h3.footer-title:after {
display: none
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%
}
.site-title {
font-size: 24px;
line-height: 52px;
color: #666;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
font-weight: 300
}
.site-title:hover {
color: #333
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
#content[tabindex="-1"]:focus {
outline: 0
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.site-footer:after {
clear: both
}
.widget {
margin: 0 0 1.5em
}
.widget select {
max-width: 100%
}
.sticky {
display: block
}
.hentry {
margin: 0
}
.byline,
.updated:not(.published) {
display: none
}
.single .byline,
.group-blog .byline {
display: inline
}
.page-links {
clear: both;
margin: 0 0 1.5em
}
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none
}
.comment-content a {
word-wrap: break-word
}
.bypostauthor {
display: block
}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none
}
.infinity-end.neverending .site-footer {
display: block
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0
}
embed,
iframe,
object {
max-width: 100%
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption .wp-caption-text {
margin: .8075em 0
}
.wp-caption-text {
text-align: center
}
.gallery {
margin-bottom: 1.5em
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%
}
.gallery-columns-2 .gallery-item {
max-width: 50%
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%
}
.gallery-columns-4 .gallery-item {
max-width: 25%
}
.gallery-columns-5 .gallery-item {
max-width: 20%
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%
}
.gallery-caption {
display: block
}
/*!// Contents
// ------------------------------------------------
1. Global Styles
2. Mixins
3. Typography
4. Colours
5. Sections
6. Buttons
7. Nav
8. Forms
9. Breadcrumbs
10. Pagination
11. Icon Features
12. Widgets
13. Image Tiles
14. Sliders
15. Galleries
16. Header Area
17. WooCommerce
18. Blog
19. Image Blocks
20. Portfolio
21. Footer
22. Spacing
23. Other
/*!---------- 1. GLOBAL STYLES ----------*/
body {
line-height: 24px;
font-family: proxima_nova_rgregular, sans-serif !important;
color: #696969;
overflow-x: hidden;
/*text-align: justify;*/
font-size: 18px
}
ul {
list-style: disc
}
.main-container {
clear: both
}
hr {
border: none;
border-top: 1px solid #ccc;
margin: 0 0 24px;
width: 100%
}
.bg-dark hr {
border-color: #555
}
.content hr {
width: 128px;
max-width: 60%;
height: 2px;
background: #ddd;
margin: 50px auto;
border: 0
}
.list-inline {
margin-left: 0
}
.list-inline > li {
padding: 0 8px
}
.list-inline > li:last-child {
padding-right: 0
}
.list-inline > li:first-child {
padding-left: 0
}
.overflow-hidden {
overflow: hidden
}
.right {
right: 0
}
.relative {
position: relative;
z-index: 2
}
.container {
position: relative;
margin-left: auto !important;
margin-right: auto !important
}
.page-template .wpb_posts_slider .flex-caption {
background: 0 0;
text-align: center
}
.flex-direction-nav {
display: none
}
.wpb_gallery .wpb_flexslider .flex-control-nav {
margin-top: -14px !important
}
.wpb_gallery .wpb_flexslider .flex-control-paging {
display: none
}
/*!---------- 2. MIXINS ----------*/
.align-children {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
flex-direction: row;
-webkit-flex-direction: row
}
.align-transform {
position: relative;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
top: 50%;
z-index: 2
}
/*!---------- 3. TYPOGRAPHY ----------*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
table,
blockquote,
input,
textarea {
margin-bottom: 0;
margin-top: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: proxima_nova_rgregular, sans-serif;
color: #696969
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
color: #696969
}
h1 {
font-size: 56px;
line-height: 64px
}
h2 {
text-align: center;
color: #696969;
font-family: proxima_nova_rgregular !important;
font-size: 34px;
font-weight: 700 !important;
margin: 20px 0 10px
}
h3 {
font-size: 32px;
line-height: 40px
}
h4 {
font-size: 24px;
line-height: 32px
}
h5 {
font-size: 16px;
line-height: 24px;
font-weight: 400
}
h6 {
font-size: 12px;
line-height: 24px;
font-weight: 700
}
.uppercase {
font-weight: 400;
text-transform: uppercase
}
h5.uppercase {
letter-spacing: 2px;
margin-right: -2px
}
p,
span {
/*font-weight: 400*/
}
p.lead {
font-size: 16px;
font-weight: 400;
line-height: 28px
}
a,
a:visited,
a:focus,
a:active,
a:hover {
text-decoration: none;
outline: none
}
a {
font-weight: 400;
color: #52c1b1;
cursor: pointer
}
a:visited {
color: #52c1b1
}
.image-bg a {
color: #fff
}
.image-bg a:hover {
color: #fff;
opacity: .9
}
a:hover {
color: #52c1b1;
text-decoration: none
}
blockquote {
overflow: hidden;
font-family: merriweather, georgia, Times New Roman, Times, serif;
font-size: 20px;
line-height: 40px;
font-style: italic;
background: #f5f5f5;
padding: 32px;
color: #777;
font-weight: 300
}
.number {
font-family: lato, helvetica neue, Helvetica, Arial, sans-serif
}
th,
td {
line-height: 24px !important
}
/*!---------- 4. COLOURS ----------*/
.bg-primary {
background: #745cf9 !important
}
.bg-secondary {
background: #f5f5f5
}
.bg-dark {
background: #8E8E8E;
}
/*!---------- 5. SECTIONS ----------*/
section,
footer {
padding: 0;
position: relative;
overflow: hidden
}
.page-template-page-templatestemplate-home-php .content-area {
padding: 0
}
footer {
padding: 0 0 0;
width: 100%
}
.fullscreen {
height: 100vh
}
.bg-dark h3,
.bg-dark h5,
footer.bg-dark h5,
.bg-primary h5,
.bg-dark h6,
footer.bg-dark h6 {
color: #fff
}
.bg-dark p,
footer.bg-dark p,
.bg-primary p,
.bg-dark span,
footer.bg-dark span,
.bg-dark li,
footer.bg-dark li {
color: #fefefe
}
.image-bg h3,
.image-bg h1 {
color: #fff
}
.image-bg p,
.image-bg li {
color: #fff
}
.image-bg div[class*=col-] {
position: relative;
z-index: 3
}
.background-image-holder {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: #0e1015;
background-size: cover !important;
background-position: 50% 50% !important;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
opacity: 0
}
.background-image-holder img {
display: none
}
.background-image-holder.fadeIn {
opacity: 1
}
/*!---------- 6. BUTTONS ----------*/
.btn,
.button {
border: 2px solid #52c1b1;
padding: 0 26px;
min-width: 150px;
line-height: 36px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0;
color: #52c1b1;
text-align: center;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
margin-right: 8px;
margin-bottom: 12px
}
.btn:last-child,
.btn:last-of-type {
margin-right: 0
}
.btn:hover,
.button:hover {
background: #745cf9;
color: #fff
}
.btn-lg {
height: 50px;
line-height: 46px;
min-width: 200px
}
.btn-sm {
height: 30px;
font-size: 11px;
line-height: 27px;
min-width: 0
}
.btn-filled,
.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background: #745cf9;
color: #fff
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
padding: 1em
}
.btn-white,
.image-bg .btn,
.image-bg .btn:visited {
color: #fff;
border-color: #fff
}
.image-bg .btn.btn-filled {
background: #745cf9;
color: #fff;
border-color: #745cf9
}
.btn-white:hover,
.image-bg .btn:hover,
.image-bg .btn:visited:hover {
background: #fff;
border-color: #fff;
color: #222
}
.image-bg .btn.btn-filled:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background: #5d47d7;
border-color: #5d47d7;
color: #fff
}
.btn:visited {
color: #52c1b1
}
.btn-white:visited,
.btn:visited:hover {
color: #fff
}
.btn-white:visited:hover {
color: #222
}
.btn-filled:visited {
color: #fff
}
.cfa-text {
margin-bottom: 0;
line-height: 45px
}
.cfa-button {
width: 100%
}
.btn-filled:hover,
.btn:visited:hover {
background: #5d47d7;
border-color: #5d47d7
}
input[type=submit]:hover {
background-color: transparent;
color: #fff
}
.widget input[type=submit] {
border: none;
margin-top: 5px
}
.widget input[type=submit]:hover {
color: #5d47d7;
background-color: #fff
}
.module.widget-handle {
padding: 0 24px;
cursor: pointer;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0
}
.module.widget-handle i {
font-size: 38px;
line-height: 53px;
opacity: .5;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
padding: 30px 32px
}
.module.widget-handle:hover i {
opacity: 1
}
.widget-handle .function {
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
cursor: default;
width: 200px;
background: #0e1015;
position: absolute;
z-index: 99;
opacity: 0;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
visibility: hidden;
margin-top: -2px;
right: 0
}
.module.widget-handle:hover .function {
opacity: 1;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
visibility: visible
}
.module.widget-handle .title {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
display: none;
opacity: .5;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease
}
.module.widget-handle .title:hover {
opacity: 1
}
.search-form {
padding: 8px;
display: inline-block;
width: 100%;
line-height: 50px
}
.widget-handle .search-form input[type=text] {
font-size: 16px;
float: left;
width: 70%
}
.search-form input[type=text] {
font-size: 14px;
margin: 0
}
.widget-handle .function {
background: #fff;
width: 300px
}
.btn.searchsubmit {
min-width: 17%;
padding: 0;
width: 27%;
height: 50px;
line-height: 48px;
margin: -2px 0 0 8px
}
.btn.searchsubmit:hover {
background-color: #5d47d7;
color: #fff
}
.search #primary,
.no-results {
padding-top: 0
}
.no-results {
border-bottom: 0
}
.no-results form.search-form {
max-width: 500px;
padding: 0;
width: 100%
}
.no-results form #s {
max-width: 292px;
width: 71%
}
.no-results form .searchsubmit {
margin: 0
}
footer .widget_nav_menu .menu > li {
width: 25%;
margin-right: 0;
text-align: left;
float: none;
display: inline-block;
vertical-align: top;
margin-right: 7%;
}
footer .widget_nav_menu .menu > li:last-child {
margin-right: 0;
}
footer .widget_nav_menu > div ul li,
.widget_nav_menu ul li {
padding: 0;
margin: 0
}
footer .widget_nav_menu .menu > li a {
font-size: 16px;
color: #fff;
font-weight: 700;
}
footer .widget_nav_menu .menu > li a:hover {
color: #f95700 !important
}
footer .widget_nav_menu .menu > li li {
width: 80%;
border: none
}
footer .widget_nav_menu .menu > li li a {
font-size: 16px;
color: #a9a9a9;
border-bottom: 1px solid #fff;
font-weight: 700;
margin-top: 10px
}
footer .widget_nav_menu .menu > li li li a {
font-size: 14px;
color: #696969;
font-weight: 400;
border-bottom: none;
margin: 0 0 0 10px;
text-align: left
}
/*!---------- 8. FORMS ----------*/
input,
textarea {
}
input[type=text],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input[type=text],
input[type=search],
input[type=email],
input[type=tel] {
background: #f5f5f5;
border: none;
width: 100%;
height: 50px;
padding-left: 20px;
font-weight: 500;
margin-bottom: 24px;
border-radius: 0
}
input[type=text]:focus,
input[type=search]:focus {
outline: 1px solid #ccc
}
textarea {
width: 100%;
border: none;
background: #f5f5f5;
margin-bottom: 24px;
border-radius: 0;
padding: 16px 20px
}
textarea:focus {
outline: 1px solid #ccc
}
:-moz-placeholder {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
color: #777;
font-size: 11px
}
::-moz-placeholder {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
color: #777;
font-size: 11px
}
:-ms-input-placeholder {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
color: #777;
font-size: 11px
}
input.transparent::-moz-input-placeholder,
button.transparent::-moz-input-placeholder {
color: #fff
}
input.transparent:-moz-input-placeholder,
button.transparent:-moz-input-placeholder {
color: #fff
}
input.transparent:-ms-input-placeholder,
button.transparent:-ms-input-placeholder {
color: #fff
}
input[type=submit] {
background: #52c1b1;
border-radius: 0 !important;
border: 2px solid #52c1b1;
color: #fff;
font-size: 11px;
font-weight: 700;
height: 50px;
letter-spacing: 1px;
line-height: 48px;
max-width: 250px;
padding: 0;
text-transform: uppercase;
width: 100%
}
.bg-primary input[type=submit] {
background: #fff;
color: #745cf9
}
input[type=submit]:focus {
outline: none
}
/*!---------- 9. BREADCRUMBS ----------*/
.breadcrumb {
margin-bottom: 24px
}
.breadcrumb a {
font-weight: 300
}
/*!---------- 10. PAGINATION ----------*/
.pagination {
margin: 0;
border: none;
background: 0 0
}
.pagination .nav-links *:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.pagination .nav-links *:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
.pagination a,
.pagination span {
width: 32px;
height: 32px;
padding: 0;
text-align: center;
padding-top: 6px;
margin: 0 4px;
color: #0e1015;
font-weight: 400;
font-family: lato, helvetica neue, Helvetica, Arial, sans-serif;
display: inline-block;
border: 1px solid #ddd;
line-height: 20px
}
.pagination span {
background: #745cf9;
color: #fff;
border-color: #745cf9
}
.pagination a:hover,
.pagination .active a,
.pagination .active:hover a {
background: #745cf9;
color: #fff;
border-color: #745cf9
}
/*!---------- 11. ICON FEATURES ----------*/
.feature {
margin-bottom: 24px
}
.feature p:last-child {
margin-bottom: 0
}
.feature-1 i {
display: inline-block;
margin-bottom: 16px;
color: #745cf9
}
.page-title {
padding: 0
}
/*!---------- 12. WIDGETS ----------*/
.main-container .nolist > ul {
list-style: none;
margin: 0;
padding: 0
}
.widget {
margin-bottom: 0
}
#secondary .widget {
margin-bottom: 48px
}
.category-list {
line-height: 32px
}
.widget hr {
margin-bottom: 12px
}
.recent-posts {
line-height: 24px
}
.recent-posts li {
margin-bottom: 8px;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease
}
.recent-posts .date {
display: block;
letter-spacing: 0;
opacity: .8
}
.recent-posts li:hover .date {
opacity: 1
}
.category-list span {
float: right
}
.jetpack_subscription_widget form {
background: #745cf9;
color: #fff;
padding: 24px
}
.jetpack_subscription_widget form #subscribe-text {
color: #fff
}
.jetpack_subscription_widget #subscribe-text h5 {
color: #fff;
margin-bottom: 16px;
text-transform: uppercase
}
.jetpack_subscription_widget #subscribe-text p {
color: #fefefe
}
.jetpack_subscription_widget #subscribe-email,
.jetpack_subscription_widget #subscribe-submit {
margin: 0
}
.jetpack_subscription_widget #subscribe-email input {
margin: 0;
padding: 3px 3px 3px 20px;
width: 100%
}
.jetpack_subscription_widget #subscribe-submit input {
background: #fff;
color: #745cf9;
padding: 0
}
.jetpack_subscription_widget .error {
background-color: #ffbaba;
color: #d8000c;
padding: 5px 15px
}
.jetpack_subscription_widget .success p {
background-color: #dff2bf;
color: #4f8a10;
padding: 5px 15px
}
.popular-inv p {
text-align: right
}
/*!---------- 13. IMAGE TILES ----------*/
img {
max-width: 100%
}
.image-tile {
overflow: hidden;
position: relative;
margin-bottom: 24px
}
.image-tile img {
width: 100%;
display: inline-block
}
.inner-title:before {
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#0e1015', GradientType=0);
pointer-events: none
}
.inner-title:hover:before {
transform: scale(1.2);
-webkit-transform: scale(1.2)
}
.inner-title .title {
position: absolute;
width: 100%;
z-index: 5
}
.inner-title .title h5 {
color: #fff
}
.inner-title .title span {
color: #fff
}
.inner-title .title h5 {
font-weight: 600
}
.inner-title {
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
opacity: 1
}
.inner-title:hover {
opacity: .95
}
.inner-title.hover-reveal:before {
opacity: 0
}
.inner-title.hover-reveal .title {
opacity: 0;
transform: translate3d(0, 50px, 0);
-webkit-transform: translate3d(0, 50px, 0);
-moz-transform: translate3d(0, 50px, 0);
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease
}
.inner-title.hover-reveal:hover .title {
opacity: 1;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
top: 50%
}
.inner-title.hover-reveal:hover:before {
opacity: 1
}
/*!---------- 14. SLIDERS ----------*/
.logo-carousel li {
text-align: center
}
.logo-carousel li {
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
opacity: .5
}
.logo-carousel li:hover {
opacity: 1
}
.logo-carousel img {
max-height: 60px
}
/*!---------- 15. IMAGE GALLERIES ----------*/
.lightbox-grid,
.lightbox-grid ul,
.lightbox-grid li {
position: relative;
overflow: hidden
}
.lightbox-grid li {
width: 25%;
float: left;
border: 8px solid transparent;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
opacity: 1
}
.lightbox-grid li:hover {
opacity: .9
}
.third-thumbs li {
width: 25%;
height: 13.08vw;
border: none
}
/*!---------- 16. Header Area ----------*/
.cover {
margin: 0;
padding: 0
}
.cover p {
color: #fff
}
.cover:first-child .fullscreen {
max-height: 100%
}
/*!---------- 17. WooCommerce ----------*/
.woocommerce ul.products li.product:nth-child(4n),
.woocommerce-page ul.products li.product:nth-child(4n) {
margin-right: 0
}
/*!---------- 18. BLOG ----------*/
.post-title a,
.post-title {
font-size: 40px;
font-weight: 300;
text-align: left;
font-weight: 400 !important;
line-height: 42px
}
.post-title a:hover {
color: #f95700
}
video:-webkit-full-screen,
audio:-webkit-full-screen {
-webkit-transform: translateY(0%)
}
iframe {
border: none
}
.post-meta {
overflow: hidden;
display: inline-block;
margin-bottom: 12px
}
.post-meta > li {
float: left;
margin-right: 24px
}
.post-meta i {
font-size: 16px;
margin-right: 8px;
position: relative;
top: 2px
}
.comments-list,
.comments-list ul {
width: 100%;
overflow: hidden
}
.comments.nolist > ul > li {
padding-left: 0
}
.comments-list li.comment {
overflow: hidden;
margin-bottom: 40px;
width: 100%
}
.comments-list p:last-of-type {
margin: 0
}
.comments-list .avatar,
.comments-list .comment {
display: inline-block;
float: left
}
.comments-list .avatar {
width: 10%
}
.comments-list .avatar img {
width: 75px
}
.comments-list .comment {
width: 90%;
padding-left: 5%
}
.comments-list .comment .btn {
position: relative;
margin: 0
}
.comments-list ul {
padding-left: 10%;
padding-top: 40px
}
.comments-list ul li:last-of-type {
margin-bottom: 0
}
.comments input[type=submit] {
max-width: 25%;
float: right
}
.masonry {
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
opacity: 0;
transform: translate3d(0, 100px, 0);
-webkit-transform: translate3d(0, 100px, 0);
-moz-transform: translate3d(0, 100px, 0)
}
.masonry.fadeIn {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0)
}
.masonry-item {
max-width: 100%
}
.container .masonry-item {
margin-bottom: 0
}
.masonry-item blockquote:hover {
background: #745cf9;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
color: #fff
}
.masonryFlyIn .masonry-item {
opacity: 0;
transform: translate3d(0, 50px, 0);
-webkit-transform: translate3d(0, 50px, 0);
-moz-transform: translate3d(0, 50px, 0)
}
.masonryFlyIn .masonry-item.fadeIn {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0)
}
.masonry-loader {
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
opacity: 1;
position: absolute;
width: 100%;
z-index: 10;
top: 80px
}
.masonry-loader.fixed-center {
top: 50%;
left: 50%;
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
margin-top: -25px
}
.masonry-loader.fadeOut {
opacity: 0;
max-height: 0;
padding: 0;
overflow: hidden
}
.spinner {
width: 50px;
height: 50px;
background-color: #745cf9;
margin: 0 auto;
display: inline-block;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out
}
@-webkit-keyframes sk-rotateplane {
0% {
-webkit-transform: perspective(120px)
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
.flex-direction-nav a.flex-next {
right: 16px
}
.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-prev:before {
content: "\f105";
font-family: fontawesome;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 24px;
color: #fff
}
.flex-direction-nav a.flex-prev {
left: 16px
}
.flex-direction-nav a.flex-prev:before {
content: "\f104"
}
.flex-direction-nav a {
opacity: 1;
text-shadow: none;
color: transparent;
width: 24px;
height: 24px;
margin: -12px 0 0
}
.flex-control-nav li a {
background: 0 0 !important;
border: 2px solid #30A46C;
width: 10px;
height: 10px
}
.flex-control-paging li a.flex-active {
background: #f95700 !important
}
.text-slider .flex-direction-nav li a:before {
color: #52c1b1
}
.image-bg .text-slider .flex-direction-nav li a:before {
color: #fff;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
opacity: .5
}
.image-bg .text-slider .flex-direction-nav li a:hover:before {
opacity: 1
}
.text-slider .flex-direction-nav a.flex-prev {
left: -60px
}
.text-slider .flex-direction-nav a.flex-next {
right: -60px
}
.content p.intro {
padding-bottom: 20px;
border-bottom: 3px double #ddd;
margin-bottom: 20px;
font-size: 1.2em;
line-height: 155%;
font-weight: 700;
color: #52c1b1
}
.content blockquote {
padding: 30px 30px 30px 90px;
background: #fafafa;
border: 1px solid #eee;
position: relative;
font-style: italic
}
.content q {
background: #fafafa;
font-style: italic
}
.content blockquote p {
font-style: italic
}
.content blockquote:after {
content: '-';
width: 90px;
font-size: 72px;
line-height: 72px;
font-weight: 700;
font-style: normal;
text-align: center;
color: #52c1b1;
position: absolute;
top: 31px;
left: 0
}
.content blockquote cite {
display: block;
margin-top: 1.1em;
font-family: lato, Helvetica, sans-serif;
font-size: .75em;
line-height: 120%;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 1px
}
.content blockquote cite:before {
content: "-"
}
.content ul,
.content ol {
margin-left: 1.5em
}
.content ul {
list-style: disc
}
.content ul ul {
list-style: circle
}
.content ol {
list-style: decimal
}
.content ol ol {
list-style: lower-alpha
}
.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
margin-bottom: 0
}
.content li {
margin-bottom: .5em;
line-height: 170%
}
.content ol > li:last-child,
.content ul > li:last-child {
margin-bottom: 0
}
.content ol > li:first-child,
.content ul > li:first-child {
margin-top: .5em
}
.content table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: .9em;
width: 100%;
margin-bottom: 1.1em
}
.content th,
.content td {
padding: 2%;
margin: 0;
overflow: visible;
line-height: 120%;
border-bottom: 1px solid #ddd
}
.content th {
padding-top: 0
}
.content th {
font-weight: 700;
color: #52c1b1
}
.content table tbody > tr:nth-child(odd) > td {
background: #f9f9f9
}
.content ul.post-meta {
margin-left: 0
}
.content ul.post-meta li {
list-style: none;
margin-top: 0 !important
}
.comment-date {
display: inline-block;
font-size: 10px;
padding: 5px 0
}
.comments .fn {
display: block
}
.comment-reply {
height: 20px;
line-height: 16px;
padding: 0 12px;
font-size: 10px
}
.page-title-section {
height: 225px;
padding: 70px 0
}
.page-title {
margin-bottom: 0 !important
}
.author-bio {
display: block;
overflow: hidden;
padding: 32px;
background: #f5f5f5;
border: 1px solid rgba(0, 0, 0, .1);
margin-bottom: 40px
}
.author-social {
font-size: 16px !important
}
/*!---------- 19. IMAGE BLOCKS ----------*/
.image-small {
max-height: 80px
}
.fade-half {
}
.cast-shadow {
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
margin-bottom: 10px
}
.cast-shadow.img-responsive {
margin: 10px auto
}
/*!---------- 20. PORTFOLIO ----------*/
.project {
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
opacity: 1;
padding: 0
}
.project .image-tile {
margin: 0
}
/*!---------- 21. FOOTER ----------*/
footer.bg-dark a {
color: #fff
}
.social-list {
margin: 0
}
.bg-dark .social-list a {
color: #fff
}
.bg-dark .social-list a:hover {
opacity: 1
}
.back-to-top {
position: fixed;
right: 0;
bottom: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
height: 36px;
width: 36px;
padding: 5px 11px;
z-index: 99999;
border-radius: 30px;
background: #52c1b1
}
.back-to-top .fa {
font-size: 18px;
color: #fff
}
.back-to-top:hover {
opacity: 1
}
.bg-dark .back-to-top {
border-color: #52c1b1
}
.bg-dark .back-to-top:active,
.bg-dark .back-to-top:focus {
color: #fff
}
.bg-dark .back-to-top:hover {
background: 0 0
}
.footer input[type=submit] {
border: 0;
margin-top: 3px
}
.copyright-text {
color: #fefefe
}
.footer .footer-credits {
color: #fff
}
.footer .footer-credits a {
color: #fefefe;
opacity: .8
}
.footer .footer-credits a:hover,
.footer .footer-credits a:focus {
color: #5234f9
}
/*!---------- 22. SPACING ----------*/
.mt20 {
margin-top: 20px !important
}
.mt30 {
margin-top: 30px !important
}
.mb0 {
margin-bottom: 0 !important
}
.mb16 {
margin-bottom: 16px
}
.mb24 {
margin-bottom: 24px
}
.mb32 {
margin-bottom: 32px
}
.mb40 {
margin-bottom: 40px
}
.mb64 {
margin-bottom: 64px
}
.p24 {
padding: 24px
}
.p0 {
padding: 0
}
.pt48 {
padding-top: 48px
}
.pb0 {
padding-bottom: 0 !important
}
.pt0 {
padding-top: 0
}
/*!---------- 23. OTHER ----------*/
.border-bottom {
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.feature-1 i {
font-size: 64px
}
.parallax-section {
padding-top: 0;
padding-bottom: 0;
border: 0
}
.parallax-window {
background: 0 0
}
.small-screen .top-parallax-section {
overflow: hidden;
padding: 96px 0
}
.social-list {
font-size: 22px
}
.testimonial-img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 100px;
width: 100px;
margin-bottom: 16px
}
.image-bg a {
color: #745cf9
}
.widget-area section {
border-bottom: 0;
padding: 0
}
.has-sidebar-left #secondary {
padding-right: 40px
}
.no-sidebar {
float: none;
margin: 0 auto
}
.full-width {
width: 100%
}
.tags-links {
display: block
}
#social {
background: 0 0;
float: right
}
#social li {
display: inline-block
}
#social li,
#social ul {
border: 0 !important;
list-style: none;
padding-left: 0;
text-align: center
}
#social .social_icon span {
display: none
}
#social li a[href*="twitter.com"] .fa:before,
.fa-twitter:before {
content: "\f099"
}
#social li a[href*="facebook.com"] .fa:before,
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a"
}
#social li a[href*="github.com"] .fa:before,
.fa-github:before {
content: "\f09b"
}
#social li a[href*="/feed"] .fa:before,
.fa-rss:before {
content: "\f09e"
}
#social li a[href*="pinterest.com"] .fa:before,
.fa-pinterest:before {
content: "\f0d2"
}
#social li a[href*="plus.google.com"] .fa:before,
.fa-google-plus:before {
content: "\f0d5"
}
#social li a[href*="linkedin.com"] .fa:before,
.fa-linkedin:before {
content: "\f0e1"
}
#social li a[href*="youtube.com"] .fa:before,
.fa-youtube:before {
content: "\f167"
}
#social li a[href*="instagram.com"] .fa:before,
.fa-instagram:before {
content: "\f16d"
}
#social li a[href*="flickr.com"] .fa:before,
.fa-flickr:before {
content: "\f16e"
}
#social li a[href*="tumblr.com"] .fa:before,
.fa-tumblr:before {
content: "\f173"
}
#social li a[href*="dribbble.com"] .fa:before,
.fa-dribbble:before {
content: "\f17d"
}
#social li a[href*="skype.com"] .fa:before,
.fa-skype:before {
content: "\f17e"
}
#social li a[href*="foursquare.com"] .fa:before,
.fa-foursquare:before {
content: "\f180"
}
#social li a[href*="vimeo.com"] .fa:before,
.fa-vimeo-square:before {
content: "\f194"
}
#social li a[href*="spotify.com"] .fa:before,
.fa-spotify:before {
content: "\f1bc"
}
#social li a[href*="soundcloud.com"] .fa:before,
.fa-soundcloud:before {
content: "\f1be"
}
.header-image-bg {
background-size: cover;
position: relative
}
.header-image-bg .page-title {
position: relative;
z-index: 2
}
.customize-partial-edit-shortcut button,
.widget .customize-partial-edit-shortcut button {
left: 0 !important
}
#colophon .customize-partial-edit-shortcut button,
#colophon .widget .customize-partial-edit-shortcut button,
#secondary .customize-partial-edit-shortcut button,
#secondary .widget .customize-partial-edit-shortcut button {
left: -30px !important
}
.video-widget {
position: relative;
overflow: hidden;
height: calc(100vh - 56px)
}
.video-widget .video-controls {
position: absolute;
bottom: 20px;
left: 20px
}
.video-widget .video-controls button {
background: #745cf9;
color: #fff;
border: none;
outline: none;
padding: 5px 10px;
text-align: center
}
.video-widget.youtube {
position: relative;
background: 0 0
}
.ytplayer-container {
position: absolute;
top: 0;
z-index: -1
}
.shapely_home_parallax {
width: 100%;
display: inline-block
}
.bg-secondary .text-right {
z-index: 2
}
blockquote {
background: 0 0;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
border-left: none;
position: relative
}
blockquote:after {
content: '';
height: 1px;
width: 150px;
display: block;
position: absolute;
bottom: 0;
left: 50%;
background: #001c28;
-webkit-transform: translateX(-50%);
-khtml-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.widget .widget-title {
font-size: 22px;
line-height: 24px;
color: #696969;
margin-bottom: 13px;
padding: 0 0 20px;
font-weight: 400 !important;
border-bottom: 1px solid #52c1b1
}
#rpwe_widget-2 .widget-title {
padding-top: 0;
line-height: 42px;
margin-top: 0
}
.rpwe-block {
margin-top: 20px
}
#rpwe_widget-2 li::before {
display: none !important
}
.widget.widget_archive > div ul,
.widget.widget_archive ul,
.widget.widget_categories > div ul,
.widget.widget_categories ul,
.widget.widget_meta > div ul,
.widget.widget_meta ul,
.widget.widget_pages > div ul,
.widget.widget_pages ul,
.widget_nav_menu > div ul,
.widget_nav_menu ul {
list-style-type: none;
padding-left: 0;
margin-left: 0
}
.widget.widget_archive > div ul li,
.widget.widget_archive ul li,
.widget.widget_categories > div ul li,
.widget.widget_categories ul li,
.widget.widget_meta > div ul li,
.widget.widget_meta ul li,
.widget.widget_pages > div ul li,
.widget.widget_pages ul li,
.widget_nav_menu > div ul li,
.widget_nav_menu ul li {
border-bottom: none;
padding-bottom: 20px;
margin-bottom: 20px
}
.widget.widget_archive > div ul li:last-of-type,
.widget.widget_archive ul li:last-of-type,
.widget.widget_categories > div ul li:last-of-type,
.widget.widget_categories ul li:last-of-type,
.widget.widget_meta > div ul li:last-of-type,
.widget.widget_meta ul li:last-of-type,
.widget.widget_pages > div ul li:last-of-type,
.widget.widget_pages ul li:last-of-type,
.widget_nav_menu > div ul li:last-of-type,
.widget_nav_menu ul li:last-of-type {
border: none;
padding-bottom: 0
}
.widget.widget_archive > div ul li span,
.widget.widget_archive ul li span,
.widget.widget_categories > div ul li span,
.widget.widget_categories ul li span,
.widget.widget_meta > div ul li span,
.widget.widget_meta ul li span,
.widget.widget_pages > div ul li span,
.widget.widget_pages ul li span,
.widget_nav_menu > div ul li span,
.widget_nav_menu ul li span {
font-size: 12px;
color: #8c979e;
float: right
}
.widget.widget_archive > div ul li a,
.widget.widget_archive ul li a,
.widget.widget_categories > div ul li a,
.widget.widget_categories ul li a,
.widget.widget_meta > div ul li a,
.widget.widget_meta ul li a,
.widget.widget_pages > div ul li a,
.widget.widget_pages ul li a,
.widget_nav_menu > div ul li a,
.widget_nav_menu ul li a {
font-size: 14px;
color: #8c979e;
font-weight: 400
}
.widget.widget_archive > div ul li a:focus,
.widget.widget_archive > div ul li a:hover,
.widget.widget_archive ul li a:focus,
.widget.widget_archive ul li a:hover,
.widget.widget_categories > div ul li a:focus,
.widget.widget_categories > div ul li a:hover,
.widget.widget_categories ul li a:focus,
.widget.widget_categories ul li a:hover,
.widget.widget_meta > div ul li a:focus,
.widget.widget_meta > div ul li a:hover,
.widget.widget_meta ul li a:focus,
.widget.widget_meta ul li a:hover,
.widget.widget_pages > div ul li a:focus,
.widget.widget_pages > div ul li a:hover,
.widget.widget_pages ul li a:focus,
.widget.widget_pages ul li a:hover,
.widget_nav_menu > div ul li a:focus,
.widget_nav_menu > div ul li a:hover,
.widget_nav_menu ul li a:focus,
.widget_nav_menu ul li a:hover {
color: #5234f9
}
.widget.widget_recent_comments ul {
list-style-type: none;
padding-left: 0;
margin-left: 0
}
.widget.widget_recent_comments ul li {
color: #8c979e
}
.widget.widget_recent_comments ul li a {
font-weight: 400
}
.widget.widget_recent_comments ul li .comment-author-link {
color: #8c979e
}
.widget.widget_recent_comments ul li .comment-author-link a {
color: #8c979e
}
.widget.widget_recent_comments ul li .comment-author-link a:focus,
.widget.widget_recent_comments ul li .comment-author-link a:hover {
color: #5234f9
}
.widget_nav_menu .menu > li {
float: none
}
.widget_nav_menu .menu > li a {
text-transform: initial;
font-size: 14px;
color: #8c979e;
font-weight: 400;
opacity: 1
}
.widget_nav_menu .menu > li a:focus,
.widget_nav_menu .menu > li a:hover {
color: #5234f9
}
.widget.widget_tag_cloud a {
text-transform: initial;
font-size: 14px;
color: #8c979e;
font-weight: 400
}
.widget.widget_tag_cloud a:focus,
.widget.widget_tag_cloud a:hover {
color: #5234f9
}
.widget.widget_recent_entries ul {
list-style-type: none;
padding-left: 0;
margin-left: 0
}
.widget.widget_recent_entries ul li {
border-bottom: 1px solid #ebebeb;
padding-bottom: 20px;
margin-bottom: 20px
}
.widget.widget_recent_entries ul li:last-of-type {
border: none;
padding-bottom: 0
}
.widget.widget_recent_entries ul li .post-date {
font-size: 12px;
color: #001c28;
padding-left: 10px;
border-left: 1px solid #ebebeb
}
.widget.widget_recent_entries ul li a {
text-transform: initial;
font-size: 14px;
color: #8c979e;
font-weight: 400;
display: inline-block;
width: 100%
}
.widget.widget_recent_entries ul li a:focus,
.widget.widget_recent_entries ul li a:hover {
color: #5234f9
}
.widget.widget_rss .rss-widget-icon {
display: none
}
.widget.widget_rss .widget-title a {
font-size: 22px;
line-height: 24px;
color: #001c28;
margin-bottom: 25px;
font-weight: 400
}
.widget.widget_rss ul {
list-style-type: none;
padding-left: 0;
margin-left: 0
}
.widget.widget_rss ul li {
margin-bottom: 40px
}
.widget.widget_rss ul li .rsswidget {
font-size: 22px;
line-height: 24px;
font-weight: 400;
color: #001c28;
display: block
}
.widget.widget_rss ul li .rsswidget:hover,
.widget.widget_rss ul li .rsswidget:focus {
color: #745cf9
}
.widget.widget_rss ul li .rss-date {
font-size: 12px;
display: inline-block;
width: 100%;
margin-bottom: 30px
}
.widget.widget_rss ul li .rssSummary {
color: #8c979e;
font-size: 14px
}
.widget.widget_rss ul li cite {
color: #001c28;
font-style: normal
}
.widget.widget_search .search-form {
padding: 0;
position: relative
}
.widget.widget_search .search-form:after {
content: '\f002';
display: block;
top: 0;
right: 23px;
z-index: -1;
font-family: fontawesome;
position: absolute;
color: #ebebeb
}
.widget.widget_search .search-form > input {
background: 0 0;
border: 1px solid #ebebeb;
text-transform: initial;
font-weight: 400
}
.widget.widget_search .search-form > input#s:hover,
.widget.widget_search .search-form > input#s:focus {
border-color: #745cf9;
box-shadow: none;
outline: none
}
.widget.widget_search .search-form > .searchsubmit {
position: absolute;
border: none;
top: 7px;
right: 0;
margin: 0;
bottom: 7px;
height: 35px;
width: 40px;
border-left: 1px solid #ebebeb;
color: transparent
}
.widget.widget_search .search-form > .searchsubmit:hover,
.widget.widget_search .search-form > .searchsubmit:focus,
.widget.widget_search .search-form > .searchsubmit:active {
color: transparent
}
.widget.widget_search .search-form :-moz-placeholder {
text-transform: initial;
font-weight: 400;
letter-spacing: initial;
color: #8c979e;
font-size: 14px
}
.widget.widget_search .search-form ::-moz-placeholder {
text-transform: initial;
font-weight: 400;
letter-spacing: initial;
color: #8c979e;
font-size: 14px
}
.widget.widget_search .search-form :-ms-input-placeholder {
text-transform: initial;
font-weight: 400;
letter-spacing: initial;
color: #8c979e;
font-size: 14px
}
.widget.widget_calendar {
position: relative
}
.widget.widget_calendar .widget-title,
.widget.widget_calendar h3 {
display: none
}
.widget.widget_calendar table {
border: 0;
border-collapse: separate;
border-spacing: 4px
}
.widget.widget_calendar #wp-calendar {
font-size: 12px
}
.widget.widget_calendar #wp-calendar > caption {
color: #001c28;
text-align: center;
font-size: 18px;
font-weight: 400;
padding-bottom: 20px;
padding-top: 16px;
min-height: 55px;
position: relative;
margin-bottom: 20px;
border-bottom: 1px solid #ebebeb
}
.widget.widget_calendar #wp-calendar > caption:after {
width: 75px;
display: block;
content: '';
height: 1px;
background: #745cf9;
position: absolute;
bottom: -1px;
left: 50%;
-webkit-transform: translateX(-50%);
-khtml-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.widget.widget_calendar #wp-calendar thead {
color: #745cf9
}
.widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev) {
width: 44px;
height: 44px;
border: 1px solid #ebebeb
}
.widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today {
border-color: #745cf9
}
.widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:hover {
background: #745cf9;
color: #fff
}
.widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:hover a {
color: #fff
}
.widget.widget_calendar #wp-calendar td,
.widget.widget_calendar #wp-calendar th {
padding: 6px 7px;
color: #001c28;
text-align: center
}
.widget.widget_calendar #wp-calendar td a,
.widget.widget_calendar #wp-calendar th a {
color: #745cf9;
text-decoration: none
}
.widget.widget_calendar #wp-calendar td a:hover,
.widget.widget_calendar #wp-calendar td a:focus,
.widget.widget_calendar #wp-calendar th a:hover,
.widget.widget_calendar #wp-calendar th a:focus {
text-decoration: none
}
.widget.widget_calendar #wp-calendar #prev {
position: absolute;
top: -2px;
left: 10%;
width: 35px;
height: 55px;
background-color: transparent;
color: #fff
}
.widget.widget_calendar #wp-calendar #prev:before {
content: '\f104';
display: block;
font-size: 16px;
line-height: 46px;
text-align: center;
position: relative;
font-family: fontawesome;
color: #001c28
}
.widget.widget_calendar #wp-calendar #prev > a {
top: 18px;
position: absolute;
color: transparent !important;
left: 0
}
.widget.widget_calendar #next {
position: absolute;
top: -2px;
right: 10%;
width: 35px;
height: 55px;
background-color: transparent;
color: #fff
}
.widget.widget_calendar #next:before {
content: '\f105';
display: block;
font-size: 16px;
line-height: 46px;
text-align: center;
position: relative;
font-family: fontawesome;
color: #001c28
}
.widget.widget_calendar #next > a {
top: 18px;
position: absolute;
color: transparent !important;
right: 0
}
#colophon .site-info {
margin-top: 15px
}
#colophon .widget {
display: inline-block;
width: 100%
}
#colophon .widget ul {
padding-left: 0;
margin-left: 0
}
#colophon .widget ul li {
margin-right: 0
}
#colophon .widget .widget-title {
color: #fff;
border-bottom: none
}
#colophon .widget.widget_calendar #wp-calendar > caption {
color: #fff
}
#colophon .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today,
#colophon .widget.widget_calendar #wp-calendar thead {
color: #fff
}
#colophon .widget.widget_calendar #wp-calendar th,
#colophon .widget.widget_calendar #wp-calendar td {
color: #fff
}
#colophon .widget.widget_calendar #wp-calendar #prev:before,
#colophon .widget.widget_calendar #wp-calendar #next:before {
color: #fff
}
#colophon .widget.widget_rss ul li .rsswidget {
color: #fff
}
#colophon .widget.widget_rss ul li .rsswidget:hover,
#colophon .widget.widget_rss ul li .rsswidget:focus {
color: #5234f9
}
#colophon .widget.widget_rss .widget-title a {
color: #fff
}
#colophon .widget.widget_rss .widget-title a:hover,
#colophon .widget.widget_rss .widget-title a:focus {
color: #5234f9
}
.post-content {
margin-bottom: 20px
}
.post-content .entry-header {
position: relative
}
.post-content .entry-header img {
width: 100%;
height: 350px;
max-height: 350px
}
.post-content .post-meta {
list-style-type: none;
margin-left: 0
}
.post-content .post-meta li {
position: relative
}
.post-content .post-meta li a {
color: #745cf9;
font-weight: 400
}
.post-content .post-meta li a:hover,
.post-content .post-meta li a:focus {
color: #5234f9
}
.post-content .post-meta li:before {
content: '';
height: 10px;
width: 2px;
background: #001c28;
display: block;
position: absolute;
bottom: 6px;
left: -13px
}
.post-content .post-meta li:first-of-type:before {
content: none
}
.post-content .entry-content .post-title {
font-size: 30px;
line-height: 35px;
margin-top: 25px;
margin-bottom: 10px
}
.post-content .entry-content .post-title a {
font-weight: 300;
color: #001c28
}
.post-content .entry-content p {
color: #8c979e
}
.post-content.post-grid-small .shapely-category {
width: 70%
}
.post-content .shapely-category {
position: absolute;
background: #fff;
height: 62px;
width: 45%;
bottom: 0;
left: 0
}
.post-content .shapely-category a {
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
color: #bebebe;
display: inline-block;
width: 100%;
text-align: center;
margin-top: 16px;
padding-bottom: 13px;
position: relative
}
.post-content .shapely-category a:hover,
.post-content .shapely-category a:focus {
color: #5234f9
}
.post-content .shapely-category a:after {
content: '';
display: block;
width: 45px;
height: 1px;
background: #ebebeb;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-khtml-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0
}
.post-content .more-link {
display: block;
width: 140px;
margin-top: 20px;
text-align: center;
background: #745cf9;
color: #fff;
padding: 10px 20px
}
.post-content .more-link:hover,
.post-content .more-link:focus {
background: #5234f9
}
.shapely-next-prev {
padding: 20px 0
}
.shapely-tags {
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #ebebeb
}
.shapely-tags > span {
font-size: 15px;
color: #767676;
margin-right: 10px
}
.shapely-tags > a {
font-size: 15px;
font-weight: 400;
color: #767676
}
.shapely-tags > a:hover,
.shapely-tags > a:focus {
color: #5234f9
}
.shapely-related-posts {
padding-top: 35px;
border-top: 1px solid #ebebeb;
position: relative
}
.shapely-related-posts .shapely-related-post-title a {
color: #001c28;
font-size: 18px;
font-weight: 400;
display: inline-block;
margin-top: 20px;
position: relative;
padding-left: 9px
}
.shapely-related-posts .shapely-related-post-title a:before {
content: '';
height: 13px;
width: 1px;
background: #e1e1e1;
position: absolute;
left: 0;
top: 6px
}
.shapely-related-posts .shapely-related-post-title a:hover,
.shapely-related-posts .shapely-related-post-title a:focus {
color: #5234f9
}
.shapely-related-posts .shapely-carousel-navigation {
margin-bottom: 0
}
.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows {
list-style-type: none;
margin: 0
}
.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li {
display: inline-block;
position: absolute;
right: -17px;
top: 50%;
width: 35px;
height: 35px;
background: rgba(0, 0, 0, .6);
border-radius: 50%;
z-index: 100;
text-align: center;
line-height: 35px
}
.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li a {
color: #fff;
display: block;
line-height: 35px
}
.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:hover,
.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:focus {
background: #000
}
.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:first-of-type {
left: -17px;
right: initial
}
.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li::before {
display: none
}
.comment-form :-moz-placeholder {
text-transform: initial;
font-weight: 400;
letter-spacing: initial;
color: #8c979e;
font-size: 14px
}
.comment-form ::-moz-placeholder {
text-transform: initial;
font-weight: 400;
letter-spacing: initial;
color: #8c979e;
font-size: 14px
}
.comment-form :-ms-input-placeholder {
text-transform: initial;
font-weight: 400;
letter-spacing: initial;
color: #8c979e;
font-size: 14px
}
.comment-form textarea {
background: 0 0;
border-bottom: 1px solid #ebebeb;
height: 120px
}
.comment-form textarea:focus,
.comment-form textarea:active {
outline: none;
border-bottom: 1px solid #745cf9
}
.comment-form input[type=text],
.comment-form input[type=url],
.comment-form input[type=email] {
background: 0 0;
border-bottom: 1px solid #ebebeb;
width: 31.3%;
float: left;
margin-right: 3%
}
.comment-form input[type=text]:last-of-type,
.comment-form input[type=url]:last-of-type,
.comment-form input[type=email]:last-of-type {
margin: 0
}
.comment-form input[type=text]:focus,
.comment-form input[type=text]:active,
.comment-form input[type=url]:focus,
.comment-form input[type=url]:active,
.comment-form input[type=email]:focus,
.comment-form input[type=email]:active {
outline: none;
border-bottom: 1px solid #745cf9
}
.comment-form .form-submit {
display: inline-block;
width: 100%;
margin-top: 15px
}
.author-bio {
background: 0 0
}
.author-bio .avatar img {
border-radius: 50%
}
.author-bio .fn {
font-weight: 400;
font-size: 18px
}
.author-bio p {
margin-top: 10px;
color: #8c979e;
font-size: 14px
}
.author-bio .author-email {
color: #8c979e;
font-weight: 400
}
.author-bio .author-email:hover,
.author-bio .author-email:focus {
color: #5234f9
}
.author-bio .author-social li {
padding: 0 5px
}
.author-bio .author-social li a {
color: #001c28;
font-size: 12px
}
.author-bio-left-side .col-sm-2,
.author-bio-left-side .col-sm-10 {
width: 100%
}
.author-bio-left-side .author-bio {
text-align: center;
padding: 15px 20px
}
.author-bio-left-side .author-bio .fn {
margin-top: 10px;
display: inline-block;
width: 100%
}
.author-bio-left-side .author-bio .author-email {
display: none
}
.author-bio-left-side .author-bio .author-social {
position: relative;
display: inline-block;
text-align: center;
top: initial;
left: initial;
right: initial;
bottom: initial
}
.author-bio-left-side .author-bio .author-social li a {
color: #001c28
}
.pt0 {
padding-top: 30px
}
.home-slider {
margin: 0 0 30px
}
h1 {
text-align: center;
color: #696969;
font-family: proxima_nova_rgregular !important;
font-size: 34px;
font-weight: 700;
margin: 0
}
.home-listing h1 {
color: #5eb1a2;
font-weight: 700;
font-size: 30px;
margin-bottom: 0
}
.page-template .home-listing .vc_col-sm-12 .vc_col-sm-12 p {
font-size: 24px
}
.home-listing h2 {
font-size: 26px
}
.banner-text {
text-align: left;
width: 450px;
font-weight: 300;
font-family: proxima_nova_rgregular, sans-serif;
color: #696969;
font-size: 24px;
margin: 0
}
.trial_button {
background-image: url(../asap-systems/assets/images/inventory-asset-tracking-system-banner-cta.png);
background-size: 100% auto;
width: 116px;
display: block;
height: 45px;
background-position: top left
}
.trial_button:hover {
background-position: bottom left
}
.centrelized-text {
text-align-last: center
}
.phone-num p a {
font-family: proxima_nova_rgregular, sans-serif
}
.phone-num p {
margin: 12px;
font-size: 16px
}
.page-template .home-listing.top-section .asap-container h3 {
max-width: 100%;
margin: 50px auto 0 20px;
font-size: 2.8em;
text-align: left;
line-height: 1
}
.page-template .home-listing.top-section .asap-container p {
font-size: 1.5em;
margin: 0 0 0 20px
}
.home-listing h3 a {
text-align: center;
margin: 20px auto;
font-size: 26px;
font-weight: 700;
color: #52c1b1;
line-height: 1;
text-decoration: underline;
font-family: proxima_nova_rgregular, sans-serif !important
}
.services-head:before {
background-image: url(../asap-systems/assets/images/inventory-asset-tracking-system-icon2.svg);
content: "-";
color: transparent;
width: 56px;
height: 58px;
position: absolute;
background-repeat: no-repeat;
background-size: 120px;
left: 32px
}
.services-head.products:before {
background-position: top left
}
.services-head.industries:before {
background-position: top right
}
.services-head.hardware:before {
background-position: bottom left
}
.services-head.what:before {
background-position: bottom right
}
.services-head h2 {
color: #696969
}
.services-head h2 {
padding: 0 0 30px 86px;
text-align: center;
margin: 20px auto;
font-size: 26px;
font-weight: 700;
line-height: 1;
font-family: proxima_nova_rgregular, sans-serif !important;
float: left
}
.services-list-container {
width: 100%;
float: left
}
.services-list li {
list-style: none
}
.services-list li {
list-style: none
}
.services-list li:before {
content: "\2022";
color: #52c1b1;
font-weight: 700;
display: inline-block;
width: 1em;
margin-left: -1em;
text-shadow: none;
border: none;
box-shadow: none;
font-size: 22px;
line-height: 1
}
.services-list li.no-bullet:before {
display: none
}
h3.footer-title {
text-align: center;
padding-top: 20px;
font-family: proxima_nova_rgregular !important
}
h3.footer-title a {
color: #52c1b1 !important
}
.vc_carousel-slideline-inner img {
margin: auto;
display: table;
min-height: 70px;
width: auto
}
.page-template h3,
.post-template h3 {
color: #696969;
font-family: proxima_nova_rgregular, sans-serif;
margin: 20px 0 10px;
padding-bottom: 10px;
font-size: 26px;
line-height: 1.3;
}
.page-template-military h4 {
font-size: 28px;
color: #696969;
font-family: proxima_nova_rgregular, sans-serif;
margin: 20px 0 10px
}
.page-template-military ul li {
list-style: none
}
.page-template-military .wpb_wrapper ul li:before {
content: "\2022";
color: #52c1b1;
font-weight: 700;
display: inline-block;
width: 1em;
margin-left: -1em;
text-shadow: none;
border: none;
box-shadow: none;
font-size: 22px;
line-height: 1
}
.home-case-study {
width: 70%
}
.case-study-section img {
max-height: 300px
}
.home-case-study p {
margin: 30px auto 0;
text-align: center
}
a.case-url {
text-align: center;
display: table;
margin: 10px auto;
font-weight: 700;
text-decoration: underline
}
.home-testimonial .vc_grid-item-mini {
background: #f4f4f5
}
.home-testimonial .vc_grid-item-mini .vc_gitem-zone {
background-size: auto;
background-color: #f4f4f5
}
.home-testimonial .vc-gitem-zone-height-mode-auto:before {
padding-top: 100px
}
.home-testimonial h4 {
text-align: center !important;
padding-top: 0 !important;
font-family: proxima_nova_rgregular, sans-serif;
color: #696969;
text-shadow: none;
margin: 10px auto 20px;
font-size: 20px;
font-weight: 700;
width: 80%;
line-height: 1.2
}
#menu-footer-main-menu {
margin-top: 0;
height: auto
}
#menu-footer-main-menu li {
border: none;
float: left;
margin: 0 0 4px;
padding: 0 10px 0 0;
height: auto
}
#menu-footer-main-menu li a {
padding: 0 10px 0 0;
color: #696969;
font-size: 12px;
line-height: 20px;
height: auto;
font-weight: 400
}
#menu-footer-main-menu li:after {
content: "|";
color: #696969;
font-size: 14px
}
.advanced-col .wpb_wrapper {
background: #f4f4f5;
margin: 15px;
padding-bottom: 40px
}
.advanced-col h4 {
color: #52c1b1
}
a {
color: #52c1b1
}
.page-template-template-home #primary,
.home #primary {
padding: 0
}
.page-template-template-home .home-listing.top-section {
padding-top: 0px !important;
}
.grid-container {
padding-right: .625rem;
padding-left: .625rem;
max-width: 90%;
margin-left: auto;
margin-right: auto
}
.desktop-only {
display: block
}
.mobile-only {
display: none
}
.social-icons .menu-item {
background: #696969;
width: 40px;
height: 40px;
border-radius: 30px;
display: block !important;
float: left;
padding-left: 6px !important;
margin: 0 4px
}
.social-icons .menu-item a {
height: auto;
margin: 8px 6px 0;
display: table;
text-align: center;
width: auto
}
.social-icons .menu-item i {
color: #fff;
font-size: 18px
}
.posts-section article {
clear: both;
overflow: hidden;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
padding-top: 20px
}
.posts-section article.odd {
background: #f4f4f4
}
.posts-section article.even .col-lg-4 {
float: left;
text-align: center;
height: 280px;
overflow: hidden
}
.posts-section article.odd .col-lg-4 {
float: right;
text-align: center;
height: 280px;
overflow: hidden
}
.posts-section article .col-lg-4 img {
height: auto;
width: 100%
}
.vc_section.case-study,
.vc_section.footer-text,
.vc_section.testimonial {
padding: 0
}
.page-template .posts-section .asap-container h4 {
font-weight: 700;
color: #696969;
padding: 0;
margin: 10px 0;
font-size: 30px !important
}
.testimonial article {
background: #f4f4f5;
margin: 0 10px 30px;
text-align: center;
padding: 0 30px 20px;
height: 600px
}
.client-logo {
display: flex;
height: 100px;
margin: 10px auto
}
.client-logo img {
width: auto;
height: auto;
margin: auto;
max-width: 100%;
max-height: 100%
}
.testimonial .col-lg-4 h4 {
text-align: center;
padding-top: 0 !important;
font-family: proxima_nova_rgregular, sans-serif;
color: #696969;
text-shadow: none;
margin: 10px auto 20px;
font-size: 20px;
font-weight: 700;
width: 80%;
line-height: 1.4
}
.testimonial .col-lg-4 .client-detail h4 {
text-align: center;
padding-top: 0 !important;
font-family: proxima_nova_rgregular, sans-serif;
color: #696969;
text-shadow: none;
margin: 20px auto 6px;
font-size: 18px;
font-weight: 700
}
.testimonial .col-lg-4 p {
color: #696969;
padding-bottom: 10px;
font-size: 18px;
line-height: 26px;
text-align: justify;
text-align-last: center;
font-family: proxima_nova_rgregular, sans-serif;
line-height: 1.2
}
.testimonial.col-lg-4 .client-detail p {
text-align: center;
text-align-last: center;
line-height: 1.2;
font-size: 16px
}
.client-msg {
min-height: 300px
}
.testimonial .col-lg-4 .client-detail p {
font-size: 16px
}
.main-video h3 {
font-size: 20px;
text-align: center;
font-weight: 700
}
h3.banner-h3 {
width: 460px;
font-family: proxima_nova_rgregular, sans-serif;
font-size: 32px;
margin: .67em 0;
line-height: 1.1;
font-weight: 700
}
.vc_section.top-banner {
background-size: 100% 300px !important;
height: 300px;
background-position: left top !important;
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important
}
.vc_section.top-banner .asap-container {
}
.top-banner h3.banner-h3 {
padding: 0;
margin: 0 0 -16px
}
.page-template .vc_section.top-banner .asap-container p {
font-size: 22px;
margin-bottom: 0;
display: block;
color: #696969
}
.asset-tracking-applications figure img {
width: 100px;
height: 100px
}
.asset-tracking-applications .wpb_single_image figure {
margin: 0;
padding: 0
}
.asset-tracking-applications .wpb_content_element {
margin-bottom: 12px
}
.asset-tracking-applications p {
font-family: proxima_nova_rgregular !important;
font-size: 20px !important;
font-weight: 700;
color: #696969;
margin-bottom: 30px
}
.home-listing-left {
}
.home-listing-left .wpb_wrapper {
position: relative;
z-index: 99999
}
.n2-ss-align.n2-ss-align-visible {
width: 100% !important;
margin: 0 !important
}
.page-template .asap-container h3 {
text-align: center;
color: #696969;
font-family: proxima_nova_rgregular;
font-size: 34px;
font-weight: 700;
margin: 0 0 10px
}
.page-template .asap-container h3.h3-banner {
margin: 0
}
.page-template .asap-container .flex-caption h3 {
margin: 0
}
.page-template .asap-container p {
font-size: 20px;
line-height: 1.2;
width: 100%;
margin: 0
}
.page-template .asap-container ul,
.page-template .asap-container ul li {
font-size: 20px;
}
.green-dots ul,
.green-dots ul li {
list-style: none;
}
.green-dots ul {
margin-left: 10px;
}
.vc_column_container.home-slider .vc_column-inner {
padding-right: 0
}
.home-invent-as-tra h2 {
color: #5eb1a2;
font-weight: 700;
font-size: 34px;
margin-bottom: 0;
font-family: proxima_nova_rgregular, sans-serif;
margin: 20px 0 6px;
line-height: 1.2
}
.page-template .home-invent-as-tra .asap-container h3 {
font-size: 26px;
line-height: 2;
margin: 0;
text-align: left;
font-weight: 400
}
.page-template .home-invent-as-tra .asap-container h3.main-h1 {
color: #5eb1a2;
font-weight: 700;
font-size: 34px;
margin-bottom: 0;
font-family: proxima_nova_rgregular, sans-serif;
margin: 20px 0 6px;
line-height: 1.2
}
.page-template .asap-container h3.main-h1 {
font-weight: 700;
font-size: 34px;
margin-bottom: 0;
font-family: proxima_nova_rgregular, sans-serif;
margin: 20px 0 6px;
line-height: 1.2
}
.page-template .home-invent-as-tra .vc_col-sm-12 .vc_col-sm-12 p {
font-size: 24px;
margin-bottom: 30px
}
.page-template .asap-container h4 {
font-family: proxima_nova_rgregular, sans-serif;
margin: 20px auto 6px;
line-height: 1.2;
padding-left: 0;
margin-bottom: 10px;
padding-right: 0 !important
}
.page-template .good-inventory-section h4 {
margin: 0;
padding: 0
}
.page-template .latest-news .asap-container h4 {
font-weight: 700;
font-size: 34px;
margin-bottom: 0;
font-family: proxima_nova_rgregular, sans-serif;
margin: 20px 0 6px;
line-height: 1.2;
padding: 0
}
.page-template .asap-container h4.main-h4 {
color: #696969;
margin: 20px 0;
font-size: 30px
}
.page-template .home-invent-as-tra .asap-container .wpb_single_image .vc_single_image-wrapper:before {
}
.page-template .home-invent-as-tra .asap-container .wpb_single_image .vc_single_image-wrapper img {
max-width: 650px;
z-index: 99;
position: relative
}
.latest-news h3.post-title {
display: none
}
.home-footer-form .container:before {
}
.home-footer-form .container img {
height: 580px;
width: auto !important
}
.home-footer-form .vc_col-sm-2\/5 {
background: #fff;
border: 2px solid #52c1b1;
padding: 0 18px;
height: 580px
}
.home-footer-form .vc_col-sm-2\/5 h3 {
text-align: center;
color: #5eb1a2;
font-weight: 700;
font-size: 34px;
margin-bottom: 0;
font-family: proxima_nova_rgregular, sans-serif;
margin: 20px 0 6px;
line-height: 1.2
}
.home-footer-form .vc_col-sm-3\/5 h3 {
color: #5eb1a2;
font-weight: 700;
font-size: 44px;
margin-bottom: 0;
font-family: proxima_nova_rgregular, sans-serif;
margin: -4px 0 24px;
line-height: 1.2
}
.form-name {
}
.form-name label {
width: 49%;
float: left;
margin-right: 1%
}
.form-name label:first-child {
width: 49%;
float: left;
margin-right: 1%
}
.form-company {
float: left;
width: 100%;
margin: 0 0 4px
}
.form-company label {
width: 99%
}
.form-email {
float: left;
width: 100%;
margin: 0 0 4px
}
.form-email label {
width: 99%
}
.form-phone label {
width: 49%;
float: left;
margin-right: 1%
}
.form-phone label:first-child {
width: 49%;
float: left;
margin-right: 1%
}
.form-comment {
float: left;
width: 100%;
margin: 0 0 4px
}
.form-comment label {
width: 99%
}
.form-comment textarea {
height: 187px
}
.vc_section.home-footer-form {
margin: 0 !important;
background: #fcfcff !important;
padding-top: 0px !important;
}
.vc_section.home-footer-form .wpb_content_element {
margin: 0
}
.vc_section.home-footer-form .wpb_single_image .vc_figure {
padding: 0
}
.wpb_images_carousel {
margin-top: -10px
}
.home-listing .vc_col-sm-3 {
}
.contact-us .vc_col-sm-4 {
background: #fff;
-webkit-box-shadow: 4px 4px 9px 1px #c2c0c2;
-moz-box-shadow: 4px 4px 9px 1px #c2c0c2;
box-shadow: 4px 4px 9px 1px #c2c0c2;
border-radius: 30px;
padding: 20px 10px;
margin: 0 0 30px
}
input[type=submit] {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-cta4.svg);
background-size: 100% 120px;
width: 250px;
display: inline-block;
height: 60px;
transition: none;
-webkit-transition: none;
-moz-transition: none;
color: transparent !important;
background-color: transparent;
border: none;
margin: auto;
display: table
}
input[type=submit]:hover {
background-position: bottom left
}
.contact-us .vc_col-sm-4 strong {
}
.contact-us .vc_col-sm-4 strong span {
font-weight: 700;
margin-bottom: 16px !important;
float: left;
width: 100%;
font-size: 22px
}
.contact-us .wpb_content_element {
margin: 0
}
.page-template .contact-us .asap-container .vc_col-sm-4 h3 {
font-weight: 400;
font-size: 26px;
border-bottom: 1px solid #696969;
width: 90%;
margin: 0 5% 22px
}
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -.1em !important;
background: 0 0 !important;
padding: 0 !important
}
.top-logos .wpb_content_element {
margin: 0
}
.wpls-logo-showcase .slick-dots {
display: none !important
}
.wpls-logo-showcase button.slick-next,
.wpls-logo-showcase button.slick-next:active,
.wpls-logo-showcase button.slick-prev,
.wpls-logo-showcase button.slick-prev:active {
display: none !important
}
.latest-news .post-title {
display: block;
text-align: center;
font-size: 22px !important
}
.latest-news p {
display: none
}
.bottom-footer #menu-footer-main-menu {
padding: 0;
margin: 0;
text-align: center;
}
.bottom-footer #menu-footer-main-menu::before,
.bottom-footer #menu-footer-main-menu::after {
display: table;
content: "";
table-layout: fixed;
}
.bottom-footer #menu-footer-main-menu li {
width: auto;
margin-bottom: 0;
float: none;
display: inline-block;
}
.bottom-footer {
margin: 10px 0
}
.width80 {
width: 80% !important
}
.page-template .asset-lr p {
font-size: 16px;
margin-left: 8px
}
.vc_section.asset-lr .container ul.colored_dots_g_2 {
margin: -10px 0 0
}
.blog-banner {
padding-top: 0 !important;
padding-bottom: 0 !important;
background: #fff url(https://www.asapsystems.com/wp-content/uploads/2019/07/inventory-system-banner-image.jpg?id=840) !important;
background-position: 0 0 !important;
background-repeat: no-repeat !important
}
.news-banner {
padding-top: 0 !important;
padding-bottom: 0 !important;
background: #fff url(https://www.asapsystems.com/wp-content/uploads/2019/07/inventory-system-banner-image.jpg?id=840) !important;
background-position: 0 0 !important;
background-repeat: no-repeat !important
}
#secondary .widget#rpwe_widget-2,
#secondary .widget#text-2 {
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
margin-top: 34px;
padding: 20px
}
#secondary .textwidget div {
margin: 0 0 30px
}
#secondary .textwidget h3 {
font-size: 26px;
text-align: left
}
.quote-section {
margin: 40px 10%;
width: 80%
}
.quote-section p {
font-size: 40px;
line-height: 1.1;
text-align: justify;
font-style: italic
}
.quote-section h4 {
color: #52c1b1;
text-align: right
}
.quote-section p:before {
content: "-";
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon6.svg);
background-size: auto 32px;
padding: 0 12px 0 10px;
background-position: left top;
position: absolute;
color: transparent;
z-index: 999;
margin-left: -32px;
height: 30px;
margin-top: -10px
}
.quote-section p:after {
content: "-";
background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon6.svg);
background-size: auto 32px;
padding: 0 12px 0 10px;
background-position: right top;
position: absolute;
color: transparent;
z-index: 999;
margin-left: 4px;
height: 30px;
margin-top: 20px
}
.owl-item .item a {
height: 200px;
overflow: hidden
}
.owl-item .item img {
height: 200px;
width: auto !important;
margin: auto
}
#secondary .widget#rpwe_widget-6,
#secondary .widget#rpwe_widget-3,
#secondary .widget#text-3,
#secondary .widget#rpwe_widget-4,
#secondary .widget#text-4,
#secondary .widget#rpwe_widget-5,
#secondary .widget#text-5,
#secondary .widget#text-6 {
-webkit-box-shadow: 0 0 5px 0 rgba(74, 74, 74, .5);
-moz-box-shadow: 0 0 5px 0 rgba(74, 74, 74, .5);
box-shadow: 0 0 5px 0 rgba(74, 74, 74, .5);
margin-top: 34px;
padding: 20px
}
#rpwe_widget-6 li::before,
#rpwe_widget-3 li::before,
#rpwe_widget-4 li::before,
#rpwe_widget-5 li::before {
display: none !important
}
#secondary .rpwe-block h3 {
background: 0 0 !important;
clear: none;
margin-bottom: 10px !important;
margin-top: 10px !important;
font-weight: 400;
font-size: 24px !important;
line-height: 1;
text-align: left
}
.category-video .btn {
display: none
}
.page-template .asap-container .client-msg h4 {
margin: 10px 0;
padding: 0
}
.page-template .asap-container .client-detail h4 {
margin: 30px 0 10px;
padding: 0
}
.page-template .asap-container .client-msg p {
font-size: 18px
}
.cloud-based {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-cloud-icon.svg)
}
.on-premises {
background-image: url(../asap-systems/images/inventory-asset-tracking-system-onpremises-icon.svg)
}
.emptyBlocks {
height: 20px;
float: left
}
.first-row {
border-bottom: 3px solid #e2e2e2 !important;
color: #696969
}
#question {
color: #54b5a4;
font-size: 15px;
border-bottom: 3px solid #e2e2e2;
margin: 0;
line-height: 33px
}
#paid-features {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 3px solid #e2e2e2;
padding: 6px 10px 4px
}
#based-features {
border-left: 1px solid #e2e2e2;
border-top: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
padding: 6px 10px 7px !important
}
#based-features i,
#not-available i,
#paid-features i {
padding-right: 10px
}
#not-available {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
margin: -12px 0 0;
padding: 0 10px
}
.col-lg-12 {
}
#title-div {
padding-bottom: 15px;
padding-top: 15px;
color: #696969;
margin-left: 15px;
font-size: 22px
}
#download-pdf:hover {
background-color: #54b5a4;
border: 1px solid #54b5a4;
padding: 0 26px;
min-width: 150px;
line-height: 36px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0;
color: #fff;
text-align: center;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
margin-right: 8px;
margin-bottom: 24px;
float: right;
width: 190px
}
#download-pdf {
background-color: #fff;
border: 1px solid #54b5a4;
padding: 0 26px;
min-width: 150px;
line-height: 36px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0;
color: #54b5a4;
text-align: center;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
margin-right: 8px;
margin-bottom: 24px;
float: right;
width: 190px
}
#basic-features,
#admin-features,
#add-on-features {
margin: 20px 0 0
}
#basic-features .download-url {
width: 220px;
height: 37px;
margin-bottom: 10px
}
#basic-features-title {
padding-top: 7px;
color: #54b5a4;
font-size: 40px;
font-family: proxima_nova_rgregular;
font-size: 34px;
font-weight: 700
}
#cloud,
#premise {
text-align: center;
color: #54b5a4;
font-size: 1em
}
#feature-col {
font-size: 15px;
color: #696969
}
.green {
color: #54b5a4
}
.grey {
color: #e3e6e8
}
.blue {
color: #00a1cc
}
#cb-stock,
#op-asset,
#op-suite {
background-color: #f4fbfb
}
#cb-suite,
#cloud {
border-right: 2px solid #e2e2e2
}
#cb-asset,
#cb-stock,
#cb-suite,
#op-asset,
#op-stock,
#op-suite {
text-align: center
}
article {
background-image: linear-gradient(to bottom, transparent 50px, transparent 0);
margin: auto auto 50px
}
.title {
z-index: 1;
background-color: #fff;
height: auto
}
.category {
top: 0;
font: 41px/57px "Titan One";
color: #f83d23
}
.box {
height: 50px;
border: 1px solid #e2e2e2;
line-height: 50px
}
.title {
padding-bottom: 0;
top: 0;
margin: 0 0 0 -14px
}
.emptyBlocks1 {
background-color: #ccc;
height: 500px;
margin: 40px auto
}
.emptyBlocks {
margin: 40px auto
}
#basic-features.fixed .title {
position: fixed;
top: 106px;
margin: auto
}
#admin-features.fixed .title {
position: fixed;
top: 106px;
margin: auto
}
#add-on-features.fixed .title {
position: fixed;
top: 106px;
margin: auto
}
.nav-tabs > li > a {
border: 1px solid #ddd
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
font-weight: 700;
background-color: #5ac2b1 !important;
color: #fff !important
}
.nav-tabs {
margin: 30px 0 0 15px
}
.description h3,
.descriptiontext h3 {
line-height: 0;
text-align: left;
color: #54b5a4;
font-family: proxima_nova_rgregular;
font-size: 18px;
font-weight: 700;
margin-bottom: 4px
}
.description .descriptiontext:before {
content: "-";
position: absolute;
left: -20px;
top: 20px;
width: 20px;
height: 30px;
border-right: solid 16px #54b5a4;
border-bottom: solid 16px transparent;
border-top: solid 16px transparent;
color: transparent
}
.description .descriptiontext {
top: -10px;
left: 100%;
visibility: hidden;
width: 320px;
background-color: #fff;
color: #000;
text-align: center;
padding: 10px 30px 20px;
position: absolute;
z-index: 1;
-webkit-box-shadow: 3px 6px 6px 0 #e2e2e2;
-moz-box-shadow: 3px 6px 6px 0 #e2e2e2;
box-shadow: 3px 6px 6px 0 #e2e2e2;
border-radius: 16px;
z-index: 999999
}
.description:hover .descriptiontext {
visibility: visible
}
.description p {
color: #52c1b1;
padding: 0
}
.description:hover .descriptiontext p {
color: #696969;
text-align: left
}