html:not(.js) #contact-map,
html:not(.js) .nectar-google-map{
display:none
}
#contact-map{
width:100%;
height:370px;
margin-bottom:30px
}
body.page-template-template-contact[data-header-resize="1"] .container-wrap {
padding-top: 0;
}
.gm-style-iw{
color:#777
}
#contact-map div,
.nectar-google-map div {
box-sizing:content-box;
-webkit-box-sizing:content-box
}
.wpb_wrapper > .nectar-google-map,
.nectar-google-map{
margin-bottom:0
}
.nectar-google-map img{
max-width:none!important
}
.wpb_column.centered-text .nectar-google-map img {
display: block;
}
body[data-bg-header="true"] #contact-map{
margin-top:-30px
}
.contact-info{
padding-left:20px
}
body.page-template-template-contact-php .page-header-no-bg .col.section-title{
border-bottom:0
}
body.page-template-template-contact-php #page-header-bg{
margin-bottom:0
}
.gm-style .gm-style-iw,
.gm-style .gm-style-iw a,
.gm-style .gm-style-iw span,
.gm-style .gm-style-iw label,
.gm-style .gm-style-iw div{
font-family:arial;
letter-spacing:0;
line-height:20px
}
.nectar-google-map .animated-dot,
.nectar-leaflet-map .animated-dot {
width:20px;
height:20px;
left:-9px;
top:-5px;
position:relative
}
.nectar-google-map .animated-dot .middle-dot,
.nectar-leaflet-map .animated-dot .middle-dot {
width:16px;
height:16px;
border-radius:30px;
position:absolute;
left:2px;
top:2px;
transform-origin:50% 50%;
animation-fill-mode:forwards;
animation-iteration-count:infinite
}
.nectar-google-map[data-dark-color-scheme="1"] .animated-dot .middle-dot:after{
width:100%;
height:100%;
display:block;
position:absolute;
left:0;
top:0;
content:' ';
background-color:#fff;
border-radius:30px;
z-index:100;
opacity:0;
animation:animationSignal2 cubic-bezier(0,.55,.55,1) 2s;
transform-origin:50% 50%;
animation-fill-mode:forwards;
animation-delay:0.78s;
animation-iteration-count:infinite
}
.nectar-google-map .animated-dot .signal,
.nectar-leaflet-map .animated-dot .signal {
width:180px;
pointer-events:none;
height:180px;
border-radius:200px;
position:absolute;
left:-80px;
top:-80px;
opacity:0;
-webkit-animation:animationSignal cubic-bezier(0,.55,.55,1) 2s;
animation:animationSignal cubic-bezier(0,.55,.55,1) 2s;
transform-origin:50% 50%;
animation-fill-mode:forwards;
animation-delay:0.78s;
animation-iteration-count:infinite
}
.nectar-google-map .animated-dot .signal2,
.nectar-leaflet-map .animated-dot .signal2 {
width:180px;
height:180px;
pointer-events:none;
border-radius:200px;
position:absolute;
left:-80px;
top:-80px;
opacity:0;
-webkit-animation:animationSignal cubic-bezier(0,.55,.55,1) 2s;
animation:animationSignal cubic-bezier(0,.55,.55,1) 2s;
transform-origin:50% 50%;
animation-fill-mode:forwards;
animation-delay:1s;
animation-iteration-count:infinite
}
.nectar-leaflet-map .nectar-leaflet-pin {
width: 34px;
height: 34px;
font-size: 0;
border: 10px solid #3452ff;
border-radius: 50% 50% 50% 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: relative;
background-color: #fff;
}
.nectar-leaflet-map:not([data-marker-style="nectar"]) .leaflet-marker-icon:before {
background-image: url(//seamless.se/wp-content/themes/seamless-theme/img/icons/leaflet/marker-shadow.png);
position: absolute;
z-index: -1;
display: block;
top: 2px;
left: 9px;
width: 41px;
height: 41px;
content: '';
-webkit-transform: rotate(13deg);
transform: rotate(13deg);
}
.nectar-leaflet-map .leaflet-marker-icon {
overflow: visible;
background-color: transparent;
border: none;
}
.nectar-leaflet-map[data-greyscale="1"] > .leaflet-map-pane .leaflet-tile-container {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
@-webkit-keyframes animationSignal{
0%{
opacity:0;
transform: scale(0.00)
}
1%{
opacity:0.25
}
20%{
opacity:0.25
}
60%{
transform: scale(1);
opacity:0
}
}
@-webkit-keyframes animationSignal2{
0%{
opacity:0
}
1%{
opacity:0.2
}
20%{
opacity:0.17
}
60%{
opacity:0
}
}
@keyframes animationSignal{
0%{
opacity:0;
transform: scale(0.00)
}
1%{
opacity:0.25
}
20%{
opacity:0.25
}
60%{
transform: scale(1);
opacity:0
}
}
@keyframes animationSignal2{
0%{
opacity:0
}
1%{
opacity:0.2
}
20%{
opacity:0.17
}
60%{
opacity:0
}
}.clients.two-cols >div{
width:49.4%
}
.clients.two-cols.no-carousel >div{
width:48.4%
}
.clients.two-cols >div:nth-child(2n+2){
margin-right:0
}
.clients.carousel.two-cols >div{
margin:0 10px
}
.clients.three-cols >div{
width:32.6%
}
.clients.three-cols.no-carousel >div{
width:31.6%
}
.clients.three-cols >div:nth-child(3n+3){
margin-right:0
}
.clients.carousel.three-cols >div{
margin:0 10px
}
@media only screen and (min-width: 1000px) {
.clients.no-carousel.three-cols > div:nth-child(3n+4) {
clear: both;
}
}
@media only screen and (min-width: 690px) {
.clients.no-carousel.four-cols > div:nth-child(4n+5) {
clear: both;
}
.clients.no-carousel.five-cols > div:nth-child(5n+6) {
clear: both;
}
.clients.no-carousel.six-cols > div:nth-child(6n+7) {
clear: both;
}
}
.clients.four-cols >div{
width:24.2%
}
.clients.four-cols.no-carousel >div{
width:23.2%
}
.clients.four-cols >div:nth-child(4n+4){
margin-right:0
}
.clients.carousel.four-cols >div{
margin:0 10px
}
.clients.five-cols >div{
width:19.2%
}
.clients.five-cols.no-carousel >div{
width:18.2%
}
.clients.five-cols >div:nth-child(5n+5){
margin-right:0
}
.clients.carousel.five-cols >div{
margin:0 10px
}
.clients.six-cols >div{
width:15.8%
}
.clients.six-cols.no-carousel >div{
width:14.8%
}
.clients.six-cols >div:nth-child(6n+6){
margin-right:0
}
.clients.carousel.six-cols >div{
margin:0 10px
}
.clients >div{
float:left;
transition:opacity 0.2s linear;
-webkit-transition:opacity 0.2s linear;
margin-right:2%;
margin-bottom:2%;
opacity:1
}
.clients.fade-in-animation >div{
opacity:0;
-webkit-transition:none;
transition:none;
}
.clients.fade-in-animation.completed >div{
-webkit-transition:opacity 0.2s linear;
transition:opacity 0.2s linear;
-webkit-backface-visibility:hidden
}
.clients:not(.fade-in-animation) >.no-link:hover,
.clients.fade-in-animation.completed >.no-link:hover{
opacity:1!important
}
.clients:not(.fade-in-animation) >div:hover,
.clients.fade-in-animation.completed >div:hover{
opacity:0.7!important
}
.clients >div img{
display:block;
max-width:100%;
margin:0 auto
}
.row.carousel.clients {
display: flex;
align-items: center;
}
.clients.no-carousel:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden
}
.clients.no-carousel {
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
-ms-flex-flow: row wrap;
flex-wrap: wrap;
}
.clients.no-carousel > div {
float: none;
}
.clients[data-additional_padding="2"].no-carousel > div,
.clients[data-additional_padding="3"].no-carousel > div,
.clients[data-additional_padding="4"].no-carousel > div,
.clients[data-additional_padding="2"].no-carousel > div img,
.clients[data-additional_padding="3"].no-carousel > div img,
.clients[data-additional_padding="4"].no-carousel > div img {
margin: 0;
}
.clients[data-additional_padding="2"].no-carousel >div {
padding: 2%;
}
.clients[data-additional_padding="3"].no-carousel >div {
padding: 3%;
}
.clients[data-additional_padding="4"].no-carousel >div {
padding: 3% 5%;
}
.clients[data-he="greyscale_to_color"] > div img{
transition: filter 0.45s cubic-bezier(0.3, 0.4, 0.1, 1), opacity 0.45s cubic-bezier(0.3, 0.4, 0.1, 1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.55;
}
.clients[data-he="greyscale_to_color"] > div:hover img{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.clients img.nectar-lazy {
opacity: 0;
transition: opacity 0.5s ease;
}
.clients img.nectar-lazy.loaded {
opacity: 1;
}
@media only screen and (min-width : 690px) and (max-width : 999px) {
body .clients.no-carousel > div,
body .clients.four-cols.no-carousel >div {
width: 24.2%;
margin-right: 1%;
}
body .clients.no-carousel.six-cols > div {
width: 15.8% ;
margin-right: 1%;
}
body .clients.no-carousel.five-cols  > div {
width: 19.2%;
margin-right: 1%;
}
body .clients.no-carousel > div:nth-child(4n+4) {
margin-right: 0;
}
body .clients.carousel > div {
margin: 0 5px;
}
}
@media only screen and (max-width : 690px) {
body .clients[class*="col"].no-carousel > div {
margin-right: 1%;
width: 49.4%;
}
body .clients[class*="col"].no-carousel > div:nth-child(2n+2) {
margin-right: 0;
}
body .clients[class*="col"].carousel > div {
margin: 0 5px;
width: 150px;
}
body .clients.carousel.phone > div {
width: 150px;
}
.clients[data-additional_padding="2"].no-carousel  >div {
padding: 2% 4% 2% 4%;
}
.clients[data-additional_padding="3"].no-carousel  >div {
padding: 3% 6% 3% 6%;
}
.clients[data-additional_padding="4"].no-carousel  >div {
padding: 5% 10% 5% 10%;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1600px) {
.full-width-content .vc_span8 .clients.five-cols.carousel > div,
.full-width-content .vc_col-sm-8 .clients.five-cols.carousel > div {
width: 33%;
}
}
@media only screen and (min-width: 990px) and (max-width: 1300px) {
.full-width-content .vc_span8 .clients.six-cols > div,
.full-width-content .vc_col-sm-8 .clients.six-cols > div {
width: 32.3%;
}
.full-width-content .vc_span8 .clients.no-carousel.six-cols > div:nth-child(3n+3),
.full-width-content .vc_col-sm-8 .clients.no-carousel.six-cols > div:nth-child(3n+3) {
margin-right: 0;
}
.full-width-content .vc_span8 .clients.five-cols.carousel > div,
.full-width-content .vc_col-sm-8 .clients.five-cols.carousel > div {
width: 40%;
}
}.carousel-outer{
overflow:hidden;
margin-right:2px
}
body[data-ajax-transitions="true"] .row.carousel{
opacity:1
}
.carousel-heading{
z-index:100;
position:relative;
margin-bottom:7px;
min-height:23px
}
.carousel-heading h2{
font-weight:700;
text-transform:uppercase;
letter-spacing:2px;
font-size:12px;
margin-left:10px;
margin-bottom:7px
}
.carousel-wrap .item-count{
font-size:12px
}
.carousel-wrap[data-full-width="false"] .carousel-heading h2{
font-size:12px
}
html:not(.js) .carousel-heading{
display:none
}
.carousel-wrap[data-ctc="light"] .carousel-heading h2,
.ascend .carousel-wrap[data-ctc="light"] .carousel-next i,
.ascend .carousel-wrap[data-ctc="light"] .carousel-prev i,
.carousel-wrap[data-ctc="light"] .item-count,
.carousel-wrap[data-full-width="true"][data-ctc="light"] .carousel-heading i{
color:#fff
}
.recent-work-carousel[data-ctc="light"][data-full-width="true"] .carousel-heading{
background-color:#252525
}
.caroufredsel_wrapper,
.carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a,
.woocommerce .products-carousel ul.products .product a{
cursor:grab!important;
cursor:-moz-grab!important;
cursor:-webkit-grab!important;
margin:0!important
}
.caroufredsel_wrapper.active,
.carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item .work-info .active,
.woocommerce .products-carousel ul.products .product a.active{
cursor:grabbing!important;
cursor:-moz-grabbing!important;
cursor:-webkit-grabbing!important
}
body .carousel-wrap{
position:relative;
overflow:hidden;
margin:0 -10px 0 -10px
}
body .full-width-section .carousel-wrap{
margin-bottom:0
}
.carousel-wrap[data-full-width="true"]{
padding:0 18px;
}
.carousel-wrap[data-full-width="true"] .carousel-heading{
background-color:#f8f8f8;
padding:43px 0 40px 0;
margin-bottom:0;
text-align:center
}
body .carousel-wrap[data-full-width="true"] .carousel-heading h2{
font-size:24px;
line-height:36px;
letter-spacing:0.5px;
margin:0 auto;
max-width:900px;
text-transform:none;
font-family:'Open Sans';
font-weight:300
}
.carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link,
.carousel-wrap[data-full-width="true"] .carousel-heading .carousel-prev,
.carousel-wrap[data-full-width="true"] .carousel-heading .carousel-next {
top:8px!important
}
.carousel-wrap[data-full-width="true"] .carousel-heading a{
background-color:transparent
}
.carousel-wrap[data-full-width="true"] .carousel-heading i{
background-color:transparent;
color:#888;
font-size:30px;
line-height:28px;
transition:color 0.2s ease 0s
}
body .carousel-wrap[data-full-width="true"] .carousel-heading .container{
min-height:40px
}
body[data-smooth-scrolling="0"] .carousel-wrap[data-full-width="true"]{
padding:0
}
.carousel-wrap .work-item.style-2,
.carousel-wrap[data-full-width="true"]{
margin-bottom:0;
}
.carousel-wrap[data-full-width="true"] .span_4.no-margin {
margin: 0;
}
.full-width-content .caroufredsel_wrapper{
overflow:visible!important
}
.carousel-wrap .carousel-heading{
padding:0
}
html:not(.js) .carousel-wrap{
display:none
}
.carousel-wrap .left-border,
.carousel-wrap .right-border{
width:10px;
display:block;
height:100%;
position:absolute;
top:0;
z-index:100;
background-color:#f8f8f8
}
.carousel-wrap .left-border{
left:0
}
.carousel-wrap .right-border{
right:0
}
.carousel-next,
.carousel-prev{
background-color:#dadada;
cursor:pointer;
display:block;
margin-left:5px;
line-height:22px;
-webkit-transition:all 0.2s linear 0s;
transition:all 0.2s linear 0s;
background-repeat:no-repeat;
position:absolute;
top:0;
height:20px;
width:20px;
-webkit-border-radius:1px;
border-radius:1px;
text-align:center
}
.carousel-wrap[data-full-width="true"] .carousel-next,
.carousel-wrap[data-full-width="true"] .carousel-prev{
height:28px;
width:44px
}
.carousel-wrap[data-full-width="true"] .carousel-next{
text-align:right
}
.carousel-wrap[data-full-width="true"] .carousel-prev{
text-align:left
}
.carousel-next{
right:0;
padding-left:1px
}
.carousel-prev{
right:25px;
padding-right:1px
}
.carousel-wrap[data-full-width="false"] .control-wrap{
position:absolute;
right:0;
top:0
}
.carousel-next i,
.carousel-prev i,
.carousel-wrap .carousel-next i,
.carousel-wrap .carousel-prev i{
background-color:transparent;
line-height:24px;
font-size:14px
}
.carousel-prev:hover, .carousel-next:hover{
background-color:#000
}
ul.row.carousel{
opacity:0
}
#ajax-content-wrap .carousel-wrap[data-full-width="true"] .span_4.no-margin
.carousel-wrap[data-full-width="true"] .span_4.no-margin{
margin:0
}
.carousel-wrap[data-full-width="true"].default-style{
padding:0 20px!important
}
.carousel-wrap[data-full-width="true"] .work-meta{
padding:0 15px
}
.carousel-wrap[data-full-width="true"].default-style .work-meta,
.carousel-wrap[data-full-width="true"]{
padding:0!important
}
body .carousel .span_4,
body .portfolio-items.carousel .span_4{
margin:0 10px 0 10px
}
.carousel-wrap[data-full-width="true"].default-style .span_4{
margin:0 15px 0 15px
}
.carousel .span_4 .clear{
padding-bottom:0;
margin-bottom:0
}
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
.carousel-next {
right: 0;
padding-left: 1px;
}
.carousel-prev {
right: 25px;
padding-right: 1px;
}
body .carousel-wrap[data-full-width="true"] .carousel-heading h2 {
max-width: 720px;
}
}
@media only screen and (min-width : 690px) and (max-width : 999px) {
.carousel-next {
right: 1px;
padding-left: 1px;
}
.carousel-prev {
right: 25px;
padding-right: 1px;
}
}
@media only screen and (max-width : 690px) {
.carousel-next {
right: 1px;
padding-left: 1px;
}
.carousel-prev {
right: 25px;
padding-right: 1px;
}
}
@media only screen and (min-width : 1px) and (max-width : 999px) {
.carousel-wrap[data-full-width="true"] {
padding: 0!important;
}
.carousel-heading h2 {
max-width: 83%;
font-size: 11px;
}
.carousel-wrap[data-full-width="true"] {
padding: 0 9px;
}
body .carousel-wrap[data-full-width="true"] .carousel-heading h2 {
font-size: 16px;
top: 3px;
}
body .carousel-wrap[data-full-width="true"] .controls {
display: block;
height: 30px;
position: relative;
margin-bottom: 10px;
width: 130px;
margin: 0 auto;
margin-top: 25px;
}
body .carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link,
body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-prev,
body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-next {
top: 0!important;
}
body .carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link {
margin: 0 auto;
position: relative;
}
body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-prev {
left: 0;
margin-left: 0;
text-align: left;
}
body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-next {
right: 0;
}
div[data-full-width="false"] .carousel-heading h2 {
font-size: 12px;
}
}
@media only screen and (min-width: 480px) and (max-width: 690px) {
body .carousel-wrap[data-full-width="true"] .portfolio-items .work-meta {
width: 66%;
}
body .carousel-wrap[data-full-width="true"] .portfolio-items .work-meta {
font-size: 10px;
}
}