body,
html {
overflow-x: hidden
}
#background,
#header,
#page,
.wrap {
position: relative
}
#top-bar-open,
.aligncenter {
text-align: center
}
.content a:hover,
.content.content-box-content a.large-button-sc,
.content.content-box-content a.normal-button-sc,
.content.content-box-content a.small-button-sc,
a {
text-decoration: none
}
#newsletter h3,
#nq_social_home .subtitle span,
.banner-heading,
.breadcrumbs li,
.button--services,
.dropcap,
.main-nav ul ul.sub-menu li a,
.main-nav>ul>li>a,
.quote-button .inner,
.service-column__content h3,
.subheader-maintitle,
.tagcloud,
.widget_rss .rss-date,
.widget_rss li a,
input.wpcf7-form-control.wpcf7-submit.button.small-button {
text-transform: uppercase
}
#footer_language_list ul,
.breadcrumbs,
.main-nav ul,
.overlay ul,
.pricing-cols,
.services,
li#newsletterwidget-2,
ol,
ul {
list-style: none
}
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
input,
textarea {
-webkit-border-radius: 0;
border-radius: 0
}
body,
html {
width: 100%
}
body {
-webkit-text-size-adjust: 100%;
font-family:Proxima-Nova-Regular
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
b,
strong {
font-weight: 700
}
em {
font-style: italic
}
img {
max-width: 100%
}
:focus {
outline: 0
}
.cleared {
clear: both
}
.hidden {
display: none
}
.alignleft,
img.alignleft {
float: left;
padding: 5px 20px 10px 0
}
.alignright,
img.alignright {
float: right;
padding: 5px 0 10px 20px
}
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto
}
.gallery-caption {
font-size: 16px;
line-height: 24px;
padding-top: 10px
}
#background {
z-index: 1;
line-height: 20px;
font-size: 14px;
min-width: 1240px;
overflow: hidden;
width: 100%
}
#page {
width: 100%;
margin: 0 auto
}
#page.layout-boxed {
padding: 0;
margin-top: 30px;
margin-bottom: 30px;
width: 1280px;
box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
.wrap {
width: 1200px;
margin: 0 auto
}
.right-top-bar .contact-detail-line,
.right-top-bar .header-social,
.right-top-bar .header-social a,
.right-top-bar .search-form {
margin-left: 20px
}
#header {
width: 100%;
z-index: 9;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
#header.header-on-slider {
position: absolute;
left: 0;
top: 0
}
#header .wrap {
position: relative
}
#header.header-transparent {
background-position: center center;
background-size: cover
}
#header .header_content {
position: relative;
z-index: 2
}
.header_bg {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%
}
.header-social {
padding: 14px 0 12px;
display: inline-block
}
.header-social a {
display: inline-block;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.contact-detail-line {
display: inline-block;
padding: 12px 0 10px
}
.contact-detail-line ul li i {
margin-right: 8px
}
.left-top-bar .contact-detail-line,
.left-top-bar .header-social,
.left-top-bar .header-social a,
.left-top-bar .search-form {
margin-right: 20px
}
#top-bar .search-form {
height: 40px;
line-height: 0
}
#top-bar .search-form .search-input {
width: 200px;
padding: 10px 0 10px 50px
}
#top-bar .search-form i {
position: absolute;
top: 12px;
left: 20px;
font-size: 14px;
line-height: 14px;
color: #999
}
.left-top-bar {
float: left;
line-height: 0
}
.right-top-bar {
float: right;
line-height: 0
}
.left-top-bar .header-social a:last-child {
margin-right: 0
}
.right-top-bar .header-social a:first-child {
margin-left: 0
}
.left-top-bar .contact-detail-line ul li {
display: inline-block;
padding-right: 20px
}
.right-top-bar .contact-detail-line ul li {
display: inline-block;
padding-left: 20px
}
#top-bar-open {
position: relative;
z-index: 2000
}
#topbar-open {
display: none;
cursor: pointer;
padding: 5px 12px;
border-radius: 0;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.left-header {
float: left
}
.right-header {
float: right
}
.left-header .main-menu {
float: left;
margin-left: 40px
}
.right-header .main-menu {
float: right;
margin-right: 40px
}
.left-header div:first-child {
margin-left: 0
}
.right-header div:first-child {
margin-right: 0
}
.site-logo {
float: left;
font-size: 0;
line-height: 0
}
.site-logo h1 {
padding: 0;
margin: 0;
line-height: 0;
font-size: 0
}
.site-logo>a,
.site-logo>h1>a {
height: 125px;
display: inline-block;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.site-logo img {
max-height: 100px;
line-height: 0;
font-size: 0;
display: inline-block;
padding-top: 10px
}
.logo-retina,
.site-logo .logo-retina {
display: none
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.logo-normal,
.site-logo .logo-normal {
display: none
}
.logo-retina,
.site-logo .logo-retina {
display: block
}
}
#scroll-header {
width: 100%;
height: 60px;
position: fixed;
z-index: 2001;
display: none;
top: 0;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.admin-bar #scroll-header {
top: 32px
}
#scroll-header .main-menu ul li {
padding: 20px 0 17px!important
}
#scroll-header .main-menu ul li li:last-child {
padding-bottom: 0!important
}
#scroll-header .site-logo>a,
#scroll-header .site-logo>h1>a {
height: 60px
}
#scroll-header .site-logo img {
max-height: 40px;
margin-top: 10px
}
#scroll-header .main-menu ul ul.mega-sub-menu,
#scroll-header .main-menu ul ul.sub-menu {
top: 60px!important
}
#scroll-header .main-menu ul ul.mega-sub-menu ul.mega-sub-menu,
#scroll-header .main-menu ul ul.sub-menu ul.sub-menu {
top: -30px!important
}
.main-menu ul ul.mega-sub-menu,
.main-menu ul ul.sub-menu {
text-align: left;
position: absolute;
width: 250px!important;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
display: none;
padding: 30px 0!important
}
.section-line,
.text-404 {
text-align: center
}
.main-menu ul ul.mega-sub-menu ul.mega-sub-menu,
.main-menu ul ul.sub-menu ul.sub-menu {
position: absolute;
top: -30px!important;
left: 250px!important;
width: 250px!important;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
display: none
}
.main-menu ul li:hover ul.sub-menu {
z-index: 100;
display: block;
margin-top: 0
}
.main-menu ul li:hover ul.sub-menu ul.sub-menu {
display: none
}
.main-menu ul ul.sub-menu li:hover ul.sub-menu {
display: block
}
.main-menu ul li li:last-child {
padding-bottom: 0!important
}
.main-menu ul li li a,
.main-menu ul li.current-menu-ancestor li a,
.main-menu ul li.current-menu-item li a {
display: inline-block!important;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 0;
letter-spacing: 0;
position: relative;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out
}
.content-section-text p,
.testimonials-content p {
font-weight: 300;
color: #2c2c2c;
letter-spacing: 1px;
font-family:Proxima-Nova-Regular!important
}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu.mega-menu-item,
.mega-menu-wrap,
.mega-menu-wrap .mega-menu {
position: static!important
}
.main-menu .mega-menu-megamenu ul.mega-sub-menu {
width: 100%!important;
left: 0!important;
padding-top: 40px!important
}
h4.mega-block-title {
padding-bottom: 55px!important;
position: relative
}
h4.mega-block-title:before {
position: absolute;
top: 35px;
left: 30px;
width: 25px;
height: 1px;
background-color: #fff;
content: ''
}
.main-menu .mega-menu-megamenu ul.mega-sub-menu ul,
.mega-block-title {
padding-left: 30px!important;
padding-right: 30px!important
}
#scroll-header .main-menu .mega-menu-megamenu ul.mega-sub-menu li,
#scroll-header .main-menu .mega-menu-megamenu ul.mega-sub-menu ul li,
.main-menu .mega-menu-megamenu ul.mega-sub-menu li,
.main-menu .mega-menu-megamenu ul.mega-sub-menu ul li {
padding-left: 0!important;
padding-right: 0!important
}
#toggle-menu-button {
position: absolute;
right: 0;
top: 39px;
float: left;
cursor: pointer;
text-align: center;
width: 48px;
height: 48px;
display: none;
z-index: 3;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
#toggle-menu-button i {
font-size: 24px;
line-height: 50px
}
#main-menu-toggle {
padding: 10px 0;
position: absolute;
display: none;
top: 50px
}
#main-menu-toggle a {
padding: 15px 20px;
display: block;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.toggle-menu,
span.screen-reader-text {
display: none
}
.toggle-menu {
position: absolute;
width: 100%;
top: 125px;
left: 0;
z-index: 3
}
.toggle-menu ul {
padding: 32px 23px 31px
}
.toggle-menu ul li {
margin-bottom: 20px
}
.toggle-menu ul li:last-child {
margin-bottom: 0
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
margin-right:8px !important
}
header.fixed #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
margin-right:14px !important
}
header.fixed #mega-menu-wrap-primary #mega-menu-primary{margin-left:10px;}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
font-size: 14px!important
}
.mega-current-menu-ancestor#mega-menu-item-2336>a,
.mega-current-menu-item>a {
background: red!important;
border-radius: 5px!important
}
.section-line1,
.section-line2 {
height: 1px;
background-color: #4c4c4c
}
.page-entry-content {
padding: 60px 0
}
.page-entry-content>:first-child {
padding-top: 0
}
.page-entry-thumb {
line-height: 0
}
.homepage-blog {
padding-top: 40px;
padding-bottom: 40px
}
.section-line {
font-size: 0;
line-height: 5px
}
.align-left .content-section-heading,
.section-line.section-line-left {
text-align: left
}
.section-line1 {
display: inline-block;
width: 50px
}
.section-line2 {
display: inline-block;
width: 25px
}
.content-section {
position: relative
}
.content-section .no-wrap,
.content-section .wrap,
.content-section .wrap-column {
position: relative;
z-index: 3
}
.image-bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
.section-bg-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.align-center .content-section-heading {
text-align: center
}
.align-right .content-section-heading {
text-align: right
}
.top-spacing-big {
padding-top: 100px
}
.top-spacing-medium {
padding-top: 75px
}
.top-spacing-small {
padding-top: 50px
}
.top-spacing-no {
padding-top: 0
}
.bottom-spacing-big {
padding-bottom: 90px
}
.bottom-spacing-medium {
padding-bottom: 70px
}
.bottom-spacing-small {
padding-bottom: 45px
}
.bottom-spacing-no {
padding-bottom: 0
}
.title-spacing-big .content-section-heading {
margin-bottom: 100px
}
.title-spacing-medium .content-section-heading {
margin-bottom: 75px
}
.title-spacing-small .content-section-heading {
margin-bottom: 50px
}
.section-widget-heading,
.title-spacing-no .content-section-heading {
margin-bottom: 0
}
h1.content-section-title,
h2.content-section-title,
h3.content-section-title,
h4.content-section-title,
h5.content-section-title,
h6.content-section-title {
margin: 0;
padding: 0 0 15px;
position: relative
}
.content-section-title:after,
.content-section-title:before {
position: absolute;
left: 50%;
height: 1px;
content: '';
background-color: #4c4c4c
}
.content-section-title:before {
bottom: 0;
margin-left: -25px;
width: 50px
}
.content-section-title:after {
bottom: -5px;
margin-left: -12px;
width: 24px
}
.align-left .content-section-title:after,
.align-left .content-section-title:before {
margin-left: 0;
left: 0
}
.align-right .content-section-title:after,
.align-right .content-section-title:before {
margin-left: 0;
right: 0;
left: auto
}
h1.content-section-subtitle,
h2.content-section-subtitle,
h3.content-section-subtitle,
h4.content-section-subtitle,
h5.content-section-subtitle,
h6.content-section-subtitle {
padding: 0 0 5px
}
.content-section-text {
padding: 40px 0 0
}
.content-section-text p {
padding-bottom: 0!important;
line-height: 1.5;
font-size: 18px;
max-width: 100%;
margin-bottom: 0
}
.content-section-line {
text-align: center
}
.content-section-line span {
display: inline-block;
width: 200px;
height: 4px
}
.widget-entry {
margin-bottom: 40px
}
.content-section .widget-entry:last-child {
margin-bottom: 0
}
h1.section-widget-title,
h2.section-widget-title,
h3.section-widget-title,
h4.section-widget-title,
h5.section-widget-title,
h6.section-widget-title {
margin: 0;
padding: 0 0 35px
}
.big-column-pagebuilder .wrap-column {
width: auto;
padding: 0
}
.section-half-column {
display: table;
width: 100%
}
.section-column-bg,
.section-column-content {
width: 50%;
display: table-cell;
box-sizing: border-box
}
.section-column-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.blockquote-image,
.promote-section-image {
background-repeat: none;
background-size: cover;
background-position: center center
}
.section-column-content {
padding: 5%;
box-sizing: border-box
}
.section-column-content-heading {
margin-bottom: 40px
}
.section-column-content-title {
margin-bottom: 13px
}
.section-column-content-heading div:last-child {
margin-bottom: 0
}
.icon-box-horizontal,
.icon-box-vertical {
margin-bottom: 30px
}
.icon-box-vertical:last-child,
.widget-element-bottom .icon-box-horizontal {
margin-bottom: 0
}
.icon-box-button a {
padding: 6px 13px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.icon-box-image-container {
margin-bottom: 21px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.icon-box-image-box-container {
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.tab-title,
.tab-title i {
transition: all .2s ease-out
}
.icon-box-vertical .icon-box-detail.icon-box-image-box-detail {
margin-left: 106px
}
.icon-box-icon,
.icon-box-inline {
margin-bottom: 13px
}
.icon-box-style .icon-box-icon {
margin-bottom: 17px
}
.icon-box-icon,
.icon-box-style .icon-box-title {
margin-bottom: 12px
}
.icon-box-title {
margin-bottom: 13px
}
.icon-box-title-image {
margin-bottom: 9px
}
.icon-box-vertical .icon-box-title {
margin-bottom: 8px
}
.icon-box-content {
margin-bottom: 24px
}
.icon-box-content p:last-child {
padding-bottom: 0
}
.icon-box-item div:last-child {
margin-bottom: 0
}
.icon-box-image-hover {
display: none!important
}
.icon-box-image-container:hover .icon-box-image-hover {
display: inline-block
}
.icon-box-image-box-container:hover .icon-box-image-box,
.icon-box-image-box-hover {
display: none
}
.icon-box-image-box-container:hover .icon-box-image-box-hover,
.tab-title {
display: inline-block
}
.icon-box-inline i {
vertical-align: -2px;
margin-right: 5px
}
.icon-box-vertical .icon-box-icon {
float: left;
width: 80px;
height: 80px;
text-align: center;
margin-bottom: 0
}
.icon-box-vertical .icon-box-image-box-container {
float: left;
width: 80px;
height: 80px;
margin-top: 4px;
margin-bottom: 0
}
.icon-box-style .icon-box-icon i {
width: 100px;
height: 100px;
border-radius: 50%
}
.image-box-style {
padding: 47px 26px 43px;
margin: 0 18px
}
.image-box-style .icon-box-image-box-container {
margin-bottom: 17px
}
.image-box-style .icon-box-image-box-title {
margin-bottom: 12px
}
.icon-box-vertical .icon-box-detail {
position: relative;
top: -6px;
margin-left: 110px
}
.icon-box-vertical .icon-box-right .icon-box-detail {
margin-left: 0;
margin-right: 110px
}
.icon-box-vertical .icon-box-right .icon-box-icon,
.icon-box-vertical .icon-box-right .icon-box-image-box-container {
float: right
}
.icon-box-vertical .icon-box-right .icon-box-detail.icon-box-image-box-detail {
margin-left: 0;
margin-right: 106px
}
.icon-box-vertical .icon-box-image-container {
width: 80px;
margin-bottom: 0;
float: left
}
.icon-box-vertical .icon-box-image-detail {
margin-left: 110px
}
.icon-box-vertical .icon-box-image-detail .icon-box-title {
margin-bottom: 8px
}
.icon-box-horizontal .icon-box-image-box-style {
padding: 45px 35px
}
.icon-box-horizontal .icon-box-image-container {
margin-bottom: 15px
}
.icon-box-horizontal .icon-box-title-image {
margin-bottom: 12px
}
.no-wrap .callout-wrap {
max-width: 1200px;
margin: 0 auto
}
.callout-align-left.callout-2-line .callout-buttons {
padding-top: 10px
}
.callout-align-left.callout-2-line .callout-inside {
padding-top: 50px;
padding-bottom: 50px
}
.callout-inside {
padding: 40px 45px 35px
}
.no-wrap .callout-inside {
padding-left: 0;
padding-right: 0
}
.callout-content {
float: left
}
.callout-content p {
padding-bottom: 0
}
.callout-main-content {
margin-bottom: 10px
}
.callout-buttons {
float: right
}
.callout-buttons.content .button {
margin-bottom: 0;
margin-right: 0
}
.callout-buttons.content .callout-button2 {
margin-left: 20px!important
}
.callout-align-center .callout-inside {
text-align: center;
padding-top: 50px;
padding-bottom: 55px
}
.callout-align-center .callout-content {
float: none;
margin-bottom: 20px
}
.callout-align-center .callout-buttons {
float: none
}
.tab-vertical-bottom,
.tab-vertical-top {
float: left;
box-sizing: border-box;
position: relative
}
.tab-title {
cursor: pointer;
-webkit-transition: all .2s ease-out;
padding: 12px 20px;
margin-right: 12px
}
.tab-content,
.tab-id {
display: none
}
.tab-title i,
.tab-vertical-title i {
margin-right: 5px;
vertical-align: -5px
}
.tab-title i {
-webkit-transition: all .2s ease-out
}
.tab-bottom {
padding: 30px 0 0
}
.tab-content p:last-child {
padding-bottom: 0
}
.tab-content-current {
display: block
}
.tab-vertical-id {
display: none
}
.tab-vertical-top {
width: 31%;
z-index: 2;
-moz-box-sizing: border-box
}
.tab-vertical-bottom {
width: 69%;
z-index: 1;
padding-left: 33px;
-moz-box-sizing: border-box
}
.tab-vertical-title {
width: 100%;
margin-bottom: 15px;
cursor: pointer;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
padding: 12px 20px;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.tab-vertical-content p:last-child,
.tab-vertical-icon {
padding-bottom: 0
}
.tab-vertical-title i {
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.tab-vertical-title:last-child {
margin-bottom: 0
}
.tab-vertical-content {
display: none;
margin-top: -4px
}
.tab-vertical-content-current {
display: block
}
.content.tab-content h1,
.content.tab-content h2,
.content.tab-content h3,
.content.tab-vertical-content h1,
.content.tab-vertical-content h2,
.content.tab-vertical-content h3 {
padding-top: 0;
padding-bottom: 22px
}
.accor-title {
padding: 10px 80px 10px 30px;
cursor: pointer;
position: relative;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
margin-bottom: 10px
}
.accor-title-icon {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 48px;
text-align: center;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.accor-title-icon i {
font-size: 18px;
line-height: 50px;
margin-right: 0;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.ui-state-focus {
outline: 0
}
.accor-content {
padding: 18px 0 25px
}
.accor-content p:last-child {
padding-bottom: 0
}
.accordion-type-group .accor-title {
margin-bottom: 0
}
.accordion-type-group .accor-content {
padding: 30px
}
.testimonials {
position: relative;
margin-bottom: 40px;
padding: 35px 40px 30px
}
.widget-element-bottom .testimonials {
margin-bottom: 0
}
.testimonials-slider-box .testimonials-container {
padding: 35px 40px 30px;
margin-bottom: 30px
}
.testimonials-slider-section {
padding: 0;
text-align: center
}
.testimonials-slider-section .testimonials-each {
margin-bottom: 30px
}
.no-wrap .testimonials-slider-section {
width: 1200px;
margin: 0 auto;
padding: 0
}
.testimonials-content {
padding-bottom: 20px;
position: relative
}
.testimonials-content p {
line-height: 1.5;
font-size: 18px;
max-width: 100%;
padding-bottom: 0
}
.testimonials-image {
display: inline-block;
margin-right: 20px;
width: 50px;
height: 50px
}
.testimonials-image .testimonials-image-box {
border-radius: 50%;
width: 50px;
height: 50px;
display: inline-block;
line-height: 50px;
vertical-align: -5px;
overflow: hidden
}
.testimonials-image i {
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
font-size: 24px;
line-height: 50px;
vertical-align: 10px
}
.testimonials-author-detail {
display: inline-block;
min-height: 50px
}
.testimonials-author-name {
text-align: left
}
.gallery-center,
.gallery-image-icon,
.subscribe-align-center {
text-align: center
}
.testimonials-each {
display: none
}
.testimonials-current {
display: block
}
.testimonials-current-id,
.testimonials-id,
.testimonials-total {
display: none
}
.testimonials-button-item {
display: inline-block;
margin-right: 15px;
width: 16px;
height: 16px;
border-radius: 50%;
cursor: pointer
}
.testimonials-button-item:last-child {
margin-right: 0
}
.logo_column2,
.logo_column3,
.logo_column4,
.logo_column5 {
margin-right: 1.4%;
margin-bottom: 16px;
float: left
}
.logo_column1 {
width: 100%;
float: left;
margin-bottom: 16px
}
.logo_column2 {
width: 49.3%
}
.logo_column3 {
width: 32.4%
}
.logo_column4 {
width: 23.95%
}
.logo_column5 {
width: 18.88%
}
.logo_column6 {
width: 15.5%;
float: left;
margin-bottom: 16px
}
.logo-style-border .logo_column6{width:19%;}
.logo_column1.column-last,
.logo_column2.column-last,
.logo_column3.column-last,
.logo_column4.column-last,
.logo_column5.column-last,
.logo_column6.column-last {
margin-right: 0
}
.logo-client-item,
.logo-client-item a {
line-height: 0;
font-size: 0;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.logo-client-item img {
opacity: 1;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
width: auto;
margin: 0 auto
}
.logo-client-item img:hover {
opacity: 1;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.logo .logo-client-item img {
height: auto;
width: auto;
margin: 0 auto;
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.logo-style-table .logo-client-item {
border-left: 1px solid #d9d9d9;
margin-right: -1px
}
h1.subscribe-box-title,
h2.subscribe-box-title,
h3.subscribe-box-title,
h4.subscribe-box-title,
h5.subscribe-box-title,
h6.subscribe-box-title {
margin: 0;
padding: 0 0 35px;
position: relative
}
.subscribe-box-title:before {
position: absolute;
content: '';
width: 25px;
height: 1px;
top: 50px;
left: 0;
background-color: #4c4c4c
}
.subscribe-align-center .subscribe-box-title:before {
left: 50%;
margin-left: -12px
}
.subscribe-box input[type=email] {
vertical-align: -2px
}
.subscribe-style-box {
padding: 40px 35px
}
.subscribe-style-border-box {
padding: 25px
}
.subscribe-style-border-box .subscribe-box-inner {
padding: 50px 60px 40px
}
.subscribe-align-justify .subscribe-box-text {
float: left
}
.subscribe-align-justify .subscribe-box-form {
float: right;
padding-top: 42px
}
.subscribe-box-text {
margin-bottom: 30px
}
.subscribe-box-form input[type=email] {
margin-right: 20px;
width: auto!important;
display: inline-block!important;
min-width: 250px
}
.gallery-image-icon,
.pricing-table-button {
display: inline-block
}
.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form input[type=text],
.contact-form textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
padding: 12px;
font-size: 16px;
line-height: 20px;
font-family:Proxima-Nova-Regular!important;
font-weight: 400;
margin-bottom: 0!important
}
.gallery-image-lightbox,
.gallery-image-lightbox a {
line-height: 0;
font-size: 0
}
.contact-form input[type=text],
.contact-form textarea {
margin-bottom: 0
}
.contact-email-field,
.contact-name-field,
.contact-subject-field,
.contact-website-field {
margin-bottom: 36px
}
.contact-textarea {
margin-bottom: 28px
}
.content.contact-button input[type=submit] {
margin: 0
}
.contact-button-full input[type=submit] {
width: 100%
}
.contact-form-col2 {
float: left;
width: 48%;
margin-right: 4%
}
.contact-form-col3 {
float: left;
width: 30.66%;
margin-right: 4%
}
.contact-form-col2.column-last,
.contact-form-col3.column-last {
margin-right: 0
}
.contact-detail-board {
padding: 30px 40px 20px
}
.contact-detail-board-item i {
margin-right: 20px
}
.contact-detail-board-description {
padding-top: 15px
}
.contact-detail-box-item {
padding: 20px;
min-height: 130px
}
.contact-detail-box-icon {
float: left;
text-align: center;
width: 50px
}
.contact-detail-box-text {
margin-left: 60px
}
.gallery-demo-container.gallery {
padding: 0
}
.gallery-image-lightbox {
position: relative
}
.gallery-image-bg,
.gallery-image-icon {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
transition: all .3s ease-out;
content: ''
}
.gallery-image-bg {
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all .3s ease-out
}
.gallery-image-icon {
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -25px;
width: 50px;
height: 50px;
-webkit-transition: all .3s ease-out;
transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0)
}
.gallery-image-lightbox .gallery-image-icon:hover,
.gallery-image-lightbox:hover .gallery-image-bg {
opacity: 1;
filter: alpha(opacity=100)
}
.gallery-image-icon i {
font-size: 24px;
line-height: 50px;
width: 50px;
height: 50px;
border-radius: 50%;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out
}
.gallery-image-lightbox:hover .gallery-image-icon {
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1)
}
div.pp_default .pp_description {
color: grey;
padding: 0 0 0 12px
}
.gallery-grid {
line-height: 0;
font-size: 0
}
.gallery-thumb-main {
line-height: 0;
font-size: 0;
overflow: hidden
}
.gallery-image-lightbox {
width: 100%;
height: 100%
}
.gallery-thumb-bottom .gallery-thumb-column {
position: relative;
line-height: 0;
font-size: 0;
cursor: pointer
}
.gallery-thumb-bottom .gallery-thumb-border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
box-sizing: border-box;
-moz-box-sizing: border-box;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
opacity: .9;
filter: alpha(opacity=90)
}
.gallery-thumb-main .gallery-thumb-each {
height: 0;
overflow: hidden;
font-size: 0;
line-height: 0
}
.gallery-thumb-main .gallery-current {
height: auto
}
.gallery-demo-image {
margin-bottom: 30px
}
.gallery-left img {
float: none;
text-align: left
}
.gallery-center img {
float: none;
text-align: center
}
.gallery-right img {
float: none;
text-align: right
}
.gallery-demo-image,
.gallery-demo-name {
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.pricing-table-item {
margin-right: 1px;
padding: 23px 31px 32px
}
.pricing-table-highlight {
margin-top: -25px;
padding: 36px 30px 32px
}
.pricing-table-heading {
padding: 0 0 20px
}
.pricing-table-sub-title {
padding: 5px 0 14px 2px
}
.pricing-table-pricing {
position: relative;
padding: 24px 0 29px
}
.pricing-table-unit {
position: absolute;
top: 33px;
left: -1px
}
.pricing-table-price {
padding-left: 18px
}
.pricing-table-duration {
vertical-align: 1px
}
.pricing-table-featured-list {
padding: 21px 0 4px
}
.pricing-table-column1 {
padding-top: 0
}
.pricing-table-column5 {
float: left;
width: 20%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.pricing-table-column4 {
float: left;
width: 25%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.pricing-table-column3 {
float: left;
width: 33.3%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.pricing-table-column2 {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.pricing-col {
box-sizing: border-box;
-moz-box-sizing: border-box
}
.pricing-button {
padding: 20px 20px 10px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.spacing-wrap {
margin-top: -20px
}
.content ul.custom-list {
list-style-type: none;
margin: 0;
padding: 0
}
ul.custom-list li {
padding: 5px 0;
color: #2c2c2c
}
ul.custom-list i {
margin-right: 7px;
text-align: center
}
ul.custom-list a {
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
ul.custom-list.icon-circle i,
ul.custom-list.icon-circle-bold i,
ul.custom-list.icon-square i,
ul.custom-list.icon-square-bold i {
width: 18px;
padding: 3px
}
.vimeo-container,
.youtube-container {
padding-bottom: 56.25%;
overflow: hidden
}
ul.custom-list.icon-circle i,
ul.custom-list.icon-circle-bold i {
border-radius: 50%
}
ul.custom-list.icon-square i,
ul.custom-list.icon-square-bold i {
border-radius: 5px
}
.milestone-number {
position: relative;
margin-bottom: 40px
}
.milestone-number i {
vertical-align: -3px
}
.milestone-number:before {
position: absolute;
width: 25px;
height: 1px;
content: '';
left: 50%;
margin-left: -12px;
top: 60px;
background-color: #4c4c4c
}
.youtube-container {
position: relative;
height: 0
}
.youtube-container embed,
.youtube-container iframe,
.youtube-container object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.vimeo-container {
position: relative;
height: 0
}
.vimeo-container embed,
.vimeo-container iframe,
.vimeo-container object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.google-map-container iframe {
width: 100%;
height: 100%
}
.google-map-container small {
display: none
}
.timeline-item {
padding-bottom: 32px
}
.timeline-item:last-child {
padding-bottom: 0
}
.timeline-image {
width: 30%;
margin-right: 4%;
float: left
}
.timeline-detail {
width: 66%;
float: left;
padding: 17px 26px 22px;
box-sizing: border-box;
border-radius: 4px
}
.timeline-detail-full {
width: 100%;
float: none
}
.timeline-year {
display: inline-block;
margin-right: 14px;
padding: 3px 9px 4px
}
.timeline-title {
margin-bottom: 13px
}
.timeline-content {
margin-left: -1px
}
.timeline-content p:last-child {
padding-bottom: 0
}
.progress-item {
margin-bottom: 29px
}
.progress-name {
margin-bottom: 13px;
float: left
}
.progress-value {
float: right;
margin-right: -5px
}
.progress-background {
width: 100%;
height: 10px
}
.progress-current {
height: 100%
}
.progress-pie-chart-item {
text-align: center;
margin-bottom: 40px
}
.progress-pie-chart-item .progress-value {
float: none;
margin: 0;
padding: 0 0 0 3px;
vertical-align: -2px
}
.progress-pie-chart-item .progress-name {
float: none;
margin-bottom: 0
}
.progress-pie-chart {
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
position: relative;
margin: 0 auto 16px
}
.progress-canvas {
position: absolute;
top: 0;
left: 0
}
.process_row {
width: 100%;
display: table
}
.process-item {
padding: 21px 31px;
margin-bottom: 34px;
border-radius: 3px
}
.process-item.widget-element-bottom {
margin-bottom: 0
}
.process_container_2,
.process_container_3 {
padding: 0 20px
}
.process_container_2 .process_cell,
.process_container_3 .process_cell {
display: table-cell;
float: none
}
.process_cell {
background-color: #f5f5f5
}
.process-left {
float: left
}
.process-right {
margin-left: 61px
}
.process-name {
margin-bottom: 12px
}
.process-number {
padding-top: 12px
}
.process_style_2.process-item {
padding: 20px 36px;
border-radius: 0;
position: relative;
margin: 0
}
.process_style_2 .process-number {
float: left;
padding: 0;
margin-left: -3px;
margin-top: -3px
}
.process_style_2 .process-name {
margin-bottom: 7px
}
.process_style_2 .process-content {
margin-left: 56px
}
.process-arrow {
position: absolute;
top: 45px;
right: -14px;
width: 42px;
height: 42px;
z-index: 2;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.process_last .process-arrow {
display: none
}
.process_container_3 .process-item {
position: relative;
border-radius: 0;
padding: 25px 33px 25px 39px;
margin: 0;
cursor: pointer
}
.process_container_3 .process-number {
padding: 0 0 7px
}
.process_container_3 .process-name {
margin: 0
}
.process_container_3 .process-content {
display: none;
text-align: left;
padding: 44px 0 0;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.process_container_3 .process_content_active {
display: block
}
.process_container_3 .process-tab-id {
display: none
}
.box-success,
.image-circle,
.social-icons,
.subcribe-layout-2 .subscribe-button,
.subcribe-layout-2 .subscribe-description,
.subcribe-layout-2 .subscribe-email,
.subcribe-layout-3 .subscribe-button,
.subcribe-layout-3 .subscribe-email {
display: inline-block
}
.process_container_3 .process-content h1,
.process_container_3 .process-content h2,
.process_container_3 .process-content h3,
.process_container_3 .process-content h4 {
padding: 0 0 25px
}
.process_container_3 .process-content p {
padding-bottom: 28px
}
.subscribe-wrap {
padding: 45px 34px 47px
}
.subscribe-wrap.align-center {
text-align: center
}
.subscribe-wrap.align-right {
text-align: right
}
.background-style-no.subscribe-wrap {
padding: 45px 0 47px
}
.subscribe-name {
margin-bottom: 19px
}
.subscribe-description {
margin-bottom: 26px
}
.subscribe-email {
margin-bottom: 29px
}
.content .subscribe-email input {
padding-left: 20px;
margin: 0
}
.content .subscribe-button input {
padding: 12.5px 18.5px 12.5px 25.5px
}
.box-success {
padding-top: 20px
}
.subscribe-small.background-style-border {
padding: 23px 23px 23px 26px
}
.subscribe-small.background-style-border .subscribe-post {
padding: 52px 62px 62px
}
.subcribe-layout-3 .subscribe-name {
margin: 0 0 30px
}
.subcribe-layout-3 .subscribe-description {
margin: 0 0 43px
}
.subcribe-layout-3 .subscribe-email {
margin: 0 32px 0 0
}
.subcribe-layout-2.subscribe-small.background-style-border .subscribe-post {
padding: 54px 62px 62px 55px
}
.subcribe-layout-2 .subscribe-name {
margin: 0 0 11px
}
.subcribe-layout-2 .subscribe-description {
margin: 0 48px 0 0
}
.subcribe-layout-2 .subscribe-email {
margin: 0 35px 0 0;
vertical-align: -1px
}
.subscribe-fullwidth.subcribe-layout-2 .subscribe-post {
padding: 68px 0 79px
}
.subscribe-fullwidth.subcribe-layout-3 .subscribe-post {
padding: 95px 0 99px
}
.subscribe-fullwidth.subscribe-wrap {
padding: 0
}
.subscribe-fullwidth.subcribe-layout-2 .subscribe-name {
margin-bottom: 9px
}
.subscribe-fullwidth.subcribe-layout-2 .subscribe-description {
margin: 0 130px 0 0
}
.subscribe-fullwidth.subcribe-layout-2 .subscribe-email {
margin: 0 13px 0 0;
vertical-align: -1px
}
.subscribe-fullwidth.subcribe-layout-3 .subscribe-name {
margin: 0 0 23px
}
.subscribe-fullwidth.subcribe-layout-3 .subscribe-description {
margin: 0 0 44px
}
.transparent-10 {
opacity: .1
}
.transparent-20 {
opacity: .2
}
.transparent-30 {
opacity: .3
}
.transparent-40 {
opacity: .4
}
.transparent-50 {
opacity: .5
}
.transparent-60 {
opacity: .6
}
.transparent-70 {
opacity: .7
}
.transparent-80 {
opacity: .8
}
.transparent-90 {
opacity: .9
}
.promote-left {
text-align: left
}
.promote-center {
text-align: center
}
.promote-right {
text-align: right
}
#wp-calendar td,
#wp-calendar th,
.dropcap,
.heading-align-center,
.social-icons,
blockquote span {
text-align: center
}
.promote-box {
position: relative;
font-size: 0;
line-height: 0
}
.promote-image {
position: relative;
z-index: 1
}
.promote-box-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2
}
.promote-box .promote-info {
position: absolute;
width: 100%;
padding: 0 40px;
box-sizing: border-box;
top: 50%;
transform: translateY(-50%);
z-index: 3
}
.promote-section {
padding: 120px 0;
position: relative
}
.promote-section-bg,
.promote-section-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.promote-section-bg {
z-index: 2
}
.promote-section-image {
z-index: 1
}
.blockquote-box,
.promote-wrap {
position: relative
}
.promote-wrap {
z-index: 2;
width: 1200px;
margin: 0 auto
}
.promote-section .promote-content {
margin-bottom: 20px
}
.blockquote-bg,
.blockquote-image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.blockquote-bg {
z-index: 2
}
.blockquote-image {
z-index: 1
}
.blockquote-wrap {
position: relative;
z-index: 3;
padding: 45px 50px;
box-sizing: border-box
}
.blockquote-section .blockquote-wrap {
width: 1200px;
margin: 0 auto;
padding: 130px 0 80px;
text-align: center
}
.wrap-column .blockquote-section .blockquote-wrap {
padding-left: 50px;
padding-right: 50px
}
.blockquote-box i.fa-quote-right {
position: absolute;
bottom: 20px;
right: 50px;
font-size: 50px
}
.blockquote-section i.fa-quote-right {
position: relative;
bottom: auto;
right: auto;
font-size: 50px;
padding-top: 30px
}
.team-detail {
padding: 20px 15px 0
}
.team-style-1.team-item .team-detail {
height: 130px
}
.team-style-1 .team-heading:before,
.team-style-2 .team-name:before {
width: 25px;
height: 1px;
background-color: #2e2e2e;
content: ''
}
.team-heading {
padding-bottom: 45px;
position: relative
}
.team-style-1 .team-heading:before {
position: absolute;
left: 0;
bottom: 25px
}
.team-content {
margin-bottom: 30px
}
.team-content p,
.team-socials p {
padding-bottom: 0
}
.team-style-2 .team-name {
position: relative
}
.team-style-2 .team-name:before {
position: absolute;
left: 50%;
margin-left: -12px;
bottom: -40px
}
.image-circle {
width: 215px;
height: 215px;
border-radius: 50%;
background-size: cover;
background-position: center center
}
.team-thumb {
font-size: 0;
line-height: 0;
position: relative;
overflow: hidden
}
.team-item {
margin-bottom: 35px
}
.team-item.widget-element-bottom {
margin-bottom: 0
}
.info-box {
position: relative;
padding: 24px 26px 16px
}
.info-box-icon {
float: left;
width: 40px;
height: 40px
}
.info-box-content {
margin-left: 70px;
margin-top: -5px
}
.info-box-content p:last-child {
padding-bottom: 0
}
.info-box-hide i {
position: absolute;
top: 0;
right: 0;
padding: 1px;
cursor: pointer;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.social-icons {
width: 40px;
height: 40px;
margin-right: 10px;
margin-bottom: 13px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.social-icons i {
font-size: 18px;
line-height: 40px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.dropcap {
float: left;
font-weight: 700;
width: 36px;
height: 36px;
padding: 0;
margin: 6px 10px 0 0;
border-radius: 50%
}
#wp-calendar caption {
padding: 10px 0 5px
}
.content table {
margin-bottom: 20px;
width: 100%
}
.content tbody td,
.content tfoot td,
.content thead td,
.content thead th {
padding: 3px 6px
}
pre {
padding: 10px 20px;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word
}
p {
padding: 0 0 20px
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 20px 0
}
blockquote {
margin: 10px 0 25px;
padding: 33px;
position: relative
}
blockquote span {
position: absolute;
left: 37px;
top: 50%;
margin-top: 13px;
width: 48px;
height: 48px;
border-radius: 50%
}
blockquote p:last-child {
padding-bottom: 0
}
.content p,
.content p:last-child {
padding-bottom: 0!important;
font-weight: 300;
color:#2c2c2c;
line-height: 1.5;
font-size: 18px;
max-width: 100%;
letter-spacing: 1px;
font-family:Proxima-Nova-Regular!important
}
.content p {
margin-bottom: 10px
}
.content p:last-child {
margin-bottom: 0
}
.post-cell-thumb,
.post-cell-thumb a,
.post-relative-entry a {
font-size: 0;
line-height: 0
}
.content p:empty {
display: none
}
.content ul {
list-style-type: square;
padding: 2px 0 6px 30px
}
.content .portfolio-flexslider ol li,
.content .portfolio-flexslider ul {
list-style-type: none;
padding: 0
}
.content ol {
list-style-type: decimal;
padding: 2px 0 6px 30px
}
.content li {
padding: 0 0 12px 4px
}
.content a {
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.page-entry-content .wp-caption,
.page-entry-content .wp-caption img,
.page-entry-content img,
.post-entry-content .wp-caption,
.post-entry-content .wp-caption img,
.post-entry-content img {
max-width: 100%!important;
height: auto!important
}
.footer-widget .wp-caption img,
.sidebar-widget .wp-caption img {
max-width: 100%!important;
height: auto
}
.wp-caption img {
max-width: 100%!important;
height: auto!important
}
.widget-column1-1 .wrap-no-fullwidth {
padding: 0
}
.no-wrap .wrap-no-fullwidth {
width: 1200px;
margin: 0 auto
}
.wrap-column {
width: 1240px;
margin: 0 auto
}
.small-column {
width: 36%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.big-column {
float: left;
width: 64%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.big-column-pagebuilder {
width: 75%;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 40px 0
}
.column_half_left,
.left {
float: left;
box-sizing: border-box
}
.big-column-pagebuilder.left {
padding-right: 30px
}
.right {
float: right;
padding-left: 60px
}
.single-portfolio .right {
padding-left: 0
}
.column_half_left {
width: 50%;
-moz-box-sizing: border-box;
padding-right: 20px
}
.column1_3,
.column_half_right {
box-sizing: border-box;
float: left
}
.column_half_right {
width: 50%;
-moz-box-sizing: border-box;
padding-left: 20px
}
.column1_3 {
width: 30.6666%;
margin-right: 4%;
-moz-box-sizing: border-box
}
.column-last,
.column2_1 .column-last,
.column3_1 .column-last,
.column3_2 .column-last,
.column4_1 .column-last,
.column4_2 .column-last,
.column4_3 .column-last,
.footer-widget-4,
.footer-widget-last {
margin-right: 0
}
.content-column-padding {
padding: 45px 35px 70px
}
.content-column1_1 {
float: left;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.content-column2_1 {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.content-column3_1 {
float: left;
width: 33.33%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.content-column3_2 {
float: left;
width: 66.67%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.content-column4_1 {
float: left;
width: 25%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.content-column4_2 {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.content-column4_3 {
float: left;
width: 75%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.widget-column1-1 {
float: left;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 20px
}
.widget-column1-2,
.widget-column1-3 {
box-sizing: border-box;
padding: 0 20px;
float: left
}
.widget-column1-2 {
width: 50%;
-moz-box-sizing: border-box
}
.widget-column1-3 {
width: 33.33%;
-moz-box-sizing: border-box
}
.widget-column2-3 {
float: left;
width: 66.67%;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 20px
}
.widget-column1-4 {
float: left;
width: 25%;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 20px
}
.widget-column2-4,
.widget-column3-4 {
box-sizing: border-box;
padding: 0 20px;
float: left
}
.widget-column2-4 {
width: 50%;
-moz-box-sizing: border-box
}
.widget-column3-4 {
width: 75%;
-moz-box-sizing: border-box
}
.column1,
.column1-1 {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.no-wrap .column1 {
float: none;
padding: 0
}
.no-wrap .wrap-column .column1 {
padding: 0 20px
}
.column2_1,
.milestone_column2_1 {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 20px
}
.column3_1,
.column3_2,
.milestone_column3_1 {
box-sizing: border-box;
padding: 0 20px;
float: left
}
.column3_1,
.milestone_column3_1 {
width: 33.33%;
-moz-box-sizing: border-box
}
.column3_2 {
width: 66.67%;
-moz-box-sizing: border-box
}
.column4_1,
.milestone_column4_1 {
float: left;
width: 25%;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 20px
}
.column4_2 {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 20px
}
.column4_3,
.footer-column {
box-sizing: border-box;
padding: 0 20px;
float: left
}
.column4_3 {
width: 75%;
-moz-box-sizing: border-box
}
.gallery_percent_column2,
.percent_column2 {
float: left;
width: 50%
}
.gallery_percent_column3,
.percent_column3 {
float: left;
width: 33.3%
}
.gallery_percent_column4,
.percent_column4 {
float: left;
width: 25%
}
.gallery_percent_column5,
.percent_column5 {
float: left;
width: 20%
}
.gallery_percent_column6,
.percent_column6 {
float: left;
width: 16.6%
}
.gallery_percent_column7,
.percent_column7 {
float: left;
width: 14.28%
}
.gallery_percent_column8,
.percent_column8 {
float: left;
width: 12.5%
}
.footer-column {
width:25%;
-moz-box-sizing: border-box;
font-family:Proxima-Nova-Regular!important;
letter-spacing: .8px
}
.footer-column.column-last {
width: 25%
}
.no_margin {
margin-bottom: 0
}
.contact-form textarea,
.content select,
.content textarea {
padding: 12px 0 10px 12px;
margin-bottom: 10px
}
.contact-form input[type=text],
.content input[type=email],
.content input[type=password],
.content input[type=tel],
.content input[type=text] {
padding: 12px 0 10px 12px;
margin-bottom: 10px;
margin-top: 0
}
.content select {
max-width: 100%
}
.content .widget_search .search-form {
letter-spacing: -3px
}
.content .widget_search input[type=text] {
max-width: 126px;
margin: 0;
border-right: 0
}
.content .widget_search input[type=submit] {
margin: 0;
border-radius: 2px
}
.content .small-button,
.content a.small-button,
a.large-button {
margin-bottom: 10px;
margin-right: 10px;
text-decoration: none;
display: inline-block;
cursor: pointer
}
.content .small-button,
.content a.small-button {
padding: 7px 20px;
border: 0;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
border-radius: 0!important
}
.small-button i {
margin-left: 5px;
text-decoration: none
}
.content .normal-button,
.content a.normal-button,
.content button,
.content input[type=submit],
.normal-button,
a.normal-button {
padding: 10px 24px;
margin-bottom: 10px;
margin-right: 10px;
display: inline-block;
border-radius: 0!important;
cursor: pointer;
text-decoration: none;
border: 0;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out
}
.normal-button i {
margin-left: 8px;
text-decoration: none
}
a.large-button {
padding: 10px 30px;
border: 0;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
border-radius: 0!important
}
#breadcrumb a,
.paginate a {
transition: all .2s ease-out
}
a.large-button i {
margin-left: 10px;
text-decoration: none!important
}
.top-search-form {
padding: 46px 0 60px
}
.search-form-title {
margin-bottom: 25px
}
.search-form-subtitle {
margin-bottom: 15px
}
.search-form-results {
padding: 44px 0 38px
}
.post-search-entry-icon {
float: left
}
.post-search-entry-icon i {
vertical-align: sub
}
.post-search-entry-container {
margin-left: 37px
}
.error404 .full-column {
padding: 38px 0 85px
}
.error404 .full-column p.center {
padding-bottom: 29px
}
#page-heading {
position: relative;
z-index: 2
}
.header-transparent .heading-align-left {
padding-bottom: 60px
}
.heading-align-center #page-heading-left {
float: none;
margin-bottom: 9px
}
.heading-align-center #breadcrumb {
float: none;
display: inline-block;
padding: 0 14px
}
#page-heading .wrap {
position: relative;
padding-top: 55px;
padding-bottom: 50px
}
#page-heading-left {
float: left
}
h1#page-title {
padding: 0;
margin-bottom: 0;
display: inline-block
}
h2#page-subtitle {
margin: 0;
padding: 0
}
.post-entry,
.single .post-entry-body {
margin-bottom: 60px
}
.post-entry-bottom,
ul.menu-list {
margin-top: 50px
}
#breadcrumb {
float: right;
padding: 6px 0 0
}
#breadcrumb a {
display: inline-block;
padding: 0 3px 0 0;
-webkit-transition: all .2s ease-out
}
#breadcrumb span {
padding: 0 0 0 3px
}
#breadcrumb i {
display: inline-block;
margin-right: 5px
}
.paginate {
text-align: left;
padding: 0 0 60px
}
.paginate .current,
.paginate a {
padding: 7px 15px;
display: inline-block;
text-align: center;
min-width: 10px
}
.paginate .current {
margin-right: 18px
}
.paginate .page-numbers:last-child {
margin-right: 0
}
.paginate a {
-webkit-transition: all .2s ease-out;
margin-right: 18px
}
.search-field {
padding: 6px 12px
}
.no-border {
border-bottom: 0
}
.single-line {
height: 1px;
width: 25px
}
.sticky {
padding: 45px 30px 30px;
border: 1px dashed grey
}
.post-entry:first-child {
padding-top: 60px
}
.post-entry-single {
padding: 60px 0 0
}
.post-entry-heading {
padding: 0 0 50px
}
.post-entry-title h2 {
padding: 0;
margin-bottom: 13px
}
.post-entry-meta {
margin-bottom: 3px
}
.post-entry-meta a,
.post-entry-title a {
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.post-entry-media {
line-height: 0;
margin-bottom: 46px
}
.post-entry-content.content a {
border-radius: 3px;
padding: 0 6px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.post-entry-content-single {
padding: 10px 0 0
}
.post-entry-tags {
padding: 50px 0 0
}
.post-entry-tags a {
padding: 4px 8px;
margin-right: 5px;
margin-bottom: 3px;
display: inline-block
}
.post-entry-bottom a.post-entry-button {
padding: 8px 14px
}
.blog-single-social-share .social-share-icon {
margin-left: 0;
margin-right: 5px
}
.post-entry-more-shares {
padding-top: 40px
}
.post-entry-button a {
padding: 8px 24px;
display: inline-block;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.post-entry-share {
margin-top: 60px;
padding: 20px 30px
}
.post-entry-share a {
margin-right: 10px;
padding-left: 10px
}
.blog-template-center .post-entry-heading,
.blog-template-center .post-entry-meta {
text-align: center
}
.fullwidth-column {
width: 768px;
margin: 0 auto
}
.blog-fullwidth .post-entry-heading {
padding: 0 0 45px
}
.blog-fullwidth .post-entry-categories {
margin-bottom: 10px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.blog-medium .post-entry-media {
width: 40%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-bottom: 0
}
.blog-medium .post-entry-detail {
width: 60%;
float: right;
padding-left: 60px;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.blog-medium .post-entry-heading {
padding: 0 0 30px
}
.blog-medium .post-entry-content {
margin-bottom: 40px
}
.post-cell,
.post-grid-container {
margin-bottom: 50px
}
.post-cell.widget-element-bottom {
margin-bottom: 0
}
.post-cell a {
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.post-cell-grid .post-cell-detail {
padding: 20px 30px
}
h1.post-cell-title,
h2.post-cell-title,
h3.post-cell-title,
h4.post-cell-title,
h5.post-cell-title,
h6.post-cell-title {
padding: 0;
margin-bottom: 10px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.post-cell-meta {
margin-bottom: 20px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.post-cell-content {
margin-bottom: 5px
}
.post-cell-button.content .small-button {
margin: 0
}
.post-cell-list .post-cell-thumb {
float: left;
width: 115px;
height: 115px;
padding: 20px
}
.post-cell-list .post-cell-detail {
margin-left: 190px;
padding: 0
}
.post-list-center-left .post-cell-thumb {
float: right;
width: 115px;
height: 115px;
padding: 20px
}
.post-list-center-left .post-cell-detail {
float: none;
margin-right: 190px;
padding: 0;
background-color: transparent;
text-align: right
}
.post-list-center-right .post-cell-thumb {
float: left;
width: 115px;
height: 115px;
padding: 20px
}
.post-list-center-right .post-cell-detail {
float: none;
margin-left: 190px;
padding: 0;
background-color: transparent;
text-align: left
}
.post-list-center-left .post-cell,
.post-list-center-right .post-cell {
margin-bottom: 28px
}
.post-list-center-left .post-cell.widget-element-bottom,
.post-list-center-right .post-cell.widget-element-bottom {
margin-bottom: 0
}
.post-cell-medium .post-cell-thumb {
width: 45%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 20px
}
.post-cell-medium .post-cell-detail {
width: 55%;
float: right;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 30px
}
.post-cell-masonry .post-cell-detail {
padding: 20px 30px
}
.author-bio-single {
padding-top: 60px;
border-bottom: 1px solid #E8E8E8
}
.author-bio {
padding-bottom: 48px
}
.author-bio a {
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.author-bio-avatar {
float: left;
width: 100px;
padding-top: 3px
}
.author-bio-avatar img {
border-radius: 3px;
height: 100%
}
.author-bio-details {
margin-left: 130px
}
.author-bio-title {
padding-bottom: 10px;
position: relative
}
.author-bio-description {
margin-bottom: 15px
}
a.author-bio-url {
padding: 4px 10px 6px;
border-radius: 3px
}
.post-relative {
margin-bottom: 60px
}
.post-relative-entry a {
position: relative;
display: block;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.post-relative-entry a img {
line-height: 0;
font-size: 0;
border-radius: 3px
}
.post-relative-entry a .post-relative-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 101%;
opacity: .7;
border-radius: 3px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.post-relative-entry a .post-relative-title {
position: absolute;
top: 0;
left: 20px;
max-width: 180px;
padding: 20px 0 0;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
h3#reply-title {
margin: 0;
padding: 0
}
.post-section-title,
h3#reply-title {
position: relative;
padding-bottom: 50px
}
.post-section-title:before,
h3#reply-title:before {
position: absolute;
height: 1px;
width: 25px;
background-color: #4c4c4c;
top: 45px;
content: ''
}
.post-search-entry {
padding-bottom: 40px
}
.post-entry-section .post-search-entry:last-child {
padding-bottom: 60px
}
#comment-container {
padding-bottom: 32px
}
#comment-container a {
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
#comment-container ul {
padding: 0;
list-style-type: none
}
#comment-container li {
padding-bottom: 25px
}
.comment-entry {
position: relative;
padding: 26px 25px
}
.comment-author,
.comment-date {
margin-left: 71px
}
.bypostauthor .comment-author a {
padding-bottom: 1px;
display: inline-block
}
.comment-avatar {
float: left;
width: 50px;
height: 50px
}
.comment-avatar img {
border-radius: 3px;
max-width: 100%;
max-height: 100%
}
.comment-reply {
position: absolute;
right: 24px;
top: 27px
}
.comment-reply a {
padding: 6px 14px;
display: inline-block
}
.comment-content {
padding-top: 20px;
margin-left: -1px
}
.comment-content p:last-child {
padding-bottom: 0
}
.depth-2 {
margin-left: 72px
}
.depth-3 {
margin-left: 144px
}
.depth-4 {
margin-left: 216px
}
.depth-5 {
margin-left: 288px
}
#comment-form {
padding-bottom: 50px
}
.comment-form-left {
padding-bottom: 8px
}
.comment-form-left .comment-form-author,
.comment-form-left .comment-form-email,
.comment-form-left .comment-form-url {
float: left;
width: 30.6666%;
margin-right: 4%;
box-sizing: border-box
}
.comment-form-left .comment-form-url {
margin-right: 0
}
.logged-in-as {
float: left;
width: 48%;
margin-right: 4%
}
.filters li:last-child span,
.grid .grid-item.portfolio-style-2 .portfolio-cell,
.grid-item.portfolio-style-3 .portfolio-cell {
margin-right: 0
}
.content .comment-form-author input[type=text],
.content .comment-form-email input[type=text],
.content .comment-form-url input[type=text],
.content .form-submit input[type=submit] {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
padding: 12px 0 12px 23px
}
.content .comment-form-comment textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
outline: 0;
margin-bottom: 0;
padding: 12px 0 12px 23px
}
.comment-form-comment {
padding-bottom: 22px
}
.form-allowed-tags {
display: none
}
#portfolio-section-des {
padding-bottom: 48px
}
.portfolio-single-container {
padding: 60px 0
}
.portfolio-single-container .left {
padding: 0
}
.portfolio-content.right {
padding-left: 60px!important
}
.portfolio-content.left {
padding-right: 60px
}
.portfolio-relatives .post-section-title span {
padding-bottom: 4px
}
.portfolio-single-media {
line-height: 0
}
.portfolio-single-navigation {
padding: 15px 30px
}
.portfolio-single-navigation a {
display: inline-block;
border-radius: 15px;
padding: 5px 15px
}
.portfolio-single-navigation-left {
float: left
}
.portfolio-single-navigation-right {
float: right
}
.portfolio-big-column {
width: 65%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.portfolio-small-column {
width: 35%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.portfolio-single-center .portfolio-big-column {
width: 100%;
box-sizing: border-box;
padding-bottom: 60px
}
.portfolio-single-center .portfolio-small-column {
width: 100%;
box-sizing: border-box
}
.portfolio-single-center .portfolio-single-content {
width: 64%;
float: left;
box-sizing: border-box;
margin-bottom: 0
}
.portfolio-single-center .portfolio-single-content h3 {
margin-top: -3px
}
.portfolio-single-center .portfolio-single-content p {
padding-bottom: 24px
}
.portfolio-relatives.portfolio-relatives-center {
margin-top: -8px
}
.portfolio-single-center .portfolio-single-meta {
width: 31%;
float: left;
box-sizing: border-box;
margin-left: 5%
}
.portfolio-single-right .portfolio-small-column {
padding-right: 0!important;
border: 0
}
.portfolio-data-left {
float: left;
width: 75%;
padding-right: 50px!important;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding-bottom: 0
}
.portfolio-data-right {
float: left;
width: 25%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.portfolio-single-content p:last-child {
padding-bottom: 0
}
.portfolio-single-author,
.portfolio-single-category,
.portfolio-single-project {
padding: 11px 0
}
.portfolio-single-author {
padding-top: 0
}
.portfolio-single-share {
padding-top: 14px;
padding-bottom: 14px
}
.portfolio-single-share a {
margin-left: 20px;
font-size: 16px;
line-height: 24px
}
.portfolio-single-content {
margin-bottom: 60px
}
.portfolio-single-content h3 {
margin-top: -6px;
padding-top: 0;
padding-bottom: 18px
}
.portfolio-single-detail {
box-sizing: border-box;
-moz-box-sizing: border-box
}
.portfolio-single-detail-entry {
padding: 14px 0
}
.portfolio-single-detail p:empty {
display: none
}
.filters li,
.filters span,
.widget_rss cite,
.widget_rss li a {
display: inline-block
}
.portfolio-single-detail-entry:first-child {
padding-top: 0
}
.portfolio-single-detail p:last-child {
padding-bottom: 0
}
.portfolio-single-detail a.big-button,
.portfolio-single-detail a.button,
.portfolio-single-detail a.small-button {
margin-bottom: 0;
margin-top: 5px
}
.portfolio-single-pagination {
margin-bottom: 30px
}
.portfolio-relatives .portfolio-cell,
.portfolio_relative_column .portfolio-cell {
margin-bottom: 0
}
.pagination_full {
width: 100%
}
.portfolio-relatives {
margin-top: -12px;
padding: 0 0 60px
}
.portfolio-grid {
padding: 0 0 20px
}
.portfolio-relative-title {
text-align: center
}
.portfolio-relative-title .title_label {
padding-bottom: 15px
}
.portfolio_relative_column {
float: left;
width: 25%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.image-list-each {
margin-bottom: 20px;
line-height: 0;
font-size: 0
}
.image-list-each:last-child {
margin-bottom: 0
}
.single-portfolio .portfolio-big-column {
border: 0
}
.widget-entry .paginate-portfolio {
padding-top: 60px;
padding-bottom: 60px
}
.portfolio-cell-container {
padding: 60px 0
}
.paginate-portfolio,
.post-type-archive-portfolio .paginate-portfolio {
padding-bottom: 60px
}
.paginate-portfolio {
padding-top: 0
}
.portfolio-container-style-2 .paginate-portfolio {
padding-left: 0
}
.portfolio-cell {
line-height: 0;
margin-bottom: 40px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
position: relative;
overflow: hidden
}
.portfolio-board-column .portfolio-cell,
.portfolio-cell.widget-element-bottom,
.portfolio_filter_item_board .portfolio-cell {
margin-bottom: 0
}
.portfolio-container-style-1 {
padding: 0!important
}
.portfolio-container-style-1 .grid .grid-item .portfolio-cell {
margin-left: 40px
}
.portfolio-cell-thumb {
position: relative;
top: 0;
line-height: 0;
font-size: 0;
z-index: 1;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.portfolio-cell-bg,
a.portfolio-cell-view {
position: absolute;
transition: all .2s ease-out
}
.portfolio-cell-bg {
line-height: 0;
font-size: 0;
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all .2s ease-out;
box-sizing: border-box;
-moz-box-sizing: border-box
}
a.portfolio-cell-view {
position: absolute;
z-index: 3;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
text-align: center
}
.column1.portfolio-container-style-2,
.column1.portfolio-container-style-3,
.portfolio-container-style-2,
.portfolio-container-style-3 {
padding: 0 20px
}
.no-wrap .portfolio-container-style-2,
.no-wrap .portfolio-container-style-3 {
padding: 0
}
.portfolio-style-2 {
padding: 0!important
}
.home .portfolio-style-2 {
height: 225px
}
.wrap.portfolio-style-2 {
width: 1240px
}
.portfolio-style-2 .portfolio-cell,
.portfolio-style-2.portfolio-cell {
outline: 0;
box-shadow: none;
margin: 0
}
.portfolio-cell-data {
padding: 23px 20px 27px;
text-align: center
}
.contactbg,
.widget-post-meta {
text-align: left
}
.portfolio-style-2 .portfolio-cell-data {
position: absolute;
bottom: -95px;
left: 0;
width: 100%;
padding: 23px 0 27px;
z-index: 1;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out
}
.portfolio-style-2:hover .portfolio-cell-data {
bottom: 0
}
.portfolio-style-2:hover .portfolio-cell-view {
top: 46%
}
.portfolio-style-2:hover .portfolio-cell-thumb {
top: -40px
}
.portfolio-style-3 {
padding: 0!important
}
.portfolio-cell-title {
margin-bottom: 5px;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out
}
.portfolio-cell-categories {
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out
}
.portfolio_filter_item {
float: left;
width: 33.33%;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.portfolio-board-column {
box-sizing: border-box;
-moz-box-sizing: border-box
}
.portfolio-board-container {
padding: 0 10px
}
.portfolio_board2,
.portfolio_board3,
.portfolio_board4,
.portfolio_filter_board2,
.portfolio_filter_board3,
.portfolio_filter_board4 {
padding: 0 10px 20px;
float: left
}
.portfolio_board2 {
width: 50%
}
.portfolio_board3 {
width: 33.33%
}
.portfolio_board4 {
width: 25%
}
.portfolio_filter_board2 {
width: 50%
}
.portfolio_filter_board3 {
width: 33.33%
}
.portfolio_filter_board4 {
width: 24.5%
}
.portfolio_filter1 {
float: left;
width: 100%;
padding: 0 20px;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.portfolio_filter2,
.portfolio_filter3 {
box-sizing: border-box;
padding: 0 20px;
float: left
}
.portfolio_filter2 {
width: 50%;
-moz-box-sizing: border-box
}
.portfolio_filter3 {
width: 33.3%;
-moz-box-sizing: border-box
}
.portfolio_filter4 {
float: left;
width: 25%;
padding: 0 20px;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.filters {
padding: 48px 0 44px 20px
}
.portfolio-container-style-2 .filters,
.widget-entry .filters {
padding: 0 0 44px
}
.portfolio-container-style-2 .wrap {
width: 1240px
}
.filters li {
letter-spacing: 0
}
.filters span {
cursor: pointer;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
padding: 0 15px
}
.filters li:first-child span {
padding-left: 0
}
.filters li::after {
content: "|";
vertical-align: 2px
}
.filters li:last-child::after {
content: ""
}
.portfolio-custom-layout .portfolio-cell-thumb img {
width: 100%
}
a.portfolio-cell-view {
margin-top: -19px;
margin-left: -19px;
padding: 0;
opacity: 0;
border-radius: 50%;
-webkit-transition: all .2s ease-out
}
a.portfolio-cell-view i {
width: 38px;
height: 38px
}
.portfolio-cell:hover a.portfolio-cell-view {
opacity: 1
}
.sidebar-widget.content li {
position: relative;
border-bottom: 1px solid #d9d9d9;
padding: 10px 0
}
.sidebar-widget.content li:last-child {
border-bottom: 0;
padding-bottom: 0
}
.sidebar-widget.content .children li {
border-bottom: 1px dotted #d9d9d9
}
.sidebar-widget.content .children li:last-child {
border-bottom: 0;
padding-bottom: 0
}
.footer-widget i.icon-angle-right,
.sidebar-widget i.icon-angle-right {
margin-right: 6px
}
.sidebar-widget {
padding-bottom: 52px
}
.small-column .sidebar-widget:first-child {
padding-top: 60px
}
.small-column .sidebar-widget:last-child {
margin-bottom: 0;
padding-bottom: 60px
}
.sidebar-widget-title {
padding: 0 0 35px;
position: relative
}
.sidebar-widget-title:before {
position: absolute;
height: 1px;
width: 25px;
background-color: #4c4c4c;
top: 45px;
content: ''
}
.sidebar-widget a {
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.sidebar-widget ul {
list-style-type: none;
padding: 0
}
.footer-widget ul.children,
.footer-widget ul.sub-menu,
.sidebar-widget ul.children,
.sidebar-widget ul.sub-menu {
padding: 0 0 0 36px
}
.mc4wp-form {
margin: 0!important
}
.widget-post-meta,
.widget-post-title {
margin-left: 110px
}
.widget_rss li a {
font-weight: 700!important;
margin-bottom: 5px
}
.widget_rss .rss-date {
font-size: 12px!important;
line-height: 14px!important;
letter-spacing: 2px!important;
margin-bottom: 10px;
display: inline-block
}
.widget_rss cite {
font-weight: 700!important;
padding-top: 10px
}
.widget_archive i,
.widget_categories i,
.widget_meta i,
.widget_nav_menu i,
.widget_pages i,
.widget_recent_comments i,
.widget_recent_entries i {
font-size: 18px;
line-height: 28px;
margin-right: 5px;
display: none
}
.search-form {
position: relative;
display: inline-block
}
.sidebar-widget .search-form {
display: block
}
.content.search-form .search-input {
width: 320px;
margin-bottom: 0;
padding: 11px 0 11px 54px
}
.content .search-form i {
position: absolute;
top: 15px;
left: 21px;
margin-right: 0
}
.footer-widget.widget_search .search-form,
.sidebar-widget.widget_search .search-form {
position: relative
}
.footer-widget.widget_search input[type=text],
.sidebar-widget.widget_search input[type=text] {
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 11px 0 11px 54px;
margin-bottom: 0
}
.footer-widget.widget_search i,
.sidebar-widget.widget_search i {
position: absolute;
top: 15px;
left: 21px;
margin-right: 0
}
.tagcloud a {
margin-right: 5px;
margin-bottom: 3px
}
.widget-post {
margin-bottom: 5px;
padding-top: 15px;
min-height: 90px
}
.widget-post-thumb {
width: 90px;
height: 90px;
float: left
}
.widget-post-thumb img {
border-radius: 5px
}
.video-widget-textarea {
width: 100%
}
.widget-map-container {
position: relative
}
.footer-widget .widget-map-image,
.widget-map-image {
position: absolute;
z-index: 1;
width: 100%;
height: 100%
}
.widget-map-image {
opacity: .1;
filter: alpha(opacity=10)
}
.footer-widget .widget-map-image {
opacity: .3;
filter: alpha(opacity=30)
}
.widget-map-content {
position: relative;
z-index: 2
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
text-align: center;
width: 31.2%;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-right: 3.2%;
margin-bottom: 40px
}
.woocommerce-page .columns-4 ul.products li.product,
.woocommerce.columns-4 ul.products li.product {
width: 22.6%;
margin-right: 3.2%
}
.woocommerce-page .columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 31.2%;
margin-right: 3.2%
}
.woocommerce-page .columns-2 ul.products li.product,
.woocommerce.columns-2 ul.products li.product {
width: 48.4%;
margin-right: 3.2%
}
.woocommerce-page .columns-1 ul.products li.product,
.woocommerce.columns-1 ul.products li.product {
width: 100%
}
.woocommerce ul.products li.product.last,
.woocommerce-page ul.products li.product.last {
margin-right: 0
}
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
position: absolute;
right: auto;
left: 40px;
top: 20px;
width: 70px;
height: 70px;
border-radius: 50%;
text-align: center;
padding: 0;
margin: 0
}
.woocommerce ul.products li.product a {
display: inline-block
}
.woocommerce ul.products li.product a img {
margin-bottom: 20px
}
.woocommerce ul.products li.product .star-rating {
display: none
}
.woocommerce ul.products li.product .price {
margin-bottom: 0
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins {
display: inline-block
}
.woocommerce .price ins {
margin-left: 20px
}
.woocommerce ul.products li.product h3 {
padding-top: 10px;
padding-bottom: 8px
}
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .yith-wcqv-button {
position: absolute;
top: 20px;
width: 50px;
height: 50px;
border-radius: 0;
padding: 0;
margin: 0;
opacity: 0;
transition: all .2s ease-out
}
.woocommerce ul.products li.product .add_to_cart_button {
right: 40px;
-webkit-transition: all .2s ease-out
}
.woocommerce ul.products li.product .add_to_cart_button i,
.woocommerce ul.products li.product .yith-wcqv-button i {
font-size: 18px;
line-height: 50px
}
.woocommerce ul.products li.product .yith-wcqv-button {
right: 115px;
-webkit-transition: all .2s ease-out
}
.woocommerce ul.products li.product:hover .add_to_cart_button_hover,
.woocommerce ul.products li.product:hover .yith-wcqv-button-hover {
opacity: 1
}
.woocommerce nav.woocommerce-pagination ul {
margin-bottom: 30px
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
display: inline-block;
text-align: center;
padding: 7px 15px;
min-width: 10px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.woocommerce-page #container {
padding-left: 20px;
padding-right: 20px
}
.woocommerce-single-product ul.products li.product {
text-align: center;
float: left;
width: 31.2%;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0;
margin-right: 3.2%;
margin-bottom: 0
}
.woocommerce-single-product ul.products li.product:last-child {
margin-right: 0
}
.woocommerce div.product h1.product_title {
margin-bottom: 5px
}
.woocommerce div.product .product-brand {
margin-bottom: 40px
}
.woocommerce div.product .price {
margin-bottom: 25px
}
.woocommerce div.product div[itemprop=description] {
margin-bottom: 50px
}
.woocommerce div.product form.cart,
.woocommerce div.product p.cart {
display: inline-block;
margin-bottom: 0
}
.woocommerce div.product form.cart div.quantity {
float: none;
display: inline-block;
margin-right: 10px
}
.woocommerce .quantity .qty,
.woocommerce div.product form.cart div.quantity input {
padding: 12px 20px;
display: inline-block
}
.woocommerce div.product form.cart .single_add_to_cart_button {
float: none;
display: inline-block;
vertical-align: 0;
margin-right: 10px
}
.yith-wcwl-add-to-wishlist {
display: inline-block;
margin-top: 0
}
.woocommerce div.product .add_to_wishlist,
.woocommerce div.product .single_add_to_cart_button {
padding: 10px 24px;
margin-bottom: 10px;
display: inline-block;
border-radius: 0!important;
cursor: pointer;
text-decoration: none;
border: 0;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out
}
.woocommerce div.product .summary .product_meta {
margin-top: 35px
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-radius: 0;
padding: 6px 20px
}
.woocommerce #review_form #respond p {
padding: 0
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
border-radius: 0
}
.woocommerce table.wishlist_table thead th {
text-align: center
}
.woocommerce table.wishlist_table tr td.product-remove div {
display: inline-block
}
.yith-wcwl-share ul {
padding-left: 20px
}
#yith-quick-view-modal .product .images {
margin-bottom: 0
}
#footer {
position: relative
}
.footer-column {
padding-top: 80px;
padding-bottom: 80px
}
.footer-column .widget_nav_menu i {
margin-right: 0
}
.footer-widget {
padding-bottom: 60px
}
.footer-widget:last-child {
padding-bottom: 0
}
.footer-widget-title {
padding: 0 0 45px;
position: relative
}
.footer-widget-title:before {
position: absolute;
height: 1px;
width: 25px;
background-color: rgba(255, 255, 255, .5);
top: 45px;
content: ''
}
.footer-widget a {
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out
}
.footer-widget ul {
margin: 0;
padding: 0
}
.footer-widget ul li:first-child {
padding-top: 0
}
.footer-widget ul ul li:first-child {
padding-top: 6px
}
.footer-widget ul li:last-child {
border-bottom: 0;
padding-bottom: 0
}
.footer-widget ul li {
list-style-type: none;
padding: 0 0 2px
}
#footer-bottom {
text-align: center;
padding: 23px 0 28px
}
.footer-social {
margin-top: 10px
}
.footer-social a {
display: inline-block;
padding: 0;
border-radius: 50%;
text-align: center
}
.footer-social a:last-child {
padding-right: 0
}
.multi_line_menu_container_1>div:not(.cleared) {
width: 100%
}
.multi_line_menu_container_2>div:not(.cleared) {
width: 44%;
float: left;
margin-right: 4%
}
.multi_line_menu_container_3>div:not(.cleared) {
width: 30.6%;
float: left;
margin-right: 4%
}
.multi_line_menu_container_2>div:not(.cleared):nth-last-child(2),
.multi_line_menu_container_3>div:not(.cleared):nth-last-child(2) {
margin-right: 0
}
.left-top-bar #flags_language_selector img {
margin-right: 10px
}
#flags_language_selector a {
display: inline-block
}
.right-top-bar #flags_language_selector img {
margin-left: 10px
}
#footer_language_list {
padding-top: 10px;
text-align: center
}
#footer_language_list ul {
margin: 0;
padding: 0
}
#footer_language_list ul li img {
margin-right: 5px
}
#footer_language_list ul li {
display: inline;
margin: 0 5px;
padding: 0
}
#footer_language_list ul li a:active,
#footer_language_list ul li a:hover {
color: #fff
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s;
-o-transition-duration: .8s;
transition-duration: .8s
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity
}
.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s
}
.isotope-item {
z-index: 2
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1
}
.grid-item {
width: 33.33%
}
.main-menu ul li:hover .mega-sub-menu {
display: block;
top: 20px!important;
margin-top: 20px!important;
z-index: 11;
left: -20px!important
}
#top-bar,
#top-bar-open,
.desktop-hide,
.extra-hide #content-section4,
.form-half p,
.hide.m-show,
button.dropdown-toggle {
display: none
}
.fa-star {
float: left;
margin-top: 8px;
color: red
}
.m-b-0 {
margin-bottom: 0!important
}
.m-b-20 {
margin-bottom: 20px!important
}
.m-b-40 {
margin-bottom: 40px!important
}
.p-b-0 {
padding-bottom: 0!important
}
.p-t-10 {
padding-top: 10px!important
}
.center {
text-align: center
}
.portfolio-cell img {
width: 100%;
height: auto
}
.portfolio-style-3 .portfolio-cell {
outline: 0;
box-shadow: none;
padding: 0 10px;
min-height: 385px;
margin-bottom: 20px
}
.portfolio-container-style-3 {
padding: 0;
margin-left: -10px;
margin-right: -10px
}
.header-transparent .heading-align-center {
padding-bottom: 50px
}
.icon-box .icon-box-inline {
letter-spacing: 1px
}
.icon-box-horizontal:nth-child(3n+1) {
clear: left
}
.press .section-column-content {
padding: 2% 5%;
box-sizing: border-box
}
.gallery-grid img {
width: 100%
}
.service-data {
position: relative
}
.service-data:nth-child(odd) .section-column-bg {
position: absolute;
right: 0;
top: 0;
bottom: 0
}
.service-data:nth-child(odd) .section-column-content {
float: left
}
.logo_column6 {
margin-right: 1%
}
.videos {
overflow: hidden
}
.fillWidth,
.video {
width: 100%;
height: 100%;
object-fit: cover;
position: relative
}
.home .filter {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(2, 2, 2, .44);
z-index: 1
}
.banner-heading {
position: absolute;
top: 50%;
width: 100%;
color: #fff;
transform: translateY(-50%);
z-index: 11
}
.content.white {
float: none
}
#header .wrap {
padding: 150px 0 50px
}
ul.form_fields {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden
}
ul.form_fields li {
padding: 0 35px;
float: left;
vertical-align: top;
width: 50%;
margin-top: 33px;
box-sizing: border-box
}
li.form-full.captcha {
margin: 30px auto 0 25%;
float: left
}
ul.form_fields li.form-full {
width: 100%
}
ul.form_fields li input,
ul.form_fields li textarea {
font-size: 25px;
outline: 0;
margin-top: 0;
margin-left: 0;
padding: 0;
height: 60px;
color: #838383;
border: none;font-family:Proxima-Nova-Regular !important;
border-bottom: 2px solid #c3c3c3;
border-radius: 0;
transition: border-color .15s ease-in-out;
width: 100%;
resize: none;
box-sizing: border-box
}
ul.form_fields li textarea {
background: #f6f6f9;
color: #838383;
border: 0;
height: 150px;
margin-top: 15px;
font-size: 25px; font-family:Proxima-Nova-Regular !important;
outline: 0;
padding: .75em 1em;
box-sizing: border-box
}
.form-half label {
font-family:Proxima-Nova-Regular !important;
color: #a9a9a9;
font-size: 16px
}
#newsletter {
background: red;
background-size: cover;
padding: 40px 0;
overflow: hidden;
width: 100%;
float: left
}
#newsletter h3 {
float: left;
width: 50%;
font-weight: 700;
color: #fff;
letter-spacing: .025rem;
font-family: proxima-nova
}
.newsletter-signup__form {
width: 50%;
padding-left: 35px;
float: left;
box-sizing: border-box;
margin-top: 10px
}
.newsletter-signup__form .input--button {
padding: 0 31px 0 30px;
width: calc(100% - 25px);
height: 55px;
font-size: 16px;
line-height: 16px;
background: #fff;
border: nonw;
box-sizing: border-box
}
.form-row {
width: 100%;
position: relative
}
.newsletter-submit {
width: 160px;
height: 55px;
text-align: center;
text-indent: 0;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
background: #2e2e2e;
bottom: auto;
left: auto;
position: absolute;
font-family: Montserrat!important;
font-size: 14px;
padding: 0;
text-decoration: none;
border: 0;
-webkit-transition: background .3s linear, border .3s linear, color .3s linear;
-moz-transition: background .3s linear, border .3s linear, color .3s linear;
-ms-transition: background .3s linear, border .3s linear, color .3s linear;
-o-transition: background .3s linear, border .3s linear, color .3s linear;
transition: background .3s linear, border .3s linear, color .3s linear;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden
}
.newsletter-submit:hover {
background: red;
-webkit-transition: background .1s linear .2s;
-moz-transition: background .1s linear .2s;
-ms-transition: background .1s linear .2s;
-o-transition: background .1s linear .2s;
transition: background .1s linear .2s
}
.blog-readmore:before,
.newsletter-submit:before {
-webkit-transition: width .3s linear;
content: ''
}
.newsletter-submit span {
font-family: proxima-nova;
font-size: 18px;
font-weight: 700;
position: relative;
z-index: 5
}
.newsletter-submit:before {
height: 55px;
background: red;
top: 0;
right: auto;
bottom: auto;
width: 0;
left: 0;
position: absolute;
z-index: 0;
opacity: 1;
-moz-transition: width .3s linear;
-ms-transition: width .3s linear;
-o-transition: width .3s linear;
transition: width .3s linear
}
.newsletter-submit:hover::before {
width: 100%
}
.client-view {
display: block;
font-family: aw-conqueror-carved-one, Arial!important
}
.client-view-inner .flex-direction-nav,
.sublist {
display: none
}
.client-content h5,
.client-content p,
.client-view_left p,
.post .image .layer,
.service-column__content p {
font-family:Proxima-Nova-Regular!important
}
.client-view-inner {
overflow: hidden
}
.client-view_left {
width: 35%;
float: left;
padding-right: 50px;
box-sizing: border-box
}
.client-view_left h3.content-section-title {
font-size: 22px
}
.client-view_left p {
margin-top: 30px;
font-size:18px; color:#2c2c2c; letter-spacing:1px;
line-height:1.5; font-weight:300;
}
.clients-feedback {
padding: 0;
width: 55%;
box-sizing: border-box;
float: right;
position: relative
}
.client-logo {
position: absolute;
left: 10px;
width: 150px;
background: #f5f5f5;
border-radius: 50%;
height: 150px;
top: 50%;
margin-top: -75px
}
.client-logo img {
border-radius: 50%;
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
cursor: pointer
}
.client-logo img:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
.client-content {
box-sizing: border-box;
padding: 30px 0 30px 200px
}
.client-content h4 {
font-size: 24px;
line-height: 24px;
margin: 0;
padding: 0 0 5px
}
.client-content h5 {
font-size: 18px;
line-height: 24px;
margin: 0;
padding: 0 0 10px;
color: red
}
.client-content p {
padding: 0;
font-size:18px;color: #2c2c2c;
line-height:1.5; font-weight:300;
}
.client-view-inner .flex-control-nav {
bottom: -5px
}
.client-view-inner .flex-control-paging li a.flex-active {
background: red
}
.services-columns {
overflow: hidden;
position: relative;
padding: 30% 0 50px
}
.service-column,
.service-column__content {
position: absolute;
padding: 20px 30px;
right: auto;
box-sizing: border-box
}
.service-column {
top: 0;
bottom: 0;
left: 0;
float: left;
width: 33.3333333%;
display: block;
text-align: center;
text-decoration: none;
z-index: 1;
overflow: hidden
}
.service-column:nth-child(2) {
left: 33.3333333333%
}
.service-column:nth-child(3) {
left: 66.6666666666%
}
.service-column::before {
content: '';
top: auto;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 55%;
background: #fff;
z-index: 2;
-webkit-transition: height .3s linear;
-moz-transition: height .3s linear;
-ms-transition: height .3s linear;
-o-transition: height .3s linear;
transition: height .3s linear
}
.service-column:hover::after,
.service-column:hover::before {
height: 0;
-webkit-transition: height .4s ease-in-out;
-moz-transition: height .4s ease-in-out;
-ms-transition: height .4s ease-in-out;
-o-transition: height .4s ease-in-out;
transition: height .4s ease-in-out
}
.service-column__bg {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: -1;
opacity: 0;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform .3s linear;
-moz-transition: -moz-transform .3s linear;
-ms-transition: -ms-transform .3s linear;
-o-transition: -o-transform .3s linear;
transition: transform .3s linear
}
.games-column__bg,
.publishing-column__bg,
.solutions-column__bg {
background: #2e2e2e
}
.service-column:hover .service-column__bg {
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .4s ease-out .2s;
-moz-transition: -moz-transform .4s ease-out .2s;
-ms-transition: -ms-transform .4s ease-out .2s;
-o-transition: -o-transform .4s ease-out .2s;
transition: transform .4s ease-out .2s;
opacity: 1
}
.service-column__content {
z-index: 4;
max-width: 500px;
margin: 0 auto;
-webkit-transition: padding .3s linear .1s;
-moz-transition: padding .3s linear .1s;
-ms-transition: padding .3s linear .1s;
-o-transition: padding .3s linear .1s;
transition: padding .3s linear .1s;
width: 100%;
top: 50%;
bottom: auto;
left: 50%;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.service-column:hover .service-column__content {
padding-top: 40px;
padding-bottom: 45px
}
.service-column__icon {
display: inline-block;
position: relative;
width:90px;
height:90px;
margin: 0 0 30px
}
.service-column__content h3 {
font-size: 30px;
line-height: 32px;
padding: 0 0 14px;
display: block;
text-align: center;text-transform: capitalize;
color: #333
}
.service-column:hover .service-column__title {
color: #fff;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}
.service-column__content p {
padding-bottom: 0!important;
font-weight: 300;
color: #2c2c2c;
line-height: 1.5;
font-size: 18px;
max-width: 100%;
letter-spacing: 1px;
margin-bottom: 10px
}
.service-column:hover .service-column__content p {
color: #fff;
padding: 0 0 30px;
-webkit-transition: color .3s ease-out 0s, padding .4s linear .2s;
-moz-transition: color .3s ease-out 0s, padding .4s linear .2s;
-ms-transition: color .3s ease-out 0s, padding .4s linear .2s;
-o-transition: color .3s ease-out 0s, padding .4s linear .2s;
transition: color .3s ease-out 0s, padding .4s linear .2s
}
.button--services {
text-decoration: none;
-webkit-appearance: none;
font-size: 15px;
-webkit-border-radius: 500px;
border-radius: 500px;
font-weight: 500;
padding: 18px 30px 17px;
vertical-align: middle;
-webkit-transition: background .3s linear, border .3s linear, color .3s linear;
-moz-transition: background .3s linear, border .3s linear, color .3s linear;
-ms-transition: background .3s linear, border .3s linear, color .3s linear;
-o-transition: background .3s linear, border .3s linear, color .3s linear;
transition: background .3s linear, border .3s linear, color .3s linear;
background: 0 0;
top: auto;
right: auto;
bottom: 0;
left: 50%;
position: absolute;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
border: none;
color: #fff;
overflow: hidden;
z-index: 1
}
.blog-content_inner,
.col-1of3,
.service {
vertical-align: top
}
.service-column:hover .button--services {
opacity: 1;
bottom: 30px;
bottom: 1.875rem;
-webkit-transition: opacity .3s linear .5s, bottom .2s linear .4s;
-moz-transition: opacity .3s linear .5s, bottom .2s linear .4s;
-ms-transition: opacity .3s linear .5s, bottom .2s linear .4s;
-o-transition: opacity .3s linear .5s, bottom .2s linear .4s;
transition: opacity .3s linear .5s, bottom .2s linear .4s;
background-color: #fff;
color: #3d3d3d;
border: 2px solid #fff;
cursor: pointer
}
.post {
width: 50%;
float: left;
position: relative
}
.post .image {
position: relative;
width: 301px;
height: 301px;
background-size: cover;
background-position: center
}
.post .image .layer {
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(244, 156, 13, .9);
text-align: center;
line-height: 301px;
-webkit-transition: .4s all;
transition: .4s all;
color: #fff;
font-size: 20px
}
.post .image:hover .layer {
opacity: 1
}
.post .content {
position: absolute;
top: 46px;
left: 267px;
padding: 16px;
width: 207px;
height: 198px;
border: 1px solid rgba(207, 207, 207, .3);
background-color: #fff;
overflow: hidden;
text-decoration: none
}
.post .content .date {
font-size: 22px;
font-weight: 700;
color: #2e2e2e;
margin-bottom: 6px
}
.post .content .title {
text-transform: uppercase;
color: #2c2c2c;
font-size: 18px
}
.post .content .excerpt {
font-size: 13px;
line-height: 16px;
height: 96px;
overflow: hidden
}
.site-logo img {
position: relative;
z-index: 11
}
.sublist {
position: absolute;
width: 100%;
background: #2e2e2e;
left: 0;
color: #fff;
top: 85px
}
.inner-menu {
width: 1200px;
overflow: hidden
}
ul.menu-list {
float: left;
width: 20%;
padding-left: 15px;
box-sizing: border-box
}
ul.menu-list h2 {
font-size: 20px;
line-height: 24px;
margin: 0 0 15px;
padding: 0
}
.main-menu ul li ul.menu-list li {
font-size: 14px;
display: block;
padding-bottom: 5px!important;
font-family: aw-conqueror-carved-one, Arial!important
}
.main-menu ul li ul.menu-list li a {
color: #fff!important
}
.main-menu ul li ul.menu-list li a:hover {
color: red!important
}
.header_content .wrap {
position: static
}
.header_content {
position: relative;
background: #2e2e2e
}
#header.header-transparent {
margin-top: 0
}
.blocknewsletter {
position: absolute;
z-index: 0;
top: 100px;
right: 73px;
width: 282px;
padding: 45px 0;
border: 3px solid #86989f;
background-color: #fff;
text-align: center
}
#nq_social_home,
#nq_social_home .social-blocks {
position: relative
}
.blocknewsletter em,
.blocknewsletter p {
width: 200px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
color: #2c2c2c
}
.blocknewsletter p {
font-size: 30px
}
.blocknewsletter em {
margin-top: 20px;
font-size: 16px;
display: block
}
#nq_social_home .title {
font-size: 35px;
font-size: 2.1875rem;
color: #2c2c2c;
padding-bottom: 62px
}
#nq_social_home .subtitle {
float: right;
text-align: right;
font-size: 32px;
font-size: 1.875rem;
color: red;
position: relative;
top: -15px
}
#nq_social_home .subtitle span {
color: #2c2c2c;
display: block;
font-size: 40px;
font-size: 3.125rem
}
.sprite-home-social-separator {
width: 584px;
height: 5px;
background-position: 0 -7px
}
#nq_social_home {
width: 860px;
z-index: 1;
height: 420px
}
#nq_social_home .block {
display: block;
color: #fff;
text-decoration: none;
border: 3px solid #fff;
position: absolute;
background-color: #2c2c2c;
z-index: 0;
overflow: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d
}
#nq_social_home .press {
width: 284px;
height: 284px;
top: 0;
left: 0
}
#nq_social_home .press:nth-child(2) {
width: 149px;
height: 149px;
top: -15px;
left: 282px;
z-index: 1
}
#nq_social_home .press:nth-child(3) {
width: 149px;
height: 149px;
top: 150px;
left: 282px;
z-index: 1
}
#nq_social_home .press:nth-child(4) {
width: 284px;
height: 284px;
top: 0;
left: 427px;
z-index: 2
}
#nq_social_home .press:nth-child(5) {
width: 149px;
height: 149px;
top: -15px;
left: 707px;
z-index: 1
}
#nq_social_home .press:nth-child(6) {
width: 149px;
height: 149px;
top: 150px;
left: 707px;
z-index: 1
}
.sprite {
background-image: url(http://www.maptiteculotte.com/themes/theme_nq/css/../img/sprite.png);
background-color: transparent;
background-repeat: no-repeat;
display: block
}
#nq_social_home .block .figure {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-size: cover;
background-position: center
}
#nq_social_home .press .text {
position: absolute;
padding: 20px;
bottom: 0;
left: 0;
z-index: 3;
font-weight: 600;
font-size: 18px
}
#nq_social_home .press:nth-child(even) .blog-overlay {
background: rgba(255, 0, 0, .65)
}
.blog-overlay {
position: absolute;
top: 0;
bottom: 0;
background: rgba(35, 40, 45, .65);
width: 100%;
height: 100%;
z-index: 1;
opacity: 0
}
#nq_social_home .press:hover .blog-overlay {
opacity: 1
}
.blog-sections {
display: block;
overflow: hidden;
background: #fff
}
section.blog-item {
padding: 0 0 0 10%;
margin-bottom: 80px;
overflow: hidden
}
section.blog-item:nth-child(even) {
padding: 0 10% 0 0
}
.blogleft {
float: left;
width: 40%
}
.blog-image {
width: 100%;
height: 250px;
background-size: cover;
background-position: center center
}
.blog-image img {
width: 100%;
height: 100%;
obeject-fit: cover;
display: none
}
section.blog-item:nth-child(even) .blogleft {
float: right
}
.blog-content {
width: 60%;
float: left;
padding: 40px 60px;
box-sizing: border-box;
display: table;
min-height: 350px;
background: #f5f5f5
}
.blog-content_inner {
display: table-cell
}
.blog-content_inner h2 {
font-weight: 500;
color: red;
line-height: 1.333;
font-size: 30px;
padding: 0;
margin: 0 0 30px;
font-family: aw-conqueror-carved-one, Arial
}
.blog-content_inner p,
.blog-readmore,
.blog-readmore a {
font-family:Proxima-Nova-Regular
}
.blog-content_inner h2 a {
color: red
}
.blog-content_inner p {
font-weight: 300;
color: #2c2c2c;
line-height: 1.5;
font-size: 20px;
max-width: 70%;
padding-bottom: 5px
}
.blog-readmore {
height: 60px;
font-weight: 300;
line-height: 60px;
font-size: 20px;
float: right;
background-color: #2c2c2c;
padding: 0 20px;
position: relative;
cursor: pointer
}
.breadcrumbs,
.breadcrumbs li,
.head-left,
.one-half,
section.blog-item:nth-child(even) .blog-readmore {
float: left
}
.blog-readmore a {
color: #fff;
position: relative;
z-index: 2;
display: block
}
.tagcloud a,
.widget ul li,
.widget ul li a {
color: #2c2c2c
}
.blog-readmore:before {
height: 60px;
background: red;
top: 0;
right: auto;
bottom: auto;
width: 0;
left: 0;
position: absolute;
z-index: 0;
opacity: 1;
-moz-transition: width .3s linear;
-ms-transition: width .3s linear;
-o-transition: width .3s linear;
transition: width .3s linear
}
.blog-readmore:hover::before {
width: 100%
}
label.screen-reader-text {
display: block;
font-size: 20px;
line-height: 1.4;
font-family: nimbus-sans, Arial
}
.widget ul li,
select#cat {
font-family:Proxima-Nova-Regular
}
select#cat {
width: 300px;
height: 40px;
margin-top: 10px;
background: 0 0;
font-size: 16px;
padding-left: 10px
}
.widget {
background: #f5f5f5;
margin-bottom: 30px;
padding: 20px;
box-sizing: border-box;
border: 1px solid #dcd6d6;
width: 100%;
overflow: hidden
}
.widget h2 {
padding: 0;
margin-bottom: 15px;
line-height: 1
}
.widget ul li {
padding: 2px 0;
font-weight: 400;
font-size: 18px;
display: block;
line-height: 30px
}
.tagcloud {
font-size: 18px;
cursor: pointer
}
.tagcloud a {
margin: 0 10px 10px 0;
display: block;
display: inline-block;
border: 1px solid;
padding: 10px
}
.tagcloud a:hover {
background: 0 0!important
}
input.wpcf7-form-control.wpcf7-submit.button.small-button {
width: 30%;
margin: 0 auto 0 35%;
background: #fff;
color: #333; font-size:22px;
border: 1px solid;
cursor: pointer; font-family:Proxima-Nova-Regular !important;
-webkit-appearance: none
}
input.wpcf7-form-control.wpcf7-submit.button.small-button:hover {
background: #333;
color: #fff
}
body {
width: 100%
}
.page-subheader {
min-height: 300px;
background-color: #345370;
position: relative;
top: 0;
z-index: 0
}
.col-sm-4,
.col-sm-9 {
min-height: 1px;
box-sizing: border-box
}
.page-subheader .bgback {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
background-size: cover;
background-position: center
}
.bgimage,
.kl-bg-source,
.kl-bg-source__overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.kl-header-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 170%;
opacity: .6;
pointer-events: none;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0, transparent 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 1)), color-stop(100%, transparent));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0, transparent 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0, transparent 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0, transparent 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, transparent 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=0)
}
.bgimage {
background-repeat: no-repeat;
background-attachment: scroll;
background-position-x: center;
background-position-y: center;
background-size: cover
}
.kl-bg-source__overlay {
pointer-events: none;
background: rgba(0, 94, 176, .8);
background: -moz-linear-gradient(left, rgba(0, 94, 176, .8) 0, rgba(0, 202, 255, .9) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 94, 176, .8)), color-stop(100%, rgba(0, 202, 255, .9)));
background: -webkit-linear-gradient(left, rgba(0, 94, 176, .8) 0, rgba(0, 202, 255, .9) 100%);
background: -o-linear-gradient(left, rgba(0, 94, 176, .8) 0, rgba(0, 202, 255, .9) 100%);
background: -ms-linear-gradient(left, rgba(0, 94, 176, .8) 0, rgba(0, 202, 255, .9) 100%);
background: linear-gradient(to right, rgba(0, 94, 176, .8) 0, rgba(0, 202, 255, .9) 100%)
}
.sub-headbreadcrumbs {
padding-top: 200px;
padding-bottom: 70px;
font-size: 13px;
line-height: 1.7;
z-index: 1;
position: relative
}
.sub-headbreadcrumbs .container {
width: 1200px;
margin: 0 auto;
max-width: 100%
}
.one-half {
width: 50%;
padding: 0 10px;
box-sizing: border-box
}
.breadcrumbs {
margin: 0 0 10px;
padding: 9px 10px 7px;
background: rgba(0, 0, 0, .8);
border-radius: 2px
}
.breadcrumbs li {
color: #eee;
line-height: 1.5;
font-size: 13px;
font-weight: 600;
position: relative
}
.breadcrumbs li a {
color: #fff
}
.breadcrumbs li:first-child {
padding-left: 0;
background: 0 0;
margin-left: 0
}
.breadcrumbs li:after {
border: 4px solid transparent;
content: '';
height: 0;
width: 0;
pointer-events: none;
display: inline-block;
border-left-color: red;
margin: 0 5px 0 10px
}
.breadcrumbs li:last-child:after {
display: none
}
.subheader-titles {
text-align: right;
margin-top: -7px
}
.subheader-maintitle {
color: #fff!important;
font-size: 35px;
font-weight: 700;
line-height: 1;
margin: 0 0 5px;
padding: 0;
position: relative;
z-index: 99999999
}
.bottom-shadow,
.svgmask,
header {
position: absolute
}
.subheader-subtitle {
color: #fff;
display: inline-block;
margin: 0;
padding: 0;
font-weight: 200;
line-height: 1;
font-size: 16px;
font-family: nimbus-sans, Arial;
letter-spacing: .5px
}
.bottom-shadow {
bottom: 0;
left: 0;
width: 100%;
height: 57px
}
.svgmask {
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-bottom: -15px
}
.portfoliotab {
opacity: 0;
z-index: -1;
display: none
}
.portfoliotab.active {
opacity: 1;
z-index: 1;
display: block
}
ul#filters {
overflow: hidden;
text-align: center;
margin-bottom: 50px
}
ul#filters li.active {
background: red;
color: #fff
}
ul#filters li {
display: inline-block;
margin-right: 10px;
background: #2e2e2e
}
ul#filters .tab-title {
border: none;
color: #fff;
padding: 10px 20px;
display: block;
margin-right: 0
}
.head-left,
.separator,
header.fixed .kl-header-bg,
header.fixed .top-header {
display: none
}
header {
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 99
}
header.fixed {
background: rgba(0, 0, 0, .8);
z-index: 99999;
position: fixed
}
.logobox,
.quote-button,
.top-header {
position: relative
}
header.fixed .logobox {
width: 150px;
top: 5px
}
.container {
width: 1200px;
margin: 0 auto;
max-width: 96%
}
.top-header {
overflow: hidden;
line-height: 24px;
margin: 10px 0
}
ul.social-icon {
overflow: hidden
}
ul.social-icon li {
float: left;
margin-right: 10px
}
ul.social-icon li a {
color: #fff
}
ul.social-icon li:hover a {
color: red
}
.head-text {
float: right;
font-size: 14px;
color: #fff;
letter-spacing: 1px
}
span.help {
margin-right: 10px;
cursor: pointer;
background: red;
padding: 5px;
border-radius: 6px
}
span.help:hover {
color: #000
}
span.toptext a {
font-weight: 700;
color: #fff
}
.separator {
background: #fff;
height: 1px;
opacity: .2;
margin-bottom: 5px;
width: 100%
}
.close,
.quote-button {
background: red;
cursor: pointer
}
.logobox {
width: 200px;
float: left;
top: -43px
}
.logobox img {
max-width: 100%
}
.quote-button {
display: inline-block;
height: 40px;
margin-left: 20px;
margin-top: 10px;
width: 80px;
float: right;
color: #fff;
border-radius: 5px
}
.quote-button:before {
border-top: 35px solid red;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
content: "";
height: 0;
left: 0;
position: absolute;
bottom: -32px;
width: 0
}
.main-nav>ul>li:not(.menu-item-mega-parent),
.main-nav>ul>li>a {
position: relative
}
header.fixed .quote-button:before {
display: none
}
header.fixed .quote-button {
margin-top: 30px
}
header.fixed .quote-button:hover {
background: #fff;
color: #000
}
.quote-button .inner {
max-width: 80%;
text-align: center;
margin: 0 auto;
padding-top: 6px;
position: relative;
z-index: 11;
font-weight: 600;
font-size: 16px;
line-height: 1.2
}
header.fixed .quote-button .inner {
padding-top: 4px;
font-size: 14px
}
.quote-button:hover {
background: #000
}
.quote-button:hover:before {
border-top: 35px solid #000
}
.main-nav {
display: block;
margin-right: 20px;
font-size: 14px;
float: left;
margin-left: 30px;
margin-top: 5px
}
header.fixed .main-nav {
margin-top: 30px
}
.main-nav ul {
padding: 0;
margin: 0;
line-height: 1
}
.main-nav>ul {
margin: 15px 0
}
.main-nav>ul>li {
float: left;
margin-top: 0;
margin-left: 5px;
padding-bottom: 10px
}
.main-nav>ul>li:first-child {
margin-left: 0
}
.main-nav>ul>li>a {
padding: 6px 12px;
font-size: 13px;
line-height: 15px;
letter-spacing: .5px;
color: #fff;
z-index: 1;
font-weight: 400;
-webkit-transition: padding .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: padding .2s ease-in-out, transform .2s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block
}
.main-nav>ul>li>a:before {
content: '';
opacity: 0;
position: absolute;
border-radius: 2px;
height: 50%;
width: 100%;
top: 50%;
left: 0;
background-color: red;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: height .2s ease-in-out;
transition: height .2s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: -1
}
.main-nav>ul>li.menu-item-has-children>a:after {
content: '';
opacity: 1;
position: absolute;
height: 1px;
width: 7px;
bottom: 3px;
left: 17px;
background-color: rgba(255, 255, 255, .4);
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.main-nav>ul>li.active>a:before,
.main-nav>ul>li:hover>a:before,
.main-nav>ul>li>a:hover:before {
height: 100%;
opacity: 1
}
.main-nav>ul>li.active.menu-item-has-children>a:after,
.main-nav>ul>li.menu-item-has-children:hover>a:after,
.main-nav>ul>li.menu-item-has-children>a:hover:after {
opacity: 0
}
.main-nav ul li:hover>ul {
left: 0;
opacity: 1;
visibility: visible;
z-index: 100;
top: 100%
}
.main-nav>ul>li>ul.sub-menu:before {
content: '';
display: block;
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 10px
}
.main-nav>ul>li>ul.sub-menu:after {
content: '';
display: block;
position: absolute;
top: -11px;
left: 14px;
border: 6px solid transparent;
border-bottom-width: 5px;
border-bottom-color: #f5f5f5
}
.dropdown-menu {
position: absolute;
float: left;
min-width: 160px
}
.main-nav ul ul.sub-menu {
position: absolute;
border-radius: 2px;
border: 1px solid rgba(255, 255, 255, .8);
box-shadow: 0 0 4px rgba(0, 0, 0, .4);
padding: 6px 0;
background: rgba(245, 245, 245, 1)
}
.bottom-header,
.main-nav ul ul.sub-menu li {
position: relative
}
header.fixed .main-nav ul ul.sub-menu {
border: 1px solid #000;
box-shadow: 0 0 4px rgba(0, 0, 0, .4);
background: #000
}
.hg_mega_container,
.main-nav ul ul.sub-menu {
left: -9999px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .4s ease, top .45s ease;
transition: opacity .4s ease, top .45s ease
}
.main-nav ul ul.sub-menu li a {
min-width: 230px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(0, 0, 0, .03);
padding: 10px 20px;
font-size: 12px;
color: #757575;
position: relative;
display: block;
font-weight: 600;
letter-spacing: .5px
}
.about-iconcontent h4,
.apply__text a {
letter-spacing: 1px;
text-transform: uppercase
}
header.fixed .main-nav ul ul.sub-menu li a {
color: #fff
}
.main-nav ul ul.sub-menu li:last-child a {
border: 0
}
.hg_mega_container {
border: 1px solid rgba(255, 255, 255, .8);
box-shadow: 0 0 4px rgba(0, 0, 0, .4);
background: rgba(245, 245, 245, .95);
position: absolute;
padding: 20px 0
}
header.fixed .hg_mega_container {
border: 1px solid #000;
background: #000;
margin-top: 10px
}
header.fixed .main-nav ul li:hover>.hg_mega_container {
top: 70px
}
.hg_mega_container {
margin-left: 15px;
margin-right: 15px;
width: calc(100% - 30px);
margin-top: 15px;
-webkit-transition: opacity .4s ease, top .45s ease, margin-top .4s ease;
transition: opacity .4s ease, top .45s ease, margin-top .4s ease
}
.main-nav ul li:hover>.hg_mega_container {
left: 0;
opacity: 1;
visibility: visible;
z-index: 100;
top: 50px
}
li.one-fifth {
width: 20%;
float: left;
padding: 0 20px;
box-sizing: border-box;
margin-top: 20px
}
li.one-fifth strong {
font-size: 14px;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 12px 0;
margin-bottom: 15px;
font-weight: 600;
text-transform: uppercase;
border-bottom-color: rgba(0, 0, 0, .1);
color: #333
}
header.fixed li.one-fifth strong a {
color: #fff
}
li.one-fifth strong a {
color: #333
}
li.one-fifth ul {
margin: 30px 0 20px
}
li.one-fifth ul li {
padding: 10px 0;
font-size: 12px;
color: #757575;
position: relative;
text-transform: uppercase
}
li.one-fifth ul li a {
color: #333
}
header.fixed li.one-fifth ul li a {
color: #fff
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
background: rgba(0, 0, 0, .41)
}
.capabilities-grid,
.case-item,
.cd-top,
.clear-float,
.clients-name,
.coloum-inner,
.cols.cols-secondary,
.ecom-tabs,
.ecom-tabs-data-item,
.marketing-bullet-list,
.modal-body,
.ove-hide,
.over-hidden,
.overhide,
.overlay .overlay-close,
.overlay ul li,
.pricing-cols li.four-table,
.project-content,
.related-item,
.related-popular,
.related-product,
.row.views,
.section-body,
.standards_lists,
.team-wrapper,
.team_teaser_images a,
.teamlist,
.wrap-column.career,
ul.benifitlist,
ul.list-stats,
ul.team_grid {
overflow: hidden
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1;
z-index: 999999;
display: block;
padding-right: 17px
}
.modal-dialog {
width: 600px;
margin: 30px auto;
position: relative
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%)
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
top: 50px
}
.modal-body {
padding: 0!important;
z-index: 10000;
position: relative
}
.contactbg {
background-image: url(../images/balloon.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 520px;
background-position: 80%
}
.box-form h3 {
font-size: 24px;
line-height: 40px;
font-weight: 400;
font-style: normal;
padding: 5px 0 0
}
.box-form label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 500
}
.box-form .wpcf7-form-control-wrap {
position: static
}
.box-form .form-control,
.box-form input,
.box-form textarea {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-sizing: border-box;
margin-bottom: 10px
}
.box-form textarea {
height: 70px;
resize: none
}
.control input.wpcf7-form-control.wpcf7-submit {
text-shadow: none;
box-shadow: none;
font-size: 16px;
font-weight: 700;
border-radius: 3px;
-webkit-transition: background-color .15s ease-out;
transition: background-color .15s ease-out;
color: #fff;
background-color: red;
width: 100%;
box-sizing: border-box;
outline: 0;
border: 0;
height: 34px;
line-height: 34px;
padding: 0;
margin-bottom: 0
}
.box-form hr {
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top: 1px solid #eee
}
.box-form span.wpcf7-not-valid-tip {
color: red;
font-size: 10px;
display: block;
top: 5px;
left: 167px
}
.box-form .control {
position: relative;
width: 100%
}
.box-form div.wpcf7-validation-errors {
border: 2px solid red;
margin: 5px 0;
font-size: 12px
}
.close {
opacity: 1;
display: block;
float: left;
padding: 7px;
margin: 10px 0 0;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #fff;
border: 0;
outline: 0;
text-shadow: 0 1px 0 #fff
}
#client-ticker {
height: 66px!important
}
.ticker {
width: 100%
}
.ticker img {
width: 16.5%;
margin-left: 1%;
float: right;
border-radius: 5px;
height: 66px;
object-fit: cover
}
.pt20 {
padding-top: 15px
}
.callout-inside.fix {
padding: 20px 45px
}
.back-images {
width: 100%;
height: auto
}
.back-images img {
width: 100%;
display: block
}
.one-forth {
width: 25%;
float: left;
padding: 0 25px;
box-sizing: border-box;
text-align: center
}
.one-forth .fa {
color: red;
font-size: 50px;
height: auto;
width: auto;
margin-bottom: 20px
}
.about-iconcontent h4 {
margin: 0 0 10px;
padding: 0;
font-weight: 400;
font-size: 20px
}
.about-iconcontent span,
.icon-box-content p,
.sub-line {
font-weight: 300;
color: #2c2c2c;
line-height: 1.5;
max-width: 100%;
font-family:Proxima-Nova-Regular!important
}
.about-iconcontent span {
font-size: 18px;
padding-bottom: 0
}
.over-hidden {
padding: 0 0 125px
}
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
text-indent: 100%;
white-space: nowrap;
background: url(../images/cd-top-arrow.svg) center 50% no-repeat rgba(0, 0, 0, .73);
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
z-index: 99
}
.cd-top.cd-fade-out,
.cd-top.cd-is-visible,
.no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s
}
.cd-top.cd-is-visible {
visibility: visible;
opacity: 1
}
.no-touch .cd-top:hover {
background-color: #000;
opacity: 1
}
.icon-box-content p {
padding: 0 0 15px;
font-size: 18px
}
.sub-line {
display: block;
margin-top: 20px;
font-size: 18px
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor {
background: red!important;
border-radius: 5px!important
}
header.fixed #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
background: rgba(0, 0, 0, .8);
color: #fff
}
header.fixed #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
background: rgba(0, 0, 0, .8)
}
header.fixed #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link,
header.fixed #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
color: #fff
}
.support_panel {
position: fixed;
width: 100%;
height: 130px;
top: 0;
z-index: 99999;
background: #f3f3f3;
display: none
}
.col-sm-4,
.col-sm-9,
.homeslider {
position: relative
}
header.open {
top: 130px
}
.col-sm-9 {
width: 75%;
float: left;
padding-right: 15px;
padding-left: 15px
}
.m_title {
margin-top: 0;
color: red;
font-size: 18px;
line-height: 28px;
font-weight: 700;
font-style: normal;
padding: 10px 0
}
.row {
margin-right: -15px;
margin-left: -15px
}
.col-sm-4 {
width: 33.33333333%;
float: left;
line-height: 18px;
padding-right: 15px;
padding-left: 15px;
font-size: 14px
}
.number {
display: inline-block;
width: 35px;
height: 35px;
float: left;
line-height: 35px;
font-size: 16px;
color: #fff;
background: red;
text-align: center;
margin-right: 10px;
font-weight: 900;
border-radius: 50%;
margin-bottom: 5px
}
.support_panel p {
font-size: 13px;
margin-top: 10px;
padding: 0;
display: block;
clear: both;
float: left
}
.m_content {
font-size: 14px;
line-height: 20px
}
.homeslider {
width: 100%;
height: 550px;
background-size: cover;
background-position: center
}
.slider-content {
bottom: auto;
left: 0;
position: absolute;
top: 50%;
width: 1200px;
right: 0;
margin: 0 auto
}
.main_title.has_titlebig a {
color: #fff
}
.slider-content .main_title {
background: red;
border: 0;font-family:proxima-nova;
color: #fff;
float: left;
font-size:22px;
line-height: 1;
opacity: 1;
padding:10px 12px;
position: relative;
text-shadow: none;
transform-origin: 100% 50% 0
}
#client-ticker>ul {
width: 100%
}
.slider-content .text{
background: rgba(0, 0, 0, 0.6);
display: block;
max-width:63%;
padding:20px !important;
text-align: left
}
.slider-content p{padding:0;margin:0px;font-size:20px;line-height:25px;font-family:Proxima-Nova-Regular !important;}
.slider-content h4 { padding:0;
display: block; color:#fff; margin-bottom:10px;
font-size:30px;font-family:proxima-nova;
}
.apply__text h2,
.benifits,
.client-view,
.clients-name,
.grid__cell,
.home-career,
.services,
.success-inner h4 {
text-align: center
}
.home-career {
width: 100%;
height: 400px;
position: relative
}
.home-careerinner {
width: 100%;
height: 100%;
position: relative;
margin: 0 auto
}
.apply__text,
.careeroverlay {
position: absolute;
width: 100%
}
.home .article-list-item-content {
margin-bottom: 0
}
.careeroverlay {
top: 0;
height: 100%;
background: rgba(0, 0, 0, .73)
}
.apply__text {
top: 50%;
transform: translateY(-50%)
}
.home-careerinner img {
width: 100%;
height: 100%;
object-fit: cover
}
.apply__text h2 {
margin: 0 0 30px;
color: #fff;
font-size: 46px;
line-height: 55px
}
.apply__text a {
position: relative;
display: inline-block;
color: #fff;
font-weight: 700;
text-decoration: none;
border-radius: 4px;
background: red;
padding: 10px 25px
}
.apply__text a:after,
.apply__text a:before {
content: "";
position: absolute;
bottom: -10px;
width: 0;
height: 0;
background: #fff;
-webkit-transition: width .1s cubic-bezier(.455, .03, .515, .955);
-moz-transition: width .1s cubic-bezier(.455, .03, .515, .955);
transition: width .1s cubic-bezier(.455, .03, .515, .955)
}
.apply__text a:after {
right: 50%;
-webkit-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
transform: translate(50%, 0)
}
.apply__text a:before {
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.home-career:hover .apply__text a:after,
.home-career:hover .apply__text a:before {
width: 100%
}
.services {
font-size: 0
}
.service {
display: inline-block;
width: 33.33%
}
.service .service-item {
display: block;
padding: 36px 50px 53px;
border: 1px solid transparent;
text-decoration: none;
-webkit-transition: border .3s, background .3s;
transition: border .3s, background .3s
}
.service .service-item:hover {
border-color: #adadad;
background-color: #333
}
.service-image {
height: 144px;
margin-bottom: 44px;
line-height: 144px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.service .service-item:hover .service-image {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.service-image img {
vertical-align: middle
}
.service .service-title {
margin-bottom: 9px;
line-height: 1.17;
font-weight: 700;
font-size: 24px;
color: #2e2e2e
}
.service .service-item:hover .service-title {
color: #fff
}
.service p {
max-width: 300px;
margin: 0 auto;
font-size: 18px;
line-height: 1.56;
color: #2e2e2e
}
.service .service-item:hover p {
color: #fff
}
.bgblue {
background: rgba(0, 94, 176, .8);
background: -moz-linear-gradient(left, rgba(0, 94, 176, .8) 0, rgba(0, 202, 255, .9) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 94, 176, .8)), color-stop(100%, rgba(0, 202, 255, .9)));
background: -webkit-linear-gradient(left, rgba(0, 94, 176, .8) 0, rgba(0, 202, 255, .9) 100%);
background: -o-linear-gradient(left, rgba(0, 94, 176, .8) 0, rgba(0, 202, 255, .9) 100%);
background: -ms-linear-gradient(left, rgba(0, 94, 176, .8) 0, rgba(0, 202, 255, .9) 100%);
background: linear-gradient(to right, rgba(0, 94, 176, .8) 0, rgba(0, 202, 255, .9) 100%);
padding: 100px 0 0
}
.capabilities-grid {
padding: 30px 0
}
.icon-grid {
float: left;
width: 20%;
height: 100px;
margin: 30px 0;
cursor: pointer
}
.table {
height: 100px;
width: 100%;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.table .table-cell {
width: 100%;
margin: 0;
text-align: center
}
.table-cell .icon {
height: 50px;
-webkit-transition: 2s cubic-bezier(.18, 1, .21, 1);
-moz-transition: 2s cubic-bezier(.18, 1, .21, 1);
transition: 2s cubic-bezier(.18, 1, .21, 1)
}
.table-cell p {
color: #fff;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
opacity: 1;
-webkit-transition: 2s cubic-bezier(.18, 1, .21, 1);
-moz-transition: 2s cubic-bezier(.18, 1, .21, 1);
transition: 2s cubic-bezier(.18, 1, .21, 1);
max-width: 600px;
margin: 10px auto 100px
}
.fig-caption em,
.fig-caption span {
max-width: 50%;
text-transform: uppercase;
font-weight: 700
}
.icon-grid.faded .table-cell .icon,
.icon-grid.faded .table-cell p {
opacity: .3
}
.team-wrapper {
width: 980px;
margin: 0 auto
}
.team-wrapper .team-member {
width: 50%;
float: left;
margin-bottom: 150px
}
.team-wrapper .team-member figure {
position: relative;
cursor: pointer
}
.team-wrapper .team-member:nth-child(even) figure {
top: 40px
}
.team-wrapper .team-member figure img {
width: 100%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition-property: filter;
transition-duration: 1s;
height: 490px
}
.team-wrapper .team-member figure:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.fig-caption {
width: 100%;
position: absolute;
bottom: 30px;
padding: 0 40px;
box-sizing: border-box;
color: #fff
}
.fig-caption span {
float: left;
color: red;
font-size: 20px
}
.fig-caption em {
color: #fff;
float: right;
opacity: 1
}
.load-more-button,
.row.views span,
.success-inner h4,
.teamlist li h4 {
text-transform: capitalize
}
.team-wrapper .team-member:nth-child(12),
.team-wrapper .team-member:nth-child(14),
.team-wrapper .team-member:nth-child(4),
.team-wrapper .team-member:nth-child(8) {
margin-bottom: 550px;
position: relative
}
.team-wrapper .team-member:nth-child(4):after {
content: url(../images/bottles.jpg);
position: absolute;
bottom: -480px;
left: -250px
}
.team-wrapper .team-member:nth-child(8):after {
position: absolute;
bottom: -480px;
left: -100px;
width: 200px;
height: 400px;
content: "";
background: url(../images/glass.jpg) no-repeat;
background-size: 100%
}
.team-wrapper .team-member:nth-child(12):after {
position: absolute;
bottom: -480px;
left: -150px;
width: 300px;
height: 380px;
content: "";
background: url(../images/cofee.png) no-repeat;
background-size: 100%
}
.team-wrapper .team-member:nth-child(14):after {
position: absolute;
bottom: -400px;
left: -125px;
width: 360px;
height: 250px;
content: "";
background: url(../images/hat.jpg) no-repeat;
background-size: 100%
}
.success-inner {
width: 980px;
margin: 0 auto;
padding: 100px 0;
color: #fff;
max-width: 80%
}
.client-view {
padding: 60px 0;
width: 100%;
border: 2px solid;
border-left: 0;
border-right: 0
}
.client-view p {
font-size: 20px;
line-height: 28px;
font-family:Proxima-Nova-Regular!important;
letter-spacing: .5px;
padding: 0 50px;
margin: 0
}
.success-inner h4 {
font-size: 36px;
line-height: 40px;
font-weight: 700;
margin-top: 0;
color: #fff
}
.clients-name {
margin-bottom: 50px
}
.clients-nameinner {
width: auto;
margin: 0 auto;
display: inline-block
}
.clients-name img {
width: 100px!important;
background: #fff;
border-radius: 50%;
height: 100px!important;
float: left
}
.clients-name h2 {
float: left;
font-weight: 400;
padding: 0 15px;
line-height: 100px
}
.row.views p,
.row.views span {
font-weight: 300;
line-height: 1.5
}
.red {
color: red
}
.success .flex-control-nav {
display: none
}
.row.views p {
font-family:Proxima-Nova-Regular!important;
color: #2c2c2c;
font-size: 18px;
max-width: 100%;
letter-spacing: 1px;
margin-bottom: 0;
border: 1px solid;
border-left: 0;
border-right: 0;
position: relative;
padding: 30px 15px
}
.row.views p:after,
.row.views p:before {
font-family: FontAwesome;
content: "\f10d";
position: absolute;
font-size: 25px;
color: #2c2c2c;
left: 50%;
top: -25px;
background: #fff;
padding: 5px
}
.contain p,
.row.views span,
blockquote.aboutpage p {
font-family:Proxima-Nova-Regular!important
}
.row.views p:after {
top: auto;
bottom: -25px
}
.row.views span {
margin-top: 20px;
display: block;
color: red;
font-size: 22px
}
.article-list-item-meta,
.blog_date span,
.career-tile-form button,
.contain h1,
.panel__title,
h4.knowmore,
p.small {
text-transform: uppercase
}
.row.views {
display: block
}
.row.views .col-sm-4 {
padding: 0 30px
}
.contain h1 {
max-width: 100%;
margin-bottom: 30px;
font-size: 60px;
line-height: 1;
letter-spacing: -1px;
font-weight: 700;
color: #666665
}
.contain p,
.content_left p,
p.small {
letter-spacing: 1px
}
.contain-data {
position: relative;
width: 100%
}
.contain-data .testi {
right: -35px;
top: -25px;
width: 25%
}
.contain-data img {
position: absolute;
right: 5%;
top: -144px;
width: 20%
}
.contain p {
max-width: 70%;
padding-bottom: 0!important;
font-weight: 300;
line-height: 1.5;
font-size: 18px;
margin-bottom: 40px
}
blockquote.aboutpage {
padding: 0;
margin: 0 0 125px;
line-height: 2.375rem;
font-size: 2em;
background: 0 0;
color: #666665
}
blockquote.aboutpage p {
font-size: 40px;
max-width: 98%;
margin: 0 auto;
line-height: 1.2;
font-weight: 100;
font-style: italic
}
.content_left {
clear: both;
float: left;
width: 30%;
margin-right: 10%
}
.aboutheading,
.content_left h4 {font-family: proxima-nova !important;
color: #2e3c40;
margin-bottom: 50px;
font-size: 35px;
padding: 0;
line-height: 1.2
}
.page-id-7 .callout-content p{font-family: proxima-nova !important;}
.p-t-125 {
padding-top: 125px
}
.p-b-125 {
padding-bottom: 125px
}
.content_left p,
p.text {
padding-bottom: 0!important
}
.content_left p {
font-family:Proxima-Nova-Regular;
font-weight: 300;
line-height: 1.5;
font-size: 18px
}
.content_right {
float: right;
width: 60%
}
p.small {
color: #2e3c40;
font-size: 14px;
line-height: 1.2;
margin-bottom: 48px
}
.services_list li {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
font-size: 25px;
line-height: 1
}
.standards_lists ul li,
p.text {
font-weight: 300;
line-height: 1.5;
font-size: 18px;
letter-spacing: 1px
}
.services_list li a {
color: red;
transition: color .3s ease, border-color .3s ease;
text-decoration: none;
border-bottom: 1px solid red
}
blockquote.aboutpage.skills {
clear: both;
width: 100%;
margin-top: 50px;
float: left;
margin-bottom: 0
}
.column,
.standards_lists ul,
ul.team_grid li {
width: 50%;
float: left
}
.standards_lists ul {
padding-right: 1.5em;
box-sizing: border-box
}
.standards_lists ul li {
background: url(../images/star.png) left center no-repeat rgba(0, 0, 0, 0);
font-family:Proxima-Nova-Regular;
padding-left: 22px;
margin-bottom: 1em
}
p.text {
font-family:Proxima-Nova-Regular
}
.wrap-inner {
max-width: 800px!important;
margin: 0 auto
}
.team_teaser_images {
max-width: 880px;
margin: 40px auto 0;
position: relative
}
ul.team_grid {
display: block
}
ul.team_grid li {
padding: 0 10px;
box-sizing: border-box
}
.team_teaser_images a,
ul.team_grid li img {
width: 100%;
display: block
}
.team_teaser_images a {
position: relative
}
h4.knowmore {
position: absolute;
left: 50%;
top: 50%;
background: #fff;
padding: 20px;
color: #000;
margin-left: -140px;
margin-top: -35px;
opacity: 0;
transition: all .5s ease, opacity .3s ease
}
.team_teaser_images:hover h4.knowmore {
opacity: 1
}
.benifits {
width: 700px;
margin: 0 auto
}
ul.benifitlist {
display: block;
margin-top: 50px
}
li.benifit-item {
width: 33.33%;
float: left;
padding: 0 20px;
box-sizing: border-box
}
.career-left,
.career-right {
width: 50%;
box-sizing: border-box
}
li.benifit-item img {
display: block;
margin: 0 auto 30px
}
.wrap-column.career {
margin-bottom: 100px
}
.career-left {
float: left;
padding: 0 20px;
height: 100%;
background-size: cover;
background-position: center;
position: absolute
}
.wrap-column.career:nth-child(even) .career-right {
float: left;
padding-left: 0;
padding-right: 40px
}
.wrap-column.career:nth-child(even) .career-right .position-description {
background: #f8ba8e
}
.wrap-column.career:nth-child(even) .career-left {
right: 0
}
.wrap-column.career:last-child {
margin-bottom: 0
}
.career-right {
float: right;
padding: 0 0 0 40px
}
h2.position-name {
padding: 0 0 20px;
line-height: 1
}
.skills li,
strong.apply-nows {
font-family:Proxima-Nova-Regular;
line-height: 1.5
}
.position-description {
width: 100%;
background: #68eeff;
margin-top: 20px;
padding: 20px 30px;
box-sizing: border-box;
position: relative;
min-height: 650px
}
strong.apply-nows {
display: block;
margin-top: 100px;
font-size: 34px;
font-weight: 600;
color: rgba(255, 255, 255, .79);
position: absolute;
bottom: 20px;
cursor: pointer
}
div.wpcf7-response-output {
margin: 0!important
}
.skills {
margin-top: 30px
}
.skills li {
padding-bottom: 0!important;
font-weight: 300;
font-size: 18px;
letter-spacing: 1px;
margin-bottom: 15px
}
.grid__cell {
width: 25%;
float: left;
padding: 0 20px;
box-sizing: border-box
}
.panel__no {
font-size: 4.5em;
font-weight: 700;
color: red;
margin-bottom: 10px
}
.panel__icon {
width: 200px;
height: 200px;
background: #fff;
margin: 0 auto;
line-height: 200px;
font-size: 60px;
border-radius: 50%;
color: #313131;
transition: all .2s ease-in-out 0s;
-moz-transition: all .2s ease-in-out 0s;
-webkit-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s
}
.panel__icon:hover {
transform: scale(1.1) rotateZ(-5deg);
-moz-transform: scale(1.1) rotateZ(-5deg);
-webkit-transform: scale(1.1) rotateZ(-5deg);
-o-transform: scale(1.1) rotateZ(-5deg);
color: red
}
.panel__title {
display: block;
position: static;
float: none;
color: red
}
label.label,
label.placeholder {
position: absolute;
color: #454545
}
section.client-view.wow.animated.fadeInUp.animated {
border: 0
}
.client-view1 {
padding: 70px 0
}
.page-template-template-casestudy .icon-box-content {
padding: 0 20px 10px
}
.page-template-template-casestudy .icon-box-horizontal .icon-box-title-image {
padding: 0 20px
}
.page-template-template-casestudy .icon-box-item {
border: 1px solid
}
.career-right input[type=tel],
.career-right input[type=email],
.career-right input[type=text] {
width: 100%;
height: 30px;
background: 0 0;
border: 0;
border-bottom: 1px solid grey;
line-height: 30px
}
.career-right textarea {
width: 100%;
height: 100px;
background: 0 0;
border: 0;
border-bottom: 1px solid grey;
line-height: 20px;
resize: none
}
input.wpcf7-form-control.wpcf7-submit {
background: #fff;
border: 0;
line-height: 35px;
padding: 5px 10px;
font-size: 16px;
letter-spacing: 1px;
cursor: pointer;
-webkit-appearance: none
}
span.wpcf7-not-valid-tip {
position: absolute;
width: 300px;
font-size: 12px;
letter-spacing: 1px
}
label.label {
right: 0;
line-height: 30px
}
label.placeholder {
right: 0;
top: 10px
}
.input-wrapper {
position: relative;
margin-bottom: 20px
}
textarea#coverletter {
width: 100%;
height: 60px;
background: 0 0;
border: none;
border-bottom: 1px solid grey;
resize: none
}
.career-tile-form {
opacity: 0;
visibility: hidden;
position: absolute;
top: 20px;
height: 460px;
width: calc(100% - 60px);
background: #68eeff
}
.blog_date,
.blog_type {
top: 0;
text-align: center
}
.wrap-column.career:nth-child(even) .career-right .career-tile-form {
background: #f8ba8e
}
.career-tile-form.show {
opacity: 1;
visibility: visible
}
.career-tile-form button {
background: 0 0;
padding: 15px;
border: 1px solid;
letter-spacing: .5px;
color: #454545
}
.career-tile-form button:hover {
cursor: pointer;
color: #fff;
background: #454545;
border: 1px solid #454545
}
.blog_post {
float: left;
width: 100%;
padding: 0 0 40px;
position: relative
}
.blog_post .blog_bimg {
margin: 0;
padding: 0;
position: relative
}
.blog_bimg img {
width: 100%;
height: auto;
max-height: 300px;
object-fit: cover;
display: block
}
.blog_date {
position: absolute;
left: 0;
background: red;
color: #fff;
font-weight: 700;
font-size: 30px;
width: 90px;
padding: 8px 0 0;
font-family: Lato, Arial, Helvetica, sans-serif;
z-index: 1
}
.blog_ptext,
.post-content p {
font-family:Proxima-Nova-Regular!important;
max-width: 100%;
letter-spacing: 1px
}
.blog_date span {
display: block;
background: #333;
padding: 3px 0;
margin: 10px 0 0;
font-size: 12px;
line-height: 16px;
color: #fff
}
.blog_title {
background: #333;
margin-top: -4px;
padding: 10px 80px 10px 25px;
font-size: 11px;
color: #aaa;
font-weight: 900;
position: relative;
float: left;
width: 100%;
box-sizing: border-box
}
.blog_title h2 a,
.blog_type {
color: #fff
}
.blog_type {
position: absolute;
height: 100%;
right: 0;
font-size: 25px;
background: red;
padding: 0 10px;
width: 50px
}
.blog_type i {
position: absolute;
top: 50%;
height: 30px;
margin: -15px 0 0;
left: 0;
width: 100%
}
.blog_title h2 {
padding: 0 0 5px;
font-size: 30px;
line-height: 30px;
color: #fff
}
.blog_ptext,
p.text-right.boldtext.text a {
color: #2c2c2c
}
.blog_ptext {
padding-bottom: 0!important;
font-weight: 300;
line-height: 1.5;
font-size: 18px;
margin-bottom: 0;
float: left
}
.exc {
display: block;
background: #f7f7f7;
width: calc(100% - 30px);
float: right;
padding: 10px 20px;
box-sizing: border-box
}
.blog-sections {
width: 1200px;
margin: 0 auto;
max-width: 100%;
padding: 50px 0
}
.blog-left {
width: 800px;
float: left
}
p.text-right.boldtext.text {
width: 100%;
float: right;
text-align: right;
margin-top: 5px
}
p.text-right.boldtext.text a:hover {
color: red
}
.blog-right {
width: 350px;
float: right
}
,
.content a.white-button,
.icon-box-content a.white-button,
a.white-button {
border-radius: 6px!important;
text-transform: uppercase
}
.article-list-item {
padding: 0 15px;
width: 33.33%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left
}
.black-bg .grid-item,
.light-bg,
.list-stats li,
.section-head .shell,
.singlepage-left,
.slider-image-content,
.stat,
.teamlist li {
box-sizing: border-box
}
.article-list-item-content {
width: 100%;
display: block;
background: #f5f5f5;
margin-bottom: 30px
}
.article-list-item-content img {
width: 100%;
display: block;
border-bottom-width: 10px;
border-bottom-style: solid;
border-color: red
}
.article-list-item:nth-child(2n) .article-list-item-content img {
border-color: #ec6607
}
.article-list-item:nth-child(3n) .article-list-item-content img {
border-color: #a8d9d6
}
.article-list-item:nth-child(4n) .article-list-item-content img {
border-color: #ffd401
}
.article-list-item-details {
padding: 20px 20px 0
}
.article-list-item .article-tag,
.blogcat {
padding-bottom: 10px;
font-size: 12px;
color: #7F7F7F
}
.article-list-item .article-tag a,
.blogcat a {
font-size: 14px;
color: #7F7F7F
}
.article-list-item h4,
.blogheading {
font-size: 20px;
color: #2C2C2D;
font-weight: 700;
padding: 0;
margin-bottom: 10px;
line-height: 1.4
}
.article-list-item h4 a,
.blogheading a {
color: #2C2C2D
}
.article-list-item p.text {
font-size: 16px;
margin-bottom: 10px
}
.article-list-item-meta {
position: relative;
padding-top: 15px;
border-top: 1px solid #ccc;
padding-bottom: 15px;
font-size: 12px;
color: #737373;
text-align: right
}
.share-widget-toggle img {
border: 0;
width: auto;
display: inline-block;
margin-right: 10px
}
.post-content p {
padding-bottom: 0!important;
font-weight: 300;
color: #2c2c2c;
line-height: 1.5;
font-size: 18px;
margin-bottom: 10px
}
.pad90 {
padding: 90px 0
}
.singlepage-left {
width: 70%;
background: #f5f5f5;
padding: 30px;
float: left
}
.singlepage-left h1 {
padding: 0;
margin: 0 0 10px
}
.singlepage-left figure {
display: block;
margin-bottom: 10px
}
.singlepage-left figure img {
width: 100%;
display: block
}
.singlepage-right {
width: 28%;
float: right
}
.blog-slider {
padding: 50px 0 0;
display: block
}
.blog-slider .flex-control-nav {
display: none
}
.slider-images {
width: 60%;
float: left
}
.slider-images img {
height: 350px!important;
width: 100%;
display: block;
obeject-fit: cover
}
.slider-image-content {
float: left;
width: 40%;
padding: 30px;
background: #f5f5f5;
height: 350px
}
.slider-image-content p.text {
font-size: 16px
}
.showmore {
display: block;
text-align: center
}
.load-more-button {
font-family: Montserrat!important;
font-size: 18px;
letter-spacing: 0;
background-color: red;
color: #fff;
border: 2px solid #fff;
line-height: 20px;
font-weight: 400;
display: block;
margin: 0 auto 30px;
padding: 10px 24px;
cursor: pointer
}
.load-more-button:hover {
background: #2e2e2e
}
.related-popular,
.related-product {
padding-bottom: 10px;
width: 100%;
float: left
}
.related-popular a,
.related-product a {
display: block
}
.related-popular>a>img,
.related-product>a>img {
float: left;
margin-right: 20px;
width: 84px;
position: absolute;
height: 55px;
object-fit: cover
}
.related-popular p {
font-weight: 400;
font-size: 18px;
padding-top: 0;
padding-bottom: 10px;
color: #2C2C2D;
padding-left: 100px
}
.related-popular p a {
color: #2C2C2D
}
.teamlist {
display: block;
margin-top: 40px
}
.teamlist li {
width: 25%;
float: left;
padding: 2.6%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: -webkit-transform .8s cubic-bezier(.23, 1, .32, 1);
transition: transform .8s cubic-bezier(.23, 1, .32, 1);
transition: transform .8s cubic-bezier(.23, 1, .32, 1), -webkit-transform .8s cubic-bezier(.23, 1, .32, 1)
}
.teamlist li:hover {
-webkit-transform: rotateY(-.075turn);
transform: rotateY(-.075turn)
}
.teamlist li:nth-child(1) {
margin-left: 25%
}
.teamlist li:nth-child(2) {
margin-right: 25%
}
.teamlist li .person {
position: relative;
border: 1px solid #d6d6d6
}
.teamlist li .person img {
display: block;
margin-bottom: 6.5rem
}
.teamlist li .person div {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1.5rem;
background: #fff
}
.teamlist li h4 {
padding: 0;
line-height: 1;
color: #2c2c2c;
font-weight: 300;
margin: 5px 0 0;
font-size: 20px
}
.teamlist li h5 {
padding: 0;
line-height: 1.2;
color: #7f7f7f;
font-weight: 400;
margin: 5px 0 0;
font-size: 13px;
height: 30px;
text-transform: uppercase
}
.red-bg {
background: red;
color: #fff
}
.animation {
float: left;
width: 41.8182%
}
.animation.right,
.copy {
float: right;
padding: 0
}
.svg-container {
width: 300px;
height: 300px;
margin: 0 auto;
position: relative
}
.svg {
width: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
position: absolute
}
.square .svg-container:after,
.svg-container:after {
content: "";
position: absolute;
width: inherit;
height: inherit;
z-index: 1;
opacity: 1;
top: 0;
left: 0
}
.svg svg {
fill: #fff
}
.svg-container:after {
transform: rotate(45deg) scale(0);
border-width: 5px;
border-style: solid;
border-color: #fff;
border-image: initial;
transition: all .5s cubic-bezier(.63, .64, .3, 1)
}
.circle .svg-container:after {
border-radius: 100%;
-webkit-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
opacity: 1
}
.square .svg-container:after {
border: 5px solid #fff;
-webkit-transition: all .5s cubic-bezier(.63, .64, .3, 1);
transition: all .5s cubic-bezier(.63, .64, .3, 1);
-webkit-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1)
}
.hiddens {
overflow: hidden
}
.copy {
width: 56.36364%
}
.copy.left {
float: left
}
.copy h2 {
padding: 0;
margin: 0 0 5px;
line-height: 1
}
.sub-heads {
font-weight: 400;
text-transform: capitalize;
margin-top: 5px;
font-size: 18px;
line-height: 1.4;
padding: 0;
margin-bottom: 50px
}
.btn-main,
.ecom-tabs-item,
.new-head h1,
.title,
h1.slides-content,
p.btns {
text-transform: uppercase
}
.copy p.text {
line-height: 1.8
}
.m-b-100 {
margin-bottom: 0
}
.blue-bg {
background: #06b1e7;
color: #fff
}
.svg4 {
padding-top: 60px!important
}
.home-services {
text-align: center;
display: block
}
.reds {
background: #ED5650!important
}
.servicebg {
background: red
}
.home-services span {
text-align: center;
font-size: 50px;
line-height: 1.2;font-family:proxima-nova;
color: #fff;
text-shadow: 1px 1px 1px grey;
display: block
}
.overlay ul,
p.btns {
display: inline-block
}
p.btns {
font-size: 24px;
transition-duration: .3s;
cursor: pointer;
margin: 30px auto 0;
color: #2C2639;
padding: 20px 46px;
border-radius: 100px;
background: url(../images/arrow_down.png) right 32px center no-repeat #fff
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #F4F4F5;
z-index: 99999990
}
.overlay .overlay-close {
width: 80px;
height: 80px;
position: absolute;
right: 20px;
top: 20px;
border: none;
background: url(../images/btn_close.png) center center no-repeat;
text-indent: 200%;
color: transparent;
outline: 0;
z-index: 100;
cursor: pointer
}
.overlay ul li,
.overlay-hugeinc h2 {
border-bottom: 1px solid rgba(44, 38, 57, .24)
}
.overlay nav {
text-align: center;
position: relative;
top: 50%;
font-size: 30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.overlay ul {
padding: 0;
margin: 0 auto;
height: 100%;
position: relative
}
.overlay ul li {
display: block;
width: 100%;
width: 584px;
margin: 0 auto;
cursor: pointer;
padding: 15px 0;
text-align: left;
font-size: 22px
}
.overlay ul li span {
float: left;
margin-right: 15px;
background: #fff;
padding: 10px;
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
line-height: 35px;
color: red
}
.overlay ul li p {
margin: 0;
padding: 0;
line-height: 30px;
float: left;
font-weight: 300;
position: relative;
top: 8px;
color: #2c2c2c
}
.overlay ul li a {
font-weight: 300;
display: block;
color: #fff;
-webkit-transition: color .2s;
transition: color .2s
}
.overlay ul li a:focus,
.overlay ul li a:hover {
color: #e3fcb1
}
.overlay-hugeinc {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .5s, visibility 0s .5s;
transition: opacity .5s, visibility 0s .5s
}
.overlay-hugeinc.open {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .5s;
transition: opacity .5s
}
.overlay-hugeinc nav {
-webkit-perspective: 1200px;
perspective: 1200px
}
.overlay-hugeinc nav ul {
opacity: .4;
-webkit-transform: translateY(-25%) rotateX(35deg);
transform: translateY(-25%) rotateX(35deg);
-webkit-transition: -webkit-transform .5s, opacity .5s;
transition: transform .5s, opacity .5s
}
.overlay-hugeinc.open nav ul {
opacity: 1;
-webkit-transform: rotateX(0);
transform: rotateX(0)
}
.overlay-hugeinc.close nav ul {
-webkit-transform: translateY(25%) rotateX(-35deg);
transform: translateY(25%) rotateX(-35deg)
}
.overlay-hugeinc h2 {
font-size: 34px;
text-align: center;
display: inline-block;
padding: 20px 30px;
line-height: 1;
margin-bottom: 20px;
font-family:Proxima-Nova-Regular!important;
color: #545454;
font-style: italic
}
.col-left h1,
h2.col-head {
color: #2c2c2c;
padding: 0
}
.svg-container.autowidth {
width: 660px;
float: none;
margin: 0 auto;
height: auto
}
.animation.auto {
width: 660px;
float: none;
margin: 0 auto
}
.svg-container.autowidth .svg {
z-index: 2;
position: relative;
width: 200px;
margin: 0 auto;
transform: none;
left: 0;
top: 0
}
.svg-container.autowidth svg {
height: inherit;
margin: 0 auto;
fill: #f46021;
z-index: 2
}
.animated-flame {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 86px
}
.copy.auto {
width: 100%;
max-width: 780px;
float: none;
margin: 50px auto;
text-align: center
}
.animated-team {
bottom: 100px;
position: absolute;
left: 0;
opacity: 0;
-webkit-transition: opacity .4s cubic-bezier(.63, .64, .3, 1);
transition: opacity .4s cubic-bezier(.63, .64, .3, 1);
z-index: 1
}
.slider .flex-control-nav,
.viewcase {
bottom: 20px
}
.visible .animated-team {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
opacity: 1
}
.visible .svg-container.autowidth .svg {
position: relative;
-webkit-animation: movetop 2s normal forwards ease-in;
animation: movetop 2s normal forwards ease-in;
z-index: 99999
}
.sub-heads.m-b-10 {
margin-bottom: 10px
}
@-webkit-keyframes movetop {
0% {
top: -100px
}
10% {
top: -200px
}
20% {
top: -300px
}
30% {
top: -400px
}
40% {
top: -500px
}
50% {
top: -600px
}
60% {
top: -700px
}
70% {
top: -800px
}
80% {
top: -900px
}
90% {
top: -1000px
}
100% {
top: -11000px
}
}
@-moz-keyframes movetop {
0% {
top: -100px
}
10% {
top: -200px
}
20% {
top: -300px
}
30% {
top: -400px
}
40% {
top: -500px
}
50% {
top: -600px
}
60% {
top: -700px
}
70% {
top: -800px
}
80% {
top: -900px
}
90% {
top: -1000px
}
100% {
top: -11000px
}
}
@-ms-keyframes movetop {
0% {
top: -100px
}
10% {
top: -200px
}
20% {
top: -300px
}
30% {
top: -400px
}
40% {
top: -500px
}
50% {
top: -600px
}
60% {
top: -700px
}
70% {
top: -800px
}
80% {
top: -900px
}
90% {
top: -1000px
}
100% {
top: -11000px
}
}
@keyframes movetop {
0% {
top: -100px
}
10% {
top: -200px
}
20% {
top: -300px
}
30% {
top: -400px
}
40% {
top: -500px
}
50% {
top: -600px
}
60% {
top: -700px
}
70% {
top: -800px
}
80% {
top: -900px
}
90% {
top: -1000px
}
100% {
top: -11000px
}
}
.coloum-inner {
max-width: 700px;
margin: 0 auto
}
.coloum-inner p.text {
line-height: 1.8
}
.col-left,
.col-right {
float: left;
width: 50%
}
h2.col-head {
font-size: 36px;
line-height: 48px;
font-weight: 400
}
h1.slides-content {
margin-bottom: 0;
font-size: 40px;
font-weight: 500;
letter-spacing: 4px;
line-height: 1.3;
text-align: center
}
.light-bg {
background: #4a4a4a;
padding: 40px!important
}
#carousel .flex-direction-nav a {
opacity: 1!important
}
#carousel .flex-direction-nav .flex-prev {
left: 10px!important
}
#carousel .flex-direction-nav .flex-next {
right: 10px!important
}
.callout-content p {
font-size: 28px
}
.home .article-list-item-content img.blogimage {
height: 200px
}
.menu {
margin-left: 2%!important
}
.clear-float {
width: 100%
}
.split-box-cell {
width: 50%;
position: relative;
float: left
}
.split-box-cell.right {
float: right
}
.split-box-cell .text-box {
padding: 5% 40px;
margin: 0 auto;
width: 100%
}
.split-box-cell .text-box .container-fluid {
margin: 0 auto;
max-width: 420px;
padding: 0
}
.split-box-cell.bg-image.bgfill {
position: absolute;
height: 100%;
right: 0;
background-size: cover;
background-position: center center
}
.split-box-cell.bg-image.bgfill.left0 {
left: 0;
right: auto
}
.text-box hr {
display: inline-block;
border-top: 1px solid #999;
margin: 10px auto 12px;
width: 75px
}
.bgfill>.bgfill-image {
display: none
}
.text-box h2 {
font-family:proxima-nova;
line-height: 1.25;
color: #000;
font-size:33px
}
.bg-red {
background: #9F1C35!important;
color: #fff!important
}
.bg-red .text-box h2 {
color: #fff
}
.bottom-line,
.top-line {
text-align: center;
font-style: italic;
position: absolute;
left: 50px;
right: 50px
}
.top-line {
font-size: 1.429em;
bottom: 50%;
margin-bottom: 144px
}
.bottom-line {
font-size: 2.143em;
margin-top: 144px;
top: 50%
}
.split-box-cell .callout-buttons {
float: left;
margin-top: 20px
}
.alignnone,
img.alignnone {
display: block;
margin: 80px auto 0;
height: auto
}
.page-id-76 #content-section4 {
display: none
}
.innerpage-testimonials {
padding: 0!important
}
.innerpage-testimonials .testimonials {
border: none;
background: rgba(19, 115, 199, .8)
}
.innerpage-testimonials .testimonials.last {
background: red
}
.innerpage-testimonials .testimonials-author-name,
.innerpage-testimonials .testimonials-content p {
color: #fff
}
.innerpage-testimonials .testimonials-author-detail {
display: inline-block;
min-height: auto
}
.related-item {
width: 25%;
float: left;
height: 100%
}
.related-item:hover {
background-color: #222
}
.related-item-inner {
width: 100%;
height: 100%
}
.related-item .bg-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 50;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
perspective: 1000;
-webkit-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
opacity: .9;
background-size: cover;
-moz-transform: scale(1.18) translate(4.5%, 4.5%);
-ms-transform: scale(1.18) translate(4.5%, 4.5%);
-webkit-transform: scale(1.18) translate(4.5%, 4.5%);
transform: scale(1.18) translate(4.5%, 4.5%)
}
.related-item .related-text {
padding: 7%;
width: 100%;
position: absolute;
top: 50%;
z-index: 1;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
text-align: center
}
.service-case-inner {
height: 300px;
width: 100%
}
.title:after,
h5.title.title-md.prof:after {
content: '';
height: 7px;
border-width: 0 1px 1px 0;
border-style: solid
}
.col-1of3,
.list-stats li {
width: 33.333%;
float: left
}
.related-cats li {
font-size: 40px;
color: #fff;
opacity: 0
}
.related-item:hover .bg-image {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .4
}
.related-item:hover .related-cats li {
opacity: 1
}
i.fa.fa-facebook {
background: #3b5998;
color: #fff
}
i.fa.fa-google-plus:hover {
background: #d34836
}
i.fa.fa-linkedin {color: #fff !important;
background: #0077B5 !important
}
i.fa.fa-twitter {
background: #00aced;
color: #fff
}
.approch-text {
max-width: 700px;
margin: 0 auto;
color: #fff;
text-align: center
}
.approch-text h3 {
padding-top: 0;
font-size: 40px;
font-weight: 700
}
.new-head h1 {
max-width: 100%;
margin-bottom: 30px;
font-size: 60px;
line-height: 1;
letter-spacing: -1px;
font-weight: 700;
color: #666665;
padding: 0
}
.list-stats li,
.new-head .content-section-text p {
font-size: 18px
}
.new-head h1.content-section-title:after,
.new-head h1.content-section-title:before {
display: none
}
.p-t-0 {
padding-top: 0!important
}
.list-stats li {
padding: 62px 5px 5px;
min-height: 196px;
background: red;
text-align: center;
color: #fff
}
.list-stats li:nth-child(even) {
background: #333
}
.list-stats strong {
display: block;
font-size: 45px;
line-height: 1
}
.tile {
padding: 30px 25px;
color: #000;
text-align: left;
background: #fff;
font-size: 16px;
line-height: 1.92;
min-height: 650px
}
.tile-alt,
.tile-alt.extended:before {
background: #696969;
color: #fff
}
.faqs .tile-alt,
.faqs .tile-alt.extended:before {
background: url(../images/qesrion.png) 10px 10px no-repeat #696969!important
}
.title-md:after {
margin-top: 35px
}
.title:after {
display: block;
width: 31px;
border-color: #4e4e4e;
margin-top: 24px
}
.title {
font-size: 18px;
font-weight: 300;
letter-spacing: .1em
}
.section-features-secondary {
margin-top: -100px;
text-align: center
}
.section-head .shell {
padding: 50px 40px 145px;
background: #f5f5f5;
position: relative;
max-width: 90%;
margin: auto;
color: #000;
font-size: 18px
}
.section-features-secondary .section-body {
padding-bottom: 50px;
position: relative;
margin-top: -100px;
color: #000
}
.section-features .col {
float: left;
vertical-align: top;
padding: 0 10px;
width: 25%;
box-sizing: border-box
}
.page-id-11 .section-features .col{ width:100%;}
.section-features .tile {
min-height: inherit
}
.section-features h5 {
margin: 50px 0
}
h5.title.title-md.prof {
margin: 0!important;
padding: 0 0 20px;
position: relative
}
h5.title.title-md.prof:after {
display: block;
width: 31px;
border-color: #000;
margin-top: 24px;
position: absolute;
left: 50%;
right: 0;
bottom: 0;
margin-left: -15px
}
.section-features-secondary h5.format {
margin: 50px 0;
padding: 0;
font-size: 30px;
line-height: 1.6;
width: 100%;
display: block;
letter-spacing: 2px
}
.list-types li {
display: inline-block;
vertical-align: middle;
width: 80px;
height: 80px;
border: 2px solid #333;
text-align: center;
line-height: 80px;
font-size: 22px;
font-weight: 400;
color: #2f2e2d;
margin-right: 50px
}
.list-dashes li {
position: relative;
padding-left: 35px;
letter-spacing: .02em;
margin-bottom: 10px
}
.list-dashes li::before {
background: url(../images/star.png) left center no-repeat rgba(0, 0, 0, 0);
content: "";
height: 30px;
left: 0;
position: absolute;
top: 0;
width: 20px
}
.ecom-grid-4,
.ecom-tabs,
.ecom-tabs-item,
.faqs {
position: relative
}
.tile-alt .list-dashes li:before {
background: url(../images/star2.png) left center no-repeat rgba(0, 0, 0, 0)
}
.list-types li:last-child {
margin-right: 0
}
.section-features-secondary.top50 {
margin-top: 50px
}
.section-features-secondary.top0 {
margin-top: 0
}
.section-features-secondary .section-body.p-b-0 {
padding-bottom: 0
}
.faqs {
margin-top: -100px
}
.tile h6 {
font-size: 18px;
padding: 8px 0 15px;
font-weight: 500
}
.faqs .tile-alt {
background: #696969;
color: #fff
}
.faqs p {
font-size: 15px;
line-height: 1.4;
font-family: arial;
padding-bottom: 0
}
.faqs .tile {
height: 230px;
margin-bottom: 40px
}
.attachment {
margin: 20px 0 0;
width: 80%
}
.attach-image {
width: 100%;
text-align: center
}
.page-width {
width: 990px
}
.ecom-grid-4 {
width: 450px;
margin-right: 45px;
float: left;
margin-bottom: 20px
}
.ecom-grid-4 .fa {
display: block;
margin-bottom: 0;
float: left;
margin-right: 15px;
color: red;
width: 60px;
height: 60px;
border: 2px solid red;
line-height: 60px;
font-size: 35px;
text-align: center
}
.ecom-tabs-item:first-child:after,
.ecom-tabs-item:first-child:before,
picture.media__image {
display: none
}
.marketing-bullet__content {
float: left;
line-height: 60px;
padding-top: 15px
}
.marketing-bullet__content p {
padding: 0 0 5px;
font-family:Proxima-Nova-Regular!important;
font-weight: 300;
color: #2c2c2c;
line-height: 1.5;
font-size: 20px;
max-width: 100%
}
.ecom-tabs {
z-index: 3;
height: 115px;
margin-top: -25px
}
.ecom-tabs-item {
font-weight: 700;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom: 5px solid;
height: 110px;
width: 33.33%;
float: left;
background-color: #f9fafa;
text-align: center;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
color: red;
font-size: 18px;
letter-spacing: 1px
}
.ecom-tabs-item.active,
.ecom-tabs-item:hover {
background: url(../images/arrow-top.png) center bottom no-repeat #f9fafa;
color: #2e2e2e;
border-bottom: 5px solid #2e2e2e!important
}
.ecom-tabs-item:after,
.ecom-tabs-item:before {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
border-top: 49px solid transparent;
border-left: 24px solid #e5e5e5;
border-bottom: 49px solid transparent;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease
}
.ecom-tabs-item:after {
left: -1px;
border-left-color: #f9fafa
}
.data-item-content {
float: left;
position: relative;
width: 330px;
margin-right: 30px
}
.data-item-content.rights {
margin-left: 30px;
margin-right: 0
}
.media-image {
float: left;
width: calc(100% - 360px);
padding-top: 20px
}
.ecom-tabs-data-item {
display: none
}
.ecom-tabs-data-item.active {
display: block
}
.tab-head {
padding: 10px 0 0;
color: #ff4141
}
.ecom-tabs-data-item h4 {
padding: 10px 0;
font-family:Proxima-Nova-Regular;
font-weight: 400;
line-height: 1.5;
font-size: 20px;
letter-spacing: 1px
}
section.ecom-tab-data {
margin: 30px 0 0
}
.black-bg {
background: #2e2e2e;
color: #fff
}
.one-four .ecom-tabs-item {
width: 25%
}
.ecom-tabs-item i {
width: 50px;
height: 50px;
display: block;
font-size: 50px;
margin: 15px auto 10px
}
.black-bg .ecom-tabs-item {
background: 0 0;
color: #fff
}
.black-bg .ecom-tabs-item.active,
.black-bg .ecom-tabs-item:hover {
color: #ff4141!important;
border-bottom: 5px solid #ff4141!important;
background: url(../images/arrow-top-red.png) center bottom no-repeat!important
}
.ecom-tabs .ecom-tabs-item.active {
color: #2e2e2e
}
.black-bg .ecom-tabs-item:after,
.black-bg .ecom-tabs-item:before {
border-left: 24px solid #6f6f6f
}
.black-bg .ecom-tabs-item:after {
border-left-color: #6f6f6f
}
.black-bg .grid-item {
float: left;
padding: 0 20px 0 0
}
.dg-container {
width: 100%;
height: 400px;
position: relative
}
.dg-wrapper {
width: 481px;
height: 316px;
margin: 0 auto;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-o-perspective: 1000px;
-ms-perspective: 1000px;
perspective: 1000px
}
.dg-wrapper a {
width: 482px;
height: 316px;
display: block;
position: absolute;
left: 0;
top: 0;
box-shadow: 0 10px 20px rgba(0, 0, 0, .3)
}
.dg-wrapper a.dg-transition {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.dg-wrapper a img {
display: block;
padding: 0;
height: 100%;
object-fit: cover;
border: 8px solid #e0e0e0;
width: 100%
}
.dg-wrapper a div {
font-style: italic;
text-align: center;
line-height: 50px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
color: #333;
font-size: 16px;
width: 100%;
bottom: -55px;
display: none;
position: absolute
}
.page-id-105 p,
.page-id-826 p,
.stat {
font-family:Proxima-Nova-Regular;
line-height: 1.5;
font-size: 18px;
letter-spacing: 1px
}
.dg-wrapper a.dg-center div {
display: block
}
.dg-container nav {
width: 58px;
position: absolute;
z-index: 1000;
bottom: -10px;
left: 50%;
margin-left: -29px
}
.dg-container nav span {
text-indent: -9000px;
float: left;
cursor: pointer;
width: 24px;
height: 40px;
opacity: .8;
background: url(../images/arrow-right.png) top left no-repeat
}
.dg-container nav span:hover {
opacity: 1
}
.dg-container nav span.dg-next {
margin-left: 10px;
background: url(../images/arrow-left.png) top left no-repeat
}
.span5 {
width: 45%;
float: left
}
.fright {
float: right
}
.white {
color: #fff
}
.magento-advantage-box .vm {
height: 620px;
display: table-cell;
vertical-align: middle;
width: 100%;
position: relative;
z-index: 1
}
.page-id-105 p,
.page-id-826 p {
padding-bottom: 0!important;
font-weight: 300
}
.stat {
border: 5px solid gray;
width: 200px;
height: 200px;
margin: 20px auto 0;
padding-top: 70px;
font-weight: 400
}
.btn-main {
border-color: transparent;
border-radius: 0;
background-color: red;
background-image: none;
color: #FFF;
padding: 15px 30px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none;
display: inline-block;
margin-top: 20px
}
.span6 {
float: left;
width: 50%
}
.offset3 {
margin-left: 25%
}
.magento-advantage-stat {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 150px;
text-align: center;
height: 815px
}
.viewcase,
.viewcase span {
background: rgba(255, 0, 0, .6)
}
.magento-advantage-vp .vm {
height: 700px;
display: table-cell;
vertical-align: middle;
width: 100%
}
.textwidget a {
color: #b2b2b2!important
}
.footer-column .menu {
margin-left: 0!important
}
.main_title.has_titlebig>span {
font-family: Montserrat;
font-size: 45px;
font-weight: 700;
text-transform: uppercase
}
p.full-width {
width: 100%;
max-width: 100%
}
.image-box {
width:60%;
float: left;
position: relative
}
.image-box img {
width: 100%;
height:auto;
}
.case-item:nth-child(even) .content-box,
.content-box {
width: 35%;
top: 50%;
transform: translateY(-50%);
box-sizing: border-box
}
.content-box {
float: left;
padding: 20px 50px;
position: absolute;
right: 0
}
.content-box h2 {
padding: 0 0 20px
}
.case-item {
position: relative;
margin-bottom: 80px
}
.case-item:nth-child(even) .image-box {
float: right
}
.case-item:nth-child(even) .content-box {
float: left;
padding: 20px 50px;
position: absolute;
right: auto;
left: 0
}
.page-id-105 #content-section4:nth-child(even) .span5,
.page-id-826 #content-section4:nth-child(odd) .span5 {
float: right
}
.viewcase {
position: absolute;
right:-50px;
width:200px;
height:200px;font-family:proxima-nova !important;
color: #fff;
text-align:center;
border-radius:50%;
border: 10px solid #fff;
font-size:22px;
line-height:200px
}
.viewcase span {
position: absolute;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 50%
}
.viewcase:hover,
.viewcase:hover span {
background: rgba(0, 0, 0, .6)
}
.case-item:nth-child(even) .viewcase {
right: auto;
left: -50px
}
.case-item:nth-child(odd) .viewcase span {
right: auto;
left: -50px;
left: -20
}
.page-id-826 #content-section2 {
background-size: cover
}
.page-id-826 .project-content,
.page-id-826 .theme--brand {
display: none
}
.page-id-826 .magento-advantage-vp .vm {
height: 600px
}
.page-id-826 .magento-advantage-box .vm {
height: 500px
}
.theme--brand .cta {
color: #fff; overflow:hidden;
background: #ff5e00;
width: 100%;
padding: 30px 0
}
.project-content {
padding: 50px 0;
position: relative
}
.products-grid .product-name {
padding-bottom: 0!important;
font-family:Proxima-Nova-Regular;
font-weight: 400;
line-height: 1.5;
font-size: 20px;
letter-spacing: 1px;
margin-bottom: 10px;
text-transform: capitalize
}
#mc_embed_signup h2,
.btn-mainwhite,
.snow-content h3,
input.tnp-submit {
text-transform: uppercase
}
.products-grid .price-box {
margin-top: 10px
}
.price-box .price {
line-height: 1.35;
font-size: 26px;
color: red;
padding-top: 20px
}
.products-grid li.item {
width: 25%;
text-align: center;
float: left;
box-sizing: border-box;
margin-bottom: 10px
}
.products-grid li img {
max-width: 80%
}
.linebg {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
background: url(../images/linebg.png)
}
.linebg.full {
width: 100%;
position: static;
height: 100px;
float: left;
margin-top: 0
}
.process {
margin: 50px 0 0;
display: block;
float: left;
position: relative
}
.process-contents {
position: absolute;
top: 50%;
width: 100%;
padding: 0 125px;
box-sizing: border-box
}
.process-contents .text {
width: 25%;
text-align: center;
float: left
}
#footer,
#footer-bottom,
.page-template-template-services_name div#content-section6 {
width: 100%;
float: left
}
p.text.second {
top: -75px;
position: relative
}
p.text.forth {
margin-left: 75%;
top: -150px;
position: relative
}
.btn-mainwhite {
border-color: transparent;
border-radius: 0;
background-color: #fff;
background-image: none;
color: #ff5e00;
padding: 15px 30px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none;
display: inline-block;
margin-top: 20px
}
.cta h2 { float:left; padding-top:0;
padding-bottom: 0
}
.cta .btn-mainwhite{ float:right; margin-top:0;}
#wprmenu_bar {
z-index: 9999999!important
}
.content-breadcrumb,
.image-desktop-hide,
.marketing-breadcrumb,
.page-id-63 #content-section4,
.small-mobile-show,
.webdesign-breadcrumb {
display: none
}
.page-id-100 .webdesign-breadcrumb,
.page-id-31 .marketing-breadcrumb,
.page-id-439 .webdesign-breadcrumb,
.page-id-67 .marketing-breadcrumb,
.page-id-678 .marketing-breadcrumb,
.page-id-728 .marketing-breadcrumb,
.page-id-76 .marketing-breadcrumb,
.page-id-777 .webdesign-breadcrumb,
.page-id-80 .marketing-breadcrumb,
.page-id-3466 .marketing-breadcrumb {
display: block
}
.page-id-63 p {
padding-bottom: 0!important;
font-family:Proxima-Nova-Regular!important;
font-weight: 300;
line-height: 1.5;
font-size: 18px;
max-width: 100%;
letter-spacing: 1px;
margin-bottom: 0
}
.message-popup {
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, .62);
bottom: 0;
right: 0;
z-index: 999999
}
.cross,
.popup-box,
.snow-box {
position: absolute
}
.popup-box {
top: 50%;
width: 500px;
text-align: center;
left: 50%;
margin-left: -250px;
transform: translateY(-50%);
padding: 60px 30px;
box-sizing: border-box;
color: #fff;
font-weight: 700;
border: 4px solid #e6dddd
}
.cross {
right: -10px;
top: -10px;
background: #fff;
z-index: 11;
color: red;
padding: 10px;
cursor: pointer
}
.snow-box {
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: red;
background-image: url(http://i.imgur.com/BiSmXaq.png), url(http://i.imgur.com/XHuy0NJ.png), url(http://i.imgur.com/okpRxJU.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite
}
#newsletterwidget-2 form,
.snow-content {
position: relative
}
.snow-content {
z-index: 1
}
.snow-content h3 {
font-size: 32px;
letter-spacing: 1px;
font-weight: 700;
padding-bottom: 10px
}
.snow-content p {
font-size: 20px;
font-weight: 400
}
.snow-content a {
color: #fff
}
@-webkit-keyframes snow {
0% {
background-position: 0 0, 0 0, 0 0
}
50% {
background-color: red
}
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px;
background-color: red
}
}
@-moz-keyframes snow {
0% {
background-position: 0 0, 0 0, 0 0
}
50% {
background-color: red
}
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px;
background-color: red
}
}
@-ms-keyframes snow {
100%, 50% {
background-color: red
}
0% {
background-position: 0 0, 0 0, 0 0
}
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px
}
}
@keyframes snow {
0% {
background-position: 0 0, 0 0, 0 0
}
50% {
background-color: red
}
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px;
background-color: red
}
}
li#newsletterwidget-2 {
background: 0 0;
border: 0;
padding: 0;
margin-bottom: 0
}
li#newsletterwidget-2 h2 {
width: 50%;
color: #fff;
float: left
}
#newsletterwidget-2 .tnp-widget {
width: 50%;
float: left;
box-sizing: border-box
}
#newsletterwidget-2 .tnp-field label {
display: none
}
.tnp-field.tnp-field-button {
position: absolute;
right: 0;
top: 0;
z-index: 1;
width: 200px
}
input.tnp-submit {
font-size: 16px!important;
letter-spacing: 1px!important
}
.tnp-email {
height: 40px;
line-height: 40px;
box-sizing: border-box;
font-size: 16px!important
}
.tnp-field input[type=submit] {
position: inherit;
height: 40px;
cursor: pointer
}
.pricing-table {
margin: 30px 0 40px;
text-align: left
}
.pricing-offer-grid {
width: 23%;
display: inline-block;
vertical-align: top;
float: left;
box-sizing: border-box;
padding-top: 166px
}
.pricing-offer-grid .offers ul {
margin: 0;
padding: 0;
list-style: none;
text-align: right
}
.pricing-offer-grid .offers ul li {
margin: 0 20px 0 0;
line-height: 16px;
padding: 15px 0;
display: block;
width: auto;
font-size: 15px;
border-bottom: 1px dotted #ccc;
box-sizing: border-box;
height: 46px
}
.pricing-cols {
display: inline-block;
margin: 0;
padding: 0;
width: 77%
}
.pricing-cols li.four-table {
width: 24.5%;
padding: 0;
margin: 0 1px;
float: left;
vertical-align: top;
text-align: center;
position: relative;
border-radius: 3px
}
li.pricing-col.four-table.three-table {
width: 32%
}
.pricing-heading p {
margin: 0;
padding: 0
}
.pricing-cols .pricing-heading {
position: relative;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2)
}
.multicolor.pricing-table .pricing-cols .pricing-plan {
color: #fff;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
padding: 15px 0;
background-color: rgba(0, 0, 0, .2);
display: block;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}
.multicolor.pricing-table .pricing-cols .pricing-price {
border-top: 1px solid rgba(255, 255, 255, .2);
height: 120px;
display: table;
width: 100%;
font-size: 55px;
line-height: 120px;
color: #fff;
font-weight: bolder
}
.pricing-cols .pricing-price span {
display: table-cell;
vertical-align: middle;
position: relative;
font-size: 55px;
color: #fff;
font-weight: 700;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}
.pricing-features ul {
margin: 0;
padding: 0;
position: relative;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8
}
.pricing-cols .pricing-features ul li {
font-size: 15px;
line-height: 15px;
padding: 15px 0;
display: block;
margin: 0;
width: auto;
background-color: #f6f6f6;
vertical-align: top;
text-align: center
}
.pricing-cols .pricing-features ul li:nth-child(odd) {
background-color: #eee
}
.multicolor.pricing-table .pricing-cols .pricing-heading .premium-ribbon {
background-color: #ffd565;
color: #7b683c;
width: 120px;
line-height: 12px;
font-size: 10px;
font-weight: 700;
padding: 4px 0;
display: inline-block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: -33px;
top: 16px;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1)
}
i.fa.fa-times {
color: red
}
i.fa.fa-check {
color: #1bde23
}
#cookie-notice {
z-index: 999999!important
}
img.wpcf7-form-control {
background: #c3c3c3;
padding: 2px
}
.contact-detail-box-item i.font18 {
font-size: 18px;
line-height: 1;
color: #2e2e2e
}
.contact-detail-box-text,
.contact-detail-box-text a {
color: #2e2e2e
}
.trigger_button {
position: fixed;
bottom: 180px;
right: -55px;
padding: 8px 40px;
background-color: red;
color: #FFF;
border-top: 2px solid #FFF;
border-left: 2px solid #FFF;
border-right: 2px solid #FFF;
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
cursor: hand;
cursor: pointer;
z-index: 999;
font-size: 18px;
letter-spacing: 1px
}
.overlay-contact {
position: fixed;
opacity: 0;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .54);
top: 0
}
.overlay-contact.active {
z-index: 999999;
opacity: 1
}
.overlay-contact-inner {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
width: 380px;
transform: translateY(-50%);
background: red;
color: #fff;
box-shadow: 0 12px 27.26px 1.74px rgba(0, 0, 0, .4);
padding: 25px;
box-sizing: border-box;
border-radius: 10px;
max-width: 98%
}
.overlay-contact-inner input,
.overlay-contact-inner textarea {
border: 1px solid #f16522;
background-color: #fff;
padding: 0 8px;
box-sizing: border-box;
color: #333;
width: 100%
}
.overlay-contact-inner input {
display: block;
max-width: 100%;
font-size: inherit;
height: 30px;
line-height: 1.18
}
.overlay-contact-inner textarea {
height: 60px;
resize: none
}
.overlay-contact-inner span.wpcf7-not-valid-tip {
color: #fff;
font-size: 10px;
display: block;
position: relative
}
.overlay-contact-inner hr {
display: none
}
.overlay-contact-inner .control {
margin-bottom: 6px
}
.overlay-contact-inner input[type=submit] {
color: red!important;
background: #fff!important;
-webkit-transition: background-color .2s ease-out!important;
transition: background-color .2s ease-out!important;
box-sizing: border-box!important;
font-size: 0;
width: 100%;
display: block;
position: relative;
padding: 0 26px;
max-width: 150px;
float: right;
text-align: center
}
.overlay-contact-inner div.wpcf7-validation-errors {
border: none;
margin-top: 5px
}
.overlay-contact-inner h2 {
color: #fff;
text-align: left;
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
line-height: 1.2;
white-space: normal;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: normal;
padding: 0
}
.overlay-contact-inner li {
display: inline-block;
margin-right: 10px;
margin-bottom: 5px
}
.close-box {
opacity: 1;
display: block;
float: left;
padding: 7px;
background: red;
margin: 0;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #fff;
cursor: pointer;
border: 0;
outline: 0;
text-shadow: 0 1px 0 #fff;
position: absolute;
top: 10px;
right: 10px
}
.google-map-container strong {
padding: 10px;
display: block;
font-size: 18px
}
@media(min-width:1280px) {
.mainhead.fixed {
position: fixed;
top: 0;
width: 100%;
background: #2e2e2e;
-webkit-transition-duration: .75s;
-webkit-transition-property: height;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .75s;
transition-property: height;
transition-delay: 0s;
transition-timing-function: 'ease-in-out'
}
.wrap-inner {
max-width: 1200px;
margin: 0 auto
}
.mainhead.fixed .site-logo img {
max-height: 80px;
padding-bottom: 10px
}
.mainhead.fixed .site-logo>a,
.mainhead.fixed .site-logo>h1>a {
height: auto
}
.mainhead.fixed .main-menu ul {
margin-top: 40px
}
}
@media(max-width:1000px) {
.menu {
display: none
}
.blockquote-section .blockquote-wrap,
.no-wrap .callout-wrap,
.no-wrap .testimonials-slider-section,
.no-wrap .wrap-no-fullwidth,
.promote-wrap,
.wrap,
.wrap-column {
width: 95%!important
}
.grid__cell {
width: 50%;
margin-bottom: 20px
}
}
@media(width:768px) {
.desktop-hide {
display: block
}
}
@media(max-width:768px) {
.contain-data img, .service-column:before, .subheader-maintitle {
display: none
}
.one-half,
.service-column,
.span5,
.span6,
.ticker img {
float: left
}
li#newsletterwidget-2 h2 {
width: 100%;
margin-bottom: 15px
}
.back-images img {
width: 100%;
min-height: 300px;
object-fit: cover
}
#newsletter h3,
#newsletterwidget-2 .tnp-widget {
width: 100%
}
.newsletter-signup__form {
width: 100%;
margin-top: 0;
padding-left: 0
}
.sub-headbreadcrumbs {
padding-top: 150px
}
ul.form_fields li {
width: 100%
}
.contact-detail-box-item {
margin-bottom: 10px
}
input.wpcf7-form-control.wpcf7-submit.button.small-button {
width: 50%;
margin-left: 25%
}
.page-subheader {
min-height: 230px
}
.subheader-titles .subheader-maintitle {
text-align: left
}
.copy.auto,
.ecom-grid-4,
.logobox {
text-align: center
}
.google-map-container {
height: 200px!important
}
.client-view_left {
width: 100%;
padding-right: 0
}
.clients-feedback {
width: 100%
}
.home .article-list-item {
padding: 0;
width: 100%;
margin-bottom: 30px
}
.article-list-item:last-child {
margin-bottom: 0
}
.home .article-list-item-content img.blogimage {
height: auto;
max-height: 300px;
obeject-fit: cover
}
.section-column-bg.servicebg {
padding: 60px 0
}
.service-column {
position: static;
width: 100%;
padding: 20px
}
.service-column__bg,
.service-column__content {
position: static;
opacity: 1;
z-index: 1;
transform: none;
transition: none;
max-width: 100%
}
.service-column:hover .service-column__content p {
color: grey;
transition: none;
padding: 0
}
.service-column:hover .service-column__title {
color: grey
}
.services-columns {
padding: 50px 0
}
.home .portfolio-style-2 {
height: auto
}
.portfolio-cell img {
width: 100%;
height: auto
}
#client-ticker {
height: 49px!important;
width: 100%;
margin-top: 20px
}
.article-list-item-details {
padding: 20px 0 0
}
#content-section2.p-t-125,
.footer-column {
padding-top: 30px
}
.content_left {
width: 100%;
margin-right: 0
}
.content_right {
width: 100%
}
.contain p {
max-width: 100%;
margin-bottom: 20px
}
.contain h1 {
margin-bottom: 0;
line-height: 1.2
}
blockquote.aboutpage {
margin-bottom: 30px
}
blockquote.aboutpage p {
font-size: 24px
}
blockquote.aboutpage.skills {
margin-top: 20px;
margin-bottom: 30px
}
.aboutheading,
.content_left h4 {
margin-bottom: 10px;
font-size: 24px
}
.content_left p {
margin-bottom: 10px
}
.small.caps {
margin-bottom: 10px!important
}
.mob-mar-0,
.widget-element-bottom.mob-mar-0 {
margin: 0!important
}
.related-item {
width: 100%;
height: 300px;
position: relative!important
}
.service-case-inner {
height: auto
}
.related-item .bg-image {
height: 300px;
-webkit-transition: none;
-o-transition: none;
transition: none;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none
}
.related-item:hover .bg-image {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
.related-item .related-text {
padding: 0
}
.page-subheader .one-half {
width: 100%;
margin-bottom: 10px
}
.case-item,
.new-head h1 {
margin-bottom: 20px
}
.image-box {
width: 100%
}
.case-item:nth-child(even) .content-box,
.content-box {
width: 100%;
float: left;
padding: 20px;
position: static;
transform: none
}
.image-box img {
height:auto;
obeject-fit: cover
}
.case-item:nth-child(even) .viewcase,
.viewcase {
right: auto;
left: 50px;
width: 150px;
height: 150px;
line-height: 150px;
top: 20%;
font-size: 20px
}
.image-desktop-hide img,
.one-half,
.slider-image-content,
.slider-images,
.span5,
.span6 {
width: 100%
}
.case-item .viewcase span {
right: auto;
left: -50px
}
.blog .article-list-item-details {
padding: 20px 20px 0
}
.article-list-item h4,
.blogheading {
font-size: 16px;
line-height: 1.4
}
.slider-image-content {
height: 350px;
overflow: hidden
}
.slider-images img {
height: 250px!important
}
.magento-advantage-box,
.magento-advantage-stat,
.magento-advantage-vp {
background: #fff!important
}
.image-desktop-hide {
display: block
}
.page-id-670 #content-section2 .image-desktop-hide img {
display: none
}
.magento-advantage-box .vm,
.magento-advantage-vp .vm {
height: auto;
display: table-cell;
color: #2c2c2c;
padding: 0 15px
}
.blog-slider,
.career-left,
.homeslider .flex-direction-nav,
.linebg,
.process,
.svg-container.autowidth .svg {
display: none
}
.offset3 {
margin-left: 0
}
section.theme--brand {
margin-top: 50px
}
.one-half {
padding: 0 10px;
box-sizing: border-box
}
.products-grid li.item {
width: 100%;
margin-bottom: 10px
}
.magento-advantage-stat {
padding-top: 50px;
height: auto
}
.data-item-content,
.marketing-bullet__content,
.media-image {
width: 100%;
padding: 0 20px;
box-sizing: border-box
}
.ove-hide {
margin-bottom: 30px
}
.ecom-tabs,
.page-id-826 .magento-advantage-vp .vm {
height: auto
}
.ecom-tabs-item {
height: 110px;
width: 100%
}
.media-image {
margin-top: 20px
}
.ecom-grid-4,
.one-four .ecom-tabs-item {
width: 100%
}
.ecom-grid-4 .fa {
margin: 0 auto;
float: none
}
.marketing-bullet__content {
margin-top: 10px
}
.bb-custom-side {
width: 100%!important;
height: 400px!important
}
.career-image,
.split-box-cell {
width: 100%
}
.bb-custom-side:nth-child(2) {
height: 200px!important
}
.bb-custom-firstpage p,
.bb-custom-side p {
font-size: 18px!important;
padding: 0!important
}
.bb-bookblock {
height: 600px!important
}
.split-box-cell .text-box {
padding: 0
}
.section-column-content {
box-sizing: border-box
}
.wrap-column.career {
margin-bottom: 40px
}
.career-right {
padding: 0;
margin-top: 15px;
width: 100%
}
.overlay ul li {
width: 96%
}
.overlay-hugeinc h2 {
margin: 20px 0
}
.content-section-title {
font-size: 25px!important;
line-height: normal!important
}
.copy h2,
.home-services span,
.service-column__content h3 {
font-size: 25px
}
.client-view1 {
padding: 30px 0
}
.bottom-spacing-medium {
padding-bottom: 30px
}
.top-spacing-medium {
padding-top: 30px
}
.logo-client .widget-element-bottom {
margin-bottom: 10px!important
}
.article-list-item,
.article-list-item-content,
ul#filters,
ul#filters li {
margin-bottom: 10px
}
.no-wrap .callout-wrap {
box-sizing: border-box
}
.pt20.normal-case {
font-size: 25px!important;
padding: 0
}
.callout-inside.fix {
padding: 20px 0 30px
}
.normal-case {
line-height: 1.2
}
.client-view-inner {
padding: 0 10px
}
ul#filters li {
margin-right: 0;
width: 90%
}
.contain h1,
.new-head h1 {
font-size: 30px;
letter-spacing: 1px
}
.callout-inside {
padding: 15px 35px
}
.callout.callout-align-left.callout-highlight {
padding-top: 0
}
.callout-content p {
font-size: 22px;
line-height: 1.3
}
.page-id-7 #content-section4 {
padding: 30px 0!important
}
.blog-sections {
padding: 0 15px;
box-sizing: border-box;
margin-top: 20px
}
.article-list-item {
padding: 0;
width: 100%;
position: static!important
}
.pad90 {
padding: 30px 0
}
#tag_cloud-2 {
margin-bottom: 0
}
.animated-team {
position: static;
opacity: 0
}
.content-section {
padding: 30px 0!important
}
.home #content-section4.content-section,
.home #content-section5.content-section {
padding: 0!important
}
.copy.auto {
margin: 50px auto 0;
padding: 0 15px;
box-sizing: border-box
}
.copy {
width: 98%;
padding: 0 15px!important;
box-sizing: border-box;
margin-top: 20px
}
.sub-heads {
margin-bottom: 10px
}
.animation.square.right.wow.animated.fadeInRight.animated {
margin: 75px 0
}
.svg-container {
height: 200px;
width: 200px;
margin-bottom: 10px
}
.homeslider .flex-control-nav {
bottom: 10px
}
.logobox {
float: left;
top: 8px;
width: 180px
}
.logobox img {
width: 100%
}
button#responsive-menu-button {
right: 10px!important
}
.quote-button,
.top-header,
header .menu {
display: none!important
}
.current-menu-ancestor>a,
.current-menu-item>a {
color: red!important
}
.casestudy-service {
padding: 30px 0!important
}
.casestudy-service-review blockquote {
padding: 15px 15px 0!important;
width: 100%!important;
font-family:Proxima-Nova-Regular;
font-weight: 300;
line-height: 1.5!important;
font-size: 18px!important;
letter-spacing: 1px!important;
margin: 0
}
.casestudy-service-review {
padding: 30px 0!important
}
.logo-img-wrapper {
position: static!important;
margin-bottom: 30px
}
.casestudy-service-review blockquote:before {
left: 20px!important
}
.casestudy-requirement-wrapper,
.casestudy-solution-wrapper {
padding: 304px 0 0!important
}
.website-screens figure {
width: 100%!important;
margin: 30px auto!important
}
.career-tile-form {
height: 100%;
width: 100%;
box-sizing: border-box;
top: 0;
left: 0;
padding: 20px 10px 0
}
.wrap.pad90 {
padding: 0;
margin-top: 30px;
width: 100%
}
.singlepage-left,
.singlepage-right .widget {
padding: 15px;
width: 100%
}
.page-id-580 #content-section1 {
padding: 30px 0 0!important
}
.section-column-bg {
background: 0 0!important
}
.page-template-template-services_name div#content-section3,
.page-template-template-services_name div#content-section5 {
padding: 0!important
}
.page-template-template-services_name div#content-section6 {
padding-bottom: 0!important
}
.testimonials-author-name {
font-size: 16px!important
}
.approch-text h3 {
font-size: 25px;
line-height: 1;
padding-bottom: 10px
}
.pricing-offer-grid {
width: 100%;
padding-top: 0
}
.pricing-cols {
width: 100%
}
.pricing-cols li.four-table {
width: 100%!important;
margin-bottom: 10px
}
.pricing-offer-grid .offers ul li {
text-align: center;
font-size: 16px
}
.pricing-cols .pricing-features ul li {
font-size: 16px
}
}
@media(max-width:580px) {
.tnp-field.tnp-field-button {
position: static;
right: 0;
top: 0;
z-index: 1;
width: 100%;
margin-top: 5px
}
.small-mobile-hide {
display: none
}
.small-mobile-show {
display: block
}
.homeslider {
min-height: 400px
}
.ticker-mobile img {
width: 49%;
float: left
}
.ticker-mobile img:nth-child(1),
.ticker-mobile img:nth-child(2) {
margin: 10px 0
}
.ticker-mobile img:nth-child(even) {
float: right
}
ul.team_grid li {
width: 100%;
margin-bottom: 10px
}
.team_teaser_images:hover h4.knowmore {
display: none
}
.popup-box {
width: 96%;
left: 2%;
margin: 0 auto;
padding: 40px 20px
}
.cross {
right: 0;
top: 0
}
}
@media(max-width:460px) {
.page-subheader.christmas-page .kl-bg-source__overlay {
background: url(../images/Christmas.jpg) 0 0/115% 100% no-repeat rgba(0, 0, 0, 0)!important
}
.footer-social a i {
font-size: 25px!important;
height: 50px!important;
line-height: 50px!important;
width: 50px!important
}
.column,
.overlay ul li p,
.standards_lists ul {
width: 100%
}
.head-text {
display: none
}
.contain h1 {
font-size: 25px
}
.over-hidden,
.wrap-column {
padding: 15px
}
.knowmore {
font-size: 15px;
padding: 5px 10px!important
}
.benifits,
.career-left,
.career-right,
li.benifit-item {
margin-bottom: 15px;
width: 100%
}
li.benifit-item:last-child {
margin-bottom: 0
}
.overlay ul li {
text-align: center;
padding: 10px 0
}
.overlay ul li span {
margin-right: 0;
float: none
}
.overlay nav {
top: 45%
}
.overlay .overlay-close {
width: 60px;
height: 60px;
right: 0;
top: 10px
}
.client-logo {
height: auto;
position: static;
width: 100px;
margin-top: 0;
margin-bottom: 10px
}
.client-logo img {
height: 100px!important;
width: 100px!important
}
.client-content {
padding: 0
}
.client-view-inner .flex-control-nav {
bottom: -7px;
position: relative
}
}
@media screen and (max-width: 320px) {
.page-subheader.christmas-page .kl-bg-source__overlay {
background: url(../images/Christmas.jpg) 0 0/115% 100% no-repeat rgba(0, 0, 0, 0)!important
}
.contain h1 {
font-size: 25px
}
.over-hidden,
.wrap-column {
padding: 15px
}
.knowmore {
font-size: 15px;
padding: 5px 10px!important
}
.column,
.container,
.split-box-cell,
.standards_lists ul {
width: 100%
}
.new-head h1,
.text-box h2 {
font-size: 25px
}
.callout-inside {
padding: 20px 35px 15px
}
.footer-column .menu {
display: block
}
.footer-widget ul li a {
font-size: 14px!important
}
#footer-bottom {
font-size: 12px
}
.slider-content {
margin: 0 15px;
width: 100%;
top: 40%
}
.slider-content p.text {
font-size: 14px;
line-height: 18px;
max-width: 82%
}
.callout #client-ticker {
height: 90px!important
}
.ticker img {
height: 45px;
object-fit: scale-down;
width: 23%
}
.bottom-line,
.top-line {
position: static
}
.split-box-cell {
position: initial!important
}
.career-left,
.newsletter-submit,
strong.apply-nows {
position: relative
}
.split-box-cell.bg-image.bgfill.seo-image.left0 {
background-position: inherit;
background-repeat: no-repeat;
background-size: 375px 300px
}
.split-box-cell .text-box {
padding: 5%;
width: 90%
}
.service-column:hover .service-column__content,
.service-column__content {
padding: 0
}
.home .title-spacing-medium .content-section-heading {
margin: 20px 0
}
.logo-style-border .logo-client-item {
margin: 0 auto;
width: 65%
}
.client-content p {
font-size: 15px;
line-height: 20px
}
.apply__text h2 {
color: #fff;
font-size: 35px;
line-height: 35px;
margin: 0 0 30px;
text-align: center
}
.svg-container {
height: 200px;
width: 200px
}
.animation {
width: 100%
}
.copy {
margin-top: 30px;
width: 98%
}
.copy p.text {
font-size: 15px;
line-height: 22px
}
.sub-heads {
margin-bottom: 10px
}
.animation.square.right.wow.animated.fadeInRight.animated {
margin: 75px 0
}
.rocket .svg {
display: none
}
.animation.auto,
.svg-container.autowidth {
width: 95%
}
.rocket.content-section {
padding: 25px
}
.col-1of3,
.section-features .col {
width: 100%
}
.tile {
padding: 30px 10px;
min-height: 450px
}
.list-dashes li {
font-size: 15px;
margin-bottom: 5px
}
.shell h2 {
font-size: 22px;
line-height: 25px
}
.section-head .shell {
padding: 30px 20px 145px
}
.split-box-cell.bg-image.bgfill.seo-image.left0.mobile-hide {
background-size: 100% 70%;
display: block!important
}
#content-section1 .section-column-bg.mobile-hide {
display: block!important
}
.page-id-100 .section-column-bg {
background-image: none!important
}
.benifits,
.career-left,
.career-right,
li.benifit-item {
margin-bottom: 15px;
width: 100%
}
.grid__cell {
width: 100%;
margin: 10px 0
}
.career-left {
background-repeat: no-repeat;
background-size: 100% auto;
height: 280px
}
.career-right {
padding: 0!important
}
.position-description {
padding: 15px
}
.casestudy-service-wrapper h1,
.singlepage-left h1 {
font-size: 22px;
line-height: normal
}
.singlepage-right {
margin-top: 25px;
width: 100%
}
.subheader-titles .subheader-maintitle {
display: block
}
.subheader-subtitle {
display: none
}
.page-id-486 .sub-headbreadcrumbs,
.single-post .sub-headbreadcrumbs {
padding-top: 120px
}
.casestudy-solution-detail,
.client-requirement-detail {
padding: 15px!important;
width: 100%!important
}
.casestudy-service-wrapper,
.future-plan {
padding: 15px!important
}
.page-id-486 .subheader-maintitle,
.page-template-casestudy-detail h2 {
font-size: 20px
}
.page-template-casestudy-detail .sub-headbreadcrumbs,
.sub-headbreadcrumbs {
padding-top: 120px
}
.subheader-maintitle {
font-size: 25px
}
.section-column-bg {
margin-bottom: 15px
}
.attachment,
.margin-topniv .col.col-1of4 {
width: 100%!important
}
.faqs .flex-direction-nav {
bottom: 70px;
position: relative
}
}
@media screen and (min-width: 310px) and (max-width: 639px) {
.page-subheader.christmas-page .kl-bg-source__overlay {
background: url(../images/Christmas.jpg) 0 0/115% 100% no-repeat rgba(0, 0, 0, 0)!important
}
.over-hidden,
.wrap-column {
padding: 15px
}
,
.callout-content p,
.services_list li a {
font-size: 18px;
line-height: normal
}
.knowmore {
font-size: 15px;
padding: 5px 10px!important
}
.column,
.container,
.split-box-cell,
.standards_lists ul {
width: 100%
}
.text-box h2 {
font-size: 25px
}
.footer-column .menu {
display: block
}
.footer-widget ul li a {
font-size: 14px!important
}
#footer-bottom {
font-size: 12px
}
.quote-button,
.top-header,
header .menu {
display: none!important
}
.callout-inside.fix {
padding: 10px 0 30px
}
.pt20.normal-case {
font-size: 20px!important;
letter-spacing: 0;
padding: 0
}
.slider-content {
margin: 0 15px;
width: 100%;
top: 40%
}
.slider-content p.text {
font-size: 14px;
line-height: 18px;
max-width: 82%
}
.callout #client-ticker {
height: 90px!important
}
.ticker img {
height: 45px;
object-fit: scale-down;
width: 23%
}
.bottom-line,
.top-line {
position: static
}
.split-box-cell {
position: initial!important
}
.split-box-cell.bg-image.bgfill.seo-image.left0 {
background-position: inherit;
background-repeat: no-repeat;
background-size: 375px 300px
}
.split-box-cell .text-box {
padding: 5%;
width: 90%
}
.service-column__content h3 {
font-size: 18px;
font-weight: 700
}
.service-column__content p {
font-size: 16px
}
.service-column:hover .service-column__content,
.service-column__content {
padding: 0
}
.copy h2,
.home-services span {
font-size: 25px
}
.home .content-section-title {
font-size: 20px!important
}
.home .title-spacing-medium .content-section-heading {
margin: 20px 0
}
.button.normal-button.callout-button1 {
font-size: 16px!important
}
.newsletter-submit {
position: relative
}
.logo-style-border .logo-client-item {
margin: 0 auto;
width: 65%
}
.client-content p {
font-size: 15px;
line-height: 20px
}
.apply__text h2 {
color: #fff;
font-size: 35px;
line-height: 35px;
margin: 0 0 30px;
text-align: center
}
.animation {
width: 100%
}
.rocket .svg {
display: none
}
.animation.auto,
.svg-container.autowidth {
width: 95%
}
.rocket.content-section {
padding: 25px
}
.col-1of3,
.section-features .col {
width: 100%
}
.tile {
padding: 30px 10px;
min-height: 450px
}
.list-dashes li {
font-size: 15px;
margin-bottom: 5px
}
.shell h2 {
font-size: 22px;
line-height: 25px
}
.section-head .shell {
padding: 30px 20px 145px
}
.split-box-cell.bg-image.bgfill.seo-image.left0.mobile-hide {
background-size: 100% 70%;
display: block!important
}
#content-section1 .section-column-bg.mobile-hide {
display: block!important
}
.page-id-100 .section-column-bg {
background-image: none!important
}
.grid__cell {
width: 100%;
margin: 10px 0
}
.casestudy-service-wrapper h1,
.singlepage-left h1 {
font-size: 22px;
line-height: normal
}
.singlepage-right {
margin-top: 25px;
width: 100%
}
.subheader-titles .subheader-maintitle {
display: block
}
.subheader-subtitle {
display: none
}
.page-id-486 .sub-headbreadcrumbs,
.single-post .sub-headbreadcrumbs {
padding-top: 120px
}
.casestudy-solution-detail,
.client-requirement-detail {
padding: 15px!important;
width: 100%!important
}
.casestudy-service-wrapper,
.future-plan {
padding: 15px!important
}
.page-id-486 .subheader-maintitle,
.page-template-casestudy-detail h2 {
font-size: 20px
}
.page-template-casestudy-detail .sub-headbreadcrumbs,
.sub-headbreadcrumbs {
padding-top: 120px
}
.subheader-maintitle {
font-size: 25px
}
.section-column-bg {
margin-bottom: 15px
}
.attachment,
.margin-topniv .col.col-1of4 {
width: 100%!important
}
.faqs .flex-direction-nav {
bottom: 70px;
position: relative
}
.area-banner .wrapper-33 {
width: 95% !important;
background: rgba(255, 255, 255, 0.6);
margin: 0 auto !important;
}.area-banner .wrapper-33 .padded-content {
padding: 30px 9% !important;
width: 82% !important;
}.servicecategories_inner .thumbnail {
width: 100% !important;
height: 300px !important;
}.servicecategories_inner .content {
width: 100% !important;
padding: 15px 0 !important;
height: auto;
}section#service_categories .one_half {
width: 100% !important;
height: auto !important;
}
}
.shell .col.col-1of4 {
box-sizing: border-box;
float: left;
padding: 0 10px;
vertical-align: top;
width: 25%
}
.section-body.animated.animated-left.animated-in.margin-topniv {
margin-top: -130px;
position: relative;
z-index: 99
}
.margin-topniv .tile {
min-height: auto;
margin-bottom: 30px
}
.Proficiency2 .flex-direction-nav {
position: absolute;
top: 50px;
width: 100%!important
}
.page-subheader.christmas-page .kl-bg-source__overlay {
background: url(../images/Christmas.jpg) no-repeat rgba(0, 0, 0, 0)
}
.top-banner img {
max-width: 100%
}
.Wordpress-features>li:nth-child(2n+2) {
background: url(../images/star-chri-black.png) 18px 8px no-repeat #eee
}
.Wordpress-features li {
background: url(../images/star-chri-black.png) 18px 8px no-repeat rgba(0, 0, 0, 0);
border-bottom: 1px solid #ddd;
display: block;
font-size: 17px;
padding: 10px 15px 10px 50px
}
.page-subheader.christmas-page {
min-height: 470px
}
.list-content h1 {
background: url(../images/website_chrismas.png) 0 0/100% 95% no-repeat rgba(0, 0, 0, 0);
color: #fff;
font-size: 28px;
font-weight: 700;
padding-left: 20px;
padding-top: 2px
}
.list-content .span5 span {
background: url(../images/price-s.png) no-repeat rgba(0, 0, 0, 0);
color: #000;
line-height: 92px;
position: absolute;
right: 25px;
text-align: center;
top: -20px;
width: 91px
}
.span5.magento>h1 {
background: url(../images/eco-chrismas.png) 0 0/100% 95% no-repeat rgba(0, 0, 0, 0)
}
.bor {
background: url(../images/star-bg.png) no-repeat rgba(0, 0, 0, 0);
border: 8px solid #fff;
padding: 30px 15px
}
#mc_embed_signup {
background: #f9f9f9!important;
border-bottom: 8px solid #ddd;
margin: 40px auto 0;
max-width: 600px
}
#mc_embed_signup h2 {
color: #666665;
font-size: 28px!important;
margin: 5px 0 -10px!important
}
#mc_embed_signup .button {
background-color: red!important;
font-family: Montserrat;
font-size: 18px;
font-weight: 400;
height: auto!important;
line-height: 40px!important
}
#mc_embed_signup .mc-field-group label {
color: #a9a9a9;
display: block;
font-family: aw-conqueror-carved-one, Arial!important;
font-size: 16px;
margin-bottom: 0!important
}
#mc_embed_signup .indicates-required {
color: #a9a9a9;
font-size: 13px!important
}
.page-id-3240 .post_content a,
.thanks a {
color: red
}
.wpcf7-form-control.wpcf7-mathcaptcha {
width: 80px
}
.page-id-3240 dd,
.page-id-3240 td,
.page-id-3240 th,
.page-id-3240 tr {
border: 1px solid #ccc;
padding:10px;
font: small;
vertical-align: middle
}
.page-id-3240 .post_content ul li {
list-style: disc;
margin-top: 8px
}
.page-id-3240 th {
font-weight: 600
}
.page-id-3240 .post_content>ul {
padding-left: 15px
}
.thanks {
background: #fff;
border-radius: 5px;
box-shadow: 0 0 8px #ccc;
margin: 0 auto;
max-width: 700px;
position: relative
}
.thanks a {
border-bottom: 1px solid
}
.page-id-3243 #body {
padding: 5% 0;
position: relative;
z-index: 999;
background: url(../images/thanks-img-bg.jpg) rgba(0, 0, 0, 0)
}
.bg-like {
background: #e80b10;
border-radius: 5px 5px 0 0;
padding: 4% 0;
text-align: center
}
.thanks-yous>h2 {
color: red;
font-family: -moz-fixed;
font-size: 60px;
letter-spacing: -3px;
padding-top: 0
}
.thanks-yous {
font-size: 19px;
line-height: 30px;
padding: 28px;
text-align: center
}
.inc-logo img {
display: block;
margin-top: 15%;
width: 150px
}
.wpcf7-form-control.wpcf7-captchar {
padding: 2px 10px;
background: rgba(255, 255, 255, .7)!important
}.page-id-3386 strong {font-size: 30px;
display: block;
margin-bottom: 10px; letter-spacing:0;
font-family: proxima-nova;
}
.page-id-3386 .contain-data p{letter-spacing: 0.5px;
line-height: 23px;
font-size:17px;}
.page-id-3386 br{display: none;}
.btnanlis a {
background: #e70404 none repeat scroll 0 0; color:#fff !important;
display: block;font-size:22px;font-family: proxima-nova;
padding:8px 18px; margin-bottom:30px;
display: inline-block;
text-align: center;
}.about_topbanner {
width: 100%;
display: block;
background: url('../images/banner_bg.png');
overflow: hidden;
padding: 30px 0;
}.breadcrumps {
padding-bottom: 15px;
}.breadcrumps span {
display: block;
letter-spacing: -2px;
color: white;
font-size: 14px;
}.breadcrumps span a:first-child {
margin-left: 0;
}.breadcrumps span em {
color: white;
letter-spacing: 2px;
margin-left: 5px;
}.breadcrumps span {
display: block;
letter-spacing: -2px;
color: white;
font-size: 14px;
}.area-banner {
float: left;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dfdfdf;
background-image: auto !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: top center !important;
background-attachment: fixed;
}.area-banner .wrapper-33 {
width: 33.33%;
background: white;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}.area-banner .wrapper-33 .padded-content {
padding:40px 9%;
width: 82%;
}.padded-content p {
font-size: 17px; color:#000;
line-height:28px;
}.subservices {
padding: 20px 0 50px;
text-align: center;
}section#service_categories .subservices .one_half:nth-child(2n+1) {
border-right: 1px solid #c7c7c7;
}section#service_categories .subservices .one_half {
height: 470px;
display: block;
padding: 25px 25px 50px;
border-bottom: 1px solid #C7C7C7;
}section#service_categories .subservices .one_half img {
width: auto;
height: 250px;
max-width: 100%;
margin-bottom: 25px;
}.subservices h4 {
font-size:30px;
margin: 0;font-family:proxima-nova;
padding: 0 0 15px;
line-height: 45px;
font-weight: 300;
color: #e70404;
}section#service_categories span {
line-height: 28px;
padding-bottom: 60px;
display: inline-block;
font-size: 16px;
letter-spacing: 1px;
color: #384558;
}section#service_categories .subservices .one_half:nth-last-child(-n+2) {
border-bottom: none;
}
@font-face{font-family:'proxima-nova';
src:url('../fonts/proxima-nova.otf');}
@font-face{font-family:'ProximaNova-Bold';
src:url('../fonts/ProximaNova-Bold.otf');}
@font-face{font-family:'Proxima-Nova-Regular';
src:url('../fonts/Proxima-Nova-Regular.otf');}
@font-face{font-family:'ProximaNova-Light';
src:url('../fonts/ProximaNova-Light.otf');}
section#service_categories .one_half {
width: 50%;
display: table;
float: left;
padding: 0 25px;
box-sizing: border-box;
height: 450px;
}.area .bmask-bgfill{ display:none !important;}
.servicecategories_inner {
width: 100%; float:left;
background: #fff;
background: -moz-linear-gradient(top, #efefef 0%, #ffffff 10%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(10%, #ffffff));
background: -webkit-linear-gradient(top, #efefef 0%, #ffffff 10%);
background: -o-linear-gradient(top, #efefef 0%, #ffffff 10%);
background: -ms-linear-gradient(top, #efefef 0%, #ffffff 10%);
background: linear-gradient(to bottom, #efefef 0%, #ffffff 10%);
height: 600px;}
.servicecategories_inner .thumbnail {
width: 50%;
float: left;
height: 600px;
background-size: cover !important;
background-position: center center !important;
}
.servicecategories_inner:nth-child(2n) .thumbnail {
float: right;
}
.servicecategories_inner .content {
width: 50%;
float: left;
display: table;
height: 600px;
}.servicecategories_inner .content .inner {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0 20px;
}section#service_categories .servicecategories_inner .content .inner h2 {
font-weight: bold;
color:#e70404;
display: block;
padding-bottom: 10px;
font-size:33px;
letter-spacing: 1px;
line-height: 30px;
}section#service_categories .servicecategories_inner .content .inner p {
line-height:1.5;
display: inline-block;
font-size:18px;
letter-spacing:0.5px;
}.padded-content h1 {
font-size: 24px;
line-height: 30px; padding:0;
color: #E2296D;
font-weight: normal;
margin-bottom: 8px;
}
.page-id-3487 section#service_categories .subservices .one_half img {
height: auto;
margin: 25px 0;}
.aria-seriv{float: left;
width: 100%;background: rgba(19, 115, 199, .8);
text-align: center;
padding: 5% 0;}
.aria-seriv a{padding:15px 25px;
border: 2px solid #fff;
font-size: 25px;
text-transform: uppercase;
font-family: proxima-nova,sans-serif,Arial;
color: #fff;}
.adre-info{font-family:Proxima-Nova-Regular !important;line-height:30px;font-size:18px;float:left;color:#fff;width:33%;}
.contact-detail-widget .adre-info i{color:#fff;font-size:70px;float:left; margin-right:10px;line-height: 65px;}
.adre-info strong{display:block;font-size:25px;padding-top: 5px;font-family:proxima-nova !important;}
.adre-info a{color:#fff;}
.conct-deails{padding-left:10%;}
.callout-inside .normal-case.pt20, #content-section5 .content-section-title, #content-section5 .normal-case, .client-view1 .content-section-title, #content-section7 .content-section-title, #content-section8 .content-section-title, #newsletter .widgettitle
{letter-spacing:0 !important;font-family:proxima-nova !important;text-transform:none !important;font-size:32px !important;}
#content-section8 .article-list-item h4 a{font-family:Proxima-Nova-Regular !important;font-size:20px;font-weight:400; line-height:25px; display:block;}
#newsletterwidget-2 .tnp-submit{font-family:proxima-nova !important;}
.home-services .btns{ text-transform:capitalize !important;}
.vm .btn-main{padding: 10px 12px;font-family: proxima-nova;
font-size: 22px;text-transform:none;}
.page-id-670 .callout-buttons.content .button{background:red;
font-family: proxima-nova !important;
color: #fff !important; border:none;
font-size: 22px !important; text-transform:none !important;
padding: 10px 12px !important;}
.page-id-670 #content-section2 .callout-buttons.content .button{border:2px solid;background:none;}
.page-id-670 .callout-buttons.content .button:hover{background:red;
font-family: proxima-nova !important;
color: #fff !important; border:none;
font-size: 22px !important; text-transform:none !important;
padding: 10px 12px !important;}
.em-go .fa{font-size: 50px;
margin-top: 5px;}
.page-id-3240 h3{font-size:33px;font-family:proxima-nova !important;}
.page-id-3240 p{font-family: Proxima-Nova-Regular; line-height:1.5}
#cookie-notice {font-size: 16px !important;font-family: Proxima-Nova-Regular !important;}
#cookie-notice .button.bootstrap{ background:#F00 !important; border:none !important;}
.milestones-box .widget-column1-2{width:20%;float:left;}
.dmca-badge{display:block;}
.milestones-box .flexslider .slides > li {width: 150px !important;background: #fff;padding:18px 20px;}
.milestones-box .flex-viewport{max-width: 1040px;margin: 0 auto;}
.lo{display: block;
font-size: 18px;
font-family: Proxima-Nova-Regular !important;
font-weight: 400;
vertical-align: top;
letter-spacing: 1px;}
.page-sc-could{ float:left; width:100%;padding:4% 0 2%;}
.page-sc-could p{ line-height:26px;letter-spacing: 0.5px;}